Flashadvisor logo
:: Desktop Shortcut
:: Flash Help
Advices from Experts

 Submit Here! · Link to Us · Newsletter · Tell a Friend ·

      Add Tutorial |

 

Advertise here










 

Google

Search WWW   
FlashAdvisor.com

 Home > Tutorials  > Advanced

Creating Animated Professional Looking Preloader Step-by-step in Flash MX 2004

Author: Oleg Lazarenko | Email
Website : www.metamorphozis.com


Advertisement

a. Launch Flash MX 2004

b. Create new Flash file. Click File > New…



c. Select Flash Document in a new window



d. You need to create 2 layers in the root of your flash movie. The first layer will serve to contain the preloader and must be consist of one frame, the second one will be used to place the movie content and we need 2 frames in that later. To make thing easier we will name these layers "preloader" and "content"





e. Select "Rectangle Tool"


and draw shape in the first frame of the layer named "preloader"


f. Select the shape and right click on it. In the menu select "Convert to Symbol..."




then select "Movie Clip" option and press OK


g. Now you have included movie in the "preloader" layer. Select the movie you have made and press “F9” to get access to "Action" panel.


It consists of 2 windows. We need to use the right one to continue.
Click on the shape then copy the following code and paste it in the right window:


onClipEvent (load) {
total = _root.getBytesTotal();
}
onClipEvent (enterFrame) {
loaded = _root.getBytesLoaded();
percent = int(loaded/total*100);
text = percent+"%";
gotoAndStop(percent);
if (loaded == total) {
_root.gotoAndPlay(2);
}
}


Download Source File

| 1 | 2 |

Rate This Tutorial :
We hope the information helped you. If you have any questions or comments, please don't hesitate to post them on the Forums section
Submit your Tutorial at Click Here
  

Home | About Us | Contact Us | Feedback | Advertise with us

Best viewed in 800x600 resolution with Internet Explorer.

Site Developed and Hosted by  ethicsolutions.com
All rights reserved with FlashAdvisor

Flash is a registered trademark of Adobe Systems, Inc.

23 users online