Skills Review

Sample Solution

 

Lesson:  Create a motion tween animation [Refer to Lesson 1]

  1. Start Flash, open fl4_11.fla from the Digital Design folder on the server
  2. Save it as FL_C4_SR_skillsdemo4_your username to your Flash C4 server folder
  3. Insert a keyframe in frame 20 on the ballAn layer
  4. Display the Library panel, then drag the g_vball graphic symbol to the lower-left corner of the Stage
  5. Click frame 20 on the ballAn layer, then insert a motion tween
  6. Point to the end of frame 20, when the pointer changes to a double-headed arrow, drag the pointer to frame 40 to set the tween span from frames 20 to 40
  7. With frame 40 selected, drag the object to the lower-right corner of the Stage
  8. Change the view of the Timeline to 'Small' so more frames are in view
  9. Insert a blank keyframe in frame 41
  10. Play the movie, then save your work

 

Lesson:  Edit a motion tween [Refer to Lesson 1]

  1. Click frame 20, use the Selection tool to alter the motion path to form an arc, then play the movie
  2. Use the Subselection tool to display the Bezier handles, use them to form a curved path, then play the movie
  3. Select frame 20, use the Properties panel to change the ease value to 100, then play the movie
  4. Select frame 20, change the ease value to -100, then play the movie
  5. Select frame 40, select the object, use the Properties panel to change the width of the object to 30, then play the movie
    [Hint:  Verify the Lock width and height values together chain is unbroken – this will ensure that when one value is changed, the other value changes proportionally]
  6. Select frame 35, select the object, use the Free transform tool to skew the object, then play the movie
  7. Select frame 40, select the object, use the Properties panel to change the alpha setting to 0, then play the movie
  8. Change the alpha setting back to 100
  9. Select frame 40, select the object, then use the 'Advanced Style' option in the COLOR EFFECT area of the Properties panel to create a red color
  10. Lock the ballAn layer
  11. Play the movie, then save your work

 

Lesson:  Create a classic tween [Refer to Lesson 2]

  1. Insert a new layer and name it v-ball
  2. Insert a keyframe in frame 76 on the v-ball layer
  3. Insert a keyframe in frame 41 on the v-ball layer
  4. Drag an instance of the g_vball symbol from the Library panel to the lower-left corner of the Stage
  5. Insert a keyframe in frame 50 on the v-ball layer and drag the ball to the lower-right corner of the Stage
  6. Click on any frame between 41 and 50 on the v-ball layer and insert a Classic tween
  7. Insert a blank keyframe at frame 51 on the v-ball layer
  8. Play the movie, then save your work

 

Lesson:  Create a motion guide [Refer to Lesson 2]

  1. Insert a new layer above the v-ball layer and name it path
  2. Insert a keyframe in frame 76 on the path layer
  3. Change the path layer to a Guide layer
  4. Insert a keyframe at frame 41 on the path layer
  5. Select the pencil tool, point to the middle of the ball and draw a path with a loop
  6. Insert a keyframe in frame 50 on the path layer
  7. Drag the v-ball layer up to the path layer so that it indents below the path layer
  8. Click frame 41 on the v-ball layer and attach the ball to the path
  9. Click frame 50 on the v-ball layer and attach the ball to the path
  10. Click frame 41 on the v-ball layer and use the Properties panel to orient the ball to the path
  11. Lock the v-ball and path layers
  12. Hide the path layer
  13. Play the movie, then save the movie

 

Lesson:  Create a frame animation [Refer to Lesson 3]

  1. Insert a new layer and name it corner-ball
  2. Insert a keyframe in frame 76 on the corner-ball layer
  3. Insert a keyframe in frame 51 on the corner-ball layer, then drag the g_vball graphic from the Library panel to the lower-left corner of the Stage
  4. Insert a blank keyframe in frame 55 on the corner-ball layer, then drag g_vball graphic from the Library panel to the upper-left corner of the Stage
  5. Insert a blank keyframe in frame 59 on the corner-ball layer, then drag the g_vball graphic from the Library panel to the upper-right corner of the Stage
  6. Insert a blank keyframe in frame 63 on the corner-ball layer, then drag the g_vball graphic from the Library panel to the lower-right corner of the Stage
  7. Insert a blank keyframe in frame 66 on the corner-ball layer
  8. Lock the corner-ball layer
  9. Change the movie frame rate to 3 frames per second, then play the movie
  10. Change the movie frame rate to 12 frames per second, play the movie, then save your work

 

Lesson:  Create a movie clip [Refer to Lesson 5]

  1. Insert a new layer and name it spin-ball
  2. Insert a keyframe at frame 76 on the spin-ball layer
  3. Insert a keyframe at frame 51 on the spin-ball layer
  4. Drag an instance of the g_vball symbol from the Library panel to the center of the Stage
  5. Select the ball and convert it to a movie clip with the name mc_ball
  6. Display the edit window for the mc_ball movie clip
  7. Create a motion tween that rotates the ball 6 times counterclockwise in 12 frames
  8. Exit the edit window
  9. Insert a blank keyframe in frame 66 of the spin-ball layer
  10. Lock the spin-ball layer
  11. Test the movie, close the Flash Player window, then save your work

 

Lesson:  Animate text [Refer to Lesson 6]

  1. Insert a new layer above the spin-ball layer and name it heading
  2. Insert a keyframe in frame 76 on the heading layer
  3. Click frame 1 on the heading layer
  4. Use the Text tool to type ‘Having fun with a’ in a location off the top-left of the Stage
  5. Change the text to Arial, 20 point, light gray (#CCCCCC), and boldface
  6. Select frame 10 on the heading layer, insert a keyframe, then use the Selection tool to drag the text to the top-center of the Stage
  7. Play the movie and save your work
  8. Lock the heading layer
  9. Insert a new layer and name it zoom
  10. Insert a keyframe in frame 76 on the zoom layer
  11. Insert a keyframe in frame 11 on the zoom layer
  12. Use the Text tool to type Volleyball below the heading, then center it as needed
  13. Select frame 11 on the zoom layer and create a motion tween
  14. Insert a keyframe in frame 20 on the zoom layer
  15. Click frame 11 on the zoom layer and select the text block
  16. Use the Free Transform tool to resize the text block to approximately one-fourth its original size
  17. Select frame 20 on the zoom layer, and resize the text block to almost the same size as the line above it
  18. Lock the zoom layer
  19. Test the movie, close the Flash Player window, save your work

 

Lesson:  Morph text [Refer to Lesson 4]

  1. Insert a new layer above the heading layer and name it morph
  2. Insert a keyframe in frame 66 on the morph layer
  3. Drag the g_vball symbol to the center of the Stage
  4. Use the Properties panel to resize the width to 60 px. [Hint:  Verify the Lock width and height values together chain is unbroken – this will ensure that when one value is changed, the other value changes proportionally]
  5. Break apart the object
  6. Insert a blank keyframe in frame 76 on the morph layer
  7. Turn on the Edit Mulitple Frames feature
  8. Drag the g_vball symbol to the Stage and use the Properties panel to resize the width to 60 px. [Hint:  Verify the Lock width and height values together chain is unbroken – this will ensure that when one value is changed, the other value changes proportionally]
  9. Center the football on top of the volleyball
  10. Break apart the football object
  11. Turn off the Edit Multiple Frames feature
  12. Click frame 66 on the morph layer and insert a shape tween
  13. Test the movie, then close the Flash Player window
  14. Add shape hints to the volleyball and the football
  15. Lock the morph layer
  16. Test the movie, close the Flash Player window, then save your work
  17. Publish the movie
  18. Exit Flash
  19. Post the files to the Hulk server