Flash tutorials
Home 3D (2) Actionscripting (66) Animation (100) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (54) Text Effects (38)

Advanced mask prelaoder

2.1.2007, 10:23    Total views: 62812
Page:  1  2  3
Step 6

Click on frame 100, and press F5 key. After that, go back on frame 1, press Ctrl+C key (Copy), create a new layer (layer 2), select it, and press Ctrl+Shift+V key (Paste in Place).

Step 7

Lock layer 1, select layer 2, and press F8 key to convert it into a Movie Clip Symbol.



Step 8

Take the Selection Tool (V), select the "text" (loading), Go to the Properties Panel (Ctrl+F3), click on the Properties tab. On the right, you will see the Color menu. Select Tint and for Tint amount set red color. See the picture below.



Step 9

Click on frame 100 and press F5 key. After that, lock layer 2, create a new layer and name it progress.

Step 10

Select the Rectangle tool (R).You will draw a rectangle without the outline colors. To do this, click on Stroke Color and choose No color, for Fill color choose any color and draw a "rectangle" and set it on the position like it is shown on the picture below.



Step 11

While the rectangle is still selected, press F8 key and Convert it into a Graphic Symbol.



Step 12

Click on frame 100 and press F6 key (keyframe). Then, using the mouse or by arrows key, move the "rectangle" over the text ("loading"). See the picture below.



Step 13

Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears.



Step 14

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

Step 15

Lock progress layer, create a new layer and name it percent.

Step 16

Select the Text tool (T), for Fill color choose black. In the Properties Panel (Ctrl+F3) below the scene, choose Dynamic, and type somewhere beneath the preloader 99%. See the picture below.



Step 17

After that, go back in Property inspector below the scene, and for Var : type perc1. See the picture below.

Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 225446

2. Water effect
Total views: 169459

3. Photo slide show
Total views: 157316

4. High-tech city animation
Total views: 154655

5. Special Picture Effect
Total views: 148641

Related links