Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Look up keyword
Like this
17Activity
0 of .
Results for:
No results containing your search query
P. 1
Session 7 Flash CS3 Tutorial Preloader

Session 7 Flash CS3 Tutorial Preloader

Ratings:

4.5

(6)
|Views: 1,315 |Likes:
Flash CS3 Instructions for Preloader -- using AS3
Flash CS3 Instructions for Preloader -- using AS3

More info:

Published by: Michael Sturgeon, Ph.D. on Oct 18, 2008
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

06/01/2011

pdf

text

original

 
 
Flash CS3 TutorialCOMM/CISS 271Advanced Web DesignFall 2008 – Class Session #7
Instructor:
 
C.
 
M.
 
Sturgeon
 
P a g e
 
|
 
2
 
Table
 
of 
 
Contents
 
Preparing
 
Preloader
 
Graphical
 
Assets
 
..........................................................................................................
 
2
 
Coding
 
your
 
Preloader
 
using
 
ActionScript
 
3.0
 
..........................................................................................
 
5
 
What
 
you
 
have
 
learned
 
.............................................................................................................................
 
8
 
Preparing
 
Preloader
 
Graphical
 
 Assets
 
Before taking any steps in the process, it is best to understand what a preloader is and itspurpose. In short, a preloader is a scripting, usually with graphics, that gives the viewersomething to look at while the actual swf is being loaded / downloader to assure smoothanimations within the flash site. This is especially handy for the user that has a low‐endbandwidth connection. Without the preloader a viewer will see a blank page for some time,depending on the size of the actual moving loading. The longer one waits, the more likelythey are to leave the site and move on to other areas.Start off by creating a new Flash movie with the ActionScript version set to 3.0. Thebackground color, fame rat, and the stage size do not matter for this tutorial.The preloader project is going to have two things only, the content and the ActionScript. Weare going to arrange the layers on the timeline to reflect only these two items. Double‐click the name of layer1 and rename it Content.Now go to the lower portion of the timeline and click on the Insert Layer button to addanother layer; rename this one Actions.
 
P a g e
 
|
 
3
 
The timeline is now read; click once on the Content layer to start adding content. Pick theRectangle Tool, set the Pen color to something dark and the Fill color to something darker. Ichose black for the pen and blue for the fill. These two colors must be distinct from eachother in order that the preloader has a distinguishable outline indicating how much is left tobe filled. Once you have these selected items, draw your preloader bar on stage.The bar graphic is now on stage but it is not of any use to you until you convert it to a MovieClip Symbol, which in turn allows you to apply ActionScript. Additionally you will need toseparate the outline from the body of the bar because the body of it is the part that willexpand as the loading progresses. To do both of these things, you will need to sue theSelect Tool (black arrow) to select the bar outline
only
. Once you do that, press F8 toconvert it to a symbol. Select Movie Clip as the type and name your symbol Outline.Now you need to do the same thing for the body of the preloader. Click on the body of thebar to select it and the press F8 to convert it to a symbol. Set the symbol to Movie Clip andname is Bar. Finally, set the Registration Point of the Symbol to the left side before youclick OK. The registration point is the point from where the bar will expand or grow, if you

Activity (17)

You've already reviewed this. Edit your review.
1 hundred reads
1 thousand reads
Brayan Web liked this
Mobasser Nazer liked this
v.th3area liked this
Deven Betrand liked this
grass32 liked this
sheki78 liked this

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->