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-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 jvirata@digitalmedianet.com
Related Sites: Creative Mac ,   Digital Producer ,   Audio Video Producer ,   Corporate Media News ,   Digital Media Designer ,   Presentation Master ,   Oceania ,   MacDesignPro ,   PhotoShop
Related Newsletter: DMN Newsletter ,   CMN Newsletter ,   Pixels Newsletter ,   Mac Alert Newsletter ,   KNews Newsletter ,   Digital Media Net ,   DMNForums ,   Tutorial Finder

DMO TEXT LINKS
(Click here to place a textlink on this site)

Vegas Pro 8 + Free Vegas Seminar Series
Master classes for cutting-edge video production
A $100 value free with purchase
CLICK HERE!!!

HOT THREADS on DMN Forums
Content-type: text/html  Rss  Add to Google Reader or
Homepage    Add to My AOL  Add to Excite MIX  Subscribe in
NewsGator Online 
Real-Time - what users are saying - Right Now!
    • Re: Acid Pro 7 loops question • JohnnyRoy
    • Re: Rendering to .avi files • yigalsela
Content Insider #148 - The iGen
NO...Doesn't have a thing to do with "that" smartphone...or "that" store...or "that" tablet. It's the next generation. Kids and we mean little kids. That's what today's products are being designed for/targeted at. You happen to buy one...fine. Watch a little, little kid pick up a smartphone. He/she just uses it. They've come pre-wired and we're still trying to figure out how to IM. It's the IGen. They want it instantly. They want to use it instantly. They expect their photos, their video, their music, their stuff immediately when/where/how they want it. Read More
Social Media #2
Number two in a series of articles to plainly explain what organizations need to consider and carry out in today's social media. As the online communities increase in size, number, character; companies will refine their activities to develop "word of mouth equity" that can be used to strengthen their understanding of the customer's wants/needs (present/future), produce sales, blunt the effect of cheap store brands compared to name brands and draw upon when problems, issues arise. Read More
E3 2010: Eyes on the Floor
While nothing tops your very first E3 experience, every year comes with new surprises around every turn while exploring the booths. There were still hundreds of people in view at all times of the day, from exhibitors to booth babes and even security. It's overwhelming even before the press meetings! Read More
Social Media #1
The reach of the Internet has opened the door for companies to be in direct touch with millions of individuals who want to obtain information and discuss your company, products, services and your capabilities. They have thousands of online outlets to research virtually anything - and anyone - who exists on the planet. The challenge for companies is how to participate with these people, win them over or neutralize their issues. Read More
@ Copyright, 2010 Digital Media Online, All Rights Reserved