Customizing a Web Gallery

by Mikkel Aaland
01/01/2008

Lightroom ships with several templates for creating web photo galleries. You can customize these templates and save your own version. Choose between building an HTML or Flash gallery. When you are finished, export all the necessary files and place them on a server yourself or let Lightroom do it for you. Let's see how.

To start, you must first select the images you wish to include in the Web gallery.

Selecting Images

In the Library module, select a folder, collection, or keyword. If you are not in the Library module, hit the G key, and you'll be taken to the Library module's Grid view. Any image appearing in the display work area will be included in the Web gallery. I usually create a unique collection for each Web gallery. That way, I can preserve my image order, and it also makes it easier for me to update my Web gallery at a later date. You can also make your selection in the Web gallery filmstrip and then go to the menu bar and select Web→Which Photos→Use Selected Photos.

f12019.png
Figure 12-19

Select the Web Module

Now go to the Web module. If you are not there already, get there by clicking Web in the module picker or use the keyboard +Option+5 (Ctrl+Alt+5). As soon as you enter the Web module, Lightroom begins generating or updating the gallery. You'll see the status of this operation in the status bar. Figure 12-20 You can modify the order of images in the filmstrip.

f12020.png
Figure 12-20

Select a Web Template

Select a Lightroom Template from the Template Browser. You can see a preview of the layout in the Preview window. In the lower left of the Preview window, a graphic indicates whether the style is HTML or Flash (circled in each example). Here —taking into account variations in color, type, and captions—are your basic Lightroom template gallery choices:

  • Galleries with separate windows of thumbnail images that lead to windows of full-sized images. This basic style can be either HTML or Flash.

f12021.png
Figure 12-21

Pages: 1, 2, 3, 4, 5

Next Pagearrow