1 | Slices are rectangular areas of an image that you can define in Photoshop or ImageReady for individual Web optimization. With slices, you can create animated GIFs, URL links, and rollovers. |
2 | Image slices are created when you define areas in the image using the slice tool, or when you convert guides, layers, or selections into slices. They are also created automatically for areas in the sliced image that you leave undefined. |
3 | The advantage of linking slices together is that they’ll share optimization settings—if you change the settings for one linked slice, the optimization settings automatically change for the other slices in the set. |
4 | Using the magic wand tool (or another appropriate selection tool) in ImageReady, select the object, and choose Slices > Create Slice from Selection. |
5 | Select the slice with the slice selection tool. In the Slice Options dialog box (Photoshop) or Slice palette (ImageReady), choose No Image from the Type menu. No Image slices can contain a background color, text, and HTML source code, or they can serve as a placeholder for graphics to be added later. |
6 | Normal and Over. Normal is active in the absence of any mouse action, and Over is triggered by moving the pointer over the slice. Selected is another state, which is triggered by clicking a slice. There are eight predefined states, counting Custom and None. But because you can create your own Custom states, there really is no limit to the number of states a slice can have. |
7 | Using a multilayer image, hide and reveal layers to create different versions of the image for each rollover state. |
18.191.240.222