Lesson 1

Plan for Complex Movies and Animations

 

OBJECTIVE:

In this lesson, you will work with and compare animated graphic and movie clip symbols.

 

Lesson:  Work with an animated graphic symbol

  1. Open fl8_1.fla from the Flash - Chapter 8 folder on the server
  2. Save it as animated_leaves to your server folder
  3. Display the Library panel
  4. Press Enter  to play the animation—the motion tween in the leaf layer on the Timeline causes the leaf to move
  5. Right-click the leaf graphic symbol in the Library panel, then click Edit
  6. Press Enter to play the animation—this is the same animation as the one on the main Timeline—it was developed by creating a new graphic symbol (named leaf graphic symbol) of the leaf, copying the motion tween on the main timeline, and pasting it into the Timeline of this leaf graphic symbol
  7. Click Scene 1 at the top left of the workspace to return to the main Timeline
  8. Insert a new layer above the leaf layer, then name it gs_leaf
  9. Click frame 1 on the gs_leaf layer, then drag the leaf graphic symbol from the Library panel to the Stage above the text—the animated graphic symbol version of the leaf still takes up 10 frames on the Timeline, but the symbol’s motion tween (blue shading and keyframe on the Timeline) does not display because it is saved as part of the symbol
  10. Press Enter to view the animations—you opened a graphic symbol animation in the edit window and you moved an instance of an animated graphic symbol to the Stage

 

Lesson:  Work with a movie clip symbol

  1. Insert a new layer above the gs_leaf layer, name it mc_leaf, then drag the leaf movie clip symbol from the Library panel to the Stage above the text
  2. Click frame 1 on the mc_leaf layer, then press Enter to view the animation—the movie clip symbol version of the leaf does not move because movie clips on the Stage play only when you export, publish, or test the movie—you will learn in a later lesson how to create this movie clip symbol
  3. Click Control on the menu bar, then click Test Movie to test the movie—all three leaves animate in place continually
  4. Close the Flash Player window

Summary:  You placed an instance of a movie clip symbol on the Stage, then tested the movie.

 

Lesson:  Assign a stop action to the Timeline

  1. Insert a new layer above the mc_leaf layer, then name it stopaction
  2. Open the Actions panel, then click frame 1 on the stopaction layer
  3. Verify the Script Assist button is turned on
  4. Verify that stopaction:1 is displayed in the lower left of the Actions panel Script pane—this indicates that the ActionScript code will be assigned to frame 1 on the stopaction layer
  5. Click the Add a new item to the script button in the Script Assist window, point to Global Functions, point to Timeline Control, then click stop
  6. Click Control on the menu bar, then click Test Movie—only the movie clip symbol moves because it has an independent Timeline;  the stop  action stopped the main Timeline, upon which the other two instances of the leaf are dependent
  7. Close the Flash Player window
  8. Close the Actions panel
  9. Save your work, then close the movie

Summary:  You assigned a stop action to the Timeline and tested the movie.