This tutorial will teach you how to create a simple Preloader in Flash MX 2004.

Please note:

1. You need Flash Player 7.0 installed to view this.

STEPS TO FOLLOW

Create a Movie clip.

1. Draw a borderless rectangle.
   Press Shift+F8 to open the color mixture panel.
   Select the rectangle, go to color mixture panel and choose linear from the drop down menu. And change the linear fill accordingly, with white on right end and the background color on the other end.
2. Select this rectangle and press F8 to convert it to a symbol. Name this symbol as "Bar" and choose Graphic behavior. then press OK.
   

    

   

    

3. Press Ctrl+F8 to make a new movie clip for preloader effect.
   Name it as "preloader_mc". Choose movie clip behavior and press OK.
4. Draw a borderless zigzag as shown below on the first frame and press F5 on the 90th frame.
   

    

   

    

5. Insert a new layer and pull it below Layer1.
6. Insert the bar graphic symbol into this new layer "Layer2".
7. Adjust the height of the bar slightly more than the zigzag height.
8. Position this bar graphic as shown below.
   

    

   

    

9. Press F6 on the 35th frame. Keeping framehead on 35th frame, pull the bar graphic onto the
   

    

   

    

10. other side of zigzag as shown.
11. Choose any frame between Frames 2 and 34 and select Motion from the tween pop-up menu from the Property inspector.
12. Select frame 40 and press F6 to insert a new keyframe
13. Keeping the framehead on the 40th frame select bar graphic and go to main menu, Modify>Transform>Flip Horizontal.
14. Select frame 85 and press F6 to insert a new keyframe.
15. Keeping the framehead on the 85th frame pull the bar graphic symbol to its previous position as in frame 1.
16. Select any frame between Frames 41 and 84 and select Motion from the tween pop-up menu from the Property inspector.
17. Select frame 90 and press F5.

 

Adding Preloader to your Scene1

 

1. Go to your Scene1.
2. Insert 3 new layers.
3. Drag "preloader_mc" from the library onto the working area. Place it at the center and press F5 on the 2nd frame
4. Type in "LOADING" on the 1st frame of your 2nd layer.
5. Copy and Paste the below script in the action panel of the 1st frame of the 1st layer.

 

ifFrameLoaded ("end") {
gotoAndPlay ("start");
}

 

6. Press F6 on the 2nd frame of 1st layer and insert the below script in the action panel of the 2nd frame of the 1st layer.

 

gotoAndPlay (1);

Start the Main movie from the 3rd frame onwards.
Name the 1st frame of the main movie "start" and the last frame "end".