Using Photoshop 5.5 and Imageready 2.0 to Create Image Tables - part 2 | WebReference

Using Photoshop 5.5 and Imageready 2.0 to Create Image Tables - part 2


Using Photoshop 5.5 and Imageready 2.0 to Create Image Tables

Part 2

After you have created your navigation, or other graphical elements that will go into a table, and have placed your guides with HTML tables in mind, the next step is to take it into ImageReady for slicing. Since ImageReady is a separate application outside of Photoshop, you must first launch it. This is done by clicking on the ImageReady icon, which is situated at the bottom right corner of the Photoshop toolbox. If you have not saved your document, you will be prompted to do so before ImageReady launches.

Once in ImageReady, find the Slices menu and go Slices>Create Slices From Guides. Figure 2 shows the result.

Figure 2
Figure 2. Numbered slices created after invoking Slices>Create Slices From Guides.

Next, we need to select individual slices in order to set different properties for each. This is done with the slice selection tool, which is located on ImageReady's toolbox, and by clicking on a slice. The slice selection tool is pictured in Figure 3.

Figure 3
Figure 3. The slice selection tool.

Next, after we have selected a slice, we will want to optimize it. This is done with the Optimization palette, shown in Figure 4. Here we are presented with various options. We can designate the kind of image we want - in this instance, we have chosen to optimize the image within slice #1 as a 16 color GIF with diffusion dither. As well, we may chose from various settings (such as Web Safe) from the Settings drop down at the top of the palette. Once we have made our choices in the palette, they are applied to the individual slice.

Figure 4
Figure 4. The Slice dialog and Optimize palette.

To Continue to Part 3, or Return to Part 1, Use Arrow Buttons

http://www.internet.com

Comments are welcome
and brought to you by webreference.com

Created: Dec. 7, 1999
Revised: Dec. 9, 1999

URL: http://webreference.com/authoring/graphics/imagetables/part2.html