VOOZH about

URL: https://www.geeksforgeeks.org/computer-science-fundamentals/how-to-animate-a-firefly-using-flash/

⇱ How to Animate a Firefly using Flash? - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

How to Animate a Firefly using Flash?

Last Updated : 22 Mar, 2022

Animations are really helpful in nearly every field like education, advertisements, entertainment, or for making some complex tasks easy to understand hence we will learn to animate fireflies in a flash because flash is a very effective tool in making animations.

Animating a Firefly

Firefly animations are used in night scenes in many projects, these are also used to show the charismatic effect of the night so to animate these we need a vector image of firefly so use a copyright-free image and a background image. Here is the step by step guide for making fireflies

Step 1: Open Adobe flash and create a new project.

👁 Open-a-project

Step 2: Import background image and firefly image on the stage.

👁 Import-background-image-and-firefly-image

Step 3: Convert the firefly to a symbol.

👁 Convert-the-firefly-to-a-symbol

Step 4: Double click to enter inside the symbol and color the lower part as yellow.

👁 Color-the-lower-part-as-yellow

Step 5: Double click to come to the main stage and convert the image to a movie clip by pressing F8 and choosing the movie clip option.

👁 Convert-to-symbol

Step 6: Now enter inside the movie clip symbol and place the different parts of the firefly on different layers.

👁 Enter-inside-the-movie-clip-symbol

Step 7: Insert a frame at frame 125 on all layers.

👁 Insert-a-frame-at-frame-125

Step 8: Insert a keyframe at frame 30 at layer_2 and remove the yellow color in the tail of the firefly.

👁 Insert-a-keyframe-at-frame-30-at-layer_2

Step 9: Insert a keyframe at frame 60 at layer_2 and fill the yellow color in the tail of the firefly.

👁 Insert-a-keyframe-at-frame-60-at-layer_2

Step 10: Now select the middle frame and apply classic tween.

👁 Applying-classic-tween

Step 11: Double click to come out to the main stage.

👁 Come-out-to-the-main-stage

Step 12: Insert a frame at frame 125 on both layers.

👁 Insert-a-frame-at-frame-125

Step 13: Now to run the animation click on the run button.

👁 Run-the-animation

Here is the output video of the firefly animation.

Comment