Toxiclab.org

Trendy wedding photo album animation and presentation

25.9.2008, 17:0
Submited in: Flash | Total Views: 38789

Using this detailed, thoroughly explained lesson, you will see how to create very trendy and modern photo album about wedding. You can use this presentation for any wedding, when you have to present some photos, for any flash header, animation and presentation. You don't have to use action script code to make this lesson. Using this lesson, you will also learn hwo to Import any photos into a flash library, how to convert it into a Movie Clip Symbol, how to animate it and much more!



Step 1

First of all, download my photos of wedding to make this lesson more quickly.



Step 2


Open a new Flash document (File > New > Flash Document). Press Ctrl+J key on the keyboard (Document Properties) and set the width of your document to 450 pixels and the height to 150 pixels (as the dimensions of photos). Select #F8F8F2 color as background color. Set your Flash movie's frame rate to 34 and click ok. See the picture below!



Step 3

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



Step 4

Take now the Selection Tool (V) and double click on layer 1 to rename its name into a photo 1.

Step 5

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

Step 6

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 7

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



Step 8

Click now on frame 15, 25, 35,  100 and 110 and press F6 key.

Step 9

Go back on the first frame, take the Free Transform Tool (Q) and do like it is shown on the picture below!



Step 10

After that, 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 Tint in it and make the adjustments as follows:



Step 11

Select now frame 1 and press Ctrl+C key (Copy). After that, select frame 15, press Delete key on the keyboard and after that Ctrl+Shift+V key (Paste in place)

Step 12

Go back now again on frame 1 and place your photos (rectangle) on the left side of stage. See the picture below!



Step 13

Take again the Selection Tool (V) and click once on frame 1. After that, go again to the Properties Panel (Ctrl+F3) below the stage. Then, for Tween choose Motion, for Rotate choose CW and for Ease 100. See the picture below.



Repeat this process also for frame 15.

Step 14

Select now frame 25, 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.



Repeat this process also for frame.

Step 15

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



Step 16

Create now a new layer above the layer photo 1 and name it photo 2. After that, click on frame 110, press F6 key and using the drag and drop technique, move the second photo from the Library on the stage.

Step 17

While the photo is still selected, repeat step 5 and 6!

Step 18

Click now on frame 120, 200 and 210 and press F6 key.

Step 19

Go back now on frame 110 and repeat step 13! Do this also for frame 210.

Step 20

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



We're done with the first two photos. Repeat this process also for every other photos.

Have a nice day!

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