Top Bluish Preloader

Date: 9.2.2007, 1:24    Total views: 49783
Page:  1  2

Step 14

While the "type" (99%) is still selected, go to the Properties Panel below the stage, and for Var: type progress. See the picture below.



Step 15

Then, take the Selection Tool (V), click once on the  "preloader" to select it and enter the following Action Script code inside the Actions panel:

onClipEvent (load) {
total = _root.getBytesTotal();
}

onClipEvent (enterFrame) {
loaded = _root.getBytesLoaded();
percent = int(loaded/total*100);
progress = ""+percent+"%";
gotoAndStop(percent);
if (loaded == total) {
_root.gotoAndPlay(2);
}
}

Step 16

While the "preloader" is still selected, go to the Properties Panel below the stage, choose Filters > plus icon > Bevel, and choose the following options from the picture below.



Then, click again on plus icon, choose Gradient Glow and set the options from the picture below.



Now you get this:



Step 17

Create a new layer above preloader layer and name it loading.

Step 18

Take the Text Tool (T), go to the Properties Panel below the stage and choose Static Text. Then, type above the preloader loading. See the picture below



Step 19

While the text ("loading") is still selected, press F8 key and convert it into a Movie Clip Symbol.



Step 20


Double-click on the movie clip on stage with the Selection tool (V), or choose right click and Edit in Place.



Step 21

After that, press F6 key (Keyframe), six times.



Step 22

Click on every second frame, and after that, press delete key on the keyboard.See the picture below.



Step 23

Go back on the main scene (Scene1),Take the Selection Tool (V) and click once on the "loading" text to select it. Then, go to the Properties Panel, choose Filters > plus icon > Bevel and set the following options:



Step 24

Create a new layer above the loading layer and name it picture.

Step 25

Click on frame 2, and press F6 key. Then, go to the A.S.Panel (F9), and enter this code inside the Action Panel:

stop();

Step 26

Then, while you're still on frame 2, choose File > Import > Import to Stage (Ctrl+R) and Import any picture.

That's it!

Enjoy!

Download source file (.fla)

Previous:  Top Bluish Preloader
  Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!
Share
ShareSidebar