Shape transformation effect using a mask

14.11.2008, 0:56
Submited in: Flash | Total Views: 18704

Using this simple, detailed, thoroughly explained lesson, you will see how to apply attractive shape effect on any photo. You can use this effect for any flash banner, header, some presentation, photo listing. You don't have to use action script code to make this lesson! Using this simple lesson, you will also learn how to convert any layer into a mask, how to use Brush Tool (B) for shape drawing and much more!


Step 1

First of all, find any photo which you like to use for this lesson!

Step 2

Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the dimensions of your document as the dimensions of picture. Select any color as background color. Set your Flash movie's frame rate to 21 and click ok.

Step 3

Choose now File > Import > Import to stage (Ctrl+R), and import any photo into a flash stage.

Step 4

While the photo 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 5

Take now the Selection Tool (V) and double click on layer 1 to rename its name into a photo. After that, click on frame 120 and press F5 key.

Step 6

Create now a new layer above the layer photo and name it shape.

Step 7

Select now Shape layer, take the Brush Tool (B) and draw a shape and place it on the position like it is shown on the picture below!

Step 8

Click now on frame 70 and press F6 key. While you're still on frame 70, draw a shape and place it on the position like it is shown on the picture below!

Step 9

Click now on frame 120 and press F6 key. After that, take again the Brush Tool (B) and draw this shape:

Step 10

Take the Selection Tool (V) and select the Shape layer. After that, go to the Properties Panel (Ctrl+F3) below the stage! On the left side, you will see a Tween drop down menu. Select shape on it! See the picture below!

Step 11

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

Now, we're done!

Test your movie and enjoy!

Download example

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

Browse by category

Most popular tutorials