Creating the first and last frames of an animation and directing Adobe® Flash® to create the frames in between
Creating animation in an Adobe® Flash® document
Changing the contents of successive frames
Changes that can occur in animation
Object moving across the stage
Increasing or decreasing size
Rotating
Changing color
Fading in or out
Changing shape
Changes can occur independently or in content with other changes
For example, one can make an object rotate and fade out as it moves across the stage
12 Basic Principles of Animation
Squash and Stretch
Anticipation
Staging
Straight Ahead and Pose to Pose Animation
Follow-through and Overlapping Action
Slow-out and Slow-in
Arcs
Secondary Action
Timing
Exaggeration
Solid Drawing
Appeal
Squash and Stretch
Illusion of weight and volume in a character as it moves, best used in animating dialogue and facial expressions
Anticipation
Prepares the audience for a major action the character is about to do, character performs a short movement first before the next action
Staging
Pose or action should be part of the play to show the character's attitude, mood, reaction, or idea; effective use of close-up shots and camera angles helps tell the story
Straight Ahead Animation
Starts at the first drawing and works from drawing to drawing until the end of a scene, good for showing spontaneity and freshness
Pose to Pose Animation
More planned out and charted with key drawings done at intervals, better controls size, volume, and proportions
Follow-through and Overlapping Action
Nothing stops all at once, other parts slowly move to have continuity in action; character changes direction while clothes/hair continues forward
Slow-out and Slow-in
Soften the action, more drawings make the action slower and more life-like
Secondary Action
Adds to or enriches the main action, adds more dimension to the character's animation
Timing
Variety of slow and fast timing within a scene adds texture and interest to the movement, establishes mood, emotion, and reaction
Exaggeration
Principle of appeal, shows a caricature of facial features, expressions, poses, attitudes, and actions, using good taste and common sense
Adobe® Flash® files can be very small, making bandwidth less of a concern
Image file types supported by web browsers
GIF (.gif or Graphics Interchange Format)
JPEG (.jpeg/ .jpg or Joint Photographic Experts Group)
PNG (.png or Portable Network Graphics), also known as Ping files
Movies exported using Adobe® Flash®
Can be viewed in the Flash® Player, or as a Flash® stand-alone projector to be viewed with a self-contained Flash® Player included within the movie itself
Adobe® Flash®
It is the professional solution for producing high-impact Web experiences
With Adobe® Flash®, interactive vector-based websites and desktop applications can be created
The familiar Adobe® Flash® user interface makes it easy to create dazzling graphics and quickly create complex animations, navigation controls, and even complete multimedia websites
Adobe® Flash® may be used to create advanced web applications using scripting, forms, and server-side connectivity
Adobe® Flash® movies
They are compact vector graphics that download rapidly and scale to the viewer's screen size
Unauthorized reproduction of this print material is strictly prohibited. Computer Assisted Learning Philippines Inc. All Rights Reserved.
Adobe® Flash®
A software application for creating and editing vector graphics, animations, and multimedia content
Adobe® Flash® interface
Main Menu
Toolbox
Timeline
Stage (Workspace)
Panels
Main Menu
1. File Menu
2. Edit Menu
3. View Menu
4. Modify Menu
5. Text Menu
6. Window Menu
Edit Menu
Provides options for copying, cutting, and pasting, as well as Adobe® Flash®-specific options such as copy frames and edit symbol. Also where one can customize keyboard shortcuts or edit preferences.
Text Menu
Provides options for changing the font, font size, style, alignment, and tracking for any text on the stage
Hand Tool
Moves the stage around
Zoom Tool
Zooms in or out of the movie being created
Stroke Color Modifier
Selects colors for the line and pencil tools
Fill Color Modifier
Selects colors for the brush, paint bucket, and text tools
Default Colors
Sets the stroke and fill color tools to their default setting of black (stroke) with white (fill)
No Color Modifier
When using the oval, rectangle, or pen tools, one can use the No color tool to turn off either the stroke or the fill
Layers
Contain the actual content of the movie
Playhead
Shows which frame is currently visible on the stage
Stage
The large, white, rectangular area in the middle of the Adobe® Flash® interface where the movie is created
Work area
The gray area surrounding the stage where one can draw, but most actions will take place on the stage
Dimension Setting
Determines the height and width of the stage
Background Color
Determines the color of the stage, which is the same throughout the movie