This tutorial
will teach you how to create Timeline Preloader in Flash MX 2004.
Please note:
1. You need Flash Player 7.0 installed to view this.
STEPS TO FOLLOW
Create a Graphic Symbol
- Type "LOADING" on
your center stage. Slect the word and press F8 to convert the word LOADING to a symbol.
- And name it as "loading",
choose Graphic behavior and press OK.
Create a "LOADING" Movie clip
- Press Ctrl+F8 to create a new Movie clip.
- Then name it as "loading_mc",
choose Movie clip behavior and press OK.
- Insert the loading
Graphic Symbol in Frame1.
- Press F6 to insert keyframe in
frame5 and in frame10
- Then go back to frame5. Select "LOADING",
still keeping the playhead in frame5, choose Alpha 0 from
color pop-up menu of property panel.
- Select any frame
between 2 and 4 and select Motion from the tween pop-up
menu in the Property inspector.
- Choose any frame between
6 and 9 and select Motion from the tween pop-up menu in
the Property inspector.
- The Movie clip is ready, Now come
back to Scene1.
Create Bar Preloader
- Insert 5 layers and name them as shown below.
- Now go to
frame1 of loading layer, drag loading_mc to center
stage. Align centre the movie clip. Press F5 on your 40th
frame of loading Layer.
- Select frame1 of mask layer
and draw a rectagle as shown below.
- Press F5 in frame 40
- Double click on this rectangle, Copy
( Ctrl+C), go to Layer bar and press (Ctrl+Shift+V) to
paste it exactly in the same position. Then select only its
border, Cut (Ctrl+X) and paste (Ctrl+Shift+V) in frame1 of
the border layer.
- Press F5 in frame 40 of border layer
- Then come to the bar layer, Push the rectangle to the left as shown below
- Now go to Frame 40, keeping playhead on frame 40, pull the
rectangle onto the other side as shown below
- Now select any
frame between 2 and 39 and select Shape from the tween
pop-up menu in the Property inspector.
- Then go back to layer
mask, right click on the label and select mask.
Insert script in the action panel
- Go to action Layer, insert keyframe in 1st,2nd,5th,6th,10th,11th,15th,16th,20th,21st,25th,26th,30th, 31st,35th,36th
and 40th Frame
- Copy & Paste the following script
into the action panel of Frames mentioned below.
|
ifFrameLoaded ("s1")
{
x = 1;
play ();
} |
Frame1 |
ifFrameLoaded ("s2") {
x = 2;
play ();
} |
Frame 5 |
ifFrameLoaded ("s3") {
x = 3;
play ();
} |
Frame 10 |
ifFrameLoaded ("s4") {
x = 4;
play ();
} |
Frame 15 |
ifFrameLoaded ("s5") {
x = 5;
play ();
} |
Frame 20 |
ifFrameLoaded ("s6") {
x = 6;
play ();
} |
Frame 25 |
ifFrameLoaded ("s7") {
x = 7;
play ();
} |
Frame 30 |
ifFrameLoaded ("s8") {
x = 8;
play ();
} |
Frame 35 |
gotoAndPlay ("start"); |
Frame 40 |
if (x != 1) {
gotoAndPlay(1);
} |
Frame 2 |
if (x != 2) {
gotoAndPlay(5);
} |
Frame 6 |
if (x != 3) {
gotoAndPlay(10);
} |
Frame 11 |
if (x != 4) {
gotoAndPlay(15);
} |
Frame 16 |
if (x != 5) {
gotoAndPlay(20);
} |
Frame 21 |
if (x != 6) {
gotoAndPlay(25);
} |
Frame 26 |
if (x != 7) {
gotoAndPlay(30);
} |
Frame 31 |
if (x != 8) {
gotoAndPlay(35);
} |
Frame 36 |
The preloader is ready now. You can start building your main
movie from the 41st frame and name the 41 frame "start" .
Once the main movie is ready. Divide the total frames used
by your main movie by 8. Name them s1, s2, s3 and so on.
|
