Tweening- Shape and Motion

Tweening is short for 'In-betweening'. Tradtional cel animation is very time and labor intensive, so the practice developed where the lead animator would draw the 'key frames' (the frames where the action starts and ends) and an 'in-betweener' would draw the actions between the key frames (in-betweening).

Flash does away with the job of the in-betweener. In these series of tutorials you will experiment with both shape tweening (having an object change from one shape to another) and motion tweening (having an object move from one place to another).

Let's do a simple shape tween

Step 1 - Using the Oval Tool place an oval on the Stage - notice how you now have a Keyframe. Tween Demo
Step 2 - Insert a Keyframe on the Timeline - and place a rectangle over your oval on that Keyframe. Tween Demo

Step 3 - Click on a frame inbetween your two keyframes. And in Properties select Tween - Shape

Under Control Play your movie.

See how the oval changes shape to a rectangle?

Now let's do a shape tween with some text.  

Step 1 - On the Stage write the words: frog movie. You can use any font. I used Comic Sans

Insert a Keyframe and another Keyframe about 35 frames in.

Add a new layer and add the words My on the second layer

Tween Demo

Step 2 - Flash will not let you shape tween text unless you break it apart.

With the Arrow tool select the word My and under
Modify > Break Apart break apart the text. It now becomes a shape and can be shape tweened.

Step 3 - Still on Layer two add a second Keyframe in the same frame as the second Keyframe on Layer one. On the Stage place a Frog over the word My. If you have grouped your frog you will have to break it apart before you can shape tween it.

Click on a frame between your two Keyframes and add a shape tween.

Play your movie.

 

If you see a broken line appear in your Timeline instead of a solid line this means your tween isn't working properly for some reason.

Flash Interface | Flash Tools | Animation | Tweening | Symbols/Instances | Buttons
Shape Text | Shape Hinting | Shape Multiples | Shape Gradients | Motion Basic | Motion Effects | Motion Multiples | Motion Guide | Motion Text

© 2003 Interactive Mystery Productions Ltd.
A Company Limited by Guarantee
Registered in England & Wales No. 4792272
All Rights Reserved