Adobe Flash Tutorial
Flash Preloader
The purpose of this tutorial is to show you how to make a simple basic preload sequence.
Open your scene in Flash and create a new scene (Modify -> Scene) by clicking on the plus symbol.
Choose the new scene and rename it to 'Preloader' (double clicking on the name)
Move your new scene 'Preloder' above your old scene.
Create a new Movie Clip and name it 'Loadbar'
(Insert New Symbol [Ctrl + F8]).
Select the Rectangle Tool (R) and draw a rectangle from x=0, y=0 to the right.
Open Window -> Library and right click on Loadbar icon and select Duplicate
(move clip). Name the new move clip 'LoadbarOtline'.
Select the LoadbarOtline and delete the inside of the box.
Create a new move clip and name it 'LoadingTxt'. Use the text tool to create the word 'Loading' inside the clip.
Select the movie clip 'Loadbar' and create a new layer, rename it to 'Actions'.
Drag the KeyFrame in the timeline on Layer 1 so that it spans frame 1 and 2.
In the Action layer mark KeyFrame 1 and 2 and select F6 (Inset KeyFrame).
Double-click on KeyFrame 1 in the Action layer to bring up the action script editor.
Select Expert Mode [Ctrl + E] in the action script editor and type the following commands:
SetProperty(this,_xscale,(_root.getBytesLoaded()/_root.getBytesTotal())*100);
Select the 'Preloader' scene and create a new layer 'Actions', rename the other layer to 'Graphics'.
On the Graphics layer, put the movie clips 'LoadingTxt','Loadbar' and 'LoadbarOtline'. Put the 'LoadbarOtline' on last so it will place directly on top of the clip 'Loadbar'.
On the Action layer Create KeyFrames at frame 2 and 3
drag out the timeline of the movie clips 'Graphics' so they span from frame 1 to 3.
Select the Action layer and Double-click on KeyFrame 2, insert the following script in the action script editor:
if (_root.getBytesLoaded() != _root.getBytesTotal()) {
gotoAndPlay (1);
}
Again, select the Select the Action layer and Double-click on KeyFrame 3, insert the following script in the action script editor.
gotoAndPlay ("Your Flash Move", 1);
Final notice: This is the basic way to make a preloder. You can of course make your own style. Perhaps you want a more advanced preloder with a percentage bar.
Flash Tutorial Preview
Flash Preloader
No User Comments.
No User Comments, be the first one to write your comments?
