Lesson 5

Create Movie Clips

 

OBJECTIVE:  In this lesson, you will create, edit, and animate a movie clip.

 

Lesson:  Break apart a graphic symbol and select parts of the object to separate from the graphic

  1. Open fl_4_9.fla from the Digital Design folder on the server – this document has one graphic symbol—a car that has been placed on the Stage
  2. Click the Selection tool on the Tools panel, then click the car to select it
  3. Click Modify on the menu bar, then click Break Apart
  4. Click a blank area of the Stage to deselect the object
  5. Click the Zoom tool on the Tools panel, then click the front wheel two times to zoom in on the wheel
  6. Click the Selection tool on the Tools panel
  7. Click the gray hubcap, hold down Shift, then click the rest of the wheel [Hint:  There are several small parts to the wheel, so click until a dot pattern covers the entire wheel, but do not select the black tire – Use the Undo command if you select the tire]
  8. Drag the selected area straight down below the car

Summary:  You broke apart a graphic symbol and selected parts of the object to separate from the graphic.

 

Lesson:  Create and edit a movie clip

  1. Verify the wheel is selected, click Modify on the menu bar, then click Convert to Symbol
  2. Type mc_wheel for the name, select Movie Clip for the type, then click OK – the mc_wheel movie clip appears in the Library panel
  3. Double-click the mc_wheel icon in the Library paenl to display the edit window
  4. Click the Zoom tool on the Tools panel, then click the wheel twice to zoom in on the wheel – the movie clip has been broken apart as indicated by the dot pattern
  5. Click the Selection tool, click a blank area of the Stage to deselect the object, then click the gray area of the wheel to select it
  6. Click the Fill color tool color swatch on the Tools panel, then click the gray gradient color swatch in the bottom row of the palette

Summary:  You created a movie clip symbol and edited it to change the color of the object.

 

Lesson:  Animate a movie clip

  1. Use the Selection tool to drag a marquee around the entire wheel to select it
  2. Click Insert on the menu bar, click Motion Tween, then click OK for the Convert selection to symbol for tween dialog box
  3. Point to the end of the tween span on Layer 1 of the Timeline, when the pointer changes to a double-headed arrow, drag the span to frame 48
  4. Click frame 1 on Layer 1
  5. Display the Properties panel
  6. Change the rotate value to 4 times and verify the Direction is CW (Clockwise) [Hint:  If you don’t see the Rotate option, click the Selection tool, then drag a marquee around the object]
  7. Verify the frame rate in the Timeline status bar is 12, test the movie, then close the Flash Player window
  8. Click Scene 1 near the top left side of the edit window to exit the edit window
  9. Drag the wheel on the Stage and position it so it is on top of the front wheel of the car
  10. Click View on the menu bar, point to Magnification, then click Fit in Window
  11. Drag the mc_wheel movie clip from the Library panel and position it using the arrow keys as needed so it is on the back wheel [Hint:  Use the Zoom tool as needed to zoom in on the wheel]
  12. Test the movie and notice how the wheels turn, then close the Flash Player window
  13. Use the Selection tool to drag a marquee around the car to select it and the wheels
  14. Click Insert on the menu bar, click Motion Tween, then click OK
  15. Drag the tween span on Layer 1 to frame 48
  16. Click frame 48 on Layer 1, then drag the car straight across to the right side of the Stage
  17. Test the movie, then close the Flash Player window
  18. Save your work to your server folder, then close the document

Summary:  You edited a movie clip to create an animation, then nested the movie clip in an animation on the main Timeline.