How to Create an Adobe Flash Slide Show

How to Create an Adobe Flash Slide Show

How to Create an Adobe Flash Slide Show. 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:
You will need A computer with internet Adobe Flash CS4 and digital photos. 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. 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. 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. 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. 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. 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. 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.” 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. 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. 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. 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. Did you know Texas Instruments patented the
first filmless electronic camera in 1972.



Hello everyone. Welcome back to another episode on Clay Mixer: BUILDING WOODEN PLAYHOUSE If you love this video. Please hitRead More CLAY MIXER BUILDING WOODEN PLAYHOUSE 💖 Stop Motion Cartoons Animation

“Spongebob in Minecraft” – Animation

“Spongebob in Minecraft” – Animation

Patrick! Patrick! We’re in Minecraft! What’s a Minecraft? It’s a game… we have to build… …mine …and …SURVIVE Cool… Yeah,Read More “Spongebob in Minecraft” – Animation

83 Replies to “How to Create an Adobe Flash Slide Show”

  1. Nasty, blue bg? non-uniformly scaled thumbs?
    just use one of the tools available online to create the slideshow for you. Its probably much more user friendly, cheaper than buying flash, and more legal than cracking it…

  2. im learning flash in college, there is a much easier way to do this with cs2.

    yes flash is really hard until you get the hang of it

  3. i remember when i wanted to do a gallery in flash ahhh the headaches now i just do it in javascript with some jquery

  4. I have just spent about 2 hours following your tutorial step by step (big slideshow, 20 pics!).
    Anyway, it did'nt work properly! The slideshow started automatically, and the buttons did'nt work!
    I checked the code etc, you must have missed vital steps in this tutorial!

  5. thks man it works ….if i put fading to another picture, then need two keyframe.
    wat should i do in action script

  6. Powerpoiny … movie maker,, plz.. flash gives you so much to give and create… other programs create their own style and design… but with flash "you are god"

  7. @geraldgoh7845 When you publish as shown and set the folder for the Flash and HTML, the HTML code and the flash files will all be there…

  8. this tutorial is great, however i have about 20+ photos to put into the slide show, how do i make it so that you can click through the thumbnails? Any help will be greatly appreciated.

  9. @Tashiiism Lokk
    1. Convert every thumbnail into a buttom
    2. Select the thumbnail
    2. While u have selected the thumbnail go to the code dialog window (F9), and type:
    on (press) {


    Be carefull with the sintaxis!

    So u choose the frae where u got the image and i guess that it! U click on ur thumbnail then u go to ur image.

    I hope this coul help u!

  10. I don't understand why nearly everyone didn't get this to work. I followed every step and made it perfectly functional, even in CS3.

    Great tutorial!

  11. Worked for the with only like two problems and one of them being that Flash crashed in the middle of the whole thing and the second being that i typed a little bit of code wrong.

    Great tutorial though and i'm using it on my Website for school. It's very easy and i'm only 16.

  12. I did this and got it wrong the first time (i accidentally copied and pasted the button1 code and screwed up) but afterwards it worked fine!

  13. Thank you for the video I tried in 20 min and it worked the first time I tried. It was very easy and clearly instructed.

  14. OK now I'm gonna ask a noob question, but I don't know where else could I get an answer, so here it goes: If I want to import an object from a picture how can I "cut" the object out?

  15. Can anyone help me please I want to add aabout 20 pictures but I don't know how to do it as they do not fit in the panel.
    Thank you!!!

  16. This tutorial works like a dream provided you haven't made any spelling errors. At first it wasn't working for me and it would spam the pictures one after the other, that was until I looked through the code and found that I had written (MousEvent.Click… instead of (MouseEvent.Click…. Now it works fine! Thanks for the great tutorial!

  17. @robillafrelo60 – Free downloads almost always come with trojans and spyware… even CNET and tucows are no longer safe.

  18. Hi! Thank you for your tutorial. I followed it step by step and was successful. Can you please tell me how to make it advance on it's own? Like a looping slideshow?

    Again, thanks!

  19. I need help. I created the video as instructed, but now I am unsure of what to do with it. I want to insert my movie into a webpage I am creating with iWeb. I get that I am supposed to upload the files to my web server, but beyond that I am clueless. Can anyone give me some advice? I'd really appreciate it.

  20. thank you sooo much! this was really helpful for the website im creating in my multimedia class. thanks for keeping it quick an simple 🙂

  21. thank you man, i was trying some flashier ways of doing the galleries but i failed at all of them, you-r is simple, light, and works easy for people who aren-t experts on flash, thanks a lot!

  22. It does actually work fine, be sure that you have checked the code,
    if you use capital B for button you do also in the code.

    Good vid cheers

  23. Thanks, works in cs3 stop();button1.addEventListener(MouseEvent.CLICK,showpic1);
    button2.addEventListener(MouseEvent.CLICK,showpic2); button3.addEventListener(MouseEvent.CLICK,showpic3); button4.addEventListener(MouseEvent.CLICK,showpic4);
    function showpic1(Event:MouseEvent):void{ gotoAndStop("pic1");}
    function showpic2(Event:MouseEvent):void{ gotoAndStop("pic2");} function showpic3(Event:MouseEvent):void{ gotoAndStop("pic3");} function showpic4(Event:MouseEvent):void{
    gotoAndStop("pic4"); }

  24. Hey, thank you for the tutorial, very simple. Just a quick thing, I am getting the following error.

    Scene1, Layer 'actions', Frame 1, Line 23 1084: Syntax error: expecting rightbrace before end of program.

  25. Great tutorial! Only thing is you told us to name it btn1 and so forth but in the code you named it "button1" caused to get and error at first. Just keep that in mind, but it works like a charm!

  26. Hello I'm wondering if you have a tutorial on how to create an HTML5 Canvas slideshow in Flash? like this video but with HTML5 canvas IN Flash 😀

  27. Wow…. And I was gonna use flash just to do a slideshow to show a break down of a colouring I did. But geeze, this is too much work and seems rather annoying than help. (Kicks Flash off my computer.)

  28. what are the thumbnails there for????? There is no final view of what you have created. Which will waist a lot of peoples time viewing this as it did mine because its not the reult i want????? Why put this incomplete video up???

Leave a Reply

Your email address will not be published. Required fields are marked *