Shape Tweening (Morphing)

Objectives:

• to examine the process of shape tweening
• to illustrate a technique that permits morphing and complex transformation

Basics:

• the objects will be created on one layer
• keyframes must be included when a new shape is introduced
• certain objects lend themselves to the the process of morphing. A basic rule is that simpler objects morph better than more comples ones.
• to determine which objects work best is a matter of trial and error with a goal of metamorhposis rather than warping

Exercise:

• no background will be used for this exercise
• three basic shapes will be used: a circle, a square and an ellipse
• the first three objects: a red circle, a blue square and a yellow circle will be drawn and placed over one another and will be drawn on the left hand third of the stage
• insert frames up to frame 60
• select the Circle Tool and click on the Stroke Color Well and set the Stoke Color to none by selecting the icon made up of a circle with the diagonal red line. This icon is found in the upper right hand corner of the color palette.
• select a red color in the Fill Color Well and draw a circle (remember to hold down the shift key) with W = 120 and H = 120
• insert a keyframe at frame 15
• select the Rectangle Tool and set the Stoke Color Well to none.
• select a blue color in the Fill Color Well and draw a square (remember to hold down the shift key) with W = 124 and H = 124 covering the red circle.
• double click on frame 1 and in the Properties window select Shape

• insert a keyframe at frame 30
• select the Circle Tool and set the Stoke Color Well to none.
• select a yellow color in the Fill Color Well and draw a circle (remember to hold down the shift key) with W = 140 and H = 140 covering the blue square.
• double click on frame 15 and in the Properties window select Shape
• insert a keyframe at frame 45
• select the Circle Tool and set the Stoke Color Well to none.
• select a green color in the Fill Color Well and draw an ellipse with W = 200 and H = 100 in the upper right hand corner of the stage
• double click on frame 30 and in the Properties window select Shape
• insert a keyframe at frame 60
• select the Rectangle Tool and set the Stoke Color Well to none.
• select a puple color in the Fill Color Well and draw a square (remember to hold down the shift key) with W = 100 and H = 100 in the lower right hand corner of the stage
• double click on frame 45 and in the Properties window select Shape
• play the movie
• save the movie
• test the movie
• See the diagram below for an example of what the Onion Skin would look like

Shape Tweening Movie