Simple Animation

Previous lessons showed you several of the animated graphics. These graphics did not move around the Stage. As an example, the Bird's wings flapped but the Bird did not move. The following lessons will show you how to move objects or symbols around on the Stage to create simple animations.

Animating a Draw Object

1. Run Flash 4.0 from the Start menu by choosing Macromedia Flash 4 and then Flash 4 to obtain a blank stage for the first frame. If you are already in Flash, use the New icon from the Tool Bar to create a new project.

2. Click on Modify, then Movie from the pull-down menu to obtain the Movie Properties dialog box. Set the size of the movie to a Width of 500 and a Height of 200. Set the Frame Rate to 50 fps. Click OK to continue.

3. Use the Ellipse tool to create a small ellipse on the left side of the stage. Choose a Red Gradient Fill Color.

4. Use the Edit, Select All command to select this object. Use the Modify, Group command to make a grouped object.

5. Create a Keyframe every five frames up to Frame 25 using the F6 keystroke.

6. Go to Keyframe 5 and move the ellipse to the right a small amount. Repeat this at Keyframes 10, 15, 20, and 25 so that when you are done, you have moved the ellipse all the way across the stage from left to right. You could move the ellipse up and down from one Keyframe to the next to simulate the bouncing of a ball.

7. Click the Play button for the Controller to view this animation.

8. Save this as lesson8a.fla.

9. Use the File, Export command to obtain the Export Movie dialog box. Locate a directory where you are storing your files and give this movie a name, ie lessson8a.

10. Accept the defaults from the Export Flash Player dialog box. Click OK to conclude the Export process.

The finished Movie should look similar to the one below.

 

Animating Text

1. Run Flash 4.0 from the Start menu by choosing Macromedia Flash 4 and then Flash 4 to obtain a blank stage for the first frame. If you are already in Flash use the New icon from the Tool Bar to create a new project.

2. Click on Modify, then Movie from the pull-down menu to obtain the Movie Properties dialog box. Set the size of the movie to a Width of 300 and a Height of 300. Set the Frame Rate to 50 fps. Click OK to continue.

3. Use the Text tool to create a text box and type the text: FLASH IS COOL!. Set the Font to Verdana, Bold, 20. Place the text box in the upper-left corner of the Stage.

4. Use the Modify, Break Apart command to break up the text. Use the Paint Bucket tool and select a Rainbox Gradient (Radial) Fill Color. Move the Paint Bucket tool over any part of the selected text and click to fill in the color. Use the Modify, Group command when done.

5. Create a Keyframe every five frames up to Frame 25 using the F6 keystroke.

6. Click the Arrow tool. Go to Keyframe 5 and move the text box down and to the right a small amount along a diagonal. Repeat this at Keyframes 10, 15, 20, and 25 so that when you are done, you have moved the text box from the upper-left to lower-right part of the stage.

7. Click the Play button for the Controller to view this animation.

8. Save this as lesson8b.fla.

9. Use the File, Export command to obtain the Export Movie dialog box. Locate a directory where you are storing your files and give this movie a name, ie lessson8b.

10. Accept the defaults from the Export Flash Player dialog box. Click OK to conclude the Export process.