Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
I've identified which images I'd like to include in a web gallery. In this case navigating to a particular folder and then setting the option to use only the flagged photos in the gallery. I've found a template that I like. I'm using charcoal in this particular case and so I'm ready to fine-tune the settings for my gallery. Now the particular options that are available to you will vary a little bit, depending on whether you are using a flash gallery or an html gallery. But all of them are relatively straight forward. Let's take a look at how we can fine-tune some of the settings to alter the appearance of our gallery. You'll see on the right panel that we have some options related to the web site itself, so we can have a site title, the name of the overall web site. We can identify the name of this particular gallery and we can provide a description of that gallery.
However, in addition to being able to adjust those values over here on the right panel, we can also change them directly in the preview. So I'll go ahead and type a new site title. I'll just call this Tim Grey Photos. And for the title of the collection, we'll call this, Ice in Alaska. And I'll also type a description here. (NOISE) And there we go. So, I've updated all of those details, working directly on the preview. I obviously could have also adjusted those settings over on the right-hand side.
I'll go ahead also and add the contact information, I'll just put my name, and then I can include a web or mail link. So I can link to my primary website, for example or I can allow you to email me directly. I'll go ahead and change the Mail To address. You could also use the standard http:/// followed by a website address if you'd like to, but I'll just put my email address here. I can also include an Identity Plate if I'd like. I'll go ahead and turn that option on for a moment and you can see that the Identity Plate appears then as effectively branding on the website.
If you had your own logo, for example, you could certainly include that here, or you could certainly use one of your other identity plates. For example, I had previously identified a Tim Grey Photo Identity Plate. But in this case I'm perfectly fine leaving the Identity Plate off, so I'll leave that option turned off. If you do include the Identity Plate, though, you can also have a link so that the Identity Plate itself is clickable. Scrolling down you'll see that we have a color palette. We can adjust the color settings for the text, the detail text, the background, the detail mat, all of the various options.
So the detail options relate to the view you see when you click on one of the images. So if I had any details included for the individual photo, and the other options relate primarily to the index, the thumbnail display of the images. So you can see the cells are covered a relatively dark grey. But the rollover, in other words what those cells look like when you roll over them with the mouse, is a little bit darker. And you can also change the color of the grid lines and the numbers. Scrolling down a little bit more, you see we have some appearance options.
We can choose whether or not we want a drop shadow displayed for the image, and whether or not we want section borders as well. We can also specify how many images we want to have on the page. In this case I have nine images and the default grid size here was none so that works out perfectly. If I wanted a larger grid to accommodate more images I could just simply click in a square to identify the overall size of the grid that I want to use. I can also specify weather or not I want to show cell numbers in other words the index number for each photo, as well as a photo border option. Scrolling down we have some options related to the image pages. Now obviously it makes more sense to asjust these while you're looking at an actual image.
So I'll click on one of the photos so, we can see we can adjust the size of the photo. So when we're seeing the larger version of the image how large do we want it to appear. And I think I'll just leave this set to about 500 pixels maybe. Well, we're done nicely. I can also specify whether I want a photo border included with this larger version of the image, the color and the width for that photo border. I can also include a title and caption for the image. If I had specified a title and or caption in the meta data those values could be included automatically.
In this case I have not added those values to meta data. I could use, though, for example, the file name as the title. And perhaps, for the caption, the exposure information. So you can see that information is added to the gallery itself. I think, in this case, though, I'll leave those options turned off. Because I don't want to clutter the display with additional information. But if these images were being reviewed by a client for example you might want to include the file name as an easy reference. If they identify which image they want to use in a particular project for example.
And then scrolling down we can see some additional details the output setting include some issues related to the apperance of the images themselves. For the large images, what we want the quality to be, I generally use a quality of 80%, that represents a pretty good balance between image size and overall image quality. For the metadata, I'll include only the copyright information. I don't want to include things like the capture settings, keywords, etcetera. I'll include a water mark, this is the text that appears in this case at the bottom left of the image.
And for that watermark, I think I'll include my website address as well just as a reminder that my website is available if you want to visit it. And so I'll use that template that I created for a watermark. You can also edit the watermark or create a new watermark if you wanted to. And then the sharpening option, I will turn that on, but I'll set that to the low value. I just want to minimize the sharpening that's applied to the images. So you can see the settings for the overall gallery are pretty straightforward. You just fine-tune and adjust as you see fit.
I'm happy with the overall appearance of my gallery, so I feel pretty much ready to upload this to my website. However, I do want to save this template. I have adjusted some of the settings. And so I want to save this as my own template. So I'll go ahead and click the Plus button to the right of the template browser heading on the left panel. And we'll give this a name, I'll just call this Tim Grey gallery. That's my Tim Grey photo gallery. I'll include that in the user template folder. So I'll go ahead and click the Create button. And now if we scroll down on the template browser on the left panel we can see that I have the Tim Grey gallery available to me.
So for future galleries I could simply select my images, and then select this template. And I'll have a gallery that is designed exactly the same way but with a different set of images. So as you can see it's very easy to fine tune the appearance of a web gallery for presenting your images online.
Get unlimited access to all courses for just $25/month.Become a member
180 Video lessons · 69924 Viewers
64 Video lessons · 91878 Viewers
86 Video lessons · 60169 Viewers
103 Video lessons · 28844 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.