New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Start learning with our library of video tutorials taught by experts. Get started

Getting Started with Lightroom 4
Illustration by John Hersey

Creating a web gallery


From:

Getting Started with Lightroom 4

with Tim Grey

Video: Creating a web gallery

For many photographers, prints or slideshows are the primary ways that images get shared with others. But an increasing number of photographers are sharing images through web galleries. And if you have your own website you can create web galleries and upload them automatically using Lightroom. Let's take a look at how it's done. I've identified some images here that I would like to include in a Web gallery. And so I'll switch from the Library module over to the Web module. And as is so common in the Sharing modules in light room I can start off by choosing a template on the Left panel.

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
Getting Started with Lightroom 4
3h 22m Beginner Mar 06, 2012

Viewers: in countries Watching now:

Whether you're completely new to Adobe Lightroom or have been using it from the start, this course from author and digital imaging expert Tim Grey will help you get up to speed quickly with Lightroom 4. He provides a complete overview of the Lightroom interface and workflow and shows how to set up Lightroom to best suit your needs. Along the way, learn the basics of importing, managing, optimizing, and sharing your images. Plus, discover how to use features like auto-advance, Smart Collections, the Library Filter, the Map module, and more.

Topics include:
  • Getting to know the Lightroom interface
  • Establishing Lightroom preferences
  • Using catalogs
  • Importing images
  • Image review
  • Identifying and locating images
  • Optimizing and sharing images
Subjects:
Photography Raw Processing video2brain
Software:
Lightroom
Author:
Tim Grey

Creating a web gallery

For many photographers, prints or slideshows are the primary ways that images get shared with others. But an increasing number of photographers are sharing images through web galleries. And if you have your own website you can create web galleries and upload them automatically using Lightroom. Let's take a look at how it's done. I've identified some images here that I would like to include in a Web gallery. And so I'll switch from the Library module over to the Web module. And as is so common in the Sharing modules in light room I can start off by choosing a template on the Left panel.

And then fine tuning the settings over on the Right panel. I'll go ahead and scroll through the various templates if I move my mouse over the template I can see a preview up in the Preview panel. Note that this preview has a script F in it. And the one below shows HTML in the bottom left corner. That indicates a Flash template versus an HTML template. And I generally prefer to work with the HTML templates. Simply because many browsers, especially on mobile devices, do not support Flash. I'll go ahead and scroll through, and I think for this gallery I'm going to start off with the vintage newspaper look. This creates a sort of cream sort of colored background and just an overall nice appearance.

I thing that this will work out pretty well. I'm also going to change the option on the toolbar from selected photos to all film strip photos. I have already filtered my images, in this case, using a pick flag as the basis of my filter. And so, all of the images, on the Film strip, are images I would like to include in the gallery. I can then set about adjusting the settings, on the Right panel. You can see, at the top, I have Layout Style, that's set to the HTML gallery, which is what I want to use for this particular gallery. The other options, include, Flash galleries or a series of Airtight Galleries, these are some clever and fun gallery options. But I'm going to stick with the basic HTML version here. I can adjust the site info.

Now, you'll notice, that in the center area, I have a preview of the website. In fact, I can even click on an image, to see what the larger image will look like, and then go back to the index, for example. I can make changes over on the right side, but I can also work directly within this preview area. So for example, I'll call this Tim Gray gallery, that's sort of the overall title for the website. And then under the heading here, instead of my photographs, I'll call this Europe Road Trip. And then I'll switch to the next field here and I will give this a little bit of a description.

There we go. Go ahead and press enter to apply that. And then down at the bottom of this page you'll see that there is a contact name as a link. I'll go ahead and change that over on the Right panel. I'll type in my name as the contact. And I can also enter my email address with mail to and colon as the prefix that will identify this as an email address so that it will be a clickable link. I'll then scroll down the Right panel. I can add an Identity Plate if I wanted to, including a link to another page on my website.

I can adjust the colors simply by clicking on one of the color swatches and choosing a new color. But I'm happy with the colors in this particular template. I'll go ahead and scroll down further. I can add a Drop Shadow to the photos if I like. I think in this case I'll go ahead and keep that turned on. The sectioned border, I can specify whether I want to have that border and I can also change the color of the border. I can determine how many images will appear on the page. You can see I have a 3 by 3 grid. And so a total of nine images. That happens to be exactly how many images I'm sharing. So that makes perfect sense in this case.

I can decide whether or not, I want to show cell numbers. This is much like the cell number were able to see in Lightroom. In this case I don't think I need to have those visible so I'll go ahead and turn that option off. And I can also specify whether or not I want a photo boarder, and in this case it's a little bit difficult to see. But there is a bit of a black border around each of the images, each of those image thumbnails. I'll leave that turned on. On the image pages, this is where we're looking at the larger image, the full size image. I'll go ahead and click so that we can see the preview there. And there we can adjust the size of the image itself. You can see it's currently set to 450 pixels, which I think is perfectly fine. I can specify whether or not I want a border.

And which color. And what the width of that border should be. I'm going to make the border just a little bit narrower. In fact, I'll make it just one pixel. I like having it there but I don't think it needs to be quite as large. I can also label the image. Now you'll notice that in this case, even though I have title and caption turned on they are not showing up in the image. And that's because the images that I'm working with, these photos do not have titles or captions in their metadata. Of course I could choose a different value for example I could use the file name as the title that will appear up at the top.

And I can use maybe the exposure information as a caption that will appear at the bottom. And that will show us some information about the photos, which can be helpful especially if you're sharing this gallery with clients. So that they can choose a particular photo. For this gallery I think I'll turn those options off though. I'll then continue scrolling down and we can take a look at the output settings. For image quality, in order to help keep the file size a little bit reduced, I will reduce the quality setting. I usually use a value of about 70 for images that I'm sharing on the web. For metadata you'll see that I have an option here to include either all metadata in the image or only copyright information.

I generally don't use the All option. Because for example I don't want viewers on my website to be able to see the keywords that I've added, location information, etcetera. I would rather them just see the copyright information, I can also have a watermark on the images. I've already created a Tim Grey watermark, so I can view that on the image here. You'll see at the bottom left corner just a simple copyright Tim Grey indication at the bottom left of the image. And I can apply standard sharpening, that'll be applied when these images are prepared for the Web gallery and just the standard amount.

I could change that to low or high, but I think standard will work fine for these images. And then I've gotten down to the upload settings. This determines how these images will be hosted onto my website. I'll go back and take one last look, it looks like everything looks good here. So these images are ready to share in this image gallery all I need to do is specify server information. Under FTP server, you'll see we have a pop-up. Now I can edit the information, and this is where I can add the server name, the user name, password. I can choose whether or not I want the password stored in the pre-set, and I can also designate a server path.

You'll need to get this information from your web hosting provider and once you plug that in, you can save the settings as a new preset. I've already gone ahead and created a preset for my website. It's called Tim Gray Gallery. So, I'll choose that. Now, this designates the top level folder on my website for galleries but I want to put each individual gallery into it's own page. So I'll go ahead and turn on the Put In Subfolder check box, and then I'm going to provide a name here. In this case I'll enter Europe as the name.

And that way, on my website, I'll be able to go to my website address, /gallery/europe, in order to view this gallery. At this point, I could preview the gallery in my web browser, directly on my computer, I could also export the files, if I need to send them to someone else. For example, if somebody else manages my website for me. But in this case, since I've plugged in all of my information, I'm ready to upload this gallery, onto my website. I'm going to switch to my Web browser and you can see I've already plugged in my website address timgrey.com/gallery/europe.

But at the moment, this is not a valid destination on my website so I get a document not found message. If I switch back to Lightroom though, I can click the Upload button. And that will process all of these images, create the HTML pages as needed, and upload all of that to my website. While Lightroom is working on that process, since I've changed some of the settings for this particular template, I'd like to create a new template. I'm going to scroll to the top of the Template browser on the Left panel and click the Plus button. And I'll call this, Tim's Newspaper style.

This is basically a variation on one of the existing templates. I'll go ahead and click Create. And what's great about this is, that at any time I can use that template for other images. Since Lightroom is still processing my Web gallery I'll go ahead and switch into the Library module and I'll choose a different set of images. I'll add a filter just for red color labeled images for example and that gives me a few images. I can switch to the Web module now and then simply using that template with the new images I now could create a completely new gallery. All I would need to do is change the subfolder.

For example, I might call this one Austria, and then I could upload this gallery as well. So once you've defined a template that works for your particular images you're able to work very quickly to create a Web gallery. With the processing of my Europe Road Trip gallery complete, I'll switch back to the Web browser. You can see again I have my timgrey.com/gallery/europe address plugged in, but previously that was not a valid address, so there was no document found. But now that Lightroom has finished processing and uploading my gallery if I refresh the page, I'll be able to see that gallery in my Web browser.

So, I can navigate among all of the images live on the Internet in a gallery that was created automatically for me in Lightroom.

There are currently no FAQs about Getting Started with Lightroom 4.

 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

join now Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Getting Started with Lightroom 4.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Are you sure you want to delete this note?

No

Notes cannot be added for locked videos.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.