beautypg.com

Web photo gallery styles – Adobe Photoshop CS4 User Manual

Page 653

background image

646

USING PHOTOSHOP CS4

Optional plug-ins

Last updated 1/10/2010

Font and Font Size

(Available for some site styles) Specify the font and size of the caption.

Custom Colors

Options for colors of elements in the gallery. To change the color of an element, click its color swatch

and

then select a new color from the Adobe Color Picker. You can change the background color of each page

(Background option) and of the banner (Banner option).

Security

Displays text over each image as a theft deterrent.

Content

Specifies the text to be displayed. Select Custom Text to enter customized text. Select Filename,

Description, Credits, Title, or Copyright to display text drawn from the File

Info dialog box.

Font, Color, and Position

Specify the font, color, and alignment of the caption.

Rotate

Place the text on the image at an angle.

Web photo gallery styles

To create more effective web galleries, use the Adobe Output Module in Adobe Bridge. For more information, see

Create a web photo gallery with Adobe Output Module

. If you prefer the older Web Photo Gallery plug-in described

below, download it for

Windows

or

Mac OS

.

Photoshop provides a variety of styles for your web photo gallery. If you are an advanced user who knows HTML, you
can create a new style or customize a style by editing a set of HTML template files.

The web photo gallery styles provided by Photoshop are stored in individual folders in the following locations:

Windows

Program Files/Adobe/Adobe Photoshop CS4/Presets/Web Photo Gallery.

Mac

OS

Adobe Photoshop CS4/Presets/Web Photo Gallery.

The name of each folder in this location appears as an option in the Styles menu in the Web Photo Gallery dialog box.
Each folder contains the following HTML template files, which Photoshop uses to generate the gallery:

Caption.htm

Determines the layout of the caption that appears below each thumbnail on the home page.

FrameSet.htm

Determines the layout of the frame set for displaying pages.

IndexPage.htm

Determines the layout of the home page.

SubPage.htm

Determines the layout of the gallery pages with full-size images.

Thumbnail.htm

Determines the layout of the thumbnails that appear on the home page.

Each template file contains HTML code and tokens. A token is a text string that is replaced by Photoshop when you
set its corresponding option in the Web Photo Gallery dialog box. For example, a template file may contain the
following TITLE element that uses a token as its enclosed text:

%TITLE%

When Photoshop generates the gallery using this template file, it replaces the token %TITLE% with the text that you
entered for Site Name in the Web Photo Gallery dialog box.

To better understand an existing style, you can open and study its HTML template files using an HTML editor. Because
only standard ASCII characters are required to create HTML documents, you can open, edit, and create these
documents using a plain-text editor such as Notepad (Windows) or TextEdit (Mac

OS).