Hi guys, Yanik here for Yanik’s Photo School with another Photoshop video tutorial. I’m a little bit under the weather today but the morale is still good, I’m on my way to Cancun to break this cold and how that’ll take you off. Alright now, in this video tutorial, this was actually a request from quite a few of you after seeing my tutorial on how to create a Web Photo Gallery with Lightroom and many of you who don’t use Lightroom wanted to know if it was possible to do this in Photoshop, and my answer to this is “yes, you can”, and this is what I’ll be showing you today, how to do a Web Photo Gallery in Photoshop, it’s actually quite easy, just almost that you do in Lightroom. Now before we can go into Photoshop, there is a couple things you need to create before; first of all, you need to put all your images that you want in your gallery in a specific folder, this is what I’ve done here, called it TEST. And then you need to create another folder outside of that main folder, it can’t be a sub-folder inside it, alright? Now it has to be outside your source folder, so your destination folder has to be somewhere else, and you need to create that folder. So I created one called TEST-GALLERY, now this is the name that will show up, this is actually the folder you’ll be uploading to the web, so it’s important that you keep the name concise and without any weird symbol that the server won’t recognize like French accents or spaces or stuff like that. So I put a hyphen in between both so that there isn’t a space. Now once you’ve created those two things you’re ready to create your Gallery, let’s go into Photoshop. Now if you saw my video on Batch Processing, this will be very familiar to you, first thing we need to use, go to File, Automate, Batch was the first one on top, we just need to continue down the line and there’s one called Web Photo-Gallery, let’s click on that, brings up this dialogue box; when we look at the first drop down menu, these are your template options, you got 20 of them to choose from. Most of them are HTML based and you got to another Flash based, I went through them when I was using them before Lightroom, and my favorite was the Gallery 2, Flash Gallery 2, so we’ll use this one as the default. The next line is your e-mail, if you want people to have access to your e-mail, one click to open their e-mail client, you can do that or not. Go into the Source Image box, you need to select where the source folder is, so I’ll do that right now, and there it is, TEST, and the destination, TEST-GALLERY. Now you can, in the source folder you can click include all the sub-folders as wee, so if you have sub-folders and you want them in, you can click that, I usually create the folder specifically for our Web Gallery, so I don’t have some folders which never clicked, it’s up to you. Going into the options box below, if we look at the first one is general, so do you want the extensions to be HTM or HTML, it’s up to you, the rest of the information that always leave un clicked, I have no clue what UTF Encoding is, so I don’t touch it. Go into the Banner, now that’s what’s going to be on top of your gallery, you can give it a title, put your name if you want to put a phone number, if you want to put a date, I don’t like putting a date so I’ll remove that, go into the large images, you can select small, medium, large or custom, I like large which is 450 pixels and constrain proportions will be on both sides, so my images, whether their width or height, that will be 450 pixels on the long side. You can choose width or height if you only want one of the two to be affected. The Quality, for me 6 is good enough, it’s a good, it still s really well on the web, and the faster to make. Now if you want to add your file name or description or a title, you can click on that and I’ll show you where to go to add title and descriptions afterwards.
Now the next one is the Thumbnails, now depending on which template you choose some areas will be grade out, not just in the Thumbnails, it’ll mean everywhere, in some templates you might not even have a choice of colors, but for example in the Flash 1, you can only choose the size of your Thumbnails, you can’t really customize the boarders that’s surrounding it, what not, that doesn’t really matter to me. So I like to choose Medium, 35 pixels is good for a thumbnail for me, here is where you can choose the colors for your template. I already chose my colors, I like since this is black and white images, I kept the theme black and white, and you can just click on any one and choose your color or add a color number, whatever you want. And go into Security, if you want to add a Watermark to your image this is what you do; you can either knock on one, Custom Text, you can have the file name show up, a copyright, the description, credits, title, whatever you want. I like custom, I like putting my name now, Arial 18 point’s good, black is alright, if not I can change my color with the Color Picker here, and 25% opacity, let’s try that, and position I like it centered, if not you can go with different options here, and you can even rotate it, 45 degrees or 90 degrees either way. And once you’ve done that, all you need to do is click OK, now you’ll see the magic pimp performed by a Photoshop. Now once that’s done, your Web browser, your default Web browser will open and your Gallery will show up. In my case I need to upgrade my Flash player, so for the meantime let me just click on this and there’s our web Gallery. You can see the Watermark out of here, this maybe a little bit too small, I could go back and change it, if you click on the thumbnails you can see the Gallery how it works in Flash, so it’s a pretty cool Gallery, and this is how it’s done. I hope you enjoyed this tutorial, oh yeah, before I promised you I’d show you where to put image title and description, just go into File, actually I have to open an image for this to work, so let me just open this image here that I used on my blog not too long ago, File, File info, and here you have the document title, this is where your title would be, and the description field is right down here so if you want to add a specific description to your image that you want people to see, put it there and take the box and voila, there you go. I hope you enjoyed this wonderful tutorial on how to create a Web Photo Gallery in Photoshop. This is Yanik Chauvin signing out, and see you next time, ba-bye.
Transcription by:
Scribe4you Transcription Services