Flash Tutorial: Create a Simple Image Gallery! -HD-

In this tutorial, you will learn how to create a simple image gallery with transitions and thumbnails in Flash CS3.

Be sure to SUBSCRIBE because there will be a new tutorial every week.

Follow me on Twitter @RiverCityGraphx

Like us on on facebook: http://on.fb.me/i8UQpt

Suggest tutorials at http://www.rivercitygraphix.com

For project files, help forums, and more check out the website at http://www.rivercitygraphix.com

For business related inquires contact us at rivercitygraphix@yahoo.com

Category:

Education

Tags:

• Flash
• Effect
• Tutorial
• Video
• Voice
• Tut
• Fading
• Fades
• Fade
• Black
• to
• White
• Image
• Gallery
• Simple
• Transitions
• Display
• Large
• Tumbnails
• Thumb
• Nails
• Create
• CS2
• CS3
• CS4
• CS5
• Elements
• Creative
• Suite
• Premium
• Photoshop
• Actionscript
• AS3
• AS2
• Action
• Script
• HD
• Widescreen
• Wide
• Screen
• High
• Definition
• How
• To
• Make
• Easy
• Beginner
• Quick
• Adobe
• River
• City
• Graphix
• Graphics
• tutorial
• diy
• instructions
• digital
• tutorials
• RCG
• Animation
• basic
• 720p
• website
• dynamic
• game
• development
• interactive
• user
• interface
• UI
• slideshow
• slide
• show

[vincentmoya]

Hi and thanks for the tutorial. I'm working on a personal website and this really helped a lot. I just wanted to ask if you know how I might be able to add some descriptive text to each image? Sorry, I'm a total newbie. Hope to hear from you soon! Thanks!

[RiverCityGraphix]

@vincentmoya You can position it on each frame just like you do the larger images.

[israelichicka]

shitty tutorial... i was almost done with the actions but there were too many errors.. i did everything exactly the same as in the tutorial...

[RiverCityGraphix]

@israelichicka Then you did it wrong. Did you use AS3?

[asubakumar]

Please post the AS2 code for this tutorial..I don't have AS3 and when I work with AS2 code I can't get the proper output..

[RiverCityGraphix]

@asubakumar I have the AS2 code available on my website for this tutorial.

[incognito710]

For all those encountering the message "The selected item cannot be tweened. You must convert this to a symbol in order to tween.", you must click OK, then right click in the middle -> Create motion tween (you won't be shown an arrow like in the video but it will work), then move the red line on the 1st frame, click on the picture and in the properties menu, choose Alpha in the Color Effect section and 0%,[continued in following comment]

[incognito710]

then move the red line on the last frame before the dot (frame 14 if you have a total of 15), click on the image and then again in Properties, choose 100% under Alpha. Then go to the last frame (with the dot), go to code snippets, choose whatever action from there (in order to be entered the actions window) and when entered, delete all the selected code previously entered so that the window remains empty and write stop() . That's how i solved the problem :), so thumb's up if it helps !

[hendycholl]

Thanks mate, you are really save me doing my home task :D

[thElectroable]

Hey, this tut is great.

I have one question for you cause I'm newbie... I made flash vertical navigation and flash gallery from your tut for the website. Now, how can I make it open the gallery when I click on the ''gallery'' button in my flash navigation? And I don't want it to be one .swf file, I want two seperate because of order on the site, if you get me. Is there a way to open (when clicking on ''gallery button) some external .swf (flash gallery)?

Thanks anyone who can help me. Cheers!

[nae3579]

Thanks awesome tutorial :)

[ForgotMyUserPassword]

Easy to follow, great tutorial

[labradoido]

Nice tutorial, do you have an updated version of this tutorial for CS5.5? I got a little confused using transitions action script...

[planetzuda]

@27dimasdimdom Flash isn't the language you want to use for an image gallery, at least not in this day and age. You could make an image gallery with CSS and HTML. Don't get us wrong, we like flash AIR for the IOS and Android. If you want to get really fancy use PHP, CSS, and HTML.

[planetzuda]

@vicfirthdrummer1 We are sorry for the late reply, but we thought that answering your question might still be of help to you. The computer is most likely reading the :void{ as one word. If it isn't, well, then that is odd... because that is how the compilers currently think. So, all you have to do is put a space between void and the curly bracket. A cleaner way of programming is to put a blank line between the code and the curly brackets. Good luck!

[27dimasdimdom]

Please give me acon script on video because i need that action script, thanks before :)

[lordcimek]

Thanks man.....

Guys you could say gotoAndStop(1); the 1 represent the frame number. you can do it that way too if you don't want to give a label name.

Thanks