Ready to watch this entire course?
Become a member and get unlimited access to the entire skills library of over 4,900 courses, including more Photography and personalized recommendations.Start Your Free Trial Now
- View Offline
- Getting your slideshow or gallery on the web
- Grouping images in collections
- Renaming and reordering images
- Changing the color and appearance of a web gallery
- Creating a slideshow or web gallery with images and video
- Adding captions and titles to photos
- Saving custom templates
- Uploading HTML and Flash galleries to a web server
- Creating an impromptu slideshow
- Customizing a slideshow layout
- Adjusting slideshow playback options
- Exporting a slideshow as a JPEG, a PDF, or a video
Skill Level Beginner
Let's explore how we can customize a Web Gallery layout. And we'll start off by working with this Web Gallery here. What you'll notice is that, once you customize one web gallery, well you'll learn how to be able to customize the others as well. You want to start off in the panels on the right, and just work your way down. Here, you'll notice I have the option for site title. I'm going to go ahead and type out Chris Orwig, and then I'm going to press Enter or Return in order to apply that. You can see we have a new title up top. If I decide I want to add the word photography in there as well, and then I'll go ahead and type out photography. And then press Enter or Return, and that appears now as the site title in that gallery.
And what's great about this, is each of these fields has some built in memory. In other words, if you go to the Site Title, you'll notice there is a triangle icon, you can click on that. This will remember all the various site titles that you have chosen. So, you can enter these in, and then select the one which is appropriate for the gallery you are creating. The same thing could be true for the Collection Title. For example, these could be photographs for a particular client. So, I could say Client X, Enter. And then I could make another client.
I'll go ahead and call this Client Z, and then press Enter or Return. From this Pull Down menu, we could then choose those Options, and you can see them here. If ever, you don't want to include a field, or you can simply click in that field area and hit the Delete key in order to remove that. And you can see that what will happen is it will auto resize or reposition that gallery. So, again you can either choose to use these fields or not. Alright, well let's make our way down. We have an important field here, which has to do with Contact Information. For this gallery, the Contact Info, it shows up at the base down here. It's a little bit tricky to see, so let me scroll down to it. There it is, contact name.
I'm going to go ahead and type out e-mail Chris Orwig, and then below you notice we have the ability to add this e-mail link. And in this field, what you want to do is keep the syntax as it is, just change it to your information. So, change it to firstname.lastname@example.org, in order to add my e-mail address there. And then you can see here it says, e-mail Chris Orwig, they could click on that link and it would open their e-mail client. Alright, well let's scroll back to the top for a moment. We can also change the Site Title to an Identity Plate. If you click on this Option, you can create an Identity Plate. And you can do that, by then going to clicking in this area and choosing Edit. Here, we have the option to use a stylized text identity plate. I can go ahead and type out Chris Orwig Photography.
I could then change the font here, and the font size. Let's say, for example, we want to choose something a little bit different. So, I'll go ahead and scroll up till I find a font that I think might look good. Select that font, select the font size, and then also the overall color. I'll make that choice there. And then click OK in order to apply that. Well, now here we can see, we have that new Identity Plate up top. And we can customize this even further, right? Click on the Icon in this field and go to Edit, and then you could say well, what I really want to have is part of this white and part of it orange.
Select the Text you want to change the color to, click on the Color Chip, in this case, we'll just go to this nice white color here, and then apply that and click Okay. And again, you'll see it updates that up above. Now, here's where you get into a situation where you may want to remove one of these fields, and that's why I was showing you this earlier. It doesn't make sense to have this twice, so I'll go ahead and delete the site title, pressing Delete or Backspace, and then just clicking off of that field.
So, I now have a little bit more of a clean, or an elegant layout. We can also use Custom Graphics for the identity plate. Let's take a look at that. Well, here if we go ahead and click on this Icon and go back to Edit. You'll notice there's an option for graphical identity plates. We can paste or drag an image in to this space. Images can contain transparency. Well, I've created a small identity plate and I want to show you that inside the Photoshop. So here in Photoshop, you can see I have a few images, some small thumbnails, and then some typography. It's just two layers.
You can get as elaborate or be as simple as you want, creating these identity plates. And this one is titled, identity_plate.psd. You can find this in your Exercise Files folder. Well, to add this, all that we need to do then, is to locate the file. So, we'll go ahead and locate that. In this case, in my Exercise Files folder. And I'll scroll down there, till I can find that. And once I've selected that, I'll click Choose, and then go ahead and click OK. This will then show or bring that identity plate up at the top of the image.
Next, we wannna create some sort of a link. This can either be a link to our website or we could use a mail link. If we wanted this to open up their e-mail program, well then Highlight the web mail link, Copy it, and then go ahead and paste it down here, or you could type out your URL. For example, you can add something like this chrisorwig.com, so that when the users clicks on this, it will then take them to that particular site. It's actually a good idea to type out the full URL string.
So, go ahead and do that http://www.chrisorwig.com. Okay, well our customization is going well. We've made it through our Site Info panel, we have more customization to do. Let's continue to do that in the next movie.