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 Timelin
Trang 1The 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
Trang 2Remove a Keyframe from a
Shape Tween
Click on the keyframe you want to
remove in the shape tween
Click the Modify menu, point to
Timeline, and then click Clear
Keyframe.
The keyframe is cleared but the
duration of the tween is preserved
The first and last keyframes are
automatically reconnected, and
Flash redraws the tween
TIMESAVER Press Shift+F6 to
remove the keyframe
2
1
1
Keyframe is removed
Duration is maintained
Trang 3To create a shape tween you need to draw or place an editable shape
in a keyframe 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 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
3
2
1
3
4
Circle position
on Frame 1
2
Trang 4Select the Selection tool on the
Tools panel
Select the circle on frame 20 and
drag it to the right side of the
Stage
Click frame 40 in the Timeline, and
then add another keyframe
Select the circle shape on frame
40 and drag it back to the left side
of the Stage
Click the Control menu, point to
Test Movie, and then click Test.
The ball animates back and forth
across the screen
13
12
11
10
9
9
10
13
Circle position on Frame 20
Circle position on Frame 40
11
Trang 5Many 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
Click to place the playhead
between the first and second
keyframes in the shape tween
Click the Insert menu, point to
Timeline, and then click Keyframe.
Select the Selection tool on the
Tools panel
Place the pointer on the left edge
of the shape and pull it to create a
tail off the circle
The shape must be deselected on
the Stage to pull the edges of the
shape
5
4
3
2
1
4
5 Shapes must be deselected to pull the edges.
2
1
Trang 6Click to place the playhead
between the second and third
keyframes in the shape tween
Click the Insert menu, point to
Timeline, and then click Keyframe.
With the Selection tool still
selected, place the pointer on the
right edge of the shape and pull it
to create a tail off the circle
Click the Control menu, point to
Test Movie, and then click Test.
The ball stretches as it animates
back and forth across the screen
9
8
7
6
6
New keyframe placed at Frame 30.
8
See Also
See "Changing Shape Positions with
Shape Tweening" on page 280 for
infor-mation on animating a moving ball