Uploaded February 2019 | Updated September 2026, 18 minutes ago
Learn how to make a procedure fire animation without having to animate it frame by frame!
00:00 - Step 1: Draw tear drop shape
00:10 - Step 2: Apply Wave warp
00:16 - Step 3: Zero out the direction
00:21 - Step 4: Adjust the height and width of the wave
00:27 - Step 5: Duplicate the layer and adjust
00:32 - Step 5: Activate Alpha Matte on the bottom layer
00:39 - Step 7: Reverse height on the top layer
00:45 - Step 8: Increase wave speed (just a bit)
00:53 - Step 9: Set pinning to bottom edge
1:09 - Step 10: Pre-compose everything
Hope this was helpful! I like to make these tutorials quick and easy to follow. You can really customize this to look how you want and make some really cool cartoon fire in After Effects. The advantage of After Effects fire animations are that you can save time by not having to animate frame by frame, but allowing the After Effects algorithm take over to create some great organic fluid motion in your flame. If you want to learn more After Effects, let me know what topics to tackle next in the comments below!
Leave a like if you found this helpful! It helps me out! Consider subscribing if you want future videos like this and other After effects related topics.
Like my music? I use soundstripe.com! It's incredibly affordable and it has lots of good music to pick from. Here is a link for the songs I use: soundstripe.grsm.io/Keyframetoppicks
Follow me on Instagram: instagram.com/keyfram.ed
You can visit my personal website: keyframeacademy.com
view some of my short After effects tutorials here:
youtube.com/watch?v=smNBKikR9oA&t=4s
Learn how to make a procedure fire animation without having to animate it frame by frame!
00:00 - Step 1: Draw tear drop shape
00:10 - Step 2: Apply Wave warp
00:16 - Step 3: Zero out the direction
00:21 - Step 4: Adjust the height and width of the wave
00:27 - Step 5: Duplicate the layer and adjust
00:32 - Step 5: Activate Alpha Matte on the bottom layer
00:39 - Step 7: Reverse height on the top layer
00:45 - Step 8: Increase wave speed (just a bit)
00:53 - Step 9: Set pinning to bottom edge
1:09 - Step 10: Pre-compose everything
Hope this was helpful! I like to make these tutorials quick and easy to follow. You can really customize this to look how you want and make some really cool cartoon fire in After Effects. The advantage of After Effects fire animations are that you can save time by not having to animate frame by frame, but allowing the After Effects algorithm take over to create some great organic fluid motion in your flame. If you want to learn more After Effects, let me know what topics to tackle next in the comments below!
Leave a like if you found this helpful! It helps me out! Consider subscribing if you want future videos like this and other After effects related topics.
Like my music? I use soundstripe.com! It's incredibly affordable and it has lots of good music to pick from. Here is a link for the songs I use: soundstripe.grsm.io/Keyframetoppicks
Follow me on Instagram: instagram.com/keyfram.ed
You can visit my personal website: keyframeacademy.com
view some of my short After effects tutorials here:
youtube.com/watch?v=smNBKikR9oA&t=4s






![After Effects | Dynamic Lower Thirds with 1 easy expression
Self-resizing boxes are a time saver by eliminating the needs for extra keyframing. In this tutorial, I go over the After Effects expression sourceRectattime() which can help you create text boxes that resize with your text. It is the perfect expression when making lower thirds.
You can copy this Expression:
s=thisComp.layer(Name);
x=s.sourceRectAtTime(time-s.inPoint,true).width;
y=s.sourceRectAtTime(time-s.inPoint,true).height;
[x,y]
Replace Text with the name of your text layer and boom. Youre done.
My personal site: https://www.keyframeacademy.com/
Programs used:
Adobe Premiere CC
Adobe After Effects CC 2019
Camtasia 9 After Effects | Dynamic Lower Thirds with 1 easy expression](https://i.ytimg.com/vi/7Y01aMBr2Eo/mqdefault.jpg)



