How To Create Texture Gradients - Illustrator Tutorial

Поделиться
HTML-код
  • Опубликовано: 2 фев 2025

Комментарии • 481

  • @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

  • @bradleyconners657
    @bradleyconners657 6 лет назад +5

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

  • @BarrettRogers
    @BarrettRogers 8 месяцев назад +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.

  • @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 8 лет назад +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 8 лет назад +1

      thanks mate!

    • @mattving61
      @mattving61 7 лет назад

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

  • @108mmbb
    @108mmbb 8 лет назад +159

    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

  • @justfluff6436
    @justfluff6436 4 года назад +3

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

  • @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.

  • @luiscovilla6112
    @luiscovilla6112 8 лет назад +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

  • @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

  • @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

  • @sairmusicofficial
    @sairmusicofficial 6 лет назад

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

  • @andydew5
    @andydew5 6 лет назад +1

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

  • @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 !

  • @LynnChang100
    @LynnChang100 4 года назад

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

  • @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!

  • @BladesOfMunch
    @BladesOfMunch 8 лет назад +1

    Finally! A simple, fast technique! Thanks Zims!

    • @zimrimayfield
      @zimrimayfield  8 лет назад

      Yeah! No problem, super happy it helped :D

  • @JackSather
    @JackSather 6 лет назад +17

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

  • @fede7449
    @fede7449 7 лет назад

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

  • @hapacooks
    @hapacooks 6 лет назад

    You're a great teacher, Zimri!

  • @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!

  • @pablomora3233
    @pablomora3233 8 лет назад +1

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

  • @danifrim
    @danifrim 4 года назад +1

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

  • @ashleysanpedro8860
    @ashleysanpedro8860 8 лет назад

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

  • @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!

  • @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! :)

  • @laurakarklina9017
    @laurakarklina9017 8 лет назад +1

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

    • @zimrimayfield
      @zimrimayfield  8 лет назад

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

  • @Nekito-
    @Nekito- 8 лет назад

    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.

  • @malvikatewari91
    @malvikatewari91 7 лет назад

    You ARE the highness with the flyness! Great tutorial.

  • @kian8683
    @kian8683 8 лет назад

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

  • @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!

  • @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!

  • @valentina.2000
    @valentina.2000 5 лет назад

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

  • @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

  • @WhoisLens
    @WhoisLens 7 лет назад +1

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

  • @estefihotton
    @estefihotton 4 года назад

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

  • @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.

  • @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 :-)

  • @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.

  • @kpibaras
    @kpibaras 3 года назад

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

  • @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!)

  • @rustyglue
    @rustyglue 8 лет назад

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

  • @paustark
    @paustark 7 лет назад +1

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

  • @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! : )

  • @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!

  • @87enoughBULL
    @87enoughBULL 7 лет назад

    I love your personality!! How refreshing

  • @saraha6990
    @saraha6990 6 лет назад

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

  • @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!

  • @value-addition
    @value-addition 7 лет назад

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

  • @benitasulaiman
    @benitasulaiman 4 года назад

    You make tutorials fun! Thanks man

  • @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!

  • @mattving61
    @mattving61 7 лет назад

    Thanks for this. Something that might make keeping it all organized better (and easier to edit down the road) is to group the background colour object prior to making the grain effect. This way, you double click the group and make grain adjustment inside the object. Make sense?

  • @JuniorKuyava
    @JuniorKuyava 6 лет назад

    Thank you, bro, very useful!

  • @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.

  • @rizqhp
    @rizqhp 8 лет назад

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

  • @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!

  • @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.

  • @CodyBrownDesign
    @CodyBrownDesign 7 лет назад

    Very helpful video man, keep em' coming!

  • @suisonma
    @suisonma 7 лет назад

    Thanks a lot! It did help. However I want to make the texture gradient into other color...seems it can only be grayscale...

  • @joschloa
    @joschloa 6 лет назад

    Thank you, very very cool! Where can i see your graphic work?

  • @andresfernandeztorcida342
    @andresfernandeztorcida342 4 года назад

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

  • @natalievelthuysen7811
    @natalievelthuysen7811 6 лет назад

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

  • @jomelbasilio102
    @jomelbasilio102 6 лет назад

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

  • @porgibaay
    @porgibaay 7 лет назад +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?

  • @DemarsMorgane
    @DemarsMorgane 6 лет назад

    Hello! thanks for the tuto, but i have a question about the grain texture, I added it the same way you did on the video but the dots are much more smaller on my illustration. Do you know why ? do you have a tip ? thanks!

  • @emanelian2330
    @emanelian2330 8 лет назад +1

    Loveddd it Zimmmiii ! ❤

  • @victorrios717
    @victorrios717 6 лет назад

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

  • @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

  • @riccardominervini8314
    @riccardominervini8314 7 лет назад

    Hi Zimri, awesome tut! :) quick question, i'd like to use this effect for a t-shirt print for a client but i've never printed using this effect in illustrator. I read on design forums that using gradients can create problems during the printing process.
    Do you have any suggestion? Do you use this effect for on online works or for printed works too? If not what technique do you use for print when you want include effects like gradients and shadowing? I personally use halftone for shadowing to avoid any bad quality printing.

    • @marinadale
      @marinadale 7 лет назад

      To screenprint a grainy gradient you would want to do another film layer with the grain, and mix a darker color of ink/plastisol to use for the shadow for that screen. Or if you want to use one color, you would take it into photoshop and use a halftone, and everything would have a halftone appearance. Using a halftone will probably not have the effect you want though.

  • @lolaluppens7347
    @lolaluppens7347 5 лет назад

    I've been using a grainy brush for doing this. But this is way faster if I have large areas to cover or if I want it to look cleaner. Any tips if I want it to maybe cover all the sides of my shape, if said shape is not square or circular? Like if I have a big blob and want to make it look deeper or something by putting a grainy shadow on the sides..?

  • @angryfatkoala
    @angryfatkoala 6 лет назад

    thanks! ive been searching for smth like this for so long)

  • @nicolelonberger4006
    @nicolelonberger4006 5 лет назад +1

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

  • @hotelierid9029
    @hotelierid9029 7 лет назад

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

  • @mickyhabuya5082
    @mickyhabuya5082 7 лет назад

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

  • @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!

  • @jntextil2104
    @jntextil2104 6 лет назад

    thank you sir, hope you have a nice day!

  • @dorottyakitchingman6986
    @dorottyakitchingman6986 4 года назад

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

  • @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

  • @user-ch5pz7lr1z
    @user-ch5pz7lr1z 8 лет назад

    Thanks from France ! It will be useful !

  • @MsRbeers
    @MsRbeers 7 лет назад

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

  • @gorillapoundcake
    @gorillapoundcake 6 лет назад

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

  • @DetonatorDestroyer
    @DetonatorDestroyer 7 лет назад +1

    Thank you so much...can i ask, is it the grain texture became image if we save the file at ai10 format for example?

  • @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!

  • @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.

  • @fikrimaulana3873
    @fikrimaulana3873 7 лет назад

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

  • @kawther7786
    @kawther7786 8 лет назад +1

    Super awesome!! 👌👌

  • @chauvu839
    @chauvu839 7 лет назад +7

    You are so funny hahaha, it was pretty interesting watching this.

  • @Ida7777
    @Ida7777 4 года назад

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

  • @pizzakrydder2515
    @pizzakrydder2515 5 лет назад

    You make learning FUN - thanks!!!

  • @samuelmatteofilms
    @samuelmatteofilms 7 лет назад

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

  • @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 :)

  • @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!

  • @alexandrugrecov8964
    @alexandrugrecov8964 8 лет назад

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

  • @flownpatat
    @flownpatat 7 лет назад

    Ooh thank you so much! Its been really helpful! There's some kind of way for the gradient to follow the shape that i'm designing? Not just radial or lineal gradient?

  • @sarahmunro8420
    @sarahmunro8420 4 года назад

    Hey! I am having trouble applying my texture gradient because there is loads of white noise generated along with it and turning the blending more to multiply isn't getting rid of it either. I'm guessing I need to mess with alpha channels somewhere so that transparency is coming through properly but right now when I apply the gradient it creates a bunch of white speckles which are really distracting.

  • @kylewalker7869
    @kylewalker7869 8 лет назад +15

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

  • @janezhang3109
    @janezhang3109 5 лет назад

    Lol at the Kanye West album cover bit at 3:11. You make learning a lot more fun.

  • @wogeru
    @wogeru 8 лет назад

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

  • @okvlt4801
    @okvlt4801 7 лет назад

    Hey man! I'm just curious, is this effective on a t shirt printing? I mean, does the gradient textures will appear on a silkscreen when it's printed on a negative film?

    • @marinadale
      @marinadale 7 лет назад

      No, you would want to do another film layer with the grain, and mix a darker color of ink/plastisol to use for the shadow. Or if you want to use one color, you would take it into photoshop and use a halftone, and everything would have a halftone appearance (which is not what you usually want in screenprint)

  • @GNACreative
    @GNACreative 8 лет назад

    Are these effects raster or vector? Great tutorial by the way, Thanks!