Animating Shape Tweens in Multiple-Shape Graphics

I l @ ve RuBoard

An important thing to remember about complex shape tweens is that Flash deals most reliably with a single shape tween on a layer. In the following exercises, you create a multipart, multilayer graphic and shape-tween the whole package simultaneously .

To create shape tweens on separate layers :

  1. Open a new Flash document, and add two new layers.

  2. Rename the layers Top Flame, Middle Flame, and Bottom Flame.

    Naming the layers helps you keep track of the objects and their locations.

  3. Create the shapes .

    On the Stage, use the oval tool to create three concentric oval shapes. In the Bottom Flame layer, create a large oval; in the Middle Flame layer, create a medium oval (center it over the first oval); in the Top Flame layer, create a small oval (center it over the medium oval). Give each oval a different color . Your file should look something like Figure 11.18.

    Figure 11.18. Create each part of a multiple-element shape tween on a separate layer. Name the layers to help you track what goes where.

    graphics/11fig18.gif

  4. Select Frame 5 in all three layers.

  5. From the Insert menu, choose Keyframe. Flash creates a keyframe with the same content as Frame 1 for each layer.

  6. In the Timeline, select any of the frames in the Keyframe 1 span (1, 2, 3, or 4) in all three layers.

  7. From the Frame Property Inspector's

    Tween menu, choose Shape.

    Flash gives the shape-tween property to frames 1 through 4 on all three layers (Figure 11.19). To create flickering flames, you need to reshape the ovals in Frame 5.

    Figure 11.19. When you select multiple frames, you can set the tweening property for those frames simultaneously by choosing a property from the Tween pop-up menu in the Property Inspector.

    graphics/11fig19.gif

  8. In the Timeline, position the playhead in Frame 5.

  9. On the Stage, edit the ovals to create flame shapes.

  10. Play the movie to see the animation in action.

    Flash handles the shape-tweening of each layer separately. For comparison, try creating the oval and flame shapes on a single layer and then shape-tweening them (Figure 11.20).

    Figure 11.20. With the three colors of flames on separate layers (left), Flash does a reasonable job of tweening even when you don't add shape hints. With the three flame shapes on a single layer (right), Flash has great difficulty creating the tweens.

    graphics/11fig20.gif

  11. Select Onion Skin Outlines and Edit Multiple Frames; then reposition the flame objects as necessary to fine-tune the motion.

I l @ ve RuBoard


Macromedia Flash MX for Windows and Macintosh. Visual QuickStart Guide
Macromedia Flash MX 2004 for Windows and Macintosh (Visual QuickStart Guides)
ISBN: 0582851165
EAN: 2147483647
Year: 2002
Pages: 243

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net