How To Create an Adobe Flash Slide Show

  • July 27, 2009
  • 16,892 Views
Please install Flash

Don’t just send people a stack of static photo files; share them in style by creating a slide show in Flash. Inspired by the Instructables project: http://www.instructables.com/id/How-to-Create-an-Adobe-Flash-Slide-Show

You Will Need

  • A computer with internet
  • Adobe Flash CS4
  • Digital photos
How To Create an Adobe Flash Slide Show: Step 1

Step 1

In Adobe Flash, select “Flash File (Actionscript 3.0)” from the “Create New” menu. Switch the workspace layout by clicking on the drop-down menu box in the upper left of the top menu bar and selecting “Designer.” Change the size and color of the document by adjusting the settings in the “Properties” Panel.

How To Create an Adobe Flash Slide Show: Step 2

Step 2

From the timeline panel, click the “New Layer” button until you have three layers. Double-click on each layer to rename it. Starting from the bottom, name the layers: Actions, Thumbnails, and Pictures.

How To Create an Adobe Flash Slide Show: Step 3

Step 3

Import your pictures by going to File, Import, Import to Library. Browse the pictures you want to import. You can select multiple pictures by holding down the Control key and clicking multiple images. Once you’ve selected your images, click “Open.” You’ll see the imported images in the Library panel.

How To Create an Adobe Flash Slide Show: Step 4

Step 4

With the Thumbnails layer selected in the timeline, drag one of the imported images onto the document. In Properties, click on the chain-link icon to unconstrain the width and height values. Then, resize them both to 100. Position the image at the bottom left of the document. Repeat this process for the remaining images so that they are in a row at the bottom of the document.

Adjust the images’ alignment in the row by selecting all of them and choosing the desired options from the Align panel.

How To Create an Adobe Flash Slide Show: Step 5

Step 5

Select the first image and hit the F8 key on the keyboard. Change the name to “btn1,” change the type to “button,” and click OK. In the Properties panel, change the instance name to “button1.” Select the next image from the menu and repeat the process, naming it “btn2” and “button2.” Continue the process for each menu item.

How To Create an Adobe Flash Slide Show: Step 6

Step 6

From the timeline, select the first frame of the Pictures layer. In Properties, change the name of this frame to “pic1.” Drag the image corresponding with the first menu item onto the stage. Resize it in the Properties panel, remembering to click on the chain-link icon to reconstrain the width and height values. Move the image to the center of the document above the menu.

How To Create an Adobe Flash Slide Show: Step 7

Step 7

In the timeline, right-click (or command click on a Mac) on the second frame of the Thumbnails layer and select “Insert Frame.”

How To Create an Adobe Flash Slide Show: Step 8

Step 8

Right-click on the second frame of the Pictures layer and select “Insert BLANK keyframe.” In Properties, change the name of this frame to “pic2.” Now drag the next image onto the document, resizing and centering it above the menu. Repeat this process for the remaining images, incrementing the frame names each time.

How To Create an Adobe Flash Slide Show: Step 9

Step 9

In the timeline, select the first frame of the Actions layer and hit F9 to bring up the Actions panel. On the first line, type the stop function to stop the pages from cycling through. Hit Enter. On the next line, write a script that assigns a function to “button1.” Call this function “showpic1,” and hit Enter to skip a line to write a script for button2, calling the function “showpic2.” Repeat for the remaining buttons.

How To Create an Adobe Flash Slide Show: Step 10

Step 10

When you are finished, hit Enter to skip a line and create the “showpic1” function, telling the animation to go to the “pic1” frame and stop. Hit Enter to skip to the next line and type the “showpic2” function, telling the animation to go to the “pic2” frame and stop. Repeat this process for the rest of the buttons.

To preview the document, go to Control, Test Movie from the top menu.

How To Create an Adobe Flash Slide Show: Step 11

Step 11

Publish the web site by going to File, Publish Settings. Check both the SWF and HTML boxes. Rename both files and select a location to save. Then click publish, and upload all of the published files to your web server. To access the flash page, navigate to the HTML file on your web server.

Texas Instruments patented the first filmless electronic camera in 1972.

Something wrong?

Report This How-To

Cancel

Comments (3)

HeatherM

Great screen shots, well done Daniel!

over 2 years ago by HeatherM

Reply
francispotter

It's easier to just upload photos to Picasa, Flickr, Kodak, etc -- they all have slide show players built in!

over 2 years ago by francispotter

Reply
elmuhajer

Thank you guys this great, I just want to know how can i link the pictures in the slideshow each to a specific URL 4 exp when i click the first image will open a URL and so on thanks

3 months ago by elmuhajer

Reply

or to post a comment. Or, sign in using your Facebook to comment
and share your activity with your friends