Creating simple preloader in FlashMX 2004

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.
Select this rectangle and press F8 to convert it to a symbol. Name this symbol as "Bar" and choose Graphic behavior. then press OK.
Press Ctrl+F8 to make a new movie clip for preloader effect.
Name it as "preloader_mc". Choose movie clip behavior and press OK.
Draw a borderless zigzag as shown below on the first frame and press F5 on the 90th frame.
Insert a new layer and pull it below Layer1.
Insert the bar graphic symbol into this new layer "Layer2".
Adjust the height of the bar slightly more than the zigzag height.
Position this bar graphic as shown below.
Press F6 on the 35th frame. Keeping framehead on 35th frame, pull the bar graphic onto the
other side of zigzag as shown.
Choose any frame between Frames 2 and 34 and select Motion from the tween pop-up menu from the Property inspector.
Select frame 40 and press F6 to insert a new keyframe
Keeping the framehead on the 40th frame select bar graphic and go to main menu, Modify>Transform>Flip Horizontal.
Select frame 85 and press F6 to insert a new keyframe.
Keeping the framehead on the 85th frame pull the bar graphic symbol to its previous position as in frame 1.
Select any frame between Frames 41 and 84 and select Motion from the tween pop-up menu from the Property inspector.
Select frame 90 and press F5.

Adding Preloader to your Scene1

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

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

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".

Back to Tutorials Home Page

Maa Design Services
MAA offers high-quality website design services at affordable prices and fast turnaround time. We provide ready-made & custom website design solutions to global clients from London, UK. Take a look at our client testimonials from clients all over the world. Contact us today to get started on your website!

Client Testimonials

"If you want the QUICKEST service, the BEST web design, Logo and the FRIENDLIEST communication, DezineHub is the ONLY business to turn to. They far exceeded my expectations! I give them the HIGHEST recommendation! "
Dilip, Chemmen Ltd UK

Maa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>