Simple Mask Effect

24.4.2006, 19:3
Submited in: Flash | Total Views: 66848

See this lesson and learn how to create simple mask effect in flash with no action script. You will also learn how to use Color Mixer panel, how to convert any object into a graphic symbol and more.


Step 1

Open a new Flash document. Select Modify > Document (shortcut key: Ctrl+J). Set the width of your document to 300 pixels and the height to 150 pixels. For Frame rate choose 24 fps (Frames per Second) and click ok.

Step 2

Take the Text Tool (A), for Fill Color choose black color and write any text on the stage. For this example I'll write

Step 3

Create a new layer (layer2) and using drag and drop technique move it beneath layer1. See the picture below.

Step 4

Select layer2, take the Rectangle Tool (R), For Fill Color choose black color, for Stroke color choose No color, and draw some large "Rectangle". See the picture below

Step 5

Take the Selection Tool (V), click once on  "Rectangle" to select it, open the Color Mixer window (Shift+F9), and for Fill style choose Radial.

Step 6

Select again that "Rectangle" and press F8 key (Convert to Symbol), to convert this "Rectangle" into a Graphic Symobl.

Step 7

Click on frame 40 of layer1 and press F5. After thatm click on frame 40 of layer2 and press F6. See the picture below.

Step 8

Click on frame 40 of layer 2 and using the arrow keys on the keyboard or by mouse, move the "Rectangle" on  the right side. See the picture below.

Step 9

Select layer 2, open the Properties Panel (Ctrl+F3) and for Tween choose Motion.

Step 10

Select layer1 and convert it to a mask by right-clicking on the layer1 and selecting Mask. See the picture below

We're done!

Test your movie (Ctrl+Enter)

Download example (23 KB)

Are you a website owner?
Click here to register and submit your tutorials!

Browse by category

Most popular tutorials