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

Chapter 10. Animation with Shape Tweenin... > Transforming a Simple Shape into a C...

Transforming a Simple Shape into a Complex Shape

The more complex the shape you tween, the more difficult it is for Flash to create the expected result. That’s because Flash changes the shapes by changing the mathematical description of the graphic. Flash does not understand how the forces of gravity, light, and so on affect the ways humans see; therefore, it doesn’t always choose to make a change in a way that preserves the illusion you want. You can help Flash tween better by using shape hints—markers that allow you to identify points on the original shape’s outline that correspond to points on the final shape’s outline.

To shape-tween a more complex shape:

Create a new Flash document.

On the Stage, in Frame 1, draw an oval with no stroke.

In the Timeline, select Frame 5, and choose Insert > Keyframe.

Flash duplicates the contents of Keyframe 1 in Keyframe 5.

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

From the Frame Property Inspector’s Tween pop-up menu, choose Shape.

In the Timeline, position the playhead in Frame 5.

Using the arrow tool or the pen and subselection tools, drag four corner points in toward the center of the oval to create a flower shape.

For more detailed instructions on editing shapes, see Chapter 3.

Play the movie to see the shape tween. Flash handles the tweening for this change well (Figure 10.13). It’s fairly obvious what points of the oval should move in to create the petal shapes.

Figure 10.13. Flash handles the tween from an oval to a simple flower shape without requiring shape hints.



Not a subscriber?

Start A Free Trial

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