1. FLASH LESSON 2: MOTION TWEEN EFFECTS MOTION GUIDE TEXT ANIMATION
Creating Animations

2. INTRODUCTION
Intro to Animation
Frame rates lower than fps often result in jerky images, while higher frame rates result in a blurred image
Flash uses a default frame rate of 12 fps
Creating Animations

3. Macromedia Flash Animation
INTRODUCTION
Macromedia Flash Animation
Animation is one of the most powerful features of Flash
Basic animation is a simple process
Move an object around the stage
Change an object’s size, shape, color
Apply Special Effects, such as zooming, fading, or a combination of effects
Two Animation Methods: Frame Animation, and Tweened Animation
Creating Animations

4. Understanding Motion Tweening
Motion tweening is far less tedious than Frame Animation
Create a Start and End frame
Flash creates the “in-between” frames
Flash only stores the attributes that change from frame to frame, thus creating smaller file sizes than Frame Animation
Creating Animations

5. Understanding Motion Tweening
Two types of tweening:
Shape tweening - a “morphing” effect
Motion tweening is used to animate objects which are moved, resized, re-colored, or rotated
Creating Animations

6. Motion Tweening requires only a Start and End Frame
Light Blue Background
represents a Motion Tween
Creating Animations

7. Understanding Motion Guides
A path that will guide moving objects around the stage in any direction
Without Motion Guides, animations would always travel in straight lines
Animations are placed on their own layer beneath a motion guide layer
Creating Animations

8. Creating Animation with Motion Guides
Two ways to create this relationship
Create a guide layer with a path, then create a layer of animation an attach
Or, create an animation. Then create a motion guide layer with a path, and attach
Depending on the type of object you’re animating, you may need to orient the object to the path
Creating Animations

9. Creating Animation with Motion Guides
Object not oriented to path
A motion guide layer
and its associated
animation
Object oriented to path
Creating Animations

10. Working with Properties
Tween - specifies Motion, Shape,or none
Scale - tweens the size of an object
Ease - specifies the rate of change between tweened frames
Ease values are between -100(slow) and 100(fast)
Rotate - specifies the number of times an object rotates clockwise(CW) or counter clockwise(CCW)
Creating Animations

11. Working with Properties
Orient to path - orients the baseline of the object to the path
Sync - ensures that the object loops properly
Snap - attaches the object to the path by its registration point
Orient to Path
Feature enabled
in the Properties
Panel
Creating Animations

12. Resizing an Object using a Motion Tween
Select the object in the ending frame and then use the Scale Tool options from the Free Transform tool
Creating Animations

13. Rotating an Object using a Motion Tween
Select the object in the start or end frame rotate with different options
Rotate with the Rotate Tool option of the Free Transform tool
Rotate Clockwise or Counter Clockwise a specified number of turns or degrees through the Properties panel
Use Modify > Transform to specify rotation
Creating Animations

14. Rotating an Object using a Motion Tween
Specifying the rotate settings via the Properties Panel
Creating Animations

15. Changing an Object’s Color with Motion Tween
Numerous ways to change an object’s color over an animation’s time
Change the Tint of the object in the last frame
Change the Alpha of the object in the last frame
Change the Brightness of the object in the last frame
Apply Advanced Effects
Creating Animations

16. The Advanced Effect Panel
LESSON 4
The Advanced Effect Panel
Onion Skin
Creating Animations

17. Like other objects, Text can be animated
Animating Text
Like other objects, Text can be animated
The entire text block is animated unless “Broken Apart”
Text can be rotated, skewed, scaled, or re-colored
Motion Tweened Text blocks are automatically saved as Symbols
Creating Animations