How to animate fire - After Effects Tutorial

Поделиться
HTML-код
  • Опубликовано: 23 июн 2021
  • You can get the project files here. 👉 / fire-animation-52871673
    In this after effects tutorial, we'll teach you how to animate fire purely in after effects. And we'll make the fire animation that looks like it was done frame by frame or hand-drawn minus the actual frame by frame process.
    ========== After Effects Course =============
    48 lessons (total of 28 hours) 👉 101.gg/marvinte
    ========== Skillshare classes that we teach =============
    Animating Liquid Trails in Adobe Animate 👉 skl.sh/2SwTKVY
    Frame by frame for beginners 👉 skl.sh/2yW6BDo
    Animate a walk cycle 👉 skl.sh/344LXl4
    Drawing the head from any angle 👉 skl.sh/3cJdoFs

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

  • @df1938
    @df1938 3 года назад +5

    Brilliant tutorial. I really appreciate how you include your thought process as you go through things.

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

      Glad it was helpful! 😊 We see lots of tutorials explaining the how already that we thought adding our thought process would add to the overall learning of the people who would watch this. Glad to know it was effective 😊

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

    was looking for an easy way to simulate hand-drawn animation in a similar style. the tips you gave in this vid helped me a lot! thank you for sharing :)

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

      Great! Glad this helped! Do you have an IG? Tag us we’d love to see what you came up with 😊

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

    You're a great teacher! Thank you for this tutorial :)

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

    Man this is awesome! Waiting for the next tutorials.

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

    That's a VERY SMART way of using wave warp!! Thanks for the tutorial! :D

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

      You're welcome! 😊 Glad you like it!

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

    This was very helpful and clear to follow! Thank you!

  • @AmeenDoesStuff
    @AmeenDoesStuff 11 месяцев назад

    such an informative video, your process guiding in understanding why fire looks the way it does makes this tutorial so incredible!

    • @plainlysimple
      @plainlysimple  10 месяцев назад

      Hi! Glad to know you liked this tutorial! 😊

  • @neelpatil1492
    @neelpatil1492 Год назад +1

    thanks! not just the tutorial but the perspective is gonna help a lot!!

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

      Glad it helped! Keep at it! Take care! 👋

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

    best tuto about fire aep i have seen ! thanks you

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

    This is one of my favourite 2D flame effects in after effects, thankyou

    • @plainlysimple
      @plainlysimple  2 года назад +1

      Thanks for the kind words! Glad you liked it. :)

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

    this is amazing. much appreciated!

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

      Thanks! And much appreciated for watching the video. Take care 👋

  • @johncorbitt4112
    @johncorbitt4112 Месяц назад

    Excellent!

  • @Itsjustra
    @Itsjustra Год назад +1

    So cool! I animate in after effects all the time and never think to use my knowledge of frame by frame animation to improve my animations!

    • @plainlysimple
      @plainlysimple  10 месяцев назад

      Thanks! Yes this is what we advocate, that you can use knowledge from other fields interchangeably. What we learn in 3d can by applied in 2d, frame by frame in AE and vice versa. 😊

  • @imzaahid
    @imzaahid 9 месяцев назад

    Best video ever on fire animation. You are a genius. Thanks.

    • @plainlysimple
      @plainlysimple  7 месяцев назад

      Wow, thanks! Glad you liked it! 👍

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

    Fantastic tutorial!

  • @user-ru1gw4ts9m
    @user-ru1gw4ts9m 2 года назад +1

    The greatest tutorial i have ever seen

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

    Great job..Thank you for this type of video

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

    Thank you for this amazing tutorials! I made cool fire!

    • @plainlysimple
      @plainlysimple  2 года назад +1

      You're so welcome! Once you're done let us have a look :D

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

    Very impressive! Thanks!

  • @JasmeetKaur-wm8ji
    @JasmeetKaur-wm8ji 9 месяцев назад

    That's an ossum tutorial 💯💯💯👍

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

    great explained thanks

  • @annaxferrer
    @annaxferrer 3 года назад +5

    Niiice. I really appreciate the discussion from the frame by frame perspective. Animating the wave is still challenging for me, I'm not sure how to make it loop without glitches. Now I know...just use Ae hahaha jk! This was awesome! 🔥

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

      Thanks, Anna! Glad you liked it! For a more dynamic animation of fire, frame by frame is still the best way. This could be the second 😄

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

    Thanks! It looks simple than frame by frame animation. I will try it 😁

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

      Yes it's really simple. If you finished it let us know or tag us on IG: @plainlysimplestudios
      We would love to see it 😄

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

      @@plainlysimple оk)

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

    Awesomeness

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

    like it sooooo much thx u

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

      You're welcome 😊 Glad you liked it.

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

    I animate frame by frame in TVPaint, but I still found this insightful and interesting to watch!

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

    Thankssss

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

    oh thanks a lot!

  • @akigatoz
    @akigatoz Год назад +1

    14:00

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

    For the windows the vertex tool start with shift + alt incase you get mixed up doing this practice

    • @plainlysimple
      @plainlysimple  Год назад +1

      I'm not that familiar with windows anymore. Thanks for sharing :)

  • @AR-nr2ix
    @AR-nr2ix 3 года назад

    Nice

  • @Skyskipper002
    @Skyskipper002 2 дня назад

    Is there a way to loop this flame? Im new to after effects

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

    What softwares do u teach in your skillshare class ?
    And also do u teach to use that software or u teach to make animations etc

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

      For our animation classes, we use Adobe animate and for drawing classes we use Photoshop. In those classes, we teach you how to use those software but even if you choose to use different software you can still follow along. The main focus of those classes is the principles. 😊

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

    i cant seem to be able to use the add vertex tool on my shape layers, any suggestions?

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

      If you hold click the pen tool icon on your menu bar, there should be a pop up that would allow you choose different pen tool options. Choose the one with the + sign

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

    i cant put the point with the tool vertex, help!!!! i use Ae 2024

  • @ThiagoFerreira-zt8zv
    @ThiagoFerreira-zt8zv 10 месяцев назад

    This is awesome! Do you have any tips to make it a perfect loop? It usually loops in a cycle with Wave Warp, but for some reason, it's not looping at the end... Do you know why?

    • @plainlysimple
      @plainlysimple  10 месяцев назад +1

      Glad you liked it! For making this a perfect loop, that would be difficult. It's because your controls here is the wave warp, in which you would need to set the speed etc. It is possible but you have to compute, for the speed, the length of the animation, and other parameters. But it's possible to arrive to a loop, it's just hard esp. if you don't know the math and all 😅 And we're not that good with math 😅 Whenever I use this technique, I don't use it for loop but I just set a long duration like 8 - 10 seconds. But you can always do trial and error, play around with the values until you arrive at a perfect loop.

    • @ThiagoFerreira-zt8zv
      @ThiagoFerreira-zt8zv 10 месяцев назад +1

      @@plainlysimple Thanks for the reply and help, man! Yeah, the main problem is the speed difference you talk about at 14:35 in the video. It does give a lot more realism, but the difference makes it impossible to loop at the end. One solution I found was to apply the posterize time effect in an adjustment layer as you said, precompose everything, and then slice the precomp in half. Drag the first half to the end, and the last half to the beginning (this will make the loop perfect at the end, and now the problem is in the middle). Now you just have to drag the sliced precomps around a little and find a common ground between them, where the frame at the end of one precomp kinda looks like the frame at the beginning of the other (it doesn't need to be exactly the same of course, just similar). You may want to tweak the wave warp effect a little until you manage to find a similar frame. Now, because we have applied the posterize time effect, any little difference between those frames will look like part of the animation, and will go unnoticed, making it a perfect loop.
      Another easier solution is of course to just leave both wave warp effects at the same speed. (You can see the loop at 14:24 in your video). It loops perfectly and still looks good, sacrificing a little realism in the benefit of sanity. 😅

    • @keixsy
      @keixsy 9 месяцев назад +1

      ​@@ThiagoFerreira-zt8zvyour comment really helped me, thank you

  • @luicandeias8471
    @luicandeias8471 8 месяцев назад

    Track matte doesn't give me the option of alpha matte inverted, so I'm blocked from following along with this for now. Thoughts?

    • @plainlysimple
      @plainlysimple  7 месяцев назад

      Just beside the track matte, you'll see two boxes, you can toggle the matte inverted by clicking the second box. Hope that helps 😊

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

    What device you use for drawing?

    • @plainlysimple
      @plainlysimple  Год назад +1

      My current drawing tablet is a huion kamvas

  • @divannkocharles
    @divannkocharles Месяц назад

    hi friend, I'm in Vietnam, I just approached Adobe and want to become an animator
    and youtuber :>, so in the process of using adobe I encountered many problems. Can you help me answer some questions? Thank you very much.

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

    Please give me the tree and the girl file