Skills Review

Sample Solution

 

Lesson:  Create a mask effect

  1. Start Flash, open fl5_8.fla from the Digital Design folder on the server
  2. Save it to your server folder as FL_C5_SR_skills demo5_your username
  3. Verify the frame rate is set to 12 and the Flash Publish Settings (accessed from the File menu) are set to Flash Player 10 and ActionScript 3.0
  4. Insert a new layer above the table layer, then name it heading
  5. Select frame 1 on the heading layer, then use the Text tool to create the Aces Wild heading with the following characteristics:  size 48, color #006633, and Byington font
  6. Use the Align command in the Modify menu to center the heading on the Stage
  7. Use the Selection tool to select the heading and then convert it to a graphic symbol with the name g_heading
  8. Insert a keyframe in frame 40 on the heading layer
  9. Insert a new layer above the heading layer, then name it ending-heading
  10. Insert a keyframe in frame 40 on the ending-heading layer
  11. Drag the g_heading symbol from the Library panel and position it on top of the heading on the Stage – use the keyboard arrow keys as needed to position the g_heading symbol
  12. Lock the ending-heading layer
  13. Insert a new layer above the heading layer, then name it circle
  14. Select frame 1 on the circle layer, then use the Oval tool to create a black-filled circle that is slightly larger in height than the heading text
  15. Place the circle to the left of the heading
  16. Convert the circle to a graphic symbol with the name g_mask
  17. Create a motion tween that moves the circle across and to the right side of the heading
  18. Extend the tween span in the Timeline to frame 40
  19. Change the circle layer to a mask layer and lock the layer
  20. Change the heading layer to a masked layer and lock the layer
  21. Insert keyframes in frame 40 on the table and the head and body layers
  22. Insert a new layer above the table layer, name it stopmovie, move the stopmovie layer below the table layer, then insert a keyframe in frame 40  [Note:  You want to add a stop action to this frame – because ActionScript 3.0 is needed when working with Inverse Kinematics and with the 3D feature, you cannot use the Script Assist feature of Flash – rather, you must type the code directly into the Actions panel]
  23. Open the Actions panel, verify Script Assist is turned off and stopmovie: 40 is displayed in the lower left of the panel, then type stop( ); for the code
  24. Test the movie, then save your work

 

Lesson:  Create a character animation

  1. Select frame 1 on the Timeline, then use the Zoom tool to enlarge the view of the character
  2. Use the Bone tool to join the body with the upper and lower left arm, and the upper and lower right arm [Note:  The bone structure stops at the elbow on each arm]
  3. Select frame 6 on the Armature_1 layer
  4. Use the Selection tool to move the ends of the arms so that the lower left and lower right arms are horizontal and touch at the chest – this will cause the elbows to point out away from the body
  5. Select frame 12 on the Armature_1 layer
  6. Use the Selection tool to move the end of the right arm so that it is straight and pointing to the upper-left corner of the Stage
  7. Extend the Armature_1 layer to frame 40
  8. Select frame 40 on the Armature_1 layer
  9. Use the Selection tool to reposition the arms to their original positions, that is, so the arms are touching the table
  10. Change the view to Fit in Window
  11. Test the movie, then save your work

 

Lesson:  Create a frame-by-frame animation

  1. Select frame 4 on the card layer, then insert a keyframe
  2. Use the arrow keys on the keyboard as needed to reposition the card so that it is at the end of the right arm
  3. Select frame 5 on the card layer, then insert a keyframe
  4. Use the arrow keys on the keyboard to reposition the card so that it is at the end of the right arm
  5. Repeat steps 3 and 4 in frame 6 through frame 12 on the card layer
  6. Select frame 13 on the card layer, then insert a blank keyframe
  7. Test the movie, close the Flash Player window, then save your work

 

Lesson:  Create a 3D effect

  1. Insert a new layer above the card layer, then name it ace3D
  2. Select frame 12 on the ace3D layer, then insert a keyframe
  3. Drag the mc_aceD movie clip from the Library panel to the Stage, display the Properties panel, verify the Lock width and height values together icon is not a broken link, then resize the width to 10.6
  4. Reposition the ace to on top of the card held by the character
  5. Verify frame 12 on the ace3D layer is selected, then create a motion tween
  6. Verify the tween span on the Timeline extends from frame 12 through frame 40
  7. Select frame 40 on the ace3D layer
  8. Use the 3D Translation tool to reposition the card to the upper-left corner of the Stage in a diagonal line that extends from the character’s right shoulder [Hint: Use both the red and green arrows to move the card to create a diagonal line]
  9. Use the Free Transform tool and the Scale option at the bottom of the Tools panel to resize the card to a width of between 80 and 90
  10. Select frame 26 on the ace3D layer
  11. Use the 3D Rotation tool to add a 3D effect
  12. Select frame 40 on the ace3D layer
  13. Use the 3D Rotation tool to add a 3D effect that causes the card to display right side up
  14. Test the movie, close the Flash Player window, then save your work

 

Lesson:  Add sound to a movie

  1. Insert a new layer at the top of the Timeline, then name it sound
  2. Insert a keyframe in frame 5 on the sound layer
  3. Drag IntroSound.wav from the Library panel to the Stage
  4. Insert a keyframe in frame 40 on the sound layer
  5. Test the movie, close the Flash Player window, save your work, then close the file

 

Sample Solution

 

Lesson:  Work with video

  1. Open fl5_9.fla from the Digital Design folder on the server
  2. Save it as FL_C5_SR_skillsdemo5-video_your username
  3. Add a new layer above the headings layer, then name it video
  4. Import tour-video.mov from the Digital Design folder on the server, using the Import Video command, as an embedded video
    [Note:  You will need to use the Adobe Media Encoder to convert the file to the flv format, then save the converted file to your server folder – then you will need to browse to your server folder to open the converted file]
  5. Verify that the video is in the Library panel and on the center of the Stage, note the number of frames needed to display the entire video
    [Hint:  Be sure to position the video placeholder to prevent overlapping the text subheading]
  6. Add a new layer, name it controls, then select frame 1 on the layer
  7. Use the Text tool to create a text box with the word Play beneath and to the left side of the video – set the text characteristics of the following:
    Family – Arial
    Style – Narrow
    Size – 20 pt.
    Color – White
  8. Convert the text to a button symbol with the name b_play
  9. Edit three stages of the button symbol, for example, make the color of the letters change when the mouse pointer is over the word Play
  10. Use the Actions panel and Script Assist to assign a play action to the button that plays the movie when the mouse is released
    The script should have the following:  an 'on release' and a play
    Use the text tool to create a text box with the word Pause beneath and to the right side of the video – use the same text characteristics  used for the Play button
  11. Convert the text to a button symbol with the name b_pause
  12. Edit the button symbol so that the color of the letters changes when the mouse pointer is over the word Pause
  13. Use the Actions panel to assign a stop action to the button when it is released - the script will be similar to the Play button except the word stop will be in place of the word play
  14. Add a new layer, then name it stopMovie
  15. Add a stop action to frame 1 on the stopMovie layer
  16. Add a keyframe at the end of the movie on the headings layer
  17. Test the movie, close the Flash Player window
  18. Save your work
  19. Publish the movie
  20. Post the movie to the Hulk server