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 279 Remove 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 From the Library of Wow! eBook ptg 280 Chapter 10 To 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 5 7 4 Circle position on Frame 1 2 From the Library of Wow! eBook ptg Chapter 10 Animating with Shape Tweening 281 Select 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 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. 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 Small curve icon indicates editable curve. New keyframe placed at Frame 10. Shapes must be deselected to pull the edges. 2 1 From the Library of Wow! eBook ptg Chapter 10 Animating with Shape Tweening 283 Click 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. From the Library of Wow! eBook . mation by exporting it with the Test command (in Flash Professional). By default, Flash loops animations in the Flash Player. Changing Shape Positions with. tween you need to draw or place an editable shape in a keyframe. Use any of Flash& apos;s drawing tools or import a vector shape from another vector drawing