Sponsor

Video tutorials - We provide comprehensive tutorials for Dreamweaver MX, Dreamweaver MX 2004, Excel 2002, Flash MX, Flash 8, Photoshop 7, Photoshop CS, Photoshop CS2, Poker, VB.NET and Windows XP - geared for beginner to intermediate users.

Flash Preloader Create a flash preloader for your flash movie!

Category: Flash Views: 12724

1. Open flash

2. Click on the text tool is the one with the letter "A" on it, and and make sure is on dynamic. and inside of it type "loading 100%".

3. Now select the dynamic box and make it into a symbol you do this by pressing (F8) then make sure movie clip is selected and name it "loading whole"

4. Then double click that symbol this will take you inside the symbol, select the dynamic text and where it says var type the following "text"

5. Now create three more layers by clicking the insert layer button you should now have 4 layers.

6. Ok select "Layer 2" then click on the square tool and make a square does not mater the color. it should look something like this.

7. With that square selected convert it to symbol (F8) name it "loading progress"

8. double click inside that symbol , now you are inside another symbol.

9. Click the blue square again and convert it to a symbol one more time (F8) this time name it whatever you want.

10. create two more layers so you should have three layers now.

11. select the blue square dont double click it just select it. Then copy it by pressing (Ctrl C) and then go to "Layer 2" and press (Ctrl Shift V)

12. press the left arrow key with the square still selected and move it until is right next to the other square if you dont quite understand just look at the picture.

13. After go to the time line and on frame 10 right click and select insert frame.

14. now on "Layer 1" go to the last frame and press (F6) and do the same for "Layer 2"

15. keep those last two frames selected and then press (Shift right arrow) twice this will move the two blue squares.

16. After select both Layer 1 and 2 and right click and select "Create Motion Tween"

17. On layer three selct it and then right click and select "Mask"

18. Then just click on Layer 1 and drag it up until you see it get masked.

19. click on "Layer 3" and unlock it. then click on the square tool and make a black square.

20. Now lock all three layers.

21. Leave this symbol the way you do this is you click on the other symbol you want to go to.the one you need to go to is "loading Whole"

22. Click on "Layer 2" and the press (Ctrl C) and the click on "Layer 3" and press (Ctrl Shift V)

23. On "layer 4" right click and selec "Mask"

24. After you have done this on frame 100 drag and right click and select insert frame

25. Unlock layers 4 and 3 then select layer 4 and also select the square tool and make a square.

26. select that square and convert it to a symbol (F8) name it whatever you want.

27. then on Layer 4 go to the last frame and Press (F6) this will create a keyframe.

28. now select that last keyframe and press (Shift right arrow) to move the square all the way to the end of the blue square.

29. Now on Layer 4 right click in somewhere int the timeline and the select "Create Motion Tween"

30. Get out of this symbol and go back to scene one this is the first scne now click on the complete movie clip and the press (F9) the action scrtipt windo will come up . in it type the following.

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);

}

}

31. Your done.

If you would like more help with this tutorial please register and visit the forum.

Bookmark with:

             

Add to Favorites	Google Bookmark
Delicious	Digg
reddit	Stumble Upon