• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Chapter 11. More-Complex Animation Tasks > Animating Shape Tweens in Multiple-S...

Animating Shape Tweens in Multiple-Shape Graphics

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:

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

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

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

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.

Select Frame 5 in all three layers.

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

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

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.

In the Timeline, position the playhead in Frame 5.

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

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.

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



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint