Web design Linkbut spacePrint design Linkbut spaceLogo Design Linkbut spaceTemplates linkbut spaceWeb Hosting linkbut spaceWeb Marketing linkbut spacetutorials linkbut spaceTips and Articles linkbut spacePartners linkbut gap
blue-box image-1 image-2 image-3
spaces

maa services

space

Flash Tutorials

» Motion Tween

» Shape Tween

» Working on Layers

» Masking

» Custom Curser

» Bouncing Effect

» Straight Ripple Effect

» Circular Ripple Effect

» Simple Preloader

» Simple Timeline Preloader

» Digital Clock

» Analog Clock

» ON\OFF Sound Button

 

» Photoshop Tutorials

» Dreamweaver Tutorials

» Fireworks Effects and Tutorials

 

Tips and Articles
» Advertising Ideas
» Templates Creating Ideas and Tips
» Dedicated Server Tips
» Domain Name Tips
» Ecommerce Tips
» Hosting Tips

» Logo Design Concept

» Emal Marketing

» Offset Printing Tips

» Website Design Tips

» Website Promotion

» Affiliated Program Tips

 

Maa Web Design
» Brochure Website
» E-Commerce Website
» Flash Website
» Web Template Customization
» CMS Development
» E-News Letter

 

Maa Print Design
» Press Advert Design
» Banner Design
» Brochures Design

» Copywriting Services
» Direct Mail Design
» Flyers Design
» Illustration Works
» Invitations Design
» Menu Design
» News Letter Design

» Packaging Design

» Posters Design
» Presentation Folders
» Signage Design

 

Maa Identity Design
» Logo Design
» Stationary Design
» Corporate Identity Design
» Logo Template Customization

 

Maa Templates
» Web Templates
» PSD Templates

» Low Cost PSD Templates
» Logo Templates
» Stationary Templates
» PowerPoint Templates
» Print Temples

 

Maa Web Hosting
» Domain Registration
» Web Site hosting
» Email
» Dedicated Server

 

Maa Web Marketing
» Search Engine Submission
» Search Engine Optimizing
» E-mail Marketing

» Website Content Writing

» E-mail Promotional Newsletter
» Live Chat Agent



space
Creating simple preloader in FlashMX 2004

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

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

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

     

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

    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


arrow

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!

 

 

arrow

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

 

space

packages

space

top

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

bottam

space

top

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

bottam

space

top

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

bottam

space

top

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

bottam

space

top

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

bottam

space

top

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

bottam

space

top

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

bottam

space

spaces
bottam-left
Home | About | Services | Package | Portfolio | Testimonials | Free Downloads | Free Tutorials | Jobs | Privacy Policy | Terms & Conditions | Contact
Copyright © 2005 Maagraphics.com - All rights reserved. Site Designed and Developed by MAA Design Ltd. London, UK
bottam-right

Design services : Brochure Website | E-Commerce Website | Flash Website | Web Template Customization | CMS Development | E-News Letter | AD Design
Brochures Design | Flayers Design | News Letter Design | Posters Design | Invitations Design | Menu Design | Banner Design | Logo Design | Stationary Design
Corporate Identity Design | Animated Logo Design | Web Templates | 3D logo Design | PSD Templates | Logo Templates | Stationary Templates | Print Templates
PowerPoint Templates| Domain Registration | WebSite hosting | Email|Dedicated Server | SEO | E-mail Marketing | Live Chat Agent | Site Map