The Best 2D Smoke in After Effects - Animation Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ก.ย. 2024
  • A 2D animation tutorial on how to create the most perfect looping smoke effect using Adobe After Effects. This tutorial is suitable for beginners - intermediate users. Please leave a comment if you'd like me to explain anything I skimmed over.
    I'm uploading new motion design & animation tutorials every Thursday! (Sometimes Monday too)
    ►Download the free After Effects Project file here: gum.co/rsPGjl
    ►Please tag me on Instagram @ben_marriott_ if you've used any of the techniques from this video so I can see what awesome things you create
    ►Link to my Instagram: / ben_marriott_
    ►Find me elsewhere!
    I'm available for hire: www.benmarriot...
    Vimeo: vimeo.com/benm...
    Facebook: / benmarriottillustration
    ►Music:
    Massive thanks to madmomentsgo for providing that amazing music for my intro!
    check out his other brilliant work here: bit.ly/2ER0bJF
    "Magic Scout - Farm" Kevin MacLeod (incompetech.com)
    Licensed under Creative Commons: By Attribution 3.0 License
    creativecommons....
    ~ God bless Kevin ~

ความคิดเห็น • 252

  • @omidr.g7409
    @omidr.g7409 4 ปีที่แล้ว +282

    A moment of silence for those who haven't found this channel yet...
    Quality content, ladies and gentlemen!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว +5

      Haha, thanks so much. I really appreciate at the support and encouragement. :D

    • @shreyanshsingh999
      @shreyanshsingh999 3 ปีที่แล้ว +1

      @@BenMarriott can you make a video on how to do some transitions like kurzgesagt ? It would be really helpful. Pls 🥺👉🏼👈🏼

    • @jaddariel744
      @jaddariel744 3 ปีที่แล้ว

      Instablaster...

  • @KABOBkabob
    @KABOBkabob 4 ปีที่แล้ว +64

    I definitely expected Turbulent Displace but blur + levels is a really clever and more effective way to achieve that. Great stuff as always

  • @laurentpastorelli1354
    @laurentpastorelli1354 4 ปีที่แล้ว +34

    if you press "alt+s" you directly generate key frame in scale, same for" alt+p", "alt+r" and so on...
    great tutorial as usual, Thanks Ben!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว +6

      Ooooo, that's an awesome suggestion. I'll be using that in the future for sure :D

    • @IzacLess
      @IzacLess 4 ปีที่แล้ว +3

      @@BenMarriott be aware, I believe this only works on macs

    • @GugartsAnimations
      @GugartsAnimations 4 ปีที่แล้ว +3

      Its "alt + shift + s" for scale on Windows... same for the others, need add the "shift key"

    • @jiyeonjikim
      @jiyeonjikim 2 ปีที่แล้ว

      Thank you.

  • @passion_proh-jects
    @passion_proh-jects 6 หลายเดือนก่อน +1

    'Smoke armpit'... of of those things you never knew you needed... Thank you!

  • @BobsonChannel
    @BobsonChannel 4 ปีที่แล้ว +7

    It's just amazing what i have learned in the past two month from you *-* i can't thank you enough for your tutorials and your other content!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Thank you so much for watching, I'm really happy I could help in a small way :)

  • @iamYork_
    @iamYork_ 4 ปีที่แล้ว +2

    Love the Vegas "hack" for a stroke but you can also attain the same result by adding a "Layer Style > Stroke"

  • @RenanFelicianoOn
    @RenanFelicianoOn 4 ปีที่แล้ว +2

    Your teaching skills are absolutely flawless. Perfect videos!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      thank you so much :D That's so awesome of you to say

  • @Deivid_C
    @Deivid_C 2 ปีที่แล้ว +2

    My Levels don't seem to change anything in the blurried layer

  • @seencapone
    @seencapone 4 ปีที่แล้ว +6

    To apply a stroke to shapes like this, I always prefer to use Stylize>Roughen Edges with the 'Roughen Color' option. You can change the thickness of the stroke by tweaking the 'Border' and 'Edge Sharpness' values.
    This method also has an added benefit of softening/distorting the shape even more depending on the 'Scale' value of the roughen. Set the 'Scale' really low, like 10, to diffuse-granularize the edges; or set it really high, like 500, for a softer turbulence. You can set the 'Fractal Influence' parameter to 0 if you don't want any distortion at all and just keep the stroke.
    Roughen Edges is one of my most-used secret-weapon effects, it's pretty powerful once you get the hang of it.

  • @MagicLink43
    @MagicLink43 4 ปีที่แล้ว +5

    Saw this on Instagram yesterday and was really excited for it!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Hope it lived up to the hype! Thanks so much for all the support

  • @TheRampax
    @TheRampax 2 ปีที่แล้ว +1

    Using Vegas to put a stroke on a layer using its alpha is a really good trick. Ive never been able to find a good way of doing this. Cheers.

  • @Koolbite
    @Koolbite 4 ปีที่แล้ว

    i think you've just dethroned ECA as the best Motion design channel out there. Congrats !

  • @DesmoSaze
    @DesmoSaze 4 ปีที่แล้ว +1

    I wasn't completely happy with Vegas. I tried "Find Edges" and then "Linear Key Color" to achieve the same result. I got back to Vegas in the end but both technique have their own ups and downs. I thought it was worth mentioning.
    Thank for this great tutorial Ben, I am always amazed by what you share with us

  • @MashaErIllustration
    @MashaErIllustration 2 หลายเดือนก่อน

    This was the most effective and simple way to create smoke. Huge thanks!

  • @FrazNinja
    @FrazNinja 4 ปีที่แล้ว +10

    ive been looking forward to this after seeing it on your insta!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Thank you! Hope it lived up to the hype

    • @FrazNinja
      @FrazNinja 4 ปีที่แล้ว

      Ben Marriott it sure did! (I use what I learned from your grain and texture tutorial on every video I now make on my main channel btw so thanks so much haha)

  • @JamesDaly
    @JamesDaly 4 ปีที่แล้ว +1

    Ooh so flowy and organic! That levels trick was suuuper clever

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Thanks so much man! Blaze it :)

  • @JaredClarkGay
    @JaredClarkGay 4 ปีที่แล้ว +1

    Ben I really can't get enough of your tutorials. Excellent stuff.

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Glad you like them! Thanks for watching man :)

  • @KtenEditing
    @KtenEditing 4 ปีที่แล้ว +1

    not even really sure why but I enjoyed seeing you build the effect next to the finished comp, thanks for this one!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Thanks so much, I though I might lose some people at the start because it looks so crap before you add the blur and levels, haha

  • @ndc183
    @ndc183 4 ปีที่แล้ว +3

    I think someone was watching their device upside down or something and clicked the wrong thumb icon. Great stuff as always Ben!

  • @thepixelsmith
    @thepixelsmith 4 ปีที่แล้ว +4

    Very cool tutorial. I always love to see artists bringing recreating the old animation techniques with CG.

  • @chingsdiary5360
    @chingsdiary5360 3 ปีที่แล้ว

    3:56 woooooowwwww (mouth from right to left)
    I'd never thought of using alpha channel and gaussian blur together!!! Brilliant!
    9:42 I just learnt from other tutorials that pressing 0 is better than pressing space because it loads before playing instead of playing while loading.
    I practiced this project for 4 times and I picked up something different in your example and my project. Really learnt a lot, thx!

  • @Someone38482
    @Someone38482 4 ปีที่แล้ว +8

    I’m so happy I found your TH-cam account

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว +1

      Thank you! :D I really appreciate you watching the videos :)

  • @dodom.8741
    @dodom.8741 4 ปีที่แล้ว +4

    Beautiful Tutorial 👏 hope we can see more of these type of amazing tutorials !

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Thanks so much :D This is one that I'm most proud of. I've got some exciting ones coming too. Hope you enjoy them.

  • @Workbenchtv
    @Workbenchtv 4 ปีที่แล้ว +1

    If you want to go through the pain of keeping them all in one shape layer, you can use a merge paths with a path offset that expands the shape and then another with the exact opposite to contract it back. If you get it set up correctly, it'll blob it together and you'll still have it as vectors. Of course then you'd have to do any turbulent displacement, etc. after.

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว +1

      Oooooo, such an awesome suggestion. Thanks so much :D
      I hope you know you were my biggest influence for this channel :)

    • @Workbenchtv
      @Workbenchtv 4 ปีที่แล้ว

      Ben Marriott thanks man! Congrats on the success!

  • @sunshizzleyou
    @sunshizzleyou 3 ปีที่แล้ว +1

    After spending years working in all the Adobe programs nothing is quite as creative and fun as after effects.

  • @tietienne82
    @tietienne82 3 ปีที่แล้ว

    Exactly what I needed: A smoke loop animation. Thank you!

  • @MarioMaccaDesign
    @MarioMaccaDesign 4 ปีที่แล้ว +5

    Man, the vegas trick is gonna change my life forever.

    • @iamYork_
      @iamYork_ 4 ปีที่แล้ว +2

      You can also just add "Layer Style>Stroke" and have the same result in one step... but like cobra commander likes to say, "Not knowing is the other half of the battle!"

  • @vipulhamirani4927
    @vipulhamirani4927 4 ปีที่แล้ว +1

    Thank you for valueable tutorial

  • @JakubPoniatowski
    @JakubPoniatowski 4 ปีที่แล้ว +2

    Your tutorials are some of the best I've found on After Effects. Short, sweet, to the point, and easy for a beginner (like me) to follow. Idk what I will use this in just yet but I'm sure I will be using it!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Thank you so much, Jakub :)

  • @ridgedog2317
    @ridgedog2317 4 ปีที่แล้ว +2

    Just wanted to let you know I really enjoy your videos.

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว +1

      Thanks so much! I really appreciate the encouragement :D

  • @riadar8051
    @riadar8051 4 ปีที่แล้ว +2

    Thank you so much! Amazing work, I have no idea how all these combinations come to your mind, but please don’t stop!

  • @omonsters5005
    @omonsters5005 4 ปีที่แล้ว +1

    That is the coolest bat butt I have ever seen.

  • @Zaccyonline
    @Zaccyonline 4 ปีที่แล้ว +4

    Oh I like this. Could be a fun lava lamp effect

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว +2

      Oh that's such an awesome idea, I wish'd I'd thought of that.

  • @Sapov
    @Sapov 4 ปีที่แล้ว +2

    That was one of the best smoke tutorials i found, thanks!

  • @wordsan
    @wordsan 3 ปีที่แล้ว

    you saved my life. I was struggling with hand-made animation and now I can do it with good results and easily! Thank you so much!

  • @waqaransari3666
    @waqaransari3666 4 ปีที่แล้ว +1

    Well delivered. Again.

  • @roundblackbear6586
    @roundblackbear6586 4 ปีที่แล้ว +1

    you are a literal gift from god.

  • @서울에서의위시리스트
    @서울에서의위시리스트 4 ปีที่แล้ว +2

    Suuuuuuper cooooool

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Thank you! You're quite super cool yourself :)

  • @mountstneonstudios
    @mountstneonstudios 4 หลายเดือนก่อน

    This video has been a HUGE help to me! Thank you! I am also wondering how exactly did the blurred vision effect. I feel like I missed something in there, but I can't seem to figure out what you did to achieve it.

  • @yellowlila
    @yellowlila 4 ปีที่แล้ว +2

    Awesome! Thank you Ben!!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Thank you! You're awesome for watching :D

  • @nur.mp46
    @nur.mp46 4 ปีที่แล้ว +2

    2 words, LOVE IT!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      :O Thank you! :D So glad you enjoyed it

  • @Pirohne95
    @Pirohne95 4 ปีที่แล้ว +2

    You should do more SparkAR tutorials:I need that AR knoweledge, boyyy!
    Love your vids, keep it up Ben!

  • @blue5841
    @blue5841 4 ปีที่แล้ว

    I don’t animate but I find it fascinating to see how this stuff is made

  • @alexandergladun
    @alexandergladun 4 ปีที่แล้ว +2

    Nicely done as always!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Thanks so much! that's so awesome of you to say :D

  • @vincentlataste4327
    @vincentlataste4327 4 ปีที่แล้ว +1

    Amazing content as always! The gaussian blur trick made my day 😁 Well done!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว +1

      Thanks a bunch! :)

  • @vistick
    @vistick 4 ปีที่แล้ว +2

    I can't wait to try this out and avoid my school-animations by doing me-animations!

  • @mitchellblass7144
    @mitchellblass7144 4 ปีที่แล้ว +1

    Been craving for this ever since I saw it on Insta!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Amazing! Hope it lived up to the hype :D

  • @PedroFaim
    @PedroFaim 4 ปีที่แล้ว +1

    Love your tutorials, please keep doing them!!!

  • @gmochig8954
    @gmochig8954 4 ปีที่แล้ว +2

    Hell yeah, I’ve been curious how to do something like this since I first saw it on your story, it’s really cute and satisfying ^o^

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Thanks so much :D So glad it lived up to the hype :)

  • @coutinhoig
    @coutinhoig ปีที่แล้ว

    this vegas effect trick amazed me, thank you a lot!

  • @saketini99
    @saketini99 4 ปีที่แล้ว +2

    das goot!

  • @TheArabianCaravan
    @TheArabianCaravan 4 ปีที่แล้ว +1

    Haha "smoke armpit". I like the jargon on this channel.

  • @Sara-ic4hh
    @Sara-ic4hh 4 ปีที่แล้ว +1

    Hi Ben, this is so clever! Thank you for showing us!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Thanks so much! So glad you found it useful

  • @FreeTeamMedia
    @FreeTeamMedia 4 ปีที่แล้ว +1

    You're awesome Ben! Thank you so much for share your great work

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      You're awesome for commenting. Thanks so much

  • @louisenoisywords
    @louisenoisywords 4 ปีที่แล้ว +1

    This is such an amazing tip! Thank you Ben!!

  • @wilsongalucho1142
    @wilsongalucho1142 2 ปีที่แล้ว

    Man love your quick AE lessons, great stuff!

  • @bytonnino
    @bytonnino 4 ปีที่แล้ว +2

    I AM from Colombia men, thanks for share this :3

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Thanks man! I really appreciate it. Glad you find it useful :)

  • @jaimegmh
    @jaimegmh 4 ปีที่แล้ว +2

    This is very good! I've used roughen edges in the past after the blur but the levels on the alpha technique seems more clean and intuitive! Also, I'm eager to try a procedural crack at this using particles or some noise. Thanks for sharing!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Thanks so much! Roughen edges is a great alternative, you could use it to add some texture to the line as well. :)

    • @poteshnyi
      @poteshnyi 2 ปีที่แล้ว

      Works great for me, thanks!

  • @TipTut
    @TipTut 4 ปีที่แล้ว +7

    Awesome!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Thanks so much mate!

  • @tolusanusi5659
    @tolusanusi5659 4 ปีที่แล้ว +1

    Thanks for the awesome smoke tut. I'm just getting into AE and your channel has been so inspiring 😁

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว +1

      Thanks so much! That's amazing to read. So glad you've enjoyed it.

  • @tithiwakhariya8636
    @tithiwakhariya8636 4 ปีที่แล้ว +1

    extremely cool Ben!

  • @internetshaquille
    @internetshaquille 4 ปีที่แล้ว +22

    I want da smoke

  • @kirtan4656
    @kirtan4656 4 ปีที่แล้ว +1

    Awesome stuff Ben. When they do start a motion design hall of fame, you're definitely going to be inducted! :P

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      That's so nice, thank you sooo much!! :)

  • @dadiberzloy
    @dadiberzloy 4 ปีที่แล้ว +1

    Just WOOOW!!!!

  • @eshan309
    @eshan309 4 ปีที่แล้ว +1

    This.Is.Beautiful!!
    Great!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว +1

      Thanks so much, so glad you enjoyed it

  • @loganm5172
    @loganm5172 4 ปีที่แล้ว +1

    Great job, Ben!

  • @Straight.
    @Straight. 4 ปีที่แล้ว +1

    can u do a 2d fire next? I've always wanted to know how to make it.

  • @Catherine6_6
    @Catherine6_6 4 ปีที่แล้ว +1

    lovely lesson, thanks

  •  4 ปีที่แล้ว +2

    Awesome¡¡

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      You're amazing for watching! (And commenting)

  • @brucideous
    @brucideous 4 ปีที่แล้ว +1

    Awesome tutorial! I’d love to see this tutorial again but with smoke that doesn’t crop off screen! I’ve been trying to find a solution for that that still feels organic.

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว +1

      Thanks so much! Yeah that's a whole other challenge. If I find a solution I'll be sure to post it.

  • @ilikecutepeople
    @ilikecutepeople 4 ปีที่แล้ว +1

    Loving your tuts, keep up the good work!

  • @Adilkhan_Sairan
    @Adilkhan_Sairan 3 ปีที่แล้ว

    Awesome tutorial! I've learnt some new tricks=) Thank you!

  • @its__ina
    @its__ina 4 ปีที่แล้ว +1

    that's really well done! 😸

  • @oskarhannu5336
    @oskarhannu5336 4 ปีที่แล้ว +1

    UR A GENIUS BABE!

  • @christianpinche
    @christianpinche 4 ปีที่แล้ว +1

    Amazing!

  • @l_a_i_n
    @l_a_i_n 4 ปีที่แล้ว

    How are you so generous?? What is your motivation for doing all this? Superb video and you even share a free project file. Why????

  • @TWspk66
    @TWspk66 4 ปีที่แล้ว +1

    Coool tricks!! Thank you for sharing to us :DD

  • @cferracini
    @cferracini 3 ปีที่แล้ว

    That effect would be great for 2D oil animation like if you are animating something cooking in a pot or an broken ship on the ocean

  • @iancostello3923
    @iancostello3923 4 ปีที่แล้ว +2

    The one theme I've seen emerge after watching many of your videos is to put in the time and don't depend on the "pre-packaged" approach. No pain no grain amirite?

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Haha, No pain No Grain is my mantra. :D You've nailed it

  • @radekleber
    @radekleber 4 ปีที่แล้ว +1

    Ma men! 🔥🔥🔥

  • @echopathy
    @echopathy 2 ปีที่แล้ว

    Good stuff, man. Thank you!

  • @lukasnguyen8035
    @lukasnguyen8035 ปีที่แล้ว

    You're awesome Ben. Love u

  • @chrisc.9483
    @chrisc.9483 4 ปีที่แล้ว +1

    This is great! thank you!

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Thanks so much for watching!

  • @Doomlordof
    @Doomlordof 4 ปีที่แล้ว +2

    I am an absolute beginner in AE and I understood everything perfectly until 2:52 after that I got confused. How do I apply the Gaussian Blur to all the objects? Does he exports the rough animation and then place it again in another composition and applying all the effects to it? But the tutorial still rocks!

    • @daorika
      @daorika 4 ปีที่แล้ว

      I don't understand too((

  • @willybeater3000
    @willybeater3000 4 ปีที่แล้ว +1

    Now this is epic

  • @arnieXD
    @arnieXD 4 ปีที่แล้ว

    Hey man, just stumbled upon your youtube. For a beginner animator, this is really amazing content. Just wanted to say that and: Keep it up!

  • @juliabykova5666
    @juliabykova5666 3 ปีที่แล้ว

    Great! Thanks for the tutorial!

  • @shubhamsahu6164
    @shubhamsahu6164 3 ปีที่แล้ว

    Outstanding thanks for sharing tricks

  • @poteshnyi
    @poteshnyi 2 ปีที่แล้ว

    So cool and clean! Thank you!

  • @shifukoala5543
    @shifukoala5543 2 ปีที่แล้ว

    subscribed! thank you for the useful tip!

  • @Jimbo1221
    @Jimbo1221 4 ปีที่แล้ว +1

    YOU'RE A FUCKING GENIUS!!!! OMG

  • @aulerius
    @aulerius 4 ปีที่แล้ว +1

    Glad I stuck till the end. I was really happy to find out about hacking vegas effect for stroke fx (rather than layer style).
    However, what's better about blur+alpha crunch with levels than just roughen edges?

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Thanks so much for sticking through :D Roughen edges is good alternative too :)

  • @maryamshareeda6624
    @maryamshareeda6624 2 ปีที่แล้ว

    Thanks you I love that 😍👏🏾

  • @majidmiraqae4368
    @majidmiraqae4368 ปีที่แล้ว

    Hello dear Ben! Thanks for amazing tut! I have a situation here with my project! I have an occupied bucket with 4 hatches. A cube with four rectangular openings used for dumping waste. What I want to do is that the gas emitted from the garbage exits exactly through these four vents. I need your guidance.

  • @djonlie
    @djonlie 4 ปีที่แล้ว

    nice tutorial Bro.... thanks.

  • @Mr_Spooner
    @Mr_Spooner 3 ปีที่แล้ว

    I liked this as soon as I heardsaw "WE ALWAYS LABEL OUR LAYERS•"

  • @wildwebx
    @wildwebx 4 ปีที่แล้ว +1

    You are so cool

  • @augmentelpaso2876
    @augmentelpaso2876 2 ปีที่แล้ว

    This is awesome!

  • @jiyeonjikim
    @jiyeonjikim 2 ปีที่แล้ว

    So smart.

  • @naeunlee2259
    @naeunlee2259 4 ปีที่แล้ว +1

    this is awsome.

    • @BenMarriott
      @BenMarriott  4 ปีที่แล้ว

      Thanks so much! You're awesome for commenting :)