Fastest Way To Make This SMOOTH GRADIENT DESIGN In Illustrator

SdĂ­let
VloĆŸit
  • čas pƙidĂĄn 22. 07. 2024
  • Learn how to make this hugely smooth gradient design in Adobe Illustrator, the fastest and easiest way possible! You will feel very accomplished when you create the final design solution.
    I do enjoy making these Illustrator tutorials where I lead the audience down a creative path, because not only do I have fun making something creative, but it's neat to see people also enjoying the creative process in Illustrator, and ending up with something cool.
    There are a lot more videos on this channel where I show you how to make something creative in Adobe Illustrator, but also many videos where I focus on gradients and how to use them and so forth. So be sure to check out the library of playlists on the Satori Graphics homepage here on CZcams.
    If you found todays gradient design tutorial in Illustrator enjoyable or useful, let me know in the comments section and drop a like on your way out. Subscribe to stay updated to all of my uploads and until next time, design your future today, peace
    🔮 Get some 1 on 1 feedback on your designs or portfolio
    www.tomsatori.com
    🔮 JOIN MY EMAIL LIST For Weekly Updates & Exclusive Content:
    ➀ www.satorigraphics.net/typogr...
    📱 📱📱 SUBSCRIBE TO MY CHANNEL
    ➀➀ / @satorigraphics
    ********************************************************************
    HYPER REALISTIC Vector Tutorial:
    ‱ 100% FREE Illustrator ...
    My Logo Design Process REVEALED
    ‱ 100% FREE Illustrator ...
    CLEAN Logo Designs With Illustrator Offset Path
    ‱ 100% FREE Illustrator ...
    ********************************************************************
    Join Me On Twitter!
    / satorigraphic2k
    Here's My Instagram!
    satori_grap...
    **************** MUSIC ****************
    Music by JULIAN AVILA
    Soundcloud: / julian_avila
    CZcams: / @juliangavila
    ▶ Copyright
    The work is protected by copyright. This is applied to the video recording of itself as well as all artistic aspects including special protection on the final outcome. Legal steps will have to be taken if copyright is breeched. Music is used from the CZcams audio library and or sourced with permission from the author
    End Screen:
    www.freepik.com/free-photos-v... Background vector created by pikisuperstar - www.freepik.com
    ‱ Fastest Way To Make Th...

Komentáƙe • 227

  • @Denelle18
    @Denelle18 Pƙed 3 lety +18

    I love how detailed he teach us but it was just a short time that you can really absorb it well. We stan

    • @SatoriGraphics
      @SatoriGraphics  Pƙed 3 lety +3

      Thanks a lot Jen, I really try and make my content a useful as possible

  • @hottcole7
    @hottcole7 Pƙed 4 lety +5

    I've been using AI since it's conception, I'm self taught and you are re-insipring me BIG TIME! Thank you!

  • @marcelopaixao5842
    @marcelopaixao5842 Pƙed 4 lety +1

    Great Tut man! Quick, Simple and Efficient. BEAUTIFUL & PERFECT DESIGN. Congratulations!

  • @s70f59
    @s70f59 Pƙed 4 lety +17

    I always have trouble with gradients and this helped me so much

  • @sumranms
    @sumranms Pƙed 4 lety +13

    Amazing tutorial! You actually made it really easy to make that design.

  • @MuhammadAdeelbutt
    @MuhammadAdeelbutt Pƙed 4 lety

    Beautifully explained. Thank you!

  • @madeeasy7148
    @madeeasy7148 Pƙed 3 lety

    Dude thankyou, love your vids, great tutor and helping me to become a better graphic designer

  • @benigal5649
    @benigal5649 Pƙed 4 lety

    Thank you for these tips. Really helpful.

  • @raajrafiq9131
    @raajrafiq9131 Pƙed 2 lety

    Your tutorials are amazing you literally teach us step by step keep it up bro god bless youđŸ€—

  • @akanitdachani7429
    @akanitdachani7429 Pƙed 3 lety

    Thank you so much for the helpful tutorial!

  • @otoo-boisonarnoldfiifi8671
    @otoo-boisonarnoldfiifi8671 Pƙed 4 lety +1

    This is creatively awesome. I hardly use the angled gradient for any design but I've learnt something today. Thanks Satori.

    • @SatoriGraphics
      @SatoriGraphics  Pƙed 4 lety

      Hey thanks for the awesome feedback, enjoy your day:)

  • @cottonwz
    @cottonwz Pƙed 4 lety +2

    Been waiting! đŸ˜đŸ”„

  • @SatoriGraphics
    @SatoriGraphics  Pƙed 4 lety +53

    There might be a 3D Blender tutorial based around this design in the foreseeable future 👍

    • @ralphwarom2514
      @ralphwarom2514 Pƙed 4 lety

      Hey. Your process is too long. Just use the built in Gradient function in Adobe illustrator.

    • @SatoriGraphics
      @SatoriGraphics  Pƙed 4 lety +1

      I used that for the background, but for some reason I didn't think to use it for the actual design, not sure why it slipped my mind.

    • @doadesignz
      @doadesignz Pƙed 4 lety

      thanks for the tutorial

    • @Haripithadia
      @Haripithadia Pƙed 4 lety

      Hello ! Can u plz chk "Deep shap" insta profile and make tutorial of these kind of awesome designs in bkender 3d or AI

    • @feardieshogun8153
      @feardieshogun8153 Pƙed 4 lety

      @@ralphwarom2514
      i don't get it

  • @saikatehossain9366
    @saikatehossain9366 Pƙed 4 lety +1

    small but effective tricks to creating a nice design.

  • @meqdad7732
    @meqdad7732 Pƙed 3 lety

    Looking for this thank you brother

  • @EdwardSeeber
    @EdwardSeeber Pƙed 4 lety

    Great reboot on doing this design, easier & quicker

  • @ARPCreation
    @ARPCreation Pƙed 4 lety

    AWESOME TUTORIAL MAN!

  • @GerminezEdiage
    @GerminezEdiage Pƙed 4 lety +1

    Simply amazing as always. I may get into Blender in the foreseeable future too đŸ‘ŒđŸœđŸ˜ƒ

    • @SatoriGraphics
      @SatoriGraphics  Pƙed 4 lety

      Yeah it's a really detailed and awesome program

  • @Shagunmakeup
    @Shagunmakeup Pƙed 4 lety

    It's soo easy tricks to make design amazing thank you so much for knowledge

  • @renn93
    @renn93 Pƙed 4 lety +1

    I will have a marathon tutorial with this you are so great sir Satori!

  • @asifmiles8083
    @asifmiles8083 Pƙed 4 lety

    Cool! Appreciate for the tutorial! 😌

  • @PeterOoiAZ
    @PeterOoiAZ Pƙed 3 lety +1

    Thank you, this is just awesome.

  • @neetabudhraja
    @neetabudhraja Pƙed 4 lety +1

    Thank u for this beautiful n neat tutorial..
    I will try this soon..

    • @SatoriGraphics
      @SatoriGraphics  Pƙed 4 lety

      Have fun with it Neeta and thanks for the feedback and always

  • @mohsinshakeel979
    @mohsinshakeel979 Pƙed 4 lety

    Amazing tutorial

  • @hammadammast
    @hammadammast Pƙed 4 lety +1

    Great tutorial. Loved it ✌✌

  • @IndrajaSalunkhe
    @IndrajaSalunkhe Pƙed 4 lety +1

    Lovely !! Thanks for sharing

  • @jjuanperez567
    @jjuanperez567 Pƙed 4 lety

    SUPER, GRACIAS

  • @blinks8251
    @blinks8251 Pƙed 4 lety +2

    amazing!!
    would like to see more videos like this

  • @emersonfernandes6774
    @emersonfernandes6774 Pƙed 4 lety +1

    simple and fantastic!!

  • @abpz
    @abpz Pƙed 4 lety +1

    I was actually looking for something similar. Thanks

  • @cadmus777
    @cadmus777 Pƙed 4 lety +1

    Wow, I picked up a few things there that I had no idea about. Awesome, thank you!

  • @matteovalentini5371
    @matteovalentini5371 Pƙed 4 lety

    Amazing thanks

  • @_asturias
    @_asturias Pƙed 4 lety +1

    Wow. Thanks satori

  • @cloudgold1
    @cloudgold1 Pƙed 4 lety

    love it!

  • @ElenaBaryshkina
    @ElenaBaryshkina Pƙed 4 lety +1

    Amazing tutorial! Thanks!

  • @eduardojose9949
    @eduardojose9949 Pƙed 4 lety +1

    very useful video, amazing work hope, i struggle a lot with gradients and this helped me so much

    • @SatoriGraphics
      @SatoriGraphics  Pƙed 4 lety

      I'm glad that the tutorial helped you out 👍

  • @wasimshaikh-cu9gw
    @wasimshaikh-cu9gw Pƙed rokem

    very nice and super easy.

  • @ranjanaprabhu6932
    @ranjanaprabhu6932 Pƙed 3 lety

    Amazing I will trying this 🙏🙏🙏🙏

  • @rafmolmo
    @rafmolmo Pƙed 4 lety +1

    Waooo, that looks great. Thank you

  • @lucasmoreno5330
    @lucasmoreno5330 Pƙed 2 lety +1

    Excellently worked out

  • @bashirahmad4889
    @bashirahmad4889 Pƙed 4 lety +1

    Weldon Satori brother. Wish you best of luck.

  • @AbdulGaffar-xz4od
    @AbdulGaffar-xz4od Pƙed 4 lety +1

    Amazing tutoria. Thanks

  • @md.nurnabi2853
    @md.nurnabi2853 Pƙed 4 lety

    Thanks Man

  • @AmanChabukswar
    @AmanChabukswar Pƙed 4 lety

    Thanks đŸ„ș

  • @RishirajDesigns
    @RishirajDesigns Pƙed 4 lety

    I have learned how to make cool thumbnails from you 👌

  • @ChristianFantana
    @ChristianFantana Pƙed 4 lety

    Dammit! I would not have guessed HSB! Thanks!

  • @siddhanttiwari3306
    @siddhanttiwari3306 Pƙed 4 lety +1

    Hey this is amazing! Thanks for sharing this but when I am doing this i can only see 1 gradient stroke options enable. Why the other 2 options are disabled? Please help me in this 🙏

  • @tianningatlart3733
    @tianningatlart3733 Pƙed 4 lety +1

    Thank you so much 👍

  • @DoctrineForensics
    @DoctrineForensics Pƙed 3 lety

    great tutorial

  • @goharlogos
    @goharlogos Pƙed 4 lety

    Nice work 👍👍

  • @hdypro
    @hdypro Pƙed 4 lety +1

    Woow.. whadda best. Smooth nice..

  • @gellayo9885
    @gellayo9885 Pƙed 3 lety +1

    Thanks a lot! Keep it doing! )))))))))))

    • @SatoriGraphics
      @SatoriGraphics  Pƙed 3 lety

      I will work towards doing what I do for as long as possible :)

  • @OzeiasQueiroz
    @OzeiasQueiroz Pƙed 4 lety

    Ganhou mais um inscrito!

  • @g.kgraphics1072
    @g.kgraphics1072 Pƙed 3 lety

    Good tips bro

  • @ukab1
    @ukab1 Pƙed 3 lety

    What fonts did you use my man? Also great and simple tutorial, you GOT A SUB!

  • @innertamement
    @innertamement Pƙed 4 lety +2

    This is awesome, thanks for the tutorial! Thought it was gonna be way more complex until I saw the video time was only about 5 mins lol

    • @SatoriGraphics
      @SatoriGraphics  Pƙed 4 lety +1

      haha yeah, I do try and make things as straight forward as possible

  • @habibullahmesbah6736
    @habibullahmesbah6736 Pƙed 4 lety

    Amazing

  • @livacreative
    @livacreative Pƙed 4 lety +1

    Thanks a lot.

  • @marie-franceguay7816
    @marie-franceguay7816 Pƙed 4 lety +1

    Sick!

  • @thebrownnomad9162
    @thebrownnomad9162 Pƙed 3 lety

    thank you

  • @andri248
    @andri248 Pƙed 3 lety

    Where could I find video for setting up illustrator workspace like yours? Yours is truly neat and fascinating.

  • @amanazar2597
    @amanazar2597 Pƙed 4 lety

    very useful

  • @rooplukka
    @rooplukka Pƙed rokem +1

    Thank youuuuuuu

  • @peddiyuvaraj688
    @peddiyuvaraj688 Pƙed 4 lety +1

    Great video

  • @FernandoGonzalez-zf6vh
    @FernandoGonzalez-zf6vh Pƙed 4 lety

    Hi! NICE JOB👌👌
    what is the typeface you used?🙏

  • @markushamster5943
    @markushamster5943 Pƙed 4 lety +64

    funny how gradients became such a thing :) back in design school 25 years ago, it was litterly forbidden to use gradients. but i like them nowadays

    • @grimoireen
      @grimoireen Pƙed 3 lety

      Thats cool, but why gradient became “forbid” in that time?

    • @markushamster5943
      @markushamster5943 Pƙed 3 lety +4

      @@grimoireen well they weren't forbidden in general, of course you could use them. but the design school i made there were only old dinosaurs graphic designers inspired by and only by the bauhaus, mĂŒller brockmann, adrian frutiger, max bill and alike. therefore a lot of things were forbidden.

    • @grimoireen
      @grimoireen Pƙed 3 lety +1

      @@markushamster5943 its interesting to see a journey about something, for example, like this one

    • @markushamster5943
      @markushamster5943 Pƙed 3 lety +2

      @@grimoireen yes it is. i think tecnical evolution has a lot to do with thos evil gradients. i think only after the internet/smartphones and people using screens in all sizes all day long, something like those high-end-gradients become a thing. because they look that much better in rgb then in cmyk.

    • @ChrisW228
      @ChrisW228 Pƙed 2 lety

      I think they were also forbidden because the technology to create them was kind of new so everyone was throwing a gradient on everything. Kind of like Comic Sans and Papyrus fonts are forbidden now.

  • @pankajshukla2366
    @pankajshukla2366 Pƙed 4 lety

    imply amazing as always. I may get into Blender in the foreseeable future too đŸ‘ŒđŸœđŸ˜ƒ

  • @alialjanabi9157
    @alialjanabi9157 Pƙed 4 lety

    Nice

  • @EditorBelal
    @EditorBelal Pƙed 4 lety +1

    very helpful video

  • @bbkk
    @bbkk Pƙed 3 lety

    è™œç„¶æˆ‘ćŹäžæ‡‚ïŒŒäœ†æ˜Żæˆ‘ćŻä»„çœ‹ćŸ—æ˜Žç™œïŒŒgood!

  • @hamzaradouan4074
    @hamzaradouan4074 Pƙed 4 lety +1

    yoo this design awesome, it's like an infinity symbol

  • @solosisas1764
    @solosisas1764 Pƙed 3 lety +1

    Thanks

  • @TECsta76
    @TECsta76 Pƙed 4 lety

    Would be handle if the matching shapes up bit worked from x and y property's...

  • @indeusdesign
    @indeusdesign Pƙed 3 lety +1

    It's great work , pracrtical but beautiful👍
    Thank you very much for the inspiration 👍
    waiting for your inputs on our work if you don't mind

    • @SatoriGraphics
      @SatoriGraphics  Pƙed 3 lety

      I did have a paid critique feedback service, which I will launch again soon. But I have so little time to offer in-depth feedback to people for free all day.

  • @liv2.9
    @liv2.9 Pƙed 2 lety

    Apple did a similar thing with the new iPhone 13 wallpapers. Satori ❀

  • @DARKCOP2011
    @DARKCOP2011 Pƙed 3 lety +1

    this is just ... you know........................FREAKING BRUTALLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL!

    • @SatoriGraphics
      @SatoriGraphics  Pƙed 3 lety

      Good brutal or bad brutal?

    • @DARKCOP2011
      @DARKCOP2011 Pƙed 3 lety

      @@SatoriGraphics Insanely, really nice good joob brutal :D i love the end result!

  • @jotibaagastya3330
    @jotibaagastya3330 Pƙed 2 lety

    Great tutorial , love from India â˜șïžđŸ’ can you share colour code of all 3

  • @bySterling
    @bySterling Pƙed 4 lety

    đŸ™ŒđŸ»đŸ’„đŸ’ȘđŸ»đŸ’»âšĄïžđŸ‘đŸ»

  • @RANA-ug5sm
    @RANA-ug5sm Pƙed 4 lety +1

    like this

  • @ykhyristiandelacruz1189
    @ykhyristiandelacruz1189 Pƙed 3 lety

    I'm having issues with banding, how do you get rid of that in illustrator CC

  • @HolyHaddock
    @HolyHaddock Pƙed 3 lety

    Great design! I would like to make an O using this guide, but when I add a shape on top I cannot subtract it. I click on subtract in Pathfinder but nothing happens. Is that because the shape is a mesh? Any workarounds? Thanks, love your content :)

    • @liveforeverfit3006
      @liveforeverfit3006 Pƙed 3 lety

      Would you like to know how to use Adobe Illustrator in a more practical and efficient way
      visit this following link
      instagram.com/the_ebook_corner/

  • @andtheedits892
    @andtheedits892 Pƙed 4 lety

    Hi. Thanks for the tutorial. I have a question. The stroke is not a vector, right? I am getting pixlated curve when I zoom in. Is this happening to all, and how can this be avoided

    • @Someone38482
      @Someone38482 Pƙed 4 lety

      varun krishna all things in illustrator are vectors. I’m not much of a pro in illustrator but I do know that some people get pixelated curves when they use a CMYK colors for their document (it says on the top of the do what it is) hope this helps!

  • @ShahidKhan-uf8hd
    @ShahidKhan-uf8hd Pƙed 4 lety +1

    Most eager for this one though😇

  • @mtm7031
    @mtm7031 Pƙed 4 lety +1

    wow

  • @ArieMoersas
    @ArieMoersas Pƙed 4 lety +1

    nice

  • @jaymalgola3709
    @jaymalgola3709 Pƙed 4 lety

    you deserve my sub. take it! haha. thanks for this tutorial.

  • @viktorkongskov5692
    @viktorkongskov5692 Pƙed 3 lety

    I made it by drawing an s shape and then using it as the spine of a blend

  • @deyoglines
    @deyoglines Pƙed 4 lety +1

    Thanks for this! How do you output for print without banding, fighting with that one.

    • @stephaniehs1323
      @stephaniehs1323 Pƙed 3 lety +1

      I find duplicating the shapes, merging and blurring them with opacity turned down helps - it’s mostly just down to the printer though really.

    • @deyoglines
      @deyoglines Pƙed 3 lety

      @@stephaniehs1323 thank you, I’ll see how that works

  • @sundassoni5054
    @sundassoni5054 Pƙed 4 lety +1

    Waoooooooo

  • @maidahwahab5956
    @maidahwahab5956 Pƙed 4 lety +1

    when I make circle then select with direct selection tool I see stroke in outlines only not in middle strokes do you know why?

    • @ioannaf.4319
      @ioannaf.4319 Pƙed 4 lety +1

      Go to Stroke panel > Align Stroke > And choose the first box (Align Stroke to center).

  • @JediHan
    @JediHan Pƙed 3 lety +1

    What font do you use for the "2020" text in the video thumbnail? That font looks good!

  • @kasatka6366
    @kasatka6366 Pƙed 3 lety

    I'm your big fan from Russia and I wish you had much more subs and more and more people knowed about you. I've got a blog and want to get a permission from you to put an idea of your video into it. I will put a link to your channel so as not to misappropriate it to me and let people know original source.

  • @RPC_Vlogs
    @RPC_Vlogs Pƙed 4 lety

    Can we make R or C around this design.

  • @giorgibedia
    @giorgibedia Pƙed 4 lety

    @Satori Graphics - as you mention at 1:00, apply gradient along the stroke doesn't active if one doesn't select "align stroke to center" in appearance ->stroke ->align stroke.
    I've noticed several such kind of details that aren't explained properly in your tutorials :(

    • @AuNight
      @AuNight Pƙed 4 lety

      I guess is version issue
      I use 2019 have same question

  • @AlexandreBiguet
    @AlexandreBiguet Pƙed 3 lety +2

    When I scale the ellipse down to remove the small white circle, the small white circle is being scaled down but not removed, can’t seem to find what I’m doing wrong, any idea? (I am holding shift while doing it)

    • @brettcherry3481
      @brettcherry3481 Pƙed 3 lety

      Same for me. I ended up changing the stroke weight (in points) to match the size of the circle.

  • @gustavoadolfoguardado9101

    ♡♡♡♡♡

  • @aenonvelasquez93
    @aenonvelasquez93 Pƙed 4 lety

    using create outlines on gradient objects have a negative visual effect on my work.

  • @Interiorgraphichasan
    @Interiorgraphichasan Pƙed rokem

    hi, its a long time ,i found u . can u help us ? how can i use gradient color from any image please

  • @fakepeople5347
    @fakepeople5347 Pƙed 4 lety +1

    What do you use Ai cc 2019?

  • @aenonvelasquez93
    @aenonvelasquez93 Pƙed 4 lety

    and also why when exporting as png in illustrator, keeps eating all the negative space including some of the design itself. Not pleasing to the eye