Shape Tweening

INTRODUCTION/
MAIN PAGE

BEGINNING WITH FLASH
SHAPE TWEENING
MOTION TWEENING
CONGRATS! AND EXAMPLES

 

Shape Tweening is a function that shows an animation morphing from one characteristic to another. This can be done with:

Size
Color
Opacity, etc.

Let's get started!

  1. Make sure that Frame 1 of Layer 1 is selected in the Timeline.
  2. Create a simple shape on the stage, such as using the circle tool.
    a. (It makes things easier in the future if under the Colors tab on the left side there is No Stoke color selected, and just a fill color --in the box next to the drawing tool, click on it then select the box that is white with a red line through it.)
  3. Select Frame 10 (they are numbered at the top) and press F6 or right-click to Insert Keyframe.

 

 

 

 

 

 

 

 

 

 

 

 

If this is what your screen looks like, then you're doing good!

5. Select any Frame between 1 and 10 (make sure to select in the row that says Layer, under the ruler)
6. In the Properties Inspector at the bottom, select Shape from the Tween menu.

 

 

 

 

 

 

7. Select either Distributive or Angular
(Distributive for the intermediate shapes to be smoother, and angular to preserve apparent corners and straight lines)

If there is a green arrow going from Frame 1 to Frame 9, then your animation is ready to go!

Hit CTRL+Enter to test the animation, and make sure you save it.

If you want to view it outside of Flash, go to File>Publish (or Shift+F12) and the file will be able to be viewed with Flash Player.

 

 

 

 

 

 

 

 

 

MAIN 1 2 3 4 -->