Shape Tweening using Shape Hints

In this assignment, we will see an example of Shape Tweening using Shape Hints.
(Remember: You cannot shape tween a symbol. If an object has a blue "bounding box," you must break it apart first.
To break a symbol apart, click on it and select Modify - Break Apart.)

To Make the Letter:

1. Select your Text tool, choose a text color.
2. Type a letter in the upper left corner of the stage, and make it fairly large.
   (The above example uses a Verdana, size 88 "R.")
3. Click on the letter and select Modify - Break Apart.

To Make the Circle:

1. Click in Frame 20 and select Insert - Keyframe.
2. Delete the Letter.
3. Select your Oval tool, choose a fill color with a different outline.
   (The above example uses a red circle.)
4. Draw a circle (about 75 pixels in diameter) on the stage in the lower right corner.

To Create a Shape Tween:

1. Click on the Layer Name. In the Properties Inspector, set Tween to Shape.
2. Select Control - Test Movie to see an example of color and shape tweening.
   Describe how the shape tweens.

To Set Shape Hints:

1. Click in Frame 1 and select Modify - Shape - Add Shape Hints.
2. Drag the red dot to the upper left corner of the letter.
3. Click in Frame 20 and drag the red dot to the lower right of the circle.
4. Click in Frame 1 and add another Shape Hint. Drag the red dot to the lower right of the letter.
5. Click in Frame 20 and drag the red dot to the upper left of the circle.
6. Select Control - Test Movie to see the effect of the Shape Hint.
7. Try moving the shape hints to other places on the letter.

Back to Flash Index