Toxiclab.org

Image presentation in flash

3.9.2007, 1:49
Submited in: Flash | Total Views: 75335

This tutorial will show you how to create a little image presentation in flash. You can use this example whenever you want to present something. To make this tutorial you don't have to use action script.



Step 1

Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the width of your document to 400 pixels and the height to 300 pixels. Select any color as background color.Set your Flash movie's frame rate to 36 and click ok.





Step 2


Now, 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 3

Choose File > Import > Import to Library. In the file explorer window that appears, find a five images (image1, image2 image3...) and Shift-click to select them all.Then click open. If you now open your flash library (Ctrl+L key) you will see a five 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 image from the library on the stage.

Step 5

While the image 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, we have aligned the image with the background.

Step 6

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



Step 7

Click on frame 5,25 and 30 and press F6 key on the keyboard.

Step 8

Go back on the first frame and take the Selection Tool (V). Then, click once on the image 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 Alpha in it and put it down to 0%.



Do this also for frame 30.

Step 9

Take the Selection Tool (V) again and select again the first frame. Then, go again to the Properties Panel (Ctrl+F3) below the stage. On the Left side for Tween drop down menu choose Motion, for Ease set 100 Out and for Rotate choose CCW. See the picture below.



Do this also for frame 25.

Step 10

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



Step 11

Click on frame 30 of layer image 2 and press F6 key. After that, take the Selection Tool (V) and move the second image from the library on the stage. After that, repeat step 5 to aligned this picture with the background.

Step 12

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



Step 13

Click on frame 35, 55 and 60 of layer image 2 and press F6 key. Go back on the frame 35 and repeat step 8 and step 9. After that, click on frame 55 and repeat step 9. Then, click on frame 60 and repeat step 8. Now, we're done with the first two pictures. Repeat this process also for every other image until you came to the end.

Enjoy!

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