Part 1 Setting Up the Stage

 

 

1. Start Flash

2. Click Modify and then click Document.

3. To change the Stage size, you can enter the values for width and height in the Dimensions text boxes. Click Printer to have you Stage size match the maximum print area currently available to you. Click Contents to create a Stage area just large enough to cover the elements in you movie. For this project, use the default size of 550 x 400 pixels.

4. From the View menu select Rulers, then select Grid.

5. Click the Background Color Box to change the Stage's background color. For this project, select white as the background color, if necessary. Note: A frame rate that is too slow makes the animation appear to start and stop; if it is too fast, it is a blur. Motion pictures use 24 frames per second but AVI movies and websites using flash use the frame rate of 12 frames per second. Since flash uses only one rate per movie, check it before you start your work.
 

6. Leave 12 as the value for the frame rate. The total number of the frames times the frame rate determines the length of the movie. Flash uses 12 as a default rate.

7. Save your work now.

8. If the toolbar is not open, click Window and then click Tools.

9. To turn on tooltips, click Edit and then click Preferences.

10. In the Preferences dialog box, click the General tab.

11. Make sure the Show Tooltips box is checked. Click OK.

12. Save your work.

Part 2

1. On the Timeline, click frame 1 on layer 1 to select it.

2. In the toolbar, click the Oval tool. Set the stroke color to None. Set the Fill color to red. You can do this in the toolbar or the properties box.

3. Draw a circle near the middle of the stage.

  Next: you will create a motion tween for your circle. Before you can use a drawn shape in a motion tween you must convert it to a symbol.

 

4. Use the Selection tool to select your circle. Click Insert and then click Convert to Symbol.

5. Name the symbol ball and click Graphic as the Behavior. Click OK. Flash will save this in your library. To see the library, click Window and then click Library.

6. From the Menu bar, click Insert and then click Create Motion Tween.

7. On the Timeline, click frame 5.

8. From the Menu bar, click Insert and then click Keyframe.

9. Click the Selection tool and drag the circle to the bottom of the Stage.The solid bullet in frame 5 will indicate that you have created content in a keyframe.

10. On the Timeline, click frame 10.

11. From the Menu bar, click Insert and then click Keyframe.

12. Move the circle back to the middle of the Stage where it began.

13. Click Window, click Toolbars, and then click Controller. Click Play on the Controller to preview your animation.

14. Save you work.

Part 3

1. Click on frame 5 and click the circle. The Property Inspector displays options for the selected instance of the Ball.

2. On the Property Inspector, choose Tint from the Color pop-up menu.

3. Click the Color box and select a tint color.

4. Click Play on the Controller to preview your animation.

5. Click on frame 15. Click Insert. Click Keyframe.

6. Drag the circle to the bottom of the screen.

7. With frame15 selected, click the circle and change the tint color on the Property Inspector.

8. Repeat steps 5-7 every five (5) frames, changing the color and position of the circle each time and ending on frame 35.

9. Test by clicking Play on the Controller. Save your work.

Part 4

 

1. Click on frame 5.

2. Click Modify, Click Transform, and then click Scale. Square handles appear on the four corners and four sides of the box round the ball.

3. To change the size of the ball without distorting its shape, drag one of the corner handles in a diagonal direction. Make this instance of the ball larger. If the ball is not entirely on the Stage, use the arrow keys to reposition it.

4. Click Play on the Controller to preview your animation.

5. Repeat Steps 1-5 every five frames, alternately changing from larger to smaller.

6. Test you animation. Then Save your animation.

Part 5

1. Click on frame 10.

2. Use Selection tool to drag the ball to the left side of the Stage.

3. Click frame 15. Drag the ball to the top.

4. Click frame 20. Drag the ball to the right.

5. Click on frame 35. Drag the ball to the center of the Stage.

6. Click Play on the Controller to preview your animation

7. Save your work.

Part 6

 

1. Click frame 40 on the Timeline.

2. Click Insert, then Click Keyframe.

3. Click the ball and use the Property Inspector to change the tint to the color of your choice.

4. Click frame 75 and insert a Keyframe.

5. Click Modify, click Transform, and then click Scale. Drag the corner of the square surrounding the ball to make it larger.

6. On the Property Inspector, choose Brightness from the Color Pop-up menu.

7. Set the Brightness to 100%. The ball becomes white, so it disappears from view.

8. Click Play on your Contoller to see your animation.

9. Save your work.

Part 7

 

1. To create a new layer, click Insert, and then click Layer. Double click the title Layer 2, and key your name.

2. On the Name layer, click frame 75 and insert a keyframe.

3. Click Text in the Toolbar.

4. On the Property Inspector, click the Font pop-up menu and select a font you like. Key 40 in the Font Size Box, and use the color selector to make the text the color of your choice. Click Align Left button.

5. Click on the left side of the Stage and Key your name.

6. Use the Selection tool to select the text. Click Insert and then click Convert to Symbol to open the Convert to Symbol box.

7. Name the symbol Text 1 and click Graphic as the Behavior. Click OK.

8. Use the Selection tool to select the text. Click Insert, and then click Create Motion Tween.

9. On the Name layer, click frame 90. Insert a keyframe.

10. Return to frame 75 and select the text. Click Modify, click Transform, and the click Scale. Reduce the size of your text.

11. Use the selection tool to select the text.

12.On the Property Inspector, choose Brightness from the color pop-up menu and increase the brightness to 100%.

13. In frame 75, use the Selection tool to position the text on the left side of the Stage near the center.

14. In frame 90, use the Selection tool to position the text on the left side of the Stage near the center.

15. Create a new layer and name it rocks.

16. On the Rocks layer, click frame 85 and insert a keyframe.

17. Click on the Text tool. On the Property Inspector, click the Font pop-up menu and select a font you like. Key 40 in the Font Size Box, and use the color selector to make the text the color of your choice. Click Align Left button.

18. Using the Text toll, key ROCKS on the Stage. Align "ROCKS" to the right of your name.

19. In frame 85, use the Selection tool to select the "ROCKS". Click Insert and then click Convert to Symbol to open the Convert to Symbol box.

20. Name the symbol text 2 and click graphic as the Behavior. Click OK.

21. On the rocks layer, click frame 85. Click Insert, and then click Create Motion Tween. Then click frame 100, click Insert, and click Keyframe. Click frame 110, click Insert, and then click Frame

"Rocks" disappears at frame 110 beaucse frame 90 is the last frame on the rocks layer.

22. To keep "ROCKS" on the Stage, click frame 110 on the rocks layer. Click Insert, and then click Keyframe

23. Click the Onion Skin button ( at the bottom of the Timeline) to turn on onion skinning and align the name and rocks animations.

24. On the Rocks layer, click frame 85 and the click the "rocks" text.

25. On the Property Inspector, choose Brightness from the Color pop-up menu and increase the Brightness to 100%.

26. With frame 85 still selected, holf down the Shift and drag "Rocks" to the far right of the Stage.

27. Click the Onion Skin button again to turn off onio skinning, Test the Movie. Save your work.

28. Create another layer and title it One.

29. On the one layer, click frame 101 and insert a keyframe.

30. Click the Text tool. On the Property inspector, set the font you ant. Key 95 in the font size box and make the text a color you like.

31. Using the Text tool, key !. Use the Selection tool to position the "!" to the right of "ROCKS."

32. Use the Selection tool to select the "!". Click Insert and then click Convert to Symbol to open the Convert to Symbol box.

33. Name the symbol Text 3 and click Graphic as the Behavior. Click OK.

34. Use the Selection tool to select the text. Click Insert, and then click Create Motion Tween.

35.ON the one layer click frame 110 and insert a keyframe.

36. Click frame 110 and select the "!" text. On the Property inspector, change the brightness to 40%. Click on the Stage to apply the change.

37. Test the movie. When you are satisfied with the appearence, save your animation.

38. Lean back and enjoy!