Shape Tween

Step 1


step1.gif
Select Rectangle Tool from the toolbar and draw a shape in the canvas. It can be any color. To make life easier, do not add a border.

Step 2


step2.gif
Look directly to the right of the timeline. You will see a ox that contains all of the layers you have created. In this case, it will only say Layer 1. Right click on Layer 1 and select Properties.




Step 3


step3.gif
Rename the layer however you want. Make sure you make the name so that you know exactly which layer they describe for easy access later.


Step 4


step7.gif
Determine the frame where your object will stop shape tweening. In your timeline, right-click on the frame you determined and select Insert Keyframe. In the picture above, you can see that 20 is the determined frame. This is what it should look like




Step 5


step8.gif
Make sure that the red line on the timeline is on the last frame. Using the selection tool, hover over the edge of the rectangle until a little line comes off the bottom of the arrow. Click and drag the edge of the rectangle to make the sides curve. You can see in the picture above that the sides curve inward.




Step 6


step9.gif
Highlight the area between the two keyframes.

Step 7



step10.gif
At the bottom of the screen you will see a toolbar called the properties toolbar. Next to the word tween there is a box that says none. Click on the arrows and select shape.
If you do not see the toolbar, go to window and select properties.


Step 8


step11.gif

This is what your timeline should look like. To test your animation, press return, or go to control, play.