05.+Shape+Tween

tweens
 * REVIEW: **
 * Timeline: ** The timeline controls the timing of an animation




 * Frames: ** Frames determine what happens at what time. Flash typically runs at 12 fps (frames per second). Meaning that five seconds of animation uses 60 frames.


 * Key Frames: ** All animations begin and end with keyframes. Keyframes tell the computer what position (or shape) an object is in at the beginning of a motion and its position (or shape) at the end of an animation.

This sample shows two keyframes at the beginning and end of an animation that is 30 frames long (a little less than 3 seconds).

In the sample above the timeline shows that there are 29 repeating frames, then a keyframe on 30 changes the object.
 * Static: ** The static simply repeats whatever is on the keyframe in front of it. In order to change the object you must insert a new keyframe then make your changes.

** TWEENS ** Tweens are the backbone of Flash animations. They allow us to move and change objects automatically and minimizes the use of frame-by-frame animations. The term Tween comes from the idea of smooth transitions between key frames.

In the following tutorial we will take a red ball change it to a green square and back using SHAPE TWEENS


 * Shape tweens: ** Create a Flash document
 * 1) Select the color red and the circle shape tool
 * 2) Draw a circle in the center of the Stage
 * 3) Notice how the Keyframe turns black when something is drawn on the stage.


 * 1) Create a new Keyframe on the timeline at frame 25 (Click on the grey box below frame 25 and press F6)
 * 2) Notice that the ball is selected (white dots) a simple way of selecting everything on the frame is to click on the keyframe.
 * __ Shape tweens will only work on ungrouped objects (to be discussed later) __**
 * 1) Delete the ball and draw a Green box.


 * 1) Test the movie CONTROL<Test Movie
 * 2) What you’ll see is 24 frames of a red ball then a 1/12 of a second green square blip
 * 3) Our goal is to get a graceful transition (or tween) between the two keyframes.
 * 4) Click on the static and open your properties window. (Window<Properties)
 * 5) Change tween from “none” to “shape”



12. Test your movie

**Objective:**
 * Now that you know how to make a shape tween, try it on your own.
 * Transform text into a cartoon. Create your own or import a graphic and edit it.
 * Be creative and remember you may need to break apart your text.
 * Export your movie as a swf and upload it to your wiki page.