Now: Tutorial for Web and Software Design > Flash > Basic > Flash Content
> Percentage Preloader [Bookmark it]
Percentage Preloader

In this tutorial you're going to learn how to add a percentage preloader using the "components" of FlashMX.

We're going to use a ready-made extension for the preloader.

Download the following files:

  • The Loader Extension .mpx file (credit: programed by Armen Abrahamyan).
  • To use the .mpx file, you'll need the Extension Manager

1:

After completing the installation of the Extension Manager, and successfully setting up the .mpx loader file, you should be able to see the loader component from the drop-down menu of the Components (Go to Windows>Components, or press ctrl F7)

And that's our "percentage preloader" component.

Fig 1

2:

Good, now create two layers as shown in Fig 2.

  • Select the first frame of the "preloader" layer and drag the loader component to the stage.
  • Select the second frame of the "Main Content" layer and place your content there.
  • Right-click on that keyframe and go to Actions, and add stop(); (You don't want your movie to go in loop back to your preloader).
Fig 2

Guess what! You can go and test your movie now! you're done.

(Go to Control>Test Movie)

Note: Make sure you select "show streaming" in order to see the preloader in action.

Conclusion:

What we did:

  • Downloaded the Loader component.
  • Created two layers: "Prelaoder" and "main content"
  • draged the loader component to frame 1 of the "preloader" layer.
  • Placed the content on frame 2 of the "main content" layer and applied a "stop" action to it.

In 2 steps, you've got a percentage preloader!

Download *.fla


[Bookmark][Print] [Close][To Top]
  • Prev Article-Flash:

  • Next Article-Flash:
  • Related Materias
    Shape Transformations
    Generating and Publishing 
    Butterfly Wings Animation
    Layers in Flash
    Creating the Illusion of S
    Flash 8 Tutorial - Shape T
    Typewriter Effect
    Mouse Follower in Flash
    Movie and Image Preloader 
    Self-Animating Objects and
    Topics
    Photoshop Tutorial
     

    Special Effect

      3D Effect
      Photoshop Articles
    Programming Tutorial
     

    C/C++ Tutorial

      Visual Basic
      C# Tutorial
    Database Tutorial
     

    MySQL Tutorial

      MS SQL Tutorial
      Oracle Tutorial
    Graphic Design Tutorial
     

    Coreldraw Tutorial

      Illustrator Tutorial
      3D Graphics Articles
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial&Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial&Articles
     

    XML Style Tutorial

      AJAX Tutorial
      XML Mobile
    Flash Tutorial&Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial&Articles
     

    Linux Tutorial

      Symbian Tutorial
      MacOS Tutorial