Toxiclab.org

Attractive image listing in flash with no action script

1.10.2008, 15:41
Submited in: Flash | Total Views: 9892

This detailed, thoroughly explained tutorial will show you how to create attractive image listing in flash. You can use this image listing as any presentation, image animation, flash header, banner, when you need to present some images. You don't have to use action script code to make this tutorial. Using this lesson, you will also learn how to import images into a flash library, how to animate it using the Eraser Tool and much more.



Step 1

Find on internet or somewhere few photographs that you will be use for this example. You can, if you like also download  my photographs and make this process more quickly ;).



Step 2


Open flash and start a new project with dimensions at whatever you want. Set the background color as whatever you like, but for flash movie’s frame rate set 36 and click ok.



Step 3

Choose File > Import > Import to Library. In the file explorer window that appears, find the photographs and Shift-click to select them all.Then click open. If you now open your flash library (Ctrl+L key) you will see all your photographs. 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, press Ctrl+B key (Break Apart) to break apart this photo.

Step 6

Double click on layer 1 to rename its name in photo 1.

Step 7

Click on frame 2 and press F6 key.

Step 8

After that, take the Eraser Tool (E) and for Eraser size choose the largest circle. See the picture below.



Step 9

Then, start erase the picture, starting of top left corner. See the picture below.



Step 10

Press F6 key, and erase a little more.



Press again F6 key, and erase a little more.



Repeat this process until you don’t erase the all photo.

Step 11

After you have erased the all photo, take the Selection Tool (V) and select the all frames. Then, choose right click and Reverse Frames. See the picture below.



Step 12

Click on frame 80 of layer photo 1 and press F5 key.

Step 13

Lock photo 1 layer and create a new layer above the photo 1 layer, and name it photo 2.



Step 14

Click on frame 60 and press F6 key. Then, take the Selection Tool (V) and move the second photo, from the Library on the stage using the “drag and drop” technique.

Step 15

While the photo is still selected, press again Ctrl+B key (Break Apart) to break apart this photo.

Step 16

Take again the Eraser Tool (E) and erase the second photo in an equivalent way like we have erased the first photo.

Do that also for every other photographs.

We’re done!

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