FLASH LESSON 2: MOTION TWEEN EFFECTS MOTION GUIDE TEXT ANIMATION

1
FLASH LESSON 2MOTION TWEEN EFFECTSMOTION
GUIDETEXT ANIMATION
2
Intro to Animation
INTRODUCTION

• 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

3
Macromedia Flash Animation
INTRODUCTION

• Animation is one of the most powerful features of
  Flash
• Basic animation is a simple process
• Move an object around the stage
• Change an objects size, shape, color
• Apply Special Effects, such as zooming, fading,
  or a combination of effects
• Two Animation Methods Frame Animation, and
  Tweened Animation

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

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

6
Motion Tweening requires only a Start and End
Frame
Light Blue Background represents a Motion Tween
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

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 youre animating,
  you may need to orient the object to the path

9
Creating Animation with Motion Guides
Object not oriented to path
A motion guide layer and its associated animation
Object oriented to path
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)

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

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 gt Transform to specify rotation

14
Rotating an Object using a Motion Tween
Specifying the rotate settings via the Properties
Panel
15
Changing an Objects Color with Motion Tween

• Numerous ways to change an objects color over an
  animations 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

16
LESSON 4
The Advanced Effect Panel
Onion Skin
17
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