Shape Tween

Introduction to Flash and Actionscript

S1 - Using Tweens

T2 - Shape Tweens



Using Scenes

1. Open the Scene menu from Window > Other Panels > Scenes. Rename Scene 1 and add another scene

ShapeTween Scene


1. Rename Layer 1 and draw a star or polygon with the Polystar tool on Frame 1.

Include a stroke and a fill, because the shape tween can handle both.

2. Convert to a Movieclip and delete from the stage. Make sure to select the entire shape including the outline.

3. Draw a completely different shape, convert it to a movieclip and delete it from the stage

4. Add an instance of shape 1 to frame 1. Select it and choose Modify > Break Apart (Shape tween requires objects that are ungrouped)

5. Right click on Frame 25 and Insert Blank Keyframe (NOTE: We choose a blank keyframe because we don’t want a copy of the shape drawn on Frame 1 to be carried over to the new keyframe.)

6. Add your second shape to the stage and break it apart.

7. Right click on Frame 1 and choose Create Shape Tween. (You will see an arrow and a green shaded area appear between the starting and ending keyframes, indicating that you’ve successfully created a shape tween.)

8. Turn on the Onion Skin Outlines option below the Timeline to see the frames that Flash has created for you.

9. If necessary, use the sliders that appear on the timeline ruler to show Onion Skin Outlines across the entire range of frames from beginning to end.

The original shape transforms into the final shape.