How To Create Texture Gradients - Illustrator Tutorial

Поділитися
Вставка
  • Опубліковано 2 січ 2025

КОМЕНТАРІ •

  • @pujovski
    @pujovski 8 років тому +655

    TIP FOR EVERYONE: change the white color of the gradient to the color of the object you are trying to put the texture on and change the black color of the gradient to a darker version of the same color from the object you are trying to put the texture on. It would look awesome that way! Anyway - cool video :)

    • @zimrimayfield
      @zimrimayfield  8 років тому +29

      Thanks for the tip man! :D

    • @TheBenjaboyy
      @TheBenjaboyy 6 років тому +1

      Thanks

    • @danny_jose
      @danny_jose 6 років тому +2

      Hey , Why do I still get black grains ?

    • @sajjadalijanbaz
      @sajjadalijanbaz 6 років тому +21

      Yeah but if you use "stippled" the gradient will be converted to black n white

    • @floriantenerife
      @floriantenerife 6 років тому +2

      Dude this is what I was looking for! THX

  • @elgrandefuzz
    @elgrandefuzz 8 років тому +350

    Hey! I've been researching some grain techniques for a while now and this is a simple - but very effective - way to do it, well done! I do have to point out a little detail I usually do that's different from your process: instead of copying the shapes on top of each other, I use a new fill (in the Appearance panel) on each object to do the gradient part. You can select this item and use blending modes, opacity and, most importantly, textures without altering the base-colour fill. This is important to me since I use A LOT of different shapes in the same illustration and if I have to move them around I don't have to worry about the texture or the colour being left behind :) Either way, awesome tutorial, congratulations man!

    • @zimrimayfield
      @zimrimayfield  8 років тому +17

      Awesome tip Miguel, thanks so much man! :)

    • @johnmichaelramirez8637
      @johnmichaelramirez8637 8 років тому +1

      Miguel Praça hey can u do some vids on how to do it? im beginner here in using texture

    • @elgrandefuzz
      @elgrandefuzz 7 років тому +15

      Hey John! I can't do any tutorials due to time constrains, but I'll try to come up with something in the future. If you're interested in this kind of texture I advise you to search for something like "Art Deco Textures" - there's a pretty good step-by-step somewhere if I recall correctly. I have come to the conclusion that the kind of texture I was looking for is best made with scatter / noise brushes in photoshop, but you'll have to experiment for yourself until you're satisfied :)

    • @johnmichaelramirez8637
      @johnmichaelramirez8637 7 років тому +1

      thanks mate!

    • @mattving61
      @mattving61 7 років тому

      forget my post! This is the way to do it!

  • @108mmbb
    @108mmbb 7 років тому +158

    I find changing the Transparency mode to multiply usually works best and then lowering the opacity. Big help though thanks!

    • @CarlosBehrens3D
      @CarlosBehrens3D 7 років тому

      Yeah thats right. Sometimes opacity works better. I have even lowered both and got great results

    • @SergioLopez-gg1ty
      @SergioLopez-gg1ty 5 років тому

      i was about to say the same thing! multiply works so much better in this case

  • @bradleyconners657
    @bradleyconners657 6 років тому +4

    Not only did I learn how to gradient, I also learned the correct usage of the gradient tool. Thanks a million, mate.

  • @BarrettRogers
    @BarrettRogers 7 місяців тому +5

    thank you for making a point to teach shortcuts - not enough tutorials do that and i feel it's one of the more important things to keep an efficient workflow...i literally change shortcuts for my workflow.

  • @mborok
    @mborok 6 років тому +4

    Try the pointillize or mezzotint filters under the pixellate menu instead of grain. Grain converts everything to black and white, while pixellate and mezzotint keep the colors (mezzotint introduces black dots also, but setting the blend mode to overlay seems to help). Also, to get a gradient that follows the outline of an irregular shape, add a stroke around the object and apply your gradient to that. As a bonus, you can 1) use the width tool to change the shape of the gradient and 2) convert the stroke into a gradient mesh for more control over the colors.

  • @justfluff6436
    @justfluff6436 4 роки тому +3

    I never knew how designers were adding that stippling effect with shading and now I finally know thanks to you!

  • @luiscovilla6112
    @luiscovilla6112 7 років тому +12

    Sr, you deserve to the last cent of AdSense that you had won over this! Please keep it up with this nice work!

  • @utbaaziz1891
    @utbaaziz1891 6 років тому +3

    Thank God, There is a tutorial about texture gradient. I've searched this for a long time. Great tutorial. Thnaks man

  • @BladesOfMunch
    @BladesOfMunch 8 років тому +1

    Finally! A simple, fast technique! Thanks Zims!

    • @zimrimayfield
      @zimrimayfield  8 років тому

      Yeah! No problem, super happy it helped :D

  • @Pigeonbread69
    @Pigeonbread69 4 роки тому

    You sound like the greatest guy to be around, it's almost like I can hear you smiling! Thank you for the informative video, I really appreciate it

  • @mo_velo
    @mo_velo 8 років тому

    I was looking for how to do this everywhere and it turns out it's as simple as a texture effect right there on illustrator... you're the best dude, thanks

  • @andydew5
    @andydew5 6 років тому +1

    By far the most entertaining/engaging tutorials I've come across! 🙌🏼

  • @Velor5
    @Velor5 7 років тому +2

    This is one of those tips that look pro with the least amount of effort, nice tut man

    • @zimrimayfield
      @zimrimayfield  7 років тому +1

      haha yaaas!! : ) Thanks Man, glad it was helpful!

  • @agnieszkaskrzypiec8012
    @agnieszkaskrzypiec8012 4 роки тому +2

    Your energy is awesome! It made my day :) Your tips make the design process much simpler and faster. Keep on what you are doing. Great work!

  • @prasadesignn
    @prasadesignn 8 років тому +1

    whoa!! i have been making vector illustration for years and i dint know this option existed in illustrator!! thans! you are awesome! :D

    • @zimrimayfield
      @zimrimayfield  8 років тому

      Hey, that's so cool, you're probably a master :) I'm super glad it helped !

  • @sairmusicofficial
    @sairmusicofficial 6 років тому

    One of the funniest tuts ever, you are high dude...legit!

  • @LynnChang100
    @LynnChang100 4 роки тому

    Zimri - you are super cool, fun and just an incredible instructor. You make it fun! LOVE.

  • @RobinPopa
    @RobinPopa 8 років тому +1

    The most interesting tutorial I've seen ever. Not because of the lesson, I mean yeah that's cool too, thanks for sharing but it's just the way you talk...so entertaining ;)

    • @zimrimayfield
      @zimrimayfield  8 років тому

      haha thanks so much, i'm super glad you enjoyed the tutorial! :)

  • @Batallo
    @Batallo 8 років тому +1

    Thanks man! Just started school and using Illustrator a lot. Appreciate your time doing these videos.

    • @zimrimayfield
      @zimrimayfield  8 років тому

      No problem! I'm so happy the videos are helping you. Go own those school projects!

  • @pablomora3233
    @pablomora3233 8 років тому +1

    The quality of my illustrations really went up with this tutorial! Many sincere thanks! :D

  • @avrilcheongg9232
    @avrilcheongg9232 7 років тому +1

    hey, this was super helpful. i also found that changing the normal mode to multiply after adding grain helps to blend in better as well. anyway kudos! this was a really simple but great tutorial

    • @zimrimayfield
      @zimrimayfield  7 років тому +1

      Hey Avril, glad it helped! ohh coool, i've been trying different blend modes as well : )Thanks for the tip!

  • @JackSather
    @JackSather 6 років тому +17

    "Repetition makes perfection!... dangit didn't even rhyme." laughed so hard hahah

  • @danifrim
    @danifrim 4 роки тому +1

    Liked, loved and subscribed. Came for the tutorial, stayed for your awesome personality, I love it 😂

  • @malvikatewari91
    @malvikatewari91 7 років тому

    You ARE the highness with the flyness! Great tutorial.

  • @ashleysanpedro8860
    @ashleysanpedro8860 8 років тому

    I'm a visual design student and you explain things clearer!! Thank god i discovered your channel haha

  • @fede7449
    @fede7449 7 років тому

    glat to found someone who makes the video entertaining, thanks!

  • @laurakarklina9017
    @laurakarklina9017 8 років тому +1

    Thank you so much! I have been trying to find a video how to make gradient grain for ages on UA-cam! You saved my life!

    • @zimrimayfield
      @zimrimayfield  8 років тому

      Glad to save your life Laura :P haha nah i'm happy it helped :)

  • @WhoisLens
    @WhoisLens 6 років тому +1

    Duuude in love with this channel your commentary is amazing, on point super funny, 10/10 thanks for sharing this worthy knowledge.

  • @Nekito-
    @Nekito- 7 років тому

    Awesome, you know why? Because you not only explain it perfectly, you do it with energy, with desire of teaching and you don't waste time on stuff that, in this level, we already know. For example: Start explaining how to create a new file.

  • @jeremydailey
    @jeremydailey 8 років тому

    Dude I'm very happy I stumbled across this video, excellent tutorial. I've been using Illustrator forever but never really researched texture within it. Thank you sir!

  • @hapacooks
    @hapacooks 6 років тому

    You're a great teacher, Zimri!

  • @paustark
    @paustark 7 років тому +1

    maaaaaaaan you actually save my life!! Your tutorial its so easy and useful Thanks!

  • @FusionSempai
    @FusionSempai 7 років тому +1

    I've tried this, thanks for the tutorial! But hours of finding how to create this noise/airbrush texture for Illustrator, I felt that creating your own brush with that noise texture in mind is more versatile. It's dosn't play much of the gradient but, I guess it's more of colors.

  • @airbeunb9547
    @airbeunb9547 8 років тому +1

    thanks so much! I was always struggling that my design always comes out flat and too simple somehow, and this tutorial totally gives a good tip on this problem!

    • @zimrimayfield
      @zimrimayfield  8 років тому

      Yeah! It's a great way to make your design a little more interesting:) Thanks for the comment!

  • @samanthayost1169
    @samanthayost1169 8 років тому +1

    Awesome, that was helpful. thanks! I would add that you can also change the blending mode to multiply or overlay if you want to shade the same color rather than adding black.

  • @estefihotton
    @estefihotton 4 роки тому

    this resolved my day today! thanks, your english is really clear! easy to understand!!

  • @blyssdavis1713
    @blyssdavis1713 5 років тому

    you're hilarious and your videos are so easy for a newbie like me to follow and then feel awesome for following

  • @SreyasiChakravarty
    @SreyasiChakravarty 8 років тому +11

    I was searching for this technique everywhere!!! I thought it's got something to do with clipping mask but then no i figured out it was a texture... but I didn't know that the catch was to duplicate a layer atop the objects!!! Thankyou Zimry, you're the best! YOu're funny and cool and always have solutions to my problems!

    • @zimrimayfield
      @zimrimayfield  8 років тому

      aww thanks for the comment! I'm really glad the tutorial was able to help! :D Stay Awesome!

  • @rebeccaleah2851
    @rebeccaleah2851 7 років тому +1

    listening to tutorials sometimes can be torture when you hear stuff in a monotone voice, thank you for making this funny and enjoyable while also being informative

    • @zimrimayfield
      @zimrimayfield  7 років тому +1

      Aww thanks Rebecca! Glad you enjoyed the tutorial and found it useful! : )

  • @87enoughBULL
    @87enoughBULL 7 років тому

    I love your personality!! How refreshing

  • @anajavieranae
    @anajavieranae 7 років тому

    I've been looking for how to do this for some time, and didn't know even how to search. THANKS A LOT :-)

  • @rustyglue
    @rustyglue 7 років тому

    I'm super excited watching this ... Thanks man. You are awesome!!!

  • @kian8683
    @kian8683 8 років тому

    waiting for this for technique ages !! you are cool!

  • @valentina.2000
    @valentina.2000 5 років тому

    the perfect way to do it!!! i've been looking for this for over a week, amazing

  • @AstonArchitecture
    @AstonArchitecture 5 років тому

    This just saved me a lot of time and effort. Thanks man! (Also, saved me from buying a plug-in that adds stippling, I KNEW there must be a vanilla way to do it in illustrator!)

  • @HWSarah
    @HWSarah 8 років тому +1

    Oh my god I've been trying to work out how to get this effect for so long and have never been able to find any info on it. Thanks so much!

    • @zimrimayfield
      @zimrimayfield  8 років тому

      woooo! That's great Sarah, you finally found it :D I'm super glad it helped!

  • @saraha6990
    @saraha6990 6 років тому

    one of the best illustrator tutorials! thank you for this!!

  • @JoseRedisena
    @JoseRedisena 7 років тому

    Thanks for the tip! I´m going to use it (a little bit tweaked) in Photoshop, in order to be able to change the color of the gradient. Good work!

  • @kpibaras
    @kpibaras 3 роки тому

    This is by far the easiest way to make texture, mask every color is time consuming 💯

  • @rizqhp
    @rizqhp 8 років тому

    i like this non "stiff" tutorial style. subscribed bro

  • @nicolelonberger4006
    @nicolelonberger4006 5 років тому +1

    Thank you, this was so helpful. Been wondering how to add this sort of texture to my designs.

  • @gijoyjoy
    @gijoyjoy 7 років тому +1

    I'm loving this idea! Thanks for the great lesson!

    • @zimrimayfield
      @zimrimayfield  7 років тому

      That's great Joy : ) Glad that you liked it : D

  • @dfinkdesign
    @dfinkdesign 6 років тому

    Dude I love your attitude! You should be doing paid in depth tutorials on Udemy and other platforms. I'd love to have someone break up the monotony of a course with some comedy. You're awesome! Subbed!

  • @kylewalker7869
    @kylewalker7869 8 років тому +15

    Well done! Thanks. Next video should tell us how to add more complex textures ;)

  • @gorillapoundcake
    @gorillapoundcake 6 років тому

    Clear & straight to the point. THIS is a tutorial I like, love it! Thanks :)

  • @andresfernandeztorcida342
    @andresfernandeztorcida342 4 роки тому

    This is exactly what I was looking for this time! Congrats for the vid, super useful!

  • @Glow0110
    @Glow0110 8 років тому +1

    Awesome video man, thanks for showing us! Would love to see more how-to videos on textures in illustrator if you get a chance.

    • @zimrimayfield
      @zimrimayfield  8 років тому

      Yeah, that's something I need to figure out too! I'll try to make something helpful :D

  • @dorottyakitchingman6986
    @dorottyakitchingman6986 3 роки тому

    Thanks so much, just the quick, simple turorial I needed! 🙌🏻

  • @Agnostic080
    @Agnostic080 8 років тому +122

    Thanks! You are pretty good at entertaining people :)

    • @zimrimayfield
      @zimrimayfield  8 років тому +9

      No problem man, i'm glad it was helpful :D

  • @victorrios717
    @victorrios717 6 років тому

    This was awesome. Thank you so much for taking your time to help.

  • @benitasulaiman
    @benitasulaiman 4 роки тому

    You make tutorials fun! Thanks man

  • @MrPlomsone
    @MrPlomsone 8 років тому +1

    Sick! never thought about doing it this way. I would usually do it just place a texture on top and do a clipping mask... etc. this is so much faster!

    • @zimrimayfield
      @zimrimayfield  8 років тому

      Yeah super fast! Need to figure out a way to get better textures quickly though.

  • @mashelalsahafi666
    @mashelalsahafi666 5 років тому

    Thank you so much for sharing this! I was trying to do it with an Illustration brush, but this is waaay easier.

  • @CarlosBehrens3D
    @CarlosBehrens3D 7 років тому

    Thank you so much for this tutorial. So well explained and easy to follow. This is a really easier way to put some texture on your illustrations!

  • @robinherrick4646
    @robinherrick4646 5 років тому +7

    The effect option is grayed out in CMYK so your image needs to be in RGB mode. Took me a while to figure this out so hopefully this will help somebody.

    • @laurannesmolders9096
      @laurannesmolders9096 4 роки тому +2

      Thank you so much, been looking for what went wrong for about half an hour now.

    • @Melmin447
      @Melmin447 4 роки тому

      I'm in a CMYK document and can use Effects...I have the latest version of Ai (24.2.3), so maybe it's something they've now added in for CMYK docs.

  • @laurapadilla2998
    @laurapadilla2998 8 років тому +3

    Omg dyinngg with your comments. Great tut!

    • @zimrimayfield
      @zimrimayfield  8 років тому

      hahah don't die Laura! Thanks for watching though, super glad it was helpful :)

  • @mickyhabuya5082
    @mickyhabuya5082 7 років тому

    Great and Love it, you explain the step and how to do is so clear. Thank you.

  • @PacificRimWeb
    @PacificRimWeb 8 років тому +1

    grain gradient effect looks good, thx!

    • @zimrimayfield
      @zimrimayfield  8 років тому

      No problem Patrick, i'm happy it helped!

  • @jomelbasilio102
    @jomelbasilio102 6 років тому

    I've gain new technique because of you. Thanks alot man :D

  • @tyeaenora1422
    @tyeaenora1422 7 років тому

    Yup, forever grateful for this great tutorial. You're awesome, thank you very much

  • @natalievelthuysen7811
    @natalievelthuysen7811 6 років тому

    Your commentary is super cute :D Makes the tutorial so much more fun :)

  • @MsRbeers
    @MsRbeers 7 років тому

    Learning and smiling at the same time, thanks Zimri!! :D

  • @lyndamayfield4284
    @lyndamayfield4284 8 років тому +1

    I love it! Wish there was a Hop, Skip & Jump B&B to stay at. I would definitely buy that shirt (if it was real).

  • @monserratjimenezrodriguez5804
    @monserratjimenezrodriguez5804 8 років тому +1

    Awesome blossom tutorial (I love your rimes btw)
    Thanks a lot!

    • @zimrimayfield
      @zimrimayfield  8 років тому

      hahah thank you :) I'm glad they help!

  • @CodyBrownDesign
    @CodyBrownDesign 7 років тому

    Very helpful video man, keep em' coming!

  • @porgibaay
    @porgibaay 6 років тому +6

    when I add the grain texture to the gradient shape the edges become rough also, in every tutorial i've looked at they stay smooth. Anyone know why this might be happening?

  • @hotelierid9029
    @hotelierid9029 7 років тому

    Awesome!!! And your opening intro is so funny. Thanks for sharing bro

  • @snezhanafiuortt9859
    @snezhanafiuortt9859 6 років тому

    Awesome tutorial! Thank you very much. That's what I was looking for

  • @annanygren179
    @annanygren179 4 роки тому

    This was amazing and your personality is badass. Thank you!

  • @charlezdesigns3689
    @charlezdesigns3689 8 років тому +2

    Zimri - Most awesome graphic designer in the world, thanks mate

    • @zimrimayfield
      @zimrimayfield  8 років тому

      Hey Charles, haha thanks man. Happy to help :)

  • @emanelian2330
    @emanelian2330 8 років тому +1

    Loveddd it Zimmmiii ! ❤

  • @Ida7777
    @Ida7777 4 роки тому

    I like the way you talk, you're awesome possum
    Thanks for the very useful tutorial!

  • @wogeru
    @wogeru 8 років тому

    It's really what i looking for, thanks a lot Zimri!

  • @fikrimaulana3873
    @fikrimaulana3873 7 років тому

    thank you zimri, that's what i am looking for...!!!!!!

  • @uncletrick1
    @uncletrick1 6 років тому

    Simple and straight forward. Great tutorial!

  • @edso7316
    @edso7316 8 років тому

    One thing I'd add is to make the grain layer 'Multiply' on the opacity option, it just clears up the colours even more!

  • @kylepatterson1143
    @kylepatterson1143 8 років тому +10

    Whenever I try this it always turns out super piexelated. Am I doing something wrong?

    • @leba2474
      @leba2474 8 років тому

      me too. super pixelated

    • @kylepatterson1143
      @kylepatterson1143 8 років тому

      I always find it looks better when I oversize the artwork but that is not very practical when you are designing within a 1920x1080 workspace.

    • @BeautifulScience
      @BeautifulScience 7 років тому

      I did a circle like the video and it look pixelated, but when I exported it, it turned out fine. Is yours still too pixelated when exported?

    • @sreesanthsasidharan3841
      @sreesanthsasidharan3841 6 років тому

      @bluh! just add a gaussian blur, radius of 0.4. that'll soften it up.

  • @JuniorKuyava
    @JuniorKuyava 6 років тому

    Thank you, bro, very useful!

  • @natashablimkie6013
    @natashablimkie6013 7 років тому

    thanks! super easy - love that your tutorial is SHORT

  • @user-ch5pz7lr1z
    @user-ch5pz7lr1z 8 років тому

    Thanks from France ! It will be useful !

  • @value-addition
    @value-addition 7 років тому

    Cool Cool Zim! I like your witty narration! 👍💐😊

  • @pizzakrydder2515
    @pizzakrydder2515 5 років тому

    You make learning FUN - thanks!!!

  • @kawther7786
    @kawther7786 8 років тому +1

    Super awesome!! 👌👌

  • @martinagleeson1381
    @martinagleeson1381 7 років тому

    So helpful and straight forward:) Thank you!

  • @alexandrugrecov8964
    @alexandrugrecov8964 8 років тому

    easy but new for me, thanks and keep it like this !

  • @ChristiaandeJager
    @ChristiaandeJager 7 років тому

    These tutorial videos really help a lot! I hope you will be making more! :D

  • @samuelmatteofilms
    @samuelmatteofilms 7 років тому

    Bro, you are awesome!!! having fun while learning is very cool ^^

  • @simonefarina6976
    @simonefarina6976 6 років тому

    You Just saved my life! Thank you very much! Greetings from Italy😘

  • @lehlomelakhumalo7535
    @lehlomelakhumalo7535 4 роки тому

    I came for the tutorial and stayed for the awesome personality