Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
With this movie, I would like to show you how to generate a web photo gallery directly from Bridge. I'm currently in the Bridge application and I'm viewing the images in our catalog images folder inside of our exercise files. What I would like to do is access a specific group of images in order to create a web photo gallery. To do that I'm actually going to go onto the Edit menu and choose Find and then I'm going to type in Nine for our criteria. Filename, Contains and then type in Nine. Click the Find button and that brings up all of the images from my vacation to Jamaica, where my wife and I went on the Nine Mile trip. Okay, so all of these images have the word Nine in the Filename and I would like to generate a web photo gallery based on these images from our vacation.
So to do this I don't even have to select these images as long as all of the images, I want to use are visible here on the Content panel. I can go to the Tools menu, choose Photoshop Elements and then Web Photo Gallery. That's going to take this into the Elements' Editing workspace and take us directly to the Web Photo Gallery dialog box and this is where we can choose all of our options for creating this gallery. First thing we want to choose is a Style. If we click on these double arrows here, we can access this very large list of all of these prebuilt galleries.
All right, there are all different kinds of styles. You'll notice that many of them are themed; things like Bears are probably good for pictures of your kids. There is all kind of stuff in here. There is actually one for Vacation down here as you can see, although I'm not really crazy about that background graphics because not everyone's vacation is on a beach. So that doesn't really work for me if we start in this instance. We have simple ones in here, as you can see, you can scroll through these and try and find that one that matches the theme of your gallery. What I'm actually going to choose is this Flash - Gallery 1. Now this is Flash, it's referring to the Flash application.
So this actually contains Flash content in it. So the browser that we view this in has to have the latest Flash plug- in and that's what this warning is down here: contains Flash content, install the Macromedia Flash plug-in to view and then it says to include music, name a file 'useraudio.mp3', copy it to the folder for the selected Web Photo Gallery Style, so that's kind I need. That means that if you have an MP3 just rename it, place it into the folder with the rest of the files that are generated here and you'll be able to listen to music through your browser, as you're looking at the web photo gallery. All right, so that's useful information.
The next thing we're going to do here is choose our Source Images, it says Selected Images from Bridge and that's exactly what we want. Just so that you know, you can also choose to select images from a folder or if you have a documents open in your Project bin, we're going to work with the images selected from Bridge, so I think that's the best way to generate these types of galleries directly from bridge. So all of your images are laid out there anyway, so it makes much more stands to view those images in a Content panel and then generate this gallery like we're doing now. We can choose a destination, click on the Destination button, it's currently defaulting to the Desktop, however, if I just choose Desktop, it's going to place all kinds of loose files that are needed in order to create this gallery.
I don't want them to be loosened on my Desktop. So I'm going to choose New folder and name it something like Nine Mile gallery, something along those lines, click Create then click Open and that it is the folder that's it now going to use on my Desktop and it's going to place all of those files that it generates inside of that folder. Now we have a serious of options down here. If we visit each one of these, we go to General, first you can see we have the Extension option, we have options here for encoding and preserving metadata. I don't need to change any of these, at least not for now.
Now we go into the Banner, we can enter information, it's using my last used information for Site Name, it's just using Adobe Web Photo Gallery. It's what it's defaulting to. The Photographer is my name, my contact info and the current date. For Large Images, we have specific options we could choose how we want to resize our images. Right now, it's setting to Default, but I think I'm going to choose Large, which is 450 pixels, just a little bit larger. For Constraint I'm going to choose both the Width and Height. JPEG Quality is currently set to Medium, but I'm going to choose High and then also move to File Size slider.
Okay, these are tied together. For Titles, you can choose what you want to display, okay. I'm not going to display the Filename because they contain a lot of underscores and things that don't really look very nice. I also don't think it is necessary to see that information. Copyright might be nice if it's saved in with the file. So I have Copyright currently enabled. We'll go to the Thumbnails option. Again we have sizing information. I have it set to Medium. These are the thumbnails that are going to be displayed underneath the larger image. That's what we're referring too. Those images down here, if you refer to the preview, I'm going to keep this option set as they are.
Custom Colors, now this is kind of important. As you see over here, in this particular preview it's showing a white background which is kind of nice, but I'd actually like to try a different color. I'm going to go with the background of black, choosing that from the Color Picker, dragging over here in the bottom left corner, click OK. For the banner I'm actually going choose a gray, a medium gray similar to the gray of this Color Picker actually. Click OK. For Text, I'm going to choose white in the upper left corner of the Color Picker, click OK. For link, I'm going to choose an orange, so I'm going to click over here in the spectrum and keep that selected where it is, up in the upper right corner for a nice bright orange and I'm going to leave these as they are, red for Active Link and purple for Visited Link. Those are my Custom Colors.
For Security, if I wanted to add extra security to this particular gallery I could. I'm actually not going to do that but if you want to set this up, you could. All right, so it's nice to know that we have these options. Let's go ahead and click OK. It's going to go through and generate the gallery, place it in that folder and then automatically launch my default browser, which on this machine is Firefox. So we could see here we have a large image, here we have Adobe Web Photo Gallery, we have our thumbnails, which actually increase in size as we hover over them, which is kind of nice. We also have a Play button down here.
Let's take a look. If we click on the Play button, it's going to go through and start playing, you can see it's filling up to show us when it's ready to switch slides and there it goes. That's kind of nice. All right, so this is a Flash content, it's a little bit more slick than some of the other HTML-based web photo gallery styles that are setup in that dialog box. I like that we have the option to choose these custom colors, you can see there is our gray and black background using the orange for our controls and it looks really nice. Now if you're not happy within it is, you could always regenerate the gallery and create a new one or replace the one that you've already created, use some different colors, maybe type in something besides Adobe Web Photo Gallery.
Maybe you could type in something like 'Our Nine Mile Vacation' or something like that. In any case, this is what happens when you generate a web photo gallery and when you choose Flash - Gallery 1. I think it looks really good. So, I recommend that what you do is pick out images that you would like to display like this on a web. Do so using Bridge and then generate the gallery directly there from Bridge.
Get unlimited access to all courses for just $25/month.Become a member
164 Video lessons · 54557 Viewers
64 Video lessons · 86431 Viewers
86 Video lessons · 55805 Viewers
148 Video lessons · 93151 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.