Photo Slide Show animation in flash

Date: 7.11.2009, 15:2    Total views: 26587

Using this thoroughly explained, detailed flash lesson, I will explain to you how to create photo slide show animation in flash using some special flash tricks. You don't have to use action script code to make this lesson. Using this lesson, you will also learn how to import any photo into a flash stage, how to aligned it with the flash background, how to animate it and much more. You can use this simple photo slide show for some web banner or just for some presentation.

Example:



Step 1

First, find any photos 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 38 and click ok.

Step 3

Call the current layer photo1. Double-click on its default name (Layer 1) to change it. Press Enter once you have typed in the new name!

Step 4

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

Step 5

After that, using the Selection Tool (V) and 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

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



Step 8

Click now on frame 50 and 60 and hit F6 key. While you're still on frame 60, select 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. Then, select Filters tab from the left side. Click after that on the plus icon and select the Adjust Color filter. Make the adjustments as follows:



Step 9

Go back now on the first frame and repeat the previouse step.

Step 10

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



Step 11

Create a new layer above the layer photo 1 and name it photo 2. After that, click on frame 60 and click F6 key. While you're still on frame 60, move the second photo from the flash library on the flash stage.

Step 12

While the photo is still selected, repeat steps 6 and 7.

Step 13

Click now on frame 110 and 120 and hit F6 key. While you're still on frame 120, repeat step 8. Go back now on frame 60 and repeat again step 8.

Step 14

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



We're done!

Test your movie and enjoy!

Download source file (.fla)