Account | Register

Photography Tutorial - Creating web galleries in Lightroom

Pin It


Embedly Powered

Hi this is Elizabeth from on behalf of Pretty Presets for Lightroom and Adobe Camera Raw. Today, I’m going to be talking about the web module in Lightroom. I’m going to be talking about how to create beautiful galleries with your photos and also how to get them online to share them with your friends, families and your clients.

So here we are again in Lightroom 3 and right now we are in the library module where we are selecting our photos and I’m going to go over here to the web module. Now, there are five different modules in Lightroom. You have library, where you can import your photos and sort them and all that stuff and then you’ve got the develop module and that’s where you go to edit your photos. And then in slideshow you can create slides, and in print you can print. And in the web module what you do is you can create galleries to upload to the world wide web all the internets as I call it sometimes :) and you can get your photos online so people can see.

Now, you need to be able to have a url and a hosting company and all that stuff set in place and if you’re a photographer, even if you're just starting out, its already likely that you have those tools available. So that's what you’re going to need to be able to get these photos online. Other than that you can make web galleries but you just can’t upload them onto the internet - you can use them in other ways.

What I have here is these photos that I’ve imported. And I’ve clicked web gallery and this is just one example of a gallery that you can make in Lightroom. Over here on the left side what you have is lots of different templates so as you click them it takes those photos and puts them into one of those templates so you can see how it will look. I’ve chosen here to 'use all film strip photos', but you could just say to use selected photos, and then you can control+alt+command and click the photos to select the photos that you want to go in your gallery. I’m going to say 'use all film strip photos'. As you go through here you can make different looks for your galleries and it will load them up like that.

Once you play around and get it the way you want, over here on the right side, you can customize everything, all the colours, the drop shadows, how many photos are in a row, all that stuff. Once you get all of that, then you can go over here and click 'add' and just save it as your own template. So for Gracie May Photography, for example, these are the galleries that I always use right here so I’ve saved it as a preset. This is the gallery that I use when I want to show my clients their photos online. I’m a big believer in doing in home viewing session for viewing and ordering but sometimes I want to show clients or friends, I want to show them a gallery of their images in a nice and clean way that off-shoots from my website. So it would be and it really adds to the experience; it really adds to the clients feeling like you really have it together with your business and your brand and you're keeping everything in-house. I’ve tried a lot of different ways for people to view their photos online. All those different online viewing subscription sites and I never really felt that any of them were nice and clean and simple enough, and also showed my photos in a quality that I felt represented me. A lot of them showed the photo at such a poor quality that I thought it really detracted from the experience of seeing their photos for the first time. And also, they were payed-for subscription services and I didn’t want to pay for them. Over here in England, it was difficult to find one that would allow me to do my ordering because a lot of them were in America and there just came a point where I thought, 'you know what forget it, I know that there is a web module on Lightroom and I’m going to see how I can use those galleries and get them online.

It took me a little bit of trial and error since I was very new to the whole hosting company thing to get them online. But I’m going to show you how to do that today so it doesn’t have to be hard for you as well!

So I have my gallery here and up here on the right there’s also other options for creating galleries. The Airtight Auto Viewer, I like this one. And this is my second favourite one. It’s nice because it really highlights each photo one at a time so as you're clicking through you get to see them like this.

And then there’s the postcard viewer. People can click to view the photos like this, and then if they click the grey area it takes them back to the viewer.

Airtight simple viewer, this is the one that I use. And then a lot of these are based in flash which means that if someone was trying to view them on a mobile device like an ipad or an iphone, you have to be careful to choose a template that’s going to be user friendly for your main type of viewers depending on what type of people they are. And then there’s an html version which as you know html will show on a mobile device, so something like this would be ideal if your clients are prone to viewing these things on an ipad.

I’m going to go back to my template, the way I like things to be. And there we are. When people click through here they get all their photos just like this. So this is where you’re going to customize your gallery, I’m no longer Glacier Cake Photography - that’s obsolete. I’m now Gracie May Photography because people didn’t know what Glacier Cake meant, they thought I was a cake photographer and it got really old so I changed it! Now, this is just a quirk in my own computer I don’t know if anyone else has this problem. But I like my background to be black and my border to be grey and it shows here that the background is black but it doesn’t show that here, but I’ve discovered that when I export it and do what I need to do to get it all online, when I go to view it onine the background is black. So for some reason it appears to be grey on here but when I upload it it is black as it says here. So I’ve just decided to ignore that now because I know that its okay.

And here you can choose how many different photos are in each row and column, it’s all pretty self-explanatory. Now, this is pretty important to me. I choose to have a caption and I choose to use the file name. Which means that right here on the bottom left it will show the file number and this is what the client are going to use when they are filling out their order form. So that if they want, say, this photo in a 5x7, 8x10 -whatever- then I ask them to tell me what image number they want to use and it says right there number 30. Sometimes it’s the image number from within the camera so it would say for example IMG_2010 or whatever, so that’s what it would say. So that is their point of reference if they need to let me know which photo they are talking about. Output settings, I make sure that the quality is around 60% and that the size isn’t too large and I make sure to take this away so that they can’t right click to open the photos. Now when I make these galleries for my clients I do have a watermark across the front. What I do is when I export my photos out when I’ve finished editing them, I also export them out again but I put them into a folder that says watermarked. And I choose to apply a watermark on exporting. I’ll show you how to do that now since it’s easy enough. So we’ve got this photo here, when I export it I go down here and there’s going to be another video for you to view all about importing and exporting, but I choose to add a watermark, and I’ve got all these different watermarks here that I’ve made that I choose from. So that when I then import them back into Lightroom, and use them as a web gallery, there’s a watermark straight across. Then I also take the quality down. You can see here that 62% is really too much it takes the quality down. And like I said one of the benefits of using the web module for me, was that it didn’t diminish the quality of my photos. Now you can take it all the way up to 100% if you are using maybe smaller web ready versions of the images, which have had watermarks placed on them. There really isn’t much they can do to them, you might as well give them to them in 100% quality.

And then I have a border and I take away this. Now down here is where you can go in a select the setting that you want to use to upload your gallery to the internet. And so you click edit and then you have here all the areas where you need to put in your server, that’s going to be kind of the number that like 3 numbers, dot 3 more numbers dot, it’s kind of like and IP address type of thing,. I’m sorry I’m really not technical about this hosting company stuff. I have all my stuff saved somewhere and I just copy and paste because it’s not all in my head. And then you have your user name with your hosting company and the password that you’ve set for your website. And this is where I get stumped the server path... all this stuff here is like Greek to me. I know I seem super smart and I'm really pretty good at photography but when it comes to this stuff I really barely scrape by. And so this didn’t make any sense to me, I asked a few friends and they didn’t have an answer for me, so I have two ways that I use to get my galleries online. Obviously if you’re smarter than me you can use this area, and that’s great. But this is how I do it.

So first I’m going to export this. I export it to my desktop and call it India, because that the little girl's name. There’s two ways that you can get your galleries on the internet. You can go into something like Filezilla. What it does is it goes into the back end of your website and it allows you to go into the files and folders in the back, going on in the background of your website. And there is an area where you can upload, right down here, Lightroom is exporting a folder for me, that’s going to be the gallery. And you can upload that folder into the back end of your website so that you can do your url forward slash their last name type of thing. So you can tell them really easily, in a couple days go online to my URL forward slash your last name and your photos will be there. It’s a really nice way for them to remember how they can access their photos. And again it really maintains your brand's identity and helps to keep things seamless and in-house without sending people elsewhere.

So what you do is these are all the folders here in the back end of my website. You double click 'public html', if you have that, and right here you can see there are some different galleries that I’ve dragged in. So over here I’m going to go to my desktop, and down here you can see India. This is the folder that I just exported out of Lightroom. And then I just drag it into my public html folder using Filezilla and you can see here its uploading now. And when you go into Filezilla it's going to ask you for your hosting number, with the numbers and the dots. And then over here is going to be your username with your hosting company and your password, and mine are just blanked out because I don’t want to share them. Don’t really want to wake up tomorrow and find someone crashed my website! Not that any of you would do that :)

So that’s going to be uploading in the back ground, I’m going to let that do that. One other way, I’m sure there are many, but another way that you can upload your gallery is to go through the back end of your website through your hosting company. I use Bluehost and I’m going to go down here. And this looks the same with most hosting companies. If you have GoDaddy or something like that, you’re still going to be able to find this. You go here in to file manager and you say web route, because you can see that they’re right there again, public html and say go. And then see this is all the same folders you just saw when I was accessing it with Filezilla, and you click upload. And then all you need to do is go in here and choose the folder like I did, that you’ve saved or exported out of Lightroom with your web gallery. And then once that’s all finished uploading, it's going to be available online for you to share with your clients, your friends or your family as well.

Now, keep in mind that when you export this, whatever you call it here, that’s what the forward slash their last name, whatever you call that, that’s what is going to be called on your website so make sure you call it something that identifies the session In a way that you want your clients to identify it when they’re looking for it online.

So that's it! I hope this tutorial has been easy to understand and as always I pride myself in real plain English, even if sometimes it makes me sound like a dork! But I just really appreciate all of you guys thank you so much for watching. Again this had been Elizabeth from on behalf of Pretty Presets for Lightroom and Adobe Camera Raw and as always you can find them at Thanks for watching!

Elizabeth Halford is a professional photographer and blogger. She gives real photography advice in real.plain.english. Visit her on Facebook and join a community of photographers just like you!



Posted by

Leave a Comment