Using this tutorial, you will see how to create on a simple way with no action script code, attractive and very modern photo presentation. You can use this presentation as flash header, banner. You will also learn:
1. How to Import any picture into a flash,
2. How to aligne it using the Align Panel,
3. How to convert any layer into a mask,
4. How to use some special flash tips and tricks and much more.
Example:
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 420 pixels and the height to 259 pixels. Select any color as background color.Set your Flash movie's frame rate to 26 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 three 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 three images 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
Double click on layer 1 to rename its name into a photo 1. After that, click on frame 70 and press F5 key.
Step 7
Create a new layer above the layer photo 1 and name it mask 1. Then, using the Oval Tool (O), draw the shapes and place it it below the stage, photo, like it is shown on the picture below.
Step 8
Click on frame 70 of layer mask and press F6 key. After that, while you're still on frame 70, place your shapes on the position like it is shown on the picture below.
Step 9
Choose right-click anywhere on the gray area between the frame 1 and 70 on the timeline and choose Create Motion Tween from the menu that appears.See the picture below.
Step 10
Select mask 1 area layer and convert it to a mask by right-clicking on the mask 1 area layer and selecting Mask. See the picture below.
Step 11
Click on frame 200 of layers mask 1 and photo 1 and press F5 key.
Step 12
Create a new layer above the layer mask 1 and name it photo 2. After that, click on frame 130 of layer photo 2 and press F6 key.
Step 13
While you're still on frame 130, move the second photo from the Library on the stage. After that, click on frame 200 and press F5 key.
Step 14
Create a new layer above the layer photo 2 and name it mask 2. Click also on frame 130 and press F6 key.
Step 15
Using the Oval Tool (O), draw the shapes and place it above the stage like it is shown on the picture below.
Step 16
Click on frame 165 after that, and place the shapes over the picture.
Step 17
Then, go back on frame 130 and open the Properties Panel (Ctrl+F3) below the stage. Then, choose the following options:
Step 18
Click after that on frame 200 and press F6 key. While you're still on frame 200, take the Free Transform Tool (Q) and enlarge the shapes, to cover the all photo. See the picture below.
Step 19
Go back on frame 165 and repeat step 17.
Step 20
Select mask 2 area layer and convert it to a mask by right-clicking on the mask 2 area layer and selecting Mask. See the picture below.
We're done!
Bye!
Download source file (.fla)
