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

Simple mask example

12.3.2008, 22:35    Total views: 30334

This simple lesson will show you how to apply mask effect on any object, picture...You can use this example for some flash effect, when you like to show just one part of object, picture. You don't have to use action script code to make this lesson.

Step 1

First of all, find any object or picture on which you like to apply this effect. For this example, I have used some picture, and you can, if you like it, save it to make this lesson more quickly.





Step 2


Create a new flash document. Choose File > Import > Import to Stage (shortcut key:Ctrl+R) and import this picture into a flash stage. While the picture is still selected, go to the Align Panel (Ctrl+K) and do the following:

1. Make sure that the Align/Distribute to Stage button is turned on,
2. Click on the Align horizontal center button and
3. Click the Align vertical center button.



Step 3

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

Step 4

After that, using the Rectangle Tool (R) and Oval Tool (O) draw a shapes which will represent our mask. See the picture below.



Step 5

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



Now, you have this:



and the finally result is:



Have a nice day!

Download source file (.fla)

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: 310287

2. High-tech city animation
Total views: 272904

3. Water effect
Total views: 237059

4. Photo slide show
Total views: 220388

5. Special Picture Effect
Total views: 190723



Related links