Fire Effect Step by Step
Burned Logo on Fire in AfterEffects CC
In this tutorial, I show you how to quickly create a fire effect without using external plugins in AfterEffects CC. The effect works well with logos to create the illusion of a burning object.
Add the Logo and Text Layers
Start by adding your logo. In this example, we have two text layers and one image layer.
Create the Fire Layer
Create a rectangle that covers the entire composition, then go to effect >> simulation >> and select CC Particle Systems II. This gives us a fountain-like particle effect as the default.
Adjust The Particle Systems II Settings
Now its time to adjust the effect setting. Play around with these parameters to get the fire the way you want it.
- Physics >> Animation >> Fire
- Particle >> Particle Type >> Faded Sphere
- Particle >> Birth Size >> 0.6
- Particle >> Death Size >> 1.0
Make the Fire Grow Horizontally
We want the fire effect to spread horizontally along the X-axis until it completely envelopes the logo and the screen. We can do this by animating the Producer >> Radius X setting.
With the slider at the beginning of the comp, set a keyframe for Radius X at 3.0, then set another keyframe at the end at 100.0.
Add a Vector Blur Effect
A Vector Blur will help control the style of your fire. Go to Effect >> Blur & Sharpen >> CC Vector Blur.
Amount >> 20.0
Property >> Alpha
Fade Out Letters and Logo
Search animation presets for Fade Out Character, then select both text layers and double click the effect.
On the right side text, simply adjust the effect keyframes to match the pace of the fire. (1:00 to 3:10)
On the left side, we need to reverse the direction of the fade. We do this by setting the first keyframe to start at 100% and end at 0%, then set the ending keyframe to start at 0%.
Final Touches
The fire thins out as it exvpands horizontally, so I am going to add a keyframe to increase the death size to 3 at the end.
I also move that center of the shape layer to the bottom of the y-axis (1080) so the fire fills the entire screen.
The End
Fire Effect in AfterEffects CC without Plugins Video
Grades
Nobody has graded this lesson yet.
- 0 Unlocks
- 1472 Total Reads
- 8 minutes Est. Learning Time
by quickdraw55
Ola! My name is quickdraw55. I have been a CampusHippo member for almost 5 years. I currently offer 3 lessons with a combined overall grade of n and sales amounting to $0.00
- graphic designer with a flair for flat artwork