Это видео недоступно.
Сожалеем об этом.

The Best 2D Smoke in After Effects - Animation Tutorial

Поделиться
HTML-код
  • Опубликовано: 7 янв 2020
  • 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 ~

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

  • @omidr.g7409
    @omidr.g7409 4 года назад +280

    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

  • @passion_proh-jects
    @passion_proh-jects 5 месяцев назад +1

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

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

  • @MashaErIllustration
    @MashaErIllustration 23 дня назад

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

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

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

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

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

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

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

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

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

      Thanks so much man! Blaze it :)

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

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

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

  • @iamYork_
    @iamYork_ 3 года назад +2

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

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

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

    Well delivered. Again.

  • @user-ix4ig5cp5c
    @user-ix4ig5cp5c 4 года назад +2

    Suuuuuuper cooooool

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

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

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

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

  • @thepixelsmith
    @thepixelsmith 4 года назад +4

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

  • @Someone38482
    @Someone38482 4 года назад +8

    I’m so happy I found your RUclips account

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

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

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

  • @yellowlila
    @yellowlila 4 года назад +2

    Awesome! Thank you Ben!!

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

      Thank you! You're awesome for watching :D

  • @alexandergladun
    @alexandergladun 4 года назад +2

    Nicely done as always!

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

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

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

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

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

  • @nur.mp46
    @nur.mp46 4 года назад +2

    2 words, LOVE IT!

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

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

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

    That is the coolest bat butt I have ever seen.

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

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

    you are a literal gift from god.

  • @sunshizzleyou
    @sunshizzleyou 3 года назад +1

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

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

  • @Sapov
    @Sapov 4 года назад +2

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

  • @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_ 3 года назад +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!"

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

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

    Thank you for valueable tutorial

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

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

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

    Great job, Ben!

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

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

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

    Very Nice Tutorial.! Thanks.!

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

    Love your tutorials, please keep doing them!!!

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

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

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

    This.Is.Beautiful!!
    Great!

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

      Thanks so much, so glad you enjoyed it

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

    Loving your tuts, keep up the good work!

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

    UR A GENIUS BABE!

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

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

    extremely cool Ben!

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

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

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

    that's really well done! 😸

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

    Just WOOOW!!!!

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

  • @coutinhoig
    @coutinhoig Год назад

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

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

  • @vistick
    @vistick 4 года назад +2

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

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

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

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

    Amazing!

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

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

  • @saketini99
    @saketini99 4 года назад +2

    das goot!

  • @Pirohne95
    @Pirohne95 4 года назад +2

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

  • @TipTut
    @TipTut 4 года назад +7

    Awesome!

  • @lukasnguyen8035
    @lukasnguyen8035 Год назад

    You're awesome Ben. Love u

  • @mountstneonstudios
    @mountstneonstudios 3 месяца назад

    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.

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

    lovely lesson, thanks

  •  4 года назад +2

    Awesome¡¡

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

      You're amazing for watching! (And commenting)

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

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

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

  • @internetshaquille
    @internetshaquille 4 года назад +22

    I want da smoke

  • @chrisc.9483
    @chrisc.9483 4 года назад +1

    This is great! thank you!

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

      Thanks so much for watching!

  • @poteshnyi
    @poteshnyi 2 года назад

    So cool and clean! Thank you!

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

    Ma men! 🔥🔥🔥

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

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

  • @juliabykova5666
    @juliabykova5666 2 года назад

    Great! Thanks for the tutorial!

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

    Now this is epic

  • @echopathy
    @echopathy 2 года назад

    Good stuff, man. Thank you!

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

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

  • @augmentelpaso2876
    @augmentelpaso2876 2 года назад

    This is awesome!

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

    Outstanding thanks for sharing tricks

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

  • @shifukoala5543
    @shifukoala5543 Год назад

    subscribed! thank you for the useful tip!

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

    this is awsome.

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

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

  • @maryamshareeda6624
    @maryamshareeda6624 2 года назад

    Thanks you I love that 😍👏🏾

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

  • @Evie_Ruby
    @Evie_Ruby 2 месяца назад

    Troubleshooting:
    - you have to make the plumes wide enough otherwise the holes inside the plumes will get too big and block out parts where you don't want it too --> so you make the holes smaller but you can't see it because of the gaussian blur is high (measured in pixels)

  • @aleemelech2180
    @aleemelech2180 2 года назад

    awesome tutorials

  • @Deivid_C
    @Deivid_C 2 года назад +2

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

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

    YOU'RE A FUCKING GENIUS!!!! OMG

  • @jiyeonjikim
    @jiyeonjikim 2 года назад

    So smart.

  • @under_cultureBR
    @under_cultureBR 4 года назад +2

    GOD!

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

    nice tutorial Bro.... thanks.

  • @soldunova
    @soldunova 2 года назад

    so coooooool!

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

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

    This is some real felix colgrave shit.