logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
European Travel
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel


dailyclick
All times in EST

Autism Spectrum Disorders: 4:00 PM

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Flash Timeline, Frames and Layers


Several of my readers have asked me what exactly is an animation and what images are needed to create an animation in FlashR. When answering this question, I like to use the example of a flip book, which is a group of sequential images with each image slightly different from the one before and after it in the sequence. When you "flip" through the pages of the book, you get the illusion of movement.

Another example is the individual images, or frames, of an animation in a filmstrip. Each frame is slightly different from the others in the sequence but when the filmstrip moves quickly in front of the projector aperture, the result is movement on the screen.

Creating animation is all about the individual frames and their sequence.


Frames

Before the computer, each of these individual frames were created by hand with only the media and techniques changing over the years. Even a simple, short animation would require the animator to create a large number of individual frames. Now, with animation software, we can create that simple animation with only one or a few frames. These "marker" frames, or keyframes, usually establish the beginning and ending of the animation and Flash draws the other frames for us. This process, called a Tween animation, is the easiest and most popular type of Flash animation.


Timeline

If we stay with the filmstrip example, we can compare the filmstrip to the Flash Timeline. In the projector the filmstrip moves vertically but in Flash we need to rotate the filmstrip 45 degrees and change the name from "filmstrip" to "timeline". This Timeline is made up of individual frames. When the playhead moves horizontally along the Timeline and plays the frames in the Tween sequence, movement is created on the Flash stage.


Layers

Another aspect to the Flash Timeline that we need to consider are layers. These layers are much like the transparent celluloid sheets, called cells, used in traditional animation. These layers are stacked horizontally on the Timeline. Because the layers are transparent, objects on the bottom or lower layers will be visible through the layer above, unless obscured by an object on a higher layer. We will place the moving and nonmoving parts of our animations on these layers. As you would expect, each moving part will be placed on its own layer. These layers will be placed above the bottom layer which will contain the nonmoving parts.




Join us in the Flash forum. | Join us in the Digital Art and Design forum.

|


Add Flash+Timeline%2C+Frames+and+Layers to Twitter Add Flash+Timeline%2C+Frames+and+Layers to Facebook Add Flash+Timeline%2C+Frames+and+Layers to MySpace Add Flash+Timeline%2C+Frames+and+Layers to Del.icio.us Digg Flash+Timeline%2C+Frames+and+Layers Add Flash+Timeline%2C+Frames+and+Layers to Yahoo My Web Add Flash+Timeline%2C+Frames+and+Layers to Google Bookmarks Add Flash+Timeline%2C+Frames+and+Layers to Stumbleupon Add Flash+Timeline%2C+Frames+and+Layers to Reddit



 



RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the Flash and Animation Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.

g


g features
Animation Behaviors in Motion Project

Importing Photoshop Images into Motion

Motion 3D Animation - The Graphics

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor