Flash Ch6

Download as pdf or txt
Download as pdf or txt
You are on page 1of 4

Chapter

6
Shape Tweening
Shape tweening allows you to animate one shape into another. It operates on objects
drawn using tools such as the rectangle, circle or pencil tools. It does not work with
grouped objects or symbols. To illustrate this we will tween a circle into a rectangle.

Setting the Start Shape


1 Load Flash and create a new Flash Document, or close the current file and start a
new Flash Document.

2 Select the OVAL TOOL, set its STROKE


COLOUR to NO STROKE, its FILL
COLOUR to GREEN and drag a circle
at the top left of the stage.

Setting the End Shape

1 Click at FRAME 12 in the TIMELINE


panel and press F6 to insert a
KEYFRAME (and 11 frames).

© Guided Computer Tutorials 2006 6-1


Learning Macromedia Flash

2 Click on the KEYFRAME MARKER at


frame 12.

3 Select the SELECTION TOOL, click on


the circle and delete it.

NOTE: i The KEYFRAME MARKER at frame 12 should be an open dot as


there is now no content in the frame.
ii The circle is still at frame 1.

4 Select the RECTANGLE TOOL and set


it to have the same colour settings as
the circle.

5 Drag a rectangle at the top right of


the stage.

6-2 © Guided Computer Tutorials 2006


Shape Tweening 6

Setting the Shape Tween

1 Click on the KEYFRAME MARKER at


FRAME 1.

2 In the PROPERTIES INSPECTOR set


the TWEEN box to SHAPE.

NOTE: Notice that the TIMELINE shading has changed to LIGHT GREEN
to let you know that a SHAPE TWEEN has been set. A MOTION
TWEEN is LIGHT PURPLE.

3 Click on the stage and play the animation. The circle should gradually change to
the rectangle.

Adjusting Shapes
You can adjust the shapes to produce some interesting effects.

1 Click on the KEYFRAME MARKER at frame 1.

2 Select the SELECTION TOOL and click anywhere on the stage to deselect the circle.

© Guided Computer Tutorials 2006 6-3


Learning Macromedia Flash

3 Move the mouse near the bottom


right of the circle until an arc is
added to the pointer and drag the
circle in.

4 Play the animation to view the effect.

5 Click on the KEYFRAME MARKER at


frame 12.

6 Deselect the rectangle by clicking


on the stage, then use the pointer to
adjust its sides.

7 Play the animation to view the effect.

6-4 © Guided Computer Tutorials 2006

You might also like