Web Design 1
Flash 2
5/19/08

For this assignment, you will create 3 animations in one Flash file. See example below.

Open Flash and create a new Flash document.  Name the file “flash2.fla”

 

Part 1 – Shape Tween with multiple keyframes

  1. Rename layer 1 “Shape Tween” by double clicking on the text.
  2. Draw a shape on frame 1
  3. Click on frame 20 and add a blank keyframe (F7 key).
  4. Draw another shape with a different fill color.
  5. Click on any frame in between 1 and 20, then change the tween to “Shape” (this is on the bottom in the properties panel)
  6. You should see a solid arrow with a green background if you did it correctly.
  7. Repeat this process 5 more times so that you have a multiple keyframe shape tween animation.
  8. Hit enter to play the animation.

 

Part 2 – Shape Tween text.

  1. Add a new layer. Name this layer “Text.”
  2. Type some text on the stage (the text tool has the capital A).
  3. With the text selected, hit “control-b” 2 times.  This will break apart the text.
  4. Go to frame 20 (be sure you are on the text layer) and add a blank keyframe (F7).
  5. Type some different text, with a different color.
  6. With the text selected, hit “control-b” 2 times.  This will break apart the text.
  7. Click on any frame in between 1 and 20, then change the tween to “Shape”
  8. You should see a solid arrow with a green background if you did it correctly.
  9. Hit enter to play the animation.

 

Part 3 – Motion Tween

  1. Add a new layer. Name this layer Motion
  2. Draw an object or import a picture to the stage.
  3. Select the object with the black arrow, then hit F8 to convert it to a symbol
    1. Remember, if you have a shape, you must select the stroke and fill by drawing a box around the shape.
  4. Add a keyframe (F6 key) to frame 20.
  5. Move the symbol to a different part of the stage.
  6. Click on any frame in between 1 and 20, then change the tween to “motion”
  7. You should see a solid arrow with a blue background if you did it correctly.
  8. Repeat this process 5 more times so that you have a multiple keyframe motion tween animation.
  9. Hit “cntl-enter” to create the "swf" file.
  10. Link to this from your assignment page.