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

Chapter 9. Animating with Shape Tweening > Creating a Shape Tween Form

Creating a Shape Tween Form

In most cases you can easily shape tween any two simple shapes. Geometric forms such as lines, rectangles and circles yield the best results. Because Flash draws the tweened frames mathematically, the simpler the shape, the more likely it will tween without any problems or without having to apply corrections such as shape hints. Experimentation is the key. As long as both keyframes contain an editable shape, Flash will attempt to “morph” one object into another. Use any of Flash’s drawing tools or import a vector shape from another vector drawing program. If you want to apply a shape tween to grouped artwork or a symbol, you can break apart the group or enter symbol editing mode and apply the shape tween to any editable shape in the symbol’s Timeline. You can quickly view your animation by exporting it with the Test Movie command. By default, Flash loops animations in the Flash Player.

Create a Shape Tween Form

1.
Create a new Flash document.

2.
With any of Flash’s drawing tools, draw a shape on the Stage at frame 1.

3.
Select the first frame.

4.
Click the Tween popup, and then click Shape.

5.
Select frame 10.

6.
Click the Insert menu, point to Timeline, and then click Blank Keyframe.

Flash tints a shape tweened span a pale green.

TIMESAVER Press F7 to add a blank keyframe.

7.
With any of Flash’s drawing tools, draw a different shape on the Stage at frame 10.

8.
Click the Control menu, and then click Test Movie to test the animation.

The shape on frame 1 slowly transforms into the shape on frame 10.

TIMESAVER Press +Return (Mac) or Ctrl+Enter (Win) to test your movie by viewing it in the Flash Player.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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