Designing Web Graphics - Adobe PHOTOSHOP 6.0 Manual

32
Adobe Photoshop Basics
Preparing Web graphics

Designing Web graphics

Photoshop and ImageReady provide a rich set of tools for adding Web features to your images. Among other
benefits, you can divide an image into download-efficient slices, define image maps directly in the image,
and add interactive rollover effects.
When you slice an image,
Slice an image
each rectangular slice downloads individually
so that users can view parts of the image as the
downloading progresses. You can also use slices to
help keep file sizes down and define Web features
such as links, rollovers, and animations. To slice
an image, select the slice tool ( ) and drag in the
Slicing an image
image to define the slice areas. Photoshop or
ImageReady automatically generates slices for the remaining areas of the image.
Another way to define slices is by using the boundaries of layers. See "Enhanced slicing capabilities" on
page 45 for more information.
Assigning a URL to a slice makes the entire slice area a hotspot in the Web page,
Assign a URL link to a slice
with a link to the specified URL. Select the slice select tool ( ), and double-click the desired slice to display
the Slice Options dialog box (Photoshop) or the Slice palette (ImageReady). Then enter the desired URL
destination and, if needed, the target frame.
For information on setting other slice options such as message text and Alt tags, see "Enhanced slicing
capabilities" on page 45.
Image maps let you add URL links to different areas of an image.
(ImageReady) Create an image map
Select the rectangle image map tool ( ), and drag in the image to define the image map. Then select the
image map selection tool ( ) and double-click the desired image map to display the Image Map palette.
Enter a name and URL link destination for the image map. If desired, enter a target frame destination and
text for an Alt tag.