Flash tutorials
Home 3D (2) Actionscripting (66) Animation (108) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (61) Text Effects (38)

Picture Slide show with effect in flash

29.8.2007, 1:45    Total views: 158020

Make a simple picture slide show in flash with effect using some special flash tips and tricks. To make this lesson, you don't have to use Action Script code. You can use this tutorial for some presentation, animation, flash banner... Let's go!



Step 1

First of all, download  my images to quickly create this tutorial. After you have downloaded my pictures, unzip the zip file and place that pictures on some folder.



Step 2


Open a new flash document.

Step 3

Press Ctrl+J key on the keyboard (Document Properties) and set the width of your document to 450 pixels and the height to 326 pixels. Select any color as background color. Set your Flash movie's frame rate to 32 and click ok.



Step 4

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



Step 5

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

Step 6

While the picture 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

Press F6 key five times.

Step 8

After that, go back on frame 2 and press delete key on the keyboard. Do that also for frame 4. See the picture below.



Step 9

Click on frame 30 and press F6 key.

Step 10

After that, press again F6 key five times. See the picture below.



Step 11

Then, go back on frame 31, 33 and 35 and press again delete key on the keyboard.



Step 12

Double click on layer 1 to rename its name in picture 1. After that, create a new layer above the layer 1 and name it picture 2.



Step 13

Click on frame 35 of layer picture 2 and press F6 key.

Step 14

While you're still on frame 35 of layer picture 1 take again the Selection Tool (V) and move the second picture from the library on the stage.

Step 15

After that, press F6 key five times.Then, go back on frame 35,37 and 39 and press delete key on the keyboard.See the picture below.



Step 16

Click on frame 65 and press F6 key. Then, press again F6 key five times. See the picture below.



Step 17

Go back on frame 66, 68 and 70 and press again delete key on the keyboard. See the picture below.



Now, we're done with the first two pictures. Apply this process also for every other picture until you came to the last.

Enjoy!

Download source file (.fla)

Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 296824

2. High-tech city animation
Total views: 247633

3. Water effect
Total views: 227060

4. Photo slide show
Total views: 209347

5. Special Picture Effect
Total views: 184914



Related links