Using this tutorial you will see how to create a perfect photo presentation. You can use this presentation as any animation, flash banner... For this example I have used a photo of movie actor Helly Berry. ;) You can also use any photo for this presentation.By the way, you have to use a little action script code to make this tutorial. Just see the following steps! ;) Let's go!



Step 1

First of all, find any photo which you like to use for this tutorial. You can also if you like save my photo to make this tutorial quickly. ;)





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 dimension of photos which you use. If you will use my photo, set the width of your document to 369 pixels and the height to 497 pixels. Select any color as background color.Set your Flash movie's frame rate to 85 and click ok. See the picture below.



Step 3

Choose File > Import > Import to Stage (Shortcut key: Ctrl+R) and Import any or my 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.



Now, you have aligned a photo with the background.

Step 5

While the photo is still selected, press F8 key (Convert to Symbol) to convert this photo into a Movie Clip Symbol.



Step 6

Double click on the new made movie clip (photo) using the Selection Tool (V). You should now be inside the Movie Clip. See the picture below.



Step 7

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



Step 8

Double click again on the new made movie clip (photo) using the Selection Tool (V). You should now be inside the Movie Clip. See the picture below.



Step 9

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



Step 10

Click on frame 15 and press F6 key. Then, go to the Action Script Panel (F9), and enter the following Action Script code inside the Actions Panel:

stop();

Step 11

After that, go back on the first frame, take the Selection Tool (V) and click once on the photo to select it. Then, 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 12

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



Step 13

Go back on the previous scene (photo_mc) and double click on layer 1 to rename its name it photo. After that, create a new layer above the layer photo and name it mask.

Step 14

Take the Rectangle Tool (R). In the Colors portion of the Tool panel, block the Stroke color by clicking on the little pencil icon and then on the small square with the red diagonal line. For Fill color choose any color and draw a “rectangle” on the top of photo about 415x35px . See the picture below.



Step 15

While the rectangle is still selected, press F8 key (Convert to Symbol) to convert this rectangle into a Movie Clip Symbol.



Step 16

Double-click on the movie clip on stage ("rectangle") with the Selection tool (V). You should now be inside the Movie Clip.



Step 17

While the rectangle is still selected, press again F8 key to convert this rectangle again into a Movie Clip Symbol.



Step 18

Click on frame 12, press F6 key and enter the following Action Script code inside the Action Panel:

stop();

Step 19

Go back on the first frame, take the Free Transform Tool (Q), press and hold down Alt key and decrease the rectangle like it is shown on the picture below.



Step 20

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



Step 21

Go back on the previous scene (photo_mc).



Step 22

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



Step 23

Click on frame 100 of layer photo and mask and press F5 key. Now. we're done with the first rectangle. Repeat this process also until you don't came to the end. Place every other rectangle below the previous and start it five frame after by comparison with the previous rectangle. See the picture below.



Download source file (.fla)