g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Home Improvement
Women's Fashion
Small Office/Home Office
Holiday/Seasonal Cooking
Crafts for Kids

All times in EST

Full Schedule
g Flash and Animation Site

BellaOnline's Flash and Animation Editor


Flash Timeline and Layers

In our last tutorial, we were introduced the FlashR Timeline, added frames to the Timeline and drew a rectangle on the Stage.

Now we have a solid green background layer. If you drag the Playhead over the 50 frames, you will see that the background is green on all 50 frames.

Next, we will add another layer to our Timeline. But first we will lock the background layer. Once the layer is locked, we won't be able to make changes to it until we unlock the layer.

Above the bg layer are three icons. The first icon (looks like an eye) controls the visibility of the layer. If you click this icon, the green background will not be visible and a red x will appear next to the layer name. Click the icon again to make the layer visible.

Click on the third icon (looks like a box). This icon will show only the outline of the objects on the layer. In the case of our rectangle, we will only see a colored outline around the edges of the stage.

Now click on the middle icon (looks like a lock). This icon will lock the layer and you will see a lock next to the layer name.

Our next step is to add a new layer to our Timeline.

At the bottom of the Timeline you will see three icons. The first icon, the New Layer icon, will add a layer to the Timeline directly above the selected layer. The second icon, the New Folder icon, will add a folder to the Timeline directly above the selected layer. The third icon, the Delete icon, will delete the selected layer or folder.

Click on the New Layer icon to add another layer above the bg layer. Name this new layer "circle" because will be drawing a circle on the stage.

Because the circle will be on a layer above the bg layer, we can see the circle. If the bg layer was above the circle layer, the circle would be obscured by the background. You will use this layer hierarchy to control the visibility of objects on the stage.

Note: In some projects, you might use ActionScript or Labels to control an animation on the Timeline. It is customary to put the ActionScript or Labels on their own layer and to place those layers at the top of the layer stack. Also, as you work on complicated projects with many assets on the stage, you will want to organize the layers into folders. As when naming layers, you will want to name the folders to indicate what is contained in that folder.

← Back | Next →

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


Add Flash+Timeline+and+Layers to Twitter Add Flash+Timeline+and+Layers to Facebook Add Flash+Timeline+and+Layers to MySpace Add Flash+Timeline+and+Layers to Del.icio.us Digg Flash+Timeline+and+Layers Add Flash+Timeline+and+Layers to Yahoo My Web Add Flash+Timeline+and+Layers to Google Bookmarks Add Flash+Timeline+and+Layers to Stumbleupon Add Flash+Timeline+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

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2015 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 features
Animation Software Terms

Why Hype 3.5 and Pro

Tumult Hype and Pro Intro

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

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

BellaOnline Editor