Toxiclab.org

Attractive photo appearance

26.4.2008, 2:44
Submited in: Flash | Total Views: 29162

See this tutorial and learn how to create on a simple way, very attractive photo appearance. You don't have to use action script code to make this lesson. You can use this appereance as some photo presentation, banner... To make this lesson you have to use mask.

Example:



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 photo. Select any color as background color. Set your Flash movie's frame rate to 42 and click ok.

Step 3

Choose file > Import > Import to stage (Shortcut key: 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

Double click on layer 1 to rename its name into a photo. Click after that on frame 100 of layer picture and press F5 key.

Step 6

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

Step 7

Select the mask layer and draw the shape like it is shown on the picture below.



Step 8

Then, place that shape above the photo.



Step 9

While the shape is still selected, press once Ctrl+G key (Group) to group this shape.



Step 10

Click after that on frame 15 of layer mask and press F6 key.

Step 11

Go back on the first frame. Then, go to the Properties Panel (Ctrl+F3) below the stage and for Ease choose 100, for Rotate CW and for Tween Motion. See the picture below.



Step 12

Select now frame 15 and place the shape on the center of photo.



Step 13

Click on now on frame 25 and press F6 key. Afte that, move you shape a little left.

Step 14

Select now frame 30 and press F6 key.

Step 15

While you're still on frame 30, take the Free Transform Tool (Q) and enlarge the shape until you don't cover the all photo. See the picture below.



Step 16

Go back on frame 25 and repeat step 11.

Step 17

Click on frame 100 of layer mask and press F5 key.

Step 18

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.



Test your Movie (Ctrl+Enter).

Enjoy!

Download example

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

Browse by category


Most popular tutorials