Tutorial: Page (1) of 1 - 09/20/04 Email this story to a friend. email article Print this page (Article printing at MyDmn.com).print page facebook

Exploring the Automate Feature in Photoshop CS

Creating a Web Photo Gallery By John Virata

Not all photographers want to learn how to create HTML pages with an html editor. It seems a bit cumbersome to manually create a bunch of columns and rows and optimize your images just so you can have a place to put your images on the Web. If you want your customers to see your work, the Web is by far the friendliest venue to showcase your work. It is readily accessible and you can update your profile as your profile grows. When you have a lot of images that you want to place on a Web page, Photoshop CS (and Photoshop 7) enables you to do this fairly quickly using the Web Photo Gallery option located under the Automate menu in the File Browser, or under File> Automate> Web Photo Gallery. The nice feature about using the Web Photo Gallery feature is once you set the parameters of your images, such as image width/height and compression, border specifications, and font attributes, the Web Photo Gallery will perform all these functions automatically so you don't have to go through each image individually or via a batch process.

The Web Photo Gallery Window is comprised of three sections; Site, Source Images, and Options.

The Site section is where you choose your style and provide an email address as linked contact information related to the images that you place on the page. There are several choices of styles that you can choose from, including Centered Frame-basic, Centered Frame Feedback, Centered Frame 1-Info Only, Centered Frame 2-Feedback,

, Horizontal Gray, Horizontal neutral, Horizontal Slideshow, Simple, Table 1, and Table 2. A preview of the style is located to the right of the window, under the OK button. See image below.


Source Images is where you select the images that you want to appear on the web page. You choose either images you already selected from the File Browser or you can select a folder of images. The Destination button is the location where the files for the page will be built. This is important because when you choose an appropriate destination, everything that is created to build the page is located in that destination, making it easy to upload to your server. The Options drop down menu dictates how you want the page to be presented as well as the parameters for image compression, colors, thumbnails, and security.

Under the Options toggle there are several choices that you set for the display of your page. These include General, Banner, Large Images, and Thumbnails. Under the General pull down, you can choose to save in either .htm or .html format. There are also checkboxes to Use UTF 8 Encoding for URL; Add width and height attributes for images, and preserve all metadata.

Under the Banner pull down there are for windows that let you input information. This includes Site Name (which is the name of the page you are creating), Photographer, Contact Info, and Date. You can also select the font and font size under banner as well.

Under the Large Images pull down are several toggles for manipulating the images that will appear in the web page. These include Resize images (small, medium, large, and custom), Constrain (width, height, both), JPEG quality (Low, Medium, High, Max) and file size, Border size, and titles Use, which Photoshop CS pulls from the camera's metadata and includes filename, description, credits, Title, and copyright. Keep in mind when you set these parameters, all of the images that will appear on the page will be automatically converted to the parameters that you set.

 Under the Thumbnails option, you can determine the size of the thumbnails that will display on your page. From here you can select if you want small, medium , or large images, or you can select a custom size. You can also select a border size if any, as well as the number of columns and rows you want your images to be displayed in. Custom colors enables you to change color of your backgrounds, text, links, as well as change color for active and visited links. The final option is Security, where you can copyright the content of the page. Here you can select the font, font size, color, opacity, position and rotation. After you are done setting all the parameters for your page, choosing the images and determining the size and image quality, click ok and Photoshop CS will compress all the images in the folder to the file sizes that you chose and create a web page with the style that you chose that you can upload to your server. The Web Photo gallery option in Photoshop CS has a potential wide variety of uses, ranging from a wedding photographer showing proofs to potential clinets to a manufacturer that wants to publish the details of a superwidget to a wide audience. It makes it really easy to automatically publish images to the Internet.

To view the content generated using the simple template click here.

To view the content generated using the feedback template click here.


Page: 1

John Virata is senior editor of Digital Media Online. You can email him at [email protected]
Related Keywords:Web Photo Gallery , Photoshop CS tutorial Web Photo Gallery

To Comment on This Article, Click HERE

Most Recent Reader Comments:
  • Re: Exploring the Automate Feature in Photoshop CS by sunfish at Sep. 24, 2004 7:34 pm gmt (Rec'd 5)
  • Exploring the Automate Feature in Photoshop CS by DMN Editorial at Sep. 21, 2004 10:41 pm gmt (Rec'd 4)

    Click Here To Read All Posts
    Must be Registered to Respond (Free Registration!!!, CLICK HERE)
  • [ServletException in:/common/ads/links.jsp] Unable to load class for JSP'

    Our Privacy Policy --- @ Copyright, 2015 Digital Media Online, All Rights Reserved