Slicing the Image

Now you can slice the image into smaller, more manageable pieces. You ll then create an animation, a rollover, and an image map. Finally, you ll save all the elements as an HTML document for publication to the Web.

Here are the steps for slicing the image:

1. Choose the Slice tool and use it to divide the image into six rectangles (slices), as shown in Figure H9.10. One slice should contain the images you will use for the animation. One slice should contain the logo at the bottom right. Make the lower-left slice as small as possible, while still containing the entire image.

   
   Figure H9.10: The sliced image

2. Use ImageReady s Smart Guides to snap your slices to the edges of the images. If need be, you can readjust or reposition the slices by dragging their edges with the Slice Select tool.

Note  

Another method of creating slices is to drag guides into the position where you want the image to be sliced. Then choose Slices ’ Create Slices From Guides.