Learn how to create a special picture effect using the mask. This effect is very useful and you can use it for banners, header animation or wherever you like. To create this lesson, you don't have to use action script code.



Step 1

Create a new Flash Documet, choose File > Import > Import to Stage (Ctrl+R) and import any picture. Frame rate set to 32 Fps (Frames per second).



Step 2

Double click on layer 1 to rename its name into pictures.

Step 3

Insert a new layer and name it mask. 



Step 4

Lock the "pictures" layer, select the mask layer, take the Rectangle Tool (R), Stroke color must be switched off, under fill color choose any color and draw a "rectangle" like it is shown on the picture below!





Step 5

Take the Selection Tool (V), and do like it is shown on the picture below!



Step 6

Finally, your "rectangle" must look this:



Step 7

Select the "rectangle" and press F8 (Convert to Symbol). In Convert to Symbol window under Type choose a Graphic, name it whatever you like and press ok. Look at the picture below!



Step 8

Click on the twentieth frame of layer pictures and press F5. After that click on the twentieth frame of layer mask and press F6 (keyframe). While you're still on the twentieth frame of layer mask, using arrows key, or by mouse, move your "rectangle" on the position like it is shown on the picture below!







Step 9

Click on the first frame of layer mask, open the Properties Panel (Ctrl+F3) and under Tween choose Motion.





Step 10

Select the mask layer and choose right-click and select mask to turn the layer into a mask.





Step 11

Click on the twentieth frame of layer mask, open the Action Script Panel (F9) and paste this script:

stop ();

Now, we're done for the first picture. You can apply this effect on many pictures if you like.

Enjoy!

Download source file (.fla)

Have questions about this tutorial? Visit our friendly Community Forums!