How to Create a Web Photo Gallery In Photoshop

© 2002 Seth Resnick D-65 All Rights Reserved

Creating a Web Photo Gallery in Photoshop is an easy way to show clients images for review as well as family and friends. You don't need to know how to write html code and it takes almost no time to produce professional looking web pages generated automatically from a set of images in a folder. Creating a Web Photo Gallery has been possible since version 5.5. For those who are unfamiliar with this great feature, WPG produces galleries of images with thumbnails using a variety of templates, linked to larger images with user defined sizes. The images can be accompanied by caption information which can include license information, date, e-mail address, photographer info and more.

Easy Step by Step Feature

1.) Place your images in a folder on your hard drive or desktop and name the folder. This will be your source folder 2.) Make a new folder with a different name which will be the destination folder. This is the folder that Photoshop will generate all the web files to. 3.) Choose File> Automate> Web Photo Gallery. This opens the dialog box for WPG. 4.) From the Styles sub-menu choose one of the templates. 5.) Place your e-mail address in the Email box

6.) Choose an extension name either .htm or html for designated name of the main index page for your WPG. 7.) Under Folders, choose the source folder you created in step 1. If the folder contains sub-folders with images you want to include, check the box to include subdirectories. 8.) Under Folders Destination, click the select the folder where the web pages will be created. This is the Destination Folder created in Step Two. 9.) Under Options: Banner, choose Site Name. In this dialog box one can write an introductory message and even include price and license information. As an example, this text could read: Select Images for Client XYZ. Rights Granted: One Time North American Print Rights On Paper Only in one issue of Magazine XYZ. The 1/4 page rate for usage is $$$$$. All images are registered with the US Copyright Office. Also fill out Photographer dialog box and Contact info box. Select a Font and Font size for the banner. 10.) Under Options: Thumbnails, choose size of the thumbnails and the amount of columns and rows you desire. Hint: you can also choose a custom size for thumbnails. My own favorite is a thumbnail of 125 pixels. If you have filled out the meta data in File Information, you can select it to be displayed along with Title and or Filename under Titles Use: Again Select a Font and Font Size. 11.) Under Options: Large Images, Choose the size for your large images resizing if necessary and again choose the caption and meta data you want displayed under Titles Use: Personally, I like to use a custom image size of 600 pixels for clients. 12.) Under Options: Security, Choose custom text if desired or copyright if it was filled out in File Information. I create Custom Text which usually reads © 2003 Seth Resnick All Rights Reserved. You can choose a color for the text and an opacity along with a position to create a copyright overlay positioned where you desire automatically on every image. 13.) Under Options: Custom Colors, Choose custom colors if you so desire for the banner, background, text and links. 14.) Click OK in the Web Photo Gallery Dialog box and your entire web

gallery is created. Images are resized and html is dynamically generated. When complete your Web Photo Gallery will launch in your web browser. 15.) Upload the folder created in step 2 to your web site using FTP software like Fetch. While all this may seem complicated, the entire process can be completed in minutes with just a little practice.

Custom Option with your own Logo in Web

Photo Gallery.

Many of you who are familiar with Web Photo Gallery in Photoshop

may be frustrated that you can't simply use your own logo in any of

the templates. D-65 is offering a custom service to create your own

custom template using your own logo. D-65 will produce a simple

template for $49.00 or a template using a rollover for $59.00. The

template is simply placed into the Presets folder in Photoshop and

you can produce pages for your clients using your own logo in

minutes without any knowledge of html. For additional information on

this service please go to http://www.D-65.com/customtemplate.html