Home >> Production >> Flash and ActionScript >> Shape Tweens

Flash Basics: Shape Tweens

Continued from Symbols, Tweening and Properties

If you want to tween an object from one shape into another, you can use simple shape tweening instead of motion tweening.

With shape tweening, you do not make your objects a symbol.

To use text, the text must be first broken apart (Modify-->Break Apart)

STEP ONE:

Draw a blue square on the stage with the square tool. It will automatically be inserted into a keyframe on Frame 1 Layer 1

 

STEP TWO:

Insert a blank key frame further down in the timeline. Here I clicked on Frame 15 and then went to Insert-->Blank Keyframe (or just click F7)

A blank keyframe will not duplicate the content of the previous keyframe.

 

STEP THREE:

Now draw a new shape in this second keyframe--make it a red square.

Do not make either shape a symbol!

 

STEP FOUR:

Create the shape tween.

Put your cursor in between the 2 keyframes until it turns into a hand and then left click

Go to Modify-->Frame or click CTRL-F to bring up the Frames Panel and under Tweening choose Shape

If your shape tween was succesful, the frames will be light green.

 

To Use Text in a Shape Tween:

In order to use text in a shape tween, you must break apart the text block. Do this by typing your text and then going to Modify-->Break Apart. This will convert the text from an editable text block to a pure shape.

 

Back to Flash Production Index