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
Business Travel
Herbs
Healthy Foods
Classical Music
Spirituality
Judaism
Disabilities


dailyclick
All times in EST

Low Carb: 8:00 PM

Full Schedule
g
g Web Design Site

BellaOnline's Web Design Editor

g

Flash 101, Pt. 5 - How to Make A Preloader

Guest Author - June Kaminski

Most Flash movies contain action, sound and images which equates to bytes of memory. A preloader is a good way to keep your viewer´s attention while the Flash movie loads. Preloaders can be simple or artfully intricate, depending on your preferences and imagination. They can also be metaphoric or symbolic. For instance, a health site might use a preloader that resembled an ekg line.

To make room for your preloader, you need to add a new scene at the beginning of your movie. Click on "Insert" then "Scene" and move it to the beginning of the movie´s scene stack by choosing "Windows" then "Inspectors" then "Scenes". Rename this scene "Preloader". Create two keyframes in your preloader scene. Now, you need to organize your preloader to react when your movie is loaded. You can do this by writing this code in the first keyframe using the Action Script (the number represents the number of scenes in the movie and the word MovieScene should have the actual name of your first and last scenes - you will need to customize these according to your movie):


If Frame Is Loaded (MovieScene, 470)
Go to and Play (MovieScene, 1)

End Frame Loaded

Then, in the second keyframe write the following to create a looping effect to the preloader´s monitoring action:

Go to and Play (preloadScene, 1)

Once this is done, you can begin to create your mini preloader movie. It can be as simple as flashing text with the word LOADING. Choose the text tool and type in the word LOADING then animate as you wish. You can also create a sophisticated loading bar or graphic. Your creation is limited only by your imagination. So have fun, think unique - make even the preloader reflect the nuance and signature of your website.

References


Bar Preloaders Tutorial
http://www.flashkit.com/tutorials/Interactivity/Bar_Prel-Eddie_Ca-48/index.shtml

Percentage Preloader Tutorial by Mark

http://www.designsbymark.com/flashtut/perpreloader.shtml


Building a Preloader
http://www.enetserve.com/tutorials/tutorial2.html

This site needs an editor - click to learn more!

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


Add Flash+101%2C+Pt%2E+5+%2D+How+to+Make+A+Preloader to Twitter Add Flash+101%2C+Pt%2E+5+%2D+How+to+Make+A+Preloader to Facebook Add Flash+101%2C+Pt%2E+5+%2D+How+to+Make+A+Preloader to MySpace Add Flash+101%2C+Pt%2E+5+%2D+How+to+Make+A+Preloader to Del.icio.us Digg Flash+101%2C+Pt%2E+5+%2D+How+to+Make+A+Preloader Add Flash+101%2C+Pt%2E+5+%2D+How+to+Make+A+Preloader to Yahoo My Web Add Flash+101%2C+Pt%2E+5+%2D+How+to+Make+A+Preloader to Google Bookmarks Add Flash+101%2C+Pt%2E+5+%2D+How+to+Make+A+Preloader to Stumbleupon Add Flash+101%2C+Pt%2E+5+%2D+How+to+Make+A+Preloader to Reddit



For FREE email updates, subscribe to the Web Design Newsletter


Past Issues


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


Content copyright © 2012 by June Kaminski. All rights reserved.
This content was written by June Kaminski. If you wish to use this content in any manner, you need written permission. Contact BellaOnline Administration for details.

g


g features
Effective Use of Graphics

Web Design Tutorials -- Where to Find Them

Open Source -- Defined

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Fav Social Network
Facebook
Twitter
Google+
other / none



BellaOnline on Facebook
g


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


BellaOnline Editor