Friday, October 17, 2008

Create Photo Gallery using Adobe Flash

Part 1) How the Gallery Will be Created

Before we open Flash, the way that the images are going to be handled will be explained. First of all 5 large images and thumbnail images will be imported to the library. They will then be attached to an empty MC (movie clip symbol), and positioned sequentially on the stage, as shown in the diagram below.



A mask, the size of each large image, will then be placed on a level above the images. This will allow us to display which ever image we want by moving the empty MC horizontally.

A 2nd sequence of images will then be attached to an empty MC above the mask and bottom layer of images. These images will be used for the shrinking effect.

To create the shrinking effect, a 4th mask layer needs to be attached above the top layer of images. This layer will contain a number of smaller boxes, which we will shrink., when a new image needs to be displayed.

a) below shows the position of each image layer while image '2' is being displayed. b) When thumbnail '4' is pressed, the mask over the top layer of images will shrink and the bottom layer of images will move to display image '4'. C) once the top layer of images has shrunk, It will then move to display image '4', so that it's ready to shrink for the next image.



Create Flash Photo Gallery With just 3 simple steps(import photos, select a template and then publish SWF file).


Related Tutorials:
XML Slideshow
Free Flash Banner Tutorial
Html Photo Gallery
Flash Image Scroller
Flash Slideshow Tutorial
Flash 3D Carousel
Flash Image Rotator

No comments: