You are on page 1of 5

Alpha

In Flash, alpha refers to the opacity & transparency of an objects


100% alpha is completely opaque, 0% alpha is completely transparent.

Animation
A series of still images played in rapid succession to simulate movement or changes.

Frame
In motion graphics and animation software, a frame is a point in time on the timeline,
represented by a small box or cell.

Frame rate
Frame rate determines how many frames per second the movie will be played back
for the user.
A higher frame rate makes for a smoother animation, but also results in a larger file
size that might cause the animation to stall on a slow computer or web connection.

Layer
Layers in Flash are separate timelines stacked on top of each other.
Layers allow for multiple tweens to occur simultaneously, and help in visual
organization.

Instance
An instance is a copy of a symbol located on the Stage, or nested inside another
symbol.
Instance properties such as color or size can be changed onstage without affecting
the parent symbol.
However, if you change the parent symbol in the library, ALL of the instances on the
stage will update to the change.

Keyframe
In motion graphics and animation software, a frame in the timeline that holds an
object.

Library
In Flash, the library is a panel that stores all the symbols used in the movie.
The library can contain graphics, sounds, movie clips, buttons, and blocks of text
organized into folders.

Onion skinning
Viewing multiple frames at once.
This term comes from traditional hand-drawn animation,
where "onion skin" tracing paper was used to trace objects from frame-to-frame.
Using onionskins allows you to see, and adjust, precisely how an animation will move
across several frames.

Properties
The traits of a Flash object that can be modified:
alpha, visibility, tint, scale, brightness, position and rotation.
Scene
Scenes are ways of breaking up a timeline for organization, almost like chapters in a
book.
Playing a movie automatically plays one scene's timeline after the next, as if it were
one long timeline.
Actionscript can be applied to change the order and playback of scenes.

Scrub
To move the playhead back & forth along the timeline in order to preview the
animation.

Symbol
A symbol is a graphic, button, or movie clip stored in the Flash "library" folder.
Symbols can be reused, and altered, as many times as you want!
Placing a symbol on the stage or into the timeline, creates an instance (copy) of the
symbol.
The symbol in the library is the parent object of all of the instances on the stage, or
in the timeline.

The Advantage of Symbols

1. You can reuse the symbol as many times as you want without affecting file size.
2. You can modify the properties of any instance of the symbol without
changing the parent symbol in the library.
3. If you update the parent symbol in the library, every instance of the symbol is
automatically updated.
4. Motion tweens using symbols behave in a predictable manner!
Tweens on non-symbols are GUARANTEED to cause you problems!

Timeline
A series of numbered frames that represent increments of time.
In Flash, the timeline displays the frame number, the frame rate, and an approximate
amount of time that will have elapsed at each frame.
The timeline also displays the layers in the movie.

Tween
An animation technique in which the frames "in-between" 2 keyframes are
automatically created by Flash.
1. Motion tween
Motion tweens can change the following properties of an instance of a symbol:
position, scale, rotation, skew, brightness, tint, and alpha.
2. Shape tween
Shape tweens are used to morph between 2 simple shapes that have been broken
apart
(MODIFY > BREAK APART)
Basic Flash Animation Sequence: The Motion Tween
BEFORE YOU ANIMATE:
Create or import graphics and text.
Text and graphics may be drawn or typed directly on the stage,
or FILE > IMPORT image files.

Convert all text and graphics to symbols!


IMPORTANT NOTE:
Objects NOT converted to symbols DO NOT animate predictably and will increase file size!
Select the object.
INSERT>CONVERT TO SYMBOL or
CONTROL/CLICK the selected object and choose "convert to symbol".

Choose GRAPHIC as the symbol type.


The symbol will now be stored in the LIBRARY.

Symbols can be used as often needed!


Instance = a copy of a symbol dropped onto the stage

ANIMATION CONCEPT: PARENT/CHILD Hierarchy

The master symbol in the library is the parent object.


The copies of the parent (instances) are the child objects.

The parent controls the child, BUT


the child does not control the parent!

If you change the master symbol (parent) in the library,


ALL of the instances (children) will update to the same changes.

If you change the instance (child) on the stage,


the master symbol in the library (parent) remains the same.

The Library panel.


pro tip: name your symbols for faster location of files!

THE ANIMATION SEQUENCE

You need 4 things to create an animation sequence in Flash:


1. A symbol to animate
2. A start keyframe
3. An end keyframe
4. A motion tween

1. Insert the first keyframe.


Select a frame on the timeline.
INSERT > BLANK KEYFRAME or
CONTROL/CLICK on a frame and choose "insert blank keyframe".

2. Place a symbol in the keyframe.


Select the keyframe.
Drag a symbol from the library onto the stage.
The keyframe turns solid black when it contains an object.

3. Insert (duplicate) the keyframe.


Scrub out to another frame on the timeline.
INSERT> KEYFRAME
or CONTROL/CLICK and choose "insert keyframe".
This duplicates the previous keyframe and symbol.

4. Make a change to the second symbol instance.


NOTE: select the object (on the stage) NOT the keyframe!
You can make multiple changes to size, color, rotation, location, alpha.

5. Create a motion tween.


Slect any frame on the timeline inbetween the 2 keyframes.
INSERT > CREATE MOTION TWEEN
or CONTROL/CLICK and choose "create motion tween".

An arrow on a blue background indicates a motion tween.

6. CONTINUE the Animation Sequence:


Scrub to the next frame on the timeline.
INSERT > KEYFRAME or CONTROL/CLICK and choose "insert keyframe".
This duplicates the previous keyframe and allow you to continue animating.

7. END the Animation Sequence with a blank keyframe.


INSERT > BLANK KEYFRAME
or CONTROL/CLICK and choose "blank keyframe".
Broken Motion Tweens
A dotted line on a blue background indicates a "broken" motion tween.

Note:
Broken motion tweens occur when one of the keyframes
OR when you try to animate more than one symbol on the
OR when you try to animate something that is NOT a sym

Removing Keyframes:
INSERT> CLEAR KEYFRAME or CONTROL/CLICK and choose "clear keyframe".
DELETE removes the symbol from the keyframe, NOT the keyframe itself!

MULTIPLE ANIMATIONS

Multiple animations require multiple layers!


Flash processes only ONE animation per layer at the same time.

Layer 1
This shows how tweens occur one after another (sequentially) on the timeline.
Layer 2
The tween on layer 2 occurs at the same time (simultaneously) as the tweens on
Layer 1.

Note: the animation sequence on Layer 1 has 2 keyframes: start & end!
It is possible to animate with a “shared” keyframe but your animation will be
unpredictable!
Two actions cannot be held in the same keyframe.
Flash will not be able to determine what you are asking it to do and will "guess"...

You might also like