Toxiclab.org

Great photo presentation by mask

8.2.2008, 1:49
Submited in: Flash | Total Views: 41147

This tutorial will teach you how to create on a simple way very trendy photo presentation which you can use for any animation, presentation, banner, header.... You dont' have to use action script code to make this tutorial. To make this tuts you have to use mask, Free Transform Tool (Q) and some special flash tips and tricks.



Step 1

First of all, download my photos that we will use for this lesson. After you have downloaded my photos, unzip the zip file and place that photos on some folder.

Step 2

Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the width of your document to 300 pixels and the height to 212 pixels. Select any color as background color.Set your Flash movie's frame rate to 28 and click ok. See the picture below.



Step 3

After that, choose File > Import > Import to Library. In the file explorer window that appears, find a four photos (photo1, photo2 and photo3) and Shift-click to select them all.Then click open. If you now open your flash library (Ctrl+L key) you will see a four photos that you just imported. See the picture below.



Step 4

Take the Selection Tool (V), and using the "drag and drop" technique, move the first photo from the library on the stage.

Step 5

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 6

After that, while the photo is still selected, press F8 key (Convert to Symbol) to convert this photo into a Movie Clip Symbol. See the picture below.

Step 7

Double click on layer 1 to rename its name in photo1. After that, click on frame 40 and press F6 key.

Step 8

Go back on the first frame. Then, go back on the first frame, take the Selection Tool (V) and click once on the photo to select it. After that, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Advanced on it, click on Settings button set the following options and click ok.



Step 9

Right-click anywhere on the gray area between frame 1 and frame 40 on the timeline and choose Create Motion Tween from the menu that appears.See the picture below.



Step 10

Create a new layer above the layer photo and name it mask1.

Step 11

Select mask 1 layer, take the Rectangle Tool (R) and draw a rectangle about 302x3.5px. After that, place that rectangle on the center of stage like it is shown on the picture below.



Step 12

Click on frame 40 and press F6 key. Then, take the Free Transform Tool (Q), press and hold down Alt +Shift key and do the following:



Step 13

Go back on the first frame, go to the Properties Panel (Ctrl+F3) below the stage and For Tween choose Shape.



Step 14

Click on frame 100 and after that on frame 140 and press again F6 key.

Step 15

Go back on the firts frame and press Ctrl+C key (Copy) to copy a rectangle from the first frame. Then, select frame 140 and press delete key on the keyboard. After that, while you're still on frame 140, press Ctrl+Shift+V key (Paste in Place).

Step 16

Right-click anywhere on the gray area between frame 100 and frame 140 on the timeline and choose Create Motion Tween from the menu that appears.See the picture below.

Step 17

Go back on layer photo 1 and press also for frame 100 and 140 F6 key on the keyboard. While you're still on frame 140, repeat step 7.

Step 18

Right-click anywhere on the gray area between frame 100 and frame 140 on the timeline and choose Create Motion Tween from the menu that appears.

Step 19

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



Now, we're done with the first photo. Repeat this process also for other two photos.

Bye!

Download example

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

Browse by category




Most popular tutorials


Resources Worth visiting


Friends