Top Bluish Preloader

Read this tutorial and see how to create top bluish preloader usnig the Action Script and circle in flash 8.



Step 1

Create a new document in Flash. Set the movie's width to 300 and movie's height to 200.

Step 2

Double click on layer1 to rename its name in preloader.Then, take the Oval Tool (O), go to the Properties Panel belwo the stage and choose the Following options:

a) Enter #1F63AB for the stroke color
b) Enter #B3C3D5 for the fill color
c) Select Solid as the type of outline, with the line thickness set to 4.
d) Turn on the Stroke hinting option to get rid of any blurry edges while drawing.



After that, draw a "circle" about 88x88 pixels. See the picture below.



Step 3

While the "circle" is still selected, press F8 key (Convert to Symbol) to convert this "circle" into a Movie Clip Symbol.



Step 4

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



Step 5

Then, select only the Fill area of "circle ", without stroke, press Ctrl+x key (Cut), create a new layer (layer2), click on the first frame and press Ctrl+Shift+V (Paste in Place).

Step 6

Go back on layer 1, click on frame 100 and press F5. After that, lock layer1, select layer2 and press F8 key (Convert to Symbol) to convert it into a Movie Clip Symbol.See the picture below.



Step 7

Click on frame 100 of layer2 and press F5 key. Go back on frame 1, choose right click and Copy Frmaes. Then, create a new layer above layer 2 and  name it mask. Click on the first frame, choose right click and Paste Frames.

After that, lock and hide layer2 and select the mask layer. click on the first frame, take the Free Transform Tool (Q), and decrease the "circle" maximal. Look at the picture below!



Step 8

Take the Selection Tool(V),select a "circle" that you have just decreased and go to the Properties Panel below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.

Step 9

Click on frame 100 and press F6. Then,take the Selection Tool (V) again, select the "circle" and increase it like it shown on the picture below.



Step 10

Go back on frame1 and in Properties Panel (Ctrl+F3), for Tween choose Motion.

Step 11

Select mask layer and convert it to a mask by right-clicking on the mask layer and selecting Mask.



Step 12

Create a new layer above the mask layer and name it percent.

Step 13

Take the Text Tool (T) and in the Properties Panel (Ctrl+F3) below the stage, choose the following options:

a) Select a Dynamic Text field.
b) Select a Trebuchet MS font
c) Choose 14 as font size and bold it.
d) Select #1A50B8 as color
f) As the rendering option, select Use device fonts.



Then, somewhere beneath the "circle" type 99%. See the picture below.