Skip to content
Related Articles
Open in App
Not now

Related Articles

How to Animate Fire in Flash?

Improve Article
Save Article
  • Last Updated : 09 Mar, 2022
Improve Article
Save Article

Flash allows different users to follow their own styles of animation because not every object can be animated using modern methods so such objects need to be animated in traditional ways. For example water fountain, fire, etc needs to be drawn frame by frame to give the actual world touch to these things hence, in this case, each frame can be drawn with a different drawing and these all frames are visited in a sequential manner at a certain rate to animate fire or water.

Fire Animation

Fire animation is really useful and it is used in almost every movie and also widely used in many animation projects. Animating a realistic fire is important to give an appealing effect to the scene so we will learn to animate it frame by frame. Follow the below steps to animate fire.  

Step 1: Open a new project in Adobe Flash.


Step 2: Colour the stage Black.


Step 3: Using the line tool draw a basic shape of fire and fill it with yellow color.


Step 4: Add two new layers using Add new layer button on the timeline.


Step 5: Make one more shape of fire smaller than the first one and fill dark yellow color on layer 2.


Step 6: Add an oval using the Oval tool on the third layer and color it orange.


Step 7: Now place it to give the middle part of the fire.


Step 8: Add keyframes at frames 5, 9, 11, and 16 on the third layer which has an oval shape.


Step 9: Now change the oval shape at each keyframe a little as shown in the figure, so layer third is complete.


Step 10: Now add keyframes at frames 3, 5, 7, 9, 11, 13, 15, 17 on layer 2.


Step 11: At each keyframe change fire as shown in figures.


Step 12: Now add keyframes at frames 3, 5, 7, 9, 11, 13, 15, 17 on layer 1.


Step 13: At each keyframe change fire by selecting the fire at layer 2 and scaling it down using the free transform tool because fire figures are the same on layer 2 and layer 1, the only difference is in size and dark yellow color.


Step 14: Press the run button to see the animation.


Congratulations your fire animation is ready now you can press Ctrl + Enter to see the final output of the animation.

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!