Lesson Notes
Lesson 1
  1. Introduction
  2. Access the Server
  3. Drawing & Painting
Lesson 2
  1. Basic Animation
  2. The Timeline
Timeline Review
  1. Timeline Review
Lesson 3
  1. Symbols & Library
  2. Shape Tweening
Lesson 4
  1. Animation Review
  2. Break Apart
  3. Distribute to Layers
Lesson 5
  1. Motion Path
  2. Buttons
  3. Intro to Actions
Lesson 6
  1. Setting Up Projects
  2. Project Checklist
  3. Action Scripting Buttons
Lesson 7
Lesson 8
Lesson 9
  1. Animated Buttons
Lesson 10: Walk Cycle
  1. Character Design
  2. Terms Explained
  3. Project Overview
  4. Setting Up
  5. Frame 9 & Animated Guides
  6. Animating The "Bounce"
  7. Legs & Feet
  8. Arms & Finalizing
Lesson 11: Preloader
  1. Simple Preloader
  2. Advanced Preloader
Lesson 12
Lesson 13
Lesson 14
Lesson 15
Lesson 16
Lesson 17
Lesson 18
Lesson 3: Pt. 2
| Pt. 1 | Pt. 2 |
Shape Tweening
Flash: Interactive Web Animation
Excerpted and modified from the Macromedia MX Flash Help File



By tweening shapes, you can create an effect similar to morphing, making one shape appear to change into another shape over time.

Tweening one shape at a time usually yields the best results. If you tween multiple shapes at one time, all the shapes must be on the same layer.

To apply shape tweening to groups, instances, or bitmap images, you must first break these elements apart. To apply shape tweening to text, you must break the text apart twice to convert the text to objects. To break apart groups, text and symbols, Select from the menu bar: Modify menu > Break Apart

To control more complex or improbable shape changes, you use shape hints, which control how parts of the original shape move into the new shape. This will be covered in a later lesson.

To tween a shape:
1 Click a layer-name to make it the current layer, and create or select a keyframe where you want the animation to start.
2 Create or place the artwork for the first frame of the sequence. For best results, the frame should contain only one item (a graphic object or broken-apart group, bitmap, instance, or text block).
3 Select the keyframe in the Timeline.
4 Choose Window > Properties.
5 In the Property inspector, select Shape from the Tween pop-up menu.
6 Drag the arrow next to the Easing value or enter a value to adjust the rate of change between tweened frames:
To begin the shape tween gradually and accelerate the tween toward the end of the animation, drag the slider down or enter a negative value between -1 and -100.
To begin the shape tween rapidly and decelerate the tween toward the end of the animation, drag the slider up or enter a positive value between 1 and 100.
By default, the rate of change between tweened frames is constant. Easing creates a more natural appearance of transformation by gradually adjusting the rate of change.
7 Choose an option for Blend:
Distributive creates an animation in which the intermediate shapes are smoother and more irregular.
Angular creates an animation that preserves apparent corners and straight lines in the intermediate shapes.
Note: Angular is appropriate only for blending shapes with sharp corners and straight lines. If the shapes you choose do not have corners, Flash reverts to distributive shape tweening.
8 Create a second keyframe the desired number of frames after the first keyframe.
9 With the second keyframe selected, select the artwork you placed in the first keyframe and do one of the following:
Modify the shape, color, or position of the artwork.
Delete the artwork and place new artwork in the second keyframe.

Lesson 3: Pt. 2
| Pt. 1 | Pt. 2 |