Home

Tutorials

Forums

Interview

Articles

Making

About

Contact us

Home / Tutorials / Adobe Flash / Photo Album


		Autodesk Maya
		Adobe Photoshop
		Adobe Illustrator
		Adobe Flash
		Autodesk 3D's Max
		Adobe Premiere
		Adobe Dreamweaver

Flash Photo Album

Author: Santosh K Level : Beginner Environment : Adobe Flash MX Professional 2004
User Rating :

This tutorial would help you to make a Photo album. At the end of this flash tutorial you would have your own flash photo album ready.
Steps for creating your own Photo album

1) First choose 3 or 4 photos.
2) Import them to Flash by pressing Ctl+R or go to the File menu > Import to stage

3)Right-click on the first frame on the timeline and choose create motion tween. After that, insert a Key frame on 25th frame.

4 ) The next step is to add another layer and import the second photo. The animation in the second layer should start from the 25th frame because our first photo's animation ends at the 25th frame. Like this add as many photos on as many layers as you like and re-arrange the position of the layers. This means that since the 1st photo's animation started from the 1st frame till the 25th frame, then the second photo's animation started from 25th frame till the 50th frame, the third photo's animation should start from 50th frame till the 75th frame.

5) Select the first key frame> Press Ctl+F3 for the Properties Inspector window > Choose Color > Advanced

6 ) Click on Settings and then the Advanced Effects box appears. Increase the R)+ G)+ B)+ A)+ values from 0 to 255.This is to add transaction effects for the photos. Add some effects to al the photos.

7) The next step is to give Actionscript. There are two types of Actions, 1) Frame actions 2) Button Actions.Now we are adding Frame actions. Add a new layer for ActionScript.

8 )Select the last frame of the first photo > insert a Key frame and then press F9 to open Actions Panel> Add a new item to the script > Global Functions > Timeline Control > Stop. Apply the stop script on the last frame for the rest of the photos also.

7) After that, make 3 separate buttons to control the photos.(Refer to How to create a button).Select the first photo and then press F9.

8) The Script will be like this :
Photo 1:      on (press) {
                     gotoAndPlay(1);
                     }

Photo 2:      on (press) {
                     gotoAndPlay(26);

Photo 3:      on (press) {
                     gotoAndPlay(51);
                     }

Now,when a user clicks on "Photo 1", the animation will start from the 1st frame till the 25th frame.On the 25th frame, the animation will stop because we added the stop script.
while clicking on "Photo 2", the animation will start from the 25th frame till the 50th frame. The animation will stop on the 50th frame because of the stop script that we gave earlier on.
while pressing on Photo_3 animation will start from 50 to 75 th frame,On 75 th frame, we have already added stop script.

9 ) Press Ctl + Enter to test the move. Your photo album is ready.

Bookmark

Discuss This