Using the Frame Panel, you can create the Motion Twee

1
Macromedia Flash 5

• Intermediate Level Course

2
Animation Basics
In-Between Frames
Playhead
Keyframe
Frames
Current Frame Number
Current Time
Framerate
3
Previewing The Animation
Scrubbing
Playing
Testing
4
Onion Skin Tool
Start Onion Skin Marker
End Onion SkinMarker
Modify Onion Markers
Onion Skin
Onion Skin Outlines
Edit Multiple Frames
5
Motion Tween

• Using the Frame Panel, you can create the Motion
  Tween animation
• The successful Motion Tween is displayed by the
  solid arrow between two keyframes in the timeline

6
Position Tween
Object moves across the stage over time
7
Scale Tween
Object moves and scales across the stage over time
8
Rotation Tween
Object moves and rotates across the stage over
time
9
Motion Tween Modifiers
Object moves across the stage over timestarting
quickly and decelerating
10
Motion Tween Effects

• The Effects Panel contains different effects
• None
• Brightness
• Tint
• Alpha
• Advanced

11
Color Tween
Object moves and changes its color across the
stage over time
12
Guide Layers

• Guide Layers will be invisible when you export
  the movie
• Guides are used for registration purposes
• Guides can be used for storing the visual content
  not visible to the end user

13
Motion Guides

• Motion Guides are regular Guide layers that have
  an adjacent layer below it, set to be Guided
• The Motion Guide layer contains the drawn path
  that the instance will follow
• Motion Guide Layers will be invisible when you
  export the movie

14
Shape Tween
Object morphs from circle into square across the
stage over time
15
Text Tween
Text morphs into different text or shape on the
stage over time
16
Shape Tween Modifiers
Object morphs from circle into square across the
stage over timestarting quickly and decelerating
17
Shape Hints

• Shape Hints are used with shape tweening to give
  a higher degree of control in the morphing
  process
• They are especially useful when morphing complex
  objects, like text

18
Masks

• Masks allow you a way of selectively showing and
  hiding content in a movie, based on the position
  of the mask
• With Masks you need at least two layers one for
  the Mask and one that gets Masked (similar to
  the Guide and Guided layers)

19
Animating Masks

• Besides using static background layers, you can
  animate the content in the Masked layer

20
Masking Multiple Layers

• One Mask layer can be applied to multiple Masked
  layers
• Each Masked layer has to be positioned under the
  Mask layer

21
Text Masks

• One of the easiest ways to create Masks is to use
  the Text tool

22
Bitmap Masks

• Flash can internally create a kind of vector mask
  to cut out the background of the imported bitmap
  images, thus making the bitmaps behave as vector
  images

23
Importing Sound

• Flash supports four sound file types
• MP3
• WAV
• AIFF
• AU

24
Using Sound

• Using the Sound Panel, you control what sounds
  play and when they play
• The Sound Panel lists all imported sounds stored
  in the Library

25
Sound Effects Settings
EnvelopeLines
Left Channel
Time In
Right Channel
Envelope Handles
Stop
Play
ZoomIn
ZoomOut
TimeUnits
FramesUnits
26
Sound Sync Settings

• The Sound Panel contains different sync options
• Event
• Start
• Stop
• Stream

27
Sound Loops Settings

• The Loops sound setting in the Sound Panel
  controls how many times a whole sound will play
• Default setting is 0
• To make sound play continuously, type a high
  number into the Loops option field

28
Fundamentals of Interaction

• In order for interaction to take place you need
  to have an Event and an Event Handler

You are sitting in your office
The phone on your desk rings
This is an Event
You pick up the receiver and start talking
This is an Event Handler
29
Making a Button

• The button symbols timeline contains the four
  button states
• Up - original
• Over - rollover
• Down - clicked
• Hit button area

30
Animating a Button

• To create an animated button, put an animated
  Movie Clip symbol in the appropriate button state
• To create a button with a sound effect, put a
  sound in the appropriate button state

31
Invisible Buttons

• To create an invisible button, draw any shape in
  the Hit button state only, leaving all other
  button states blank