Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Here what I want to do is explore how we can create and upload a web gallery to our server. One of the first things that you are going to want to do is to select a layout style, or a template, and here I have selected this Airtight PostcardViewer. Now I don't want to use all the filmstrip photos; rather, I want to use a selection of images. So I will make my selection, click on one image, hold down the Command or Ctrl key--Command on the Mac, Ctrl on Windows--and then click on the other images you want to include in this little web gallery. Next here, I will go ahead and select Use > Selected Photos, and it will then update this gallery with these particular images.
Now, I can also modify things with the appearance here. I could have a little bit of a smaller border around the images. I could change the padding, which is the spacing between each of these thumbnails, and then I could change the zoom focus as well. How I want these to zoom in, and I could have them smaller or bigger, depending on how I want to create this gallery. Basically, what you do is you choose a layout style or a template and then you make some changes in the panels on the right. I am going to skip all of the other changes because I think they're pretty straightforward. But what isn't straightforward is the Upload settings.
Once you have dialed in how you want this to look, what are you going to do next is you're going to go to your FTP Server. FTP stands for File Transfer Protocol. In other words, it's a fancy word for saying upload files from your local computer onto your web server, so that other people can view your images. What we need to do is to go to the Custom Settings and choose Edit. Inside of this FTP file transfer dialog, we want to enter our server name, www what ever you domain name is .com, your username--whatever it is that the host company gave you--and then also your password.
Next, we want to choose where we want to save these files, and here I am going to click Browse. Now, when you click Browse what this will do is it will take you into your server. In this case, it's showing me my server Path here, and it is showing me that I want to go to this particular folder. Now each hosting company has this set up differently. With my particular host-- here, it is Media Temple-- I want to select this html folder. Now, the name of this folder may be public_html or HttpDocs-- whatever it is that your hosting company has defined as the public folder, in other words, that folder which other people can browse, you want to select that one.
Here I will go ahead and click on html and then click Select. Well, the next think that I want to do is click OK. I have dialed in my settings. I have a domain name, username, password. I have this Server Path, i.e. where am I going to copy these files up onto the server? And then I'll click OK. Next, what I want to do is determine where I want to position these photos. In this case, I will put them in a subfolder, and I will go ahead and just call this subfolder "colors." All right, click out of that. It should update the path right there.
Next step is going to be to click on Upload. Now what Upload will do, because I didn't save my password, is it will ask me to reenter the password here. Now, if you're working on your own computer, you can actually save that as a preset so that you have to reenter this every time, although it may be a good idea--just for secure reasons--to make sure that you're the one accessing your particular server, so that you do enter it every time. Again, you have to make that decision. It's really based upon what computer you're working on. Is it a private computer or a public computer? All right, well here we will click Upload.
This will then create this particular web gallery. We can see the progress up top. What Lightroom is going to do first is take all of these really big images. These are full, huge raw files. It's going to export those files in different sizes, and it's going to build, or construct, this particular web gallery. Now while that's happening, I do want to point out one thing. You'll notice in the bottom right- hand corner that it says POSTCARDVIEWER. Now, not all of these templates have something like this here.
Yet if you go to that particular site, what you'll find out is it there is someone who has created these Airtight Layout styles. Now you can actual purchase, or pay, for a pro version of this, which will remove that logo from this particular layout style. So if you do want to use this professionally, it may be a good idea to go there and to see how you can do that. All right. Well, now that we've uploaded that, let's go ahead and navigate to our browser. And in our browser, I am going to go to the URL, which is my domain name, chrisorwig.com/colors.
What this will then do is it will go to that location. So I can see this gallery. I can click on it and move around the images by using the Arrow keys, or click in and out based on how I want to navigate in this gallery. And why is it that it's /colors? It's /colors because you may recall that over here inside of Lightroom, at the very bottom, when we determined this subfolder, that was where this particular gallery went. Now this can be really handy, because typically, your web gallery isn't the first thing people see when they go to your site; rather, it's something that's a little bit more specific, like chrisorwig.com/clientname, or /project name, or whatever it is. And here, you can see we can do that. We can have these images in their own space. And in this context, it isn't connected to my blog. It isn't connected to my portfolio; rather, this lives as its own entity.
Now, as previously I mentioned, we have this logo down below. If you click on that, it will take us to this Simpleviewer site, where these folks are the ones who have actually created these galleries. If you want to make this a little bit more customizable, what you can do is go Pro, and you can pay a few bucks in order to remove that and also have a few more controls as well. So if you're interested in that particular template, you can always do that by going there. All right, well that wraps up our first conversation about how we can work with these Lightroom web galleries, how we can customize them just a bit, and ultimately how we can get them up on our server so that other people can see these.
The last thing that I want to say here is that if you want to share this, what you would do is highlight this entire URL string-- in other words, http://chrisorwig.com/colors. You could then copy that and paste that into an e-mail and send that out to a client or a friend. They could then click on that link, which would in turn take them to your web gallery.
Get unlimited access to all courses for just $25/month.Become a member
180 Video lessons · 61020 Viewers
64 Video lessons · 88693 Viewers
148 Video lessons · 95269 Viewers
86 Video lessons · 57586 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.
Your file was successfully uploaded.