Lesson 2

Create Classic Tween Animations 

 

OBJECTIVE:  In this lesson, you will create a motion guide and attach an animation to it.

 

Lesson:  Create a classic tween animation

  1. Open fl4_3.fla from the Digital Design folder on the server
  2. Save it as Fl_C4_L2_cTween
  3. Insert a new layer, then name it biker
  4. Click frame 1 on the biker layer, then drag the biker symbol from the Library panel to the Stage
  5. Click frame 30 on the biker layer, click Insert on the menu bar, point to Timeline, then click Keyframe
  6. Drag the biker to the bottom of the down ramp on the right
  7. Click frame 2 on the biker layer, click Insert on the menu bar, then click Classic Tween – an arrow appears on the Timeline indicating that this is a classic tween
  8. Play the movie

Summary:  You created an animation using a classic tween.

 

Lesson:  Add a motion guide and orient the object to the guide

  1. Insert a new layer, then name it Guide
  2. Click Modify on the menu bar, point to Timeline, then click Layer Properties
  3. Click the Guide option button, click OK, then drag the biker layer up to the Guide layer – the biker layer indents below the Guide layer
  4. Click frame 1 on the Guide layer, click the Pencil tool on the tools panel, then set the stroke color to black
  5. Point to the middle of the biker, then draw a line to up above the buses with a backwards loop at the top, then continue the line to the bottom of the ramp (do not touch the ramp)
  6. Click frame 30 on the biker layer, click the Selection tool, then drag the biker so that it snaps to the end of the line [Hint:  Use the Zoom tool to zoom in on the biker to make it easier to see you have placed the transformation point on the path]
  7. Play the movie
  8. Click frame 1 on the biker layer, then click the biker to select the object
  9. Click the Free Transform tool on the Tools panel, then rotate the biker to head up the ramp
  10. Click frame 30 on the biker layer, then rotate the biker to head down the ramp
  11. Click the Selection tool, then click frame 1 on the biker layer
  12. Display the Properties panel, then click the Orient to path check box
  13. Play the movie
  14. Click frame 1 on the biker layer, then set the Ease value in the Properties panel to 100
  15. Insert a keyframe on the frame on the biker layer that displays the highest point in the animation, then set the ease value to 100
  16. Test the movie, save your work, then close the document

Summary:  You added a motion guide, oriented the animated object to the guide, and set an ease value.