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

Chapter D

FLASH LESSON 2:MOTION TWEEN EFFECTSMOTION GUIDETEXT ANIMATION

1Creating Animations

Chapter D 2Creating Animations

Frame rates lower than 10-12 fps often result in jerky images, while higher frame rates result in a blurred image

Flash uses a default frame rate of 12 fps

Intro to 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

Macromedia Flash Animation


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


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


Motion Tweening requires only a Start and End Frame

Light Blue Backgroundrepresents a Motion Tween


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 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 Animation with Motion Guides

A motion guide layerand its associated

animation

Object oriented to path

Object not oriented to path


Working with PropertiesTween - 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)


Working with PropertiesOrient 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 PathFeature enabledin the PropertiesPanel


Resizing an Object using a Motion TweenSelect the object in the ending frame and then use the Scale Tool options from the Free Transform tool


Rotating an Object using a Motion TweenSelect 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


Rotating an Object using a Motion Tween

Specifying the rotate settings via the Properties Panel


Changing an Object’s Color with Motion TweenNumerous 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


The Advanced Effect Panel

Onion Skin


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

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

Documents

Transcript of Chapter D FLASH LESSON 2: MOTION TWEEN EFFECTS MOTION GUIDE TEXT ANIMATION 1Creating Animations.