Generic Preloader

Generally to make A Flash Movie or a so called flash site you need to have knowledge in the most basic parts such as interface design, symbols, and the most important part, the preloaders.

What is a preloader?

A preloader is a scene or a clip of a flash movie, which must be small to load as soon as the browser opens a flash page. If your site is huge it might need lots of preloaders inside each scene. A preloader's main purpose is to prevent annoying slow motions while the movie plays. If you want the movie to play continuously while a viewer views it, you might want to add a preloader in your flash movie.

Technical meaning

A preloader based on it's name as you can see, preloads a certain content before playing the movie so that it continuously plays smoothly without those annoying slow motions. To trigger a certain frame or scene of a movie, you must specify this with action script using the actions panel, which you will learn as youu read on.

Step 1

In Scene one > Layer 1 create a simple animation such as a blinking "LOADING" text . Sample is as follows: insert a frame in frame 3 and use text tool and type in LOADING and place it in the center of the page. Next is you click Insert > Create Motion Tween, then click frame 3 and change its alpha properties to 0% by click frame 3, and then click the LOADING text and see the property bar show the COLOR: (setting), choose alpha and move the bar to 0%.

Step 2

Now change your frame rate to 30 fps (frames per second). this is to make the animation smooth and fast blinking effect.

Step 3

Now add a new scene. Scene 2 must have the content animation your main movie will play.

Step 4

If the last scene you use is Scene 4 and the last frame in scene 4 is frame # 150. You do this:

Step 5

Go back to Scene 1 and add new layer. Insert a Keyframe in frame 3. and then click frame 3 (layer 2) Now open the actions panel and type in this code:

gotoAndPlay(1);
ifFrameLoaded ("Scene 4", 150) {
nextScene();
}

Step 6

Now upload your files and test it. It wll surely work.

image 1


Close    To Top
  • Prev Article-Flash:
  • Next Article-Flash:
  • Now: Tutorial for Web and Software Design > Flash > Basic > Flash Content
    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
    Geek Tutorial
     

    Blogging Tutorial

      RSS Tutorial
      Podcasting Tutorial
    Graphic Design Tutorial
      Coreldraw Tutorial
      Illustrator Tutorial
      3D Tutorials
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial/ Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial/ Articles
     

    XML Style

      AJAX Tutorial
      XML Mobile
    Flash Tutorial/ Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial/ Articles
      Linux Tutorial
      Symbian Tutorial
      MacOS Tutorial
    Personal Tech
      Hardware Tutorial
      Software Tutorial
      Online Auction