ptg
278
Chapter 10
The procedure for adding or removing keyframes in a shape tween is
similar to that of motion tweens except for one crucial difference. In a
motion-tweened framespan you can drag the object on the Stage and a
new keyframe is automatically created. In shape-tweened spans, the
object is only selectable on a keyframe. To add additional locations or
shape changes along a shape-tweened span, you must add the
keyframe first and then edit the shape. You can do this by using the Add
Keyframe function in the Insert menu. Once the keyframe is added, the
shape at that point in the framespan becomes editable.
Adding and Removing
Keyframes from a
Shape Tween
Add a Keyframe to a
Shape Tween
Place the playhead between any
two shape tweened keyframes.
Click the Insert menu, point to
Timeline, and then click Keyframe.
TIMESAVER
Press F6 to insert
a keyframe.
2
1
1
Keyframe is added
From the Library of Wow! eBook
ptg
Chapter 10 Animating with Shape Tweening

editable shape in the symbol's Timeline. You can quickly view your ani-
mation by exporting it with the Test command (in Flash Professional).
By default, Flash loops animations in the Flash Player.
Changing Shape
Positions with Shape
Tweening
Animate a Ball with
Shape Tweening
Create a new Flash document.
Select the Oval tool on the Tools
panel.
Set the Stroke Color to None.
On the first frame, draw a circle on
the left side of the Stage.
Select the first frame.
Click the Insert menu, and then
click Shape Tween.
Click frame 20 in the Timeline.
Click the Insert menu, point to
Timeline, and then click Keyframe.
Flash tints a shape-tweened span
a pale green.
TIMESAVER
Press F6 to add a
keyframe.
8
7
6
5
4

11
10
9
9
10
13
Circle position on Frame 20
Circle position on Frame 40
11
From the Library of Wow! eBook
ptg
282
Chapter 10
Many of the same motion effects can be applied using either motion or
shape tweening. What differentiates shape tweening from motion
tweening is that shape tweening is applied to editable shapes. You can
change the form of the shape on either keyframe and these changes
will be applied gradually by Flash across the tween, slowly morphing
one into the other. Additionally, you can combine movement with this
tweening process, so your shape can change its shape as it changes
its location.
Changing Shape
Position and Form
Simultaneously
Combine Shape Tweening and
Movement in a Ball Animation
Create a shape tween of a moving
ball that begins on the left side of
the Stage, hits the right side of the
Stage, and then returns to the left.