Join Chris Orwig for an in-depth discussion in this video Using web gallery templates, part of Lightroom 4 Essential Training: 4 Creating Slideshows & Web Galleries.
One of the ways that you can speed up your overall Web module workflow is by working with the web gallery templates. Let's take a look at how we can work with these templates, and let's also explore some of the options when working with them. Well, first we need to make a selection of pictures because we need something to populate the templates, so that we can evaluate or determine if one template will work for us. Well, let's go ahead and select these pictures, which we have in a collection. To do that, we can press Command+A on the Mac, Ctrl+A on Windows, and then next let's navigate to the Web module.
Well, once in the Web module, you may notice that there is a Template Browser over here on the left-hand side. You maybe tempted to think, well, that would be a great place to start for working with templates. Well, actually it isn't the best place to start, and here's why: The best place is the panel on the right. It's the Layout Style panel and here you have five options. These options give you a really nice starting point. You notice by default the Lightroom HTML Gallery is selected, and here I can view that gallery and actually click through it.
I could click on an image in order to see it bigger, click Next or Previous in order to work with this. In other words, the view that we have here in this web gallery, it's completely functional. Now this isn't online or live, it's just demoing this for us, so that we can get familiar with it. We could also click on an option, say, like this one here Lightroom Flash Gallery. One of the things that's great about these now, which is new in this version of Lightroom, is that these are now color manage the Flash galleries. In other words, it will give you more accurate color representation of your files.
And again, here we can click through the images, we could use the thumbnails or the scrollbar in order to see how this particular gallery works, and all of these buttons, well, they're active and that's a great thing about viewing the images or viewing these templates in any way. Well, next we have three Airtight templates. These are much more creative. The Lightroom, Flash, and HTML, while those are pretty typical. These they're anything but typical. Let's try this SimpleViewer on for size. This one gives us this really kind of sparse and clean and kind of modern looking layout.
We can click through the pictures and then use these arrow keys in order to select the next set of thumbnails. And again, this is why we want to have all of these images selected, so that we can start to see how these templates actually operate. Let's take a look at another. What about the Airtight PostcardViewer? Well, this gives us a different view of our images. We've seen this one before clicking in and out on the photographs in order to evaluate those. And then the last one I want to highlight here from this panel is the Airtight AutoViewer.
This is again another really nice and clean version of a template. We can click through the photographs one by one or do a slideshow and it will auto advance. Now with all of these templates, we can always customize things. In other words, later we'll look at how we can change the background color or the thickness of the border or the edge around the pictures. Yet initially, what you're thinking about is how can I find a template which kind of fits what I'm going for. You can also go back to say something more simple. Let's go back to the Lightroom HTML Gallery, and then start to think about what are some of the other options.
Let's say I want to go for something that is HTML, but I want to see what else I can do with this. Well, that's when you're going to go to the Template Browser. When you open up the Template Browser, you'll notice you can scroll through a huge range of different types of templates. We could choose something like this one here, Pure Black-HTML. As I hover over it, the preview appears in the Preview window above. If I like the way that looks, well, I can click on it in order to choose that option, and they're different options that we can choose here, and we can click through these options in this Template Browser panel. And again, you can see these various options that I'm selecting, or perhaps we could go for something which is Flash.
Now at first glance, it might be a little difficult to kind of figure out, well, what is Flash and what is HTML. Yet as you make that selection, you'll notice that the Layout Style will change. It's now highlighting Lightroom Flash Gallery. As I make these choices, it will stick with that until I choose an option which is HTML. So in other words if you don't see -HTML, you know it's Flash. You can click on that, and then you can evaluate this and of course, it's active and you can go through it to see how it functions.
Now why would you want to choose Flash versus HTML? Well, sometimes Flash, it just has really nice transitions. It also does this thing which is called queue loading. So if we click on the option, say for Slideshow, what will happen is it will load in the first image, and then as you click through the images all of those will already have been loaded in so there is no wait time for the photographs. So Flash just has some technology which can deliver images really well. What's the downside? Well, the downside, of course, is that Flash, it's not supported on mobile phones and smartphones or on tablets like the iPad.
So you want to think about these different templates and also who's going to view your images, and then try to decide which one will work best. And initially, it's just about experimenting; it's about seeing how do your images look in different environments. Say like with this environment here, well, in my opinion it's just way too cluttered and it's way too colorful. If I have colorful pictures, I can't surround those with other colors. Sometimes removing color or going to something darker with these tones might look a little bit better, but again those numbers, well, they're too distracting if I want to showcase work.
Yet if I'm looking to create a web gallery, which is functional, it just gives someone a glance to kind of scroll through images quickly, and then say you know what this is the one that I like, and they can go back and forth between that view; well, then that template might work. Of course, these scenarios, well, they're endless, but my hope here is that by taking a look at these different templates, it can give you some insight how you can use these templates to speed up your workflow.
- Getting your slideshow or gallery on the web
- Grouping images in collections
- Renaming and re-ordering images
- Changing the color and appearance of a web gallery
- 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