February 2, 2004
SLICING AND IMAGE READY:
Slicing divides an image into distinct ZONES.
Divides up a large image to enable it to download faster (group of small slices downloads faster than a single large image)
because you can optimize each slice individually.
Types of slices
When you create a new user-slice or layer-based slice, additional auto-slices are generated to
account for the remaining areas of the image. Auto-slices fill the space in the image that is not
defined by user-slices or layer-based slices. Auto-slices are regenerated every time you add or
edit user-slices or layer-based slices. User-slices, layer-based slices, and auto-slices look
different--user-slices and layer-based slices are defined by a solid line, while auto-slices are
defined by a dotted line.
- Slices you create using the slice tool are called user-slices;
- Slices you create from a layer are called layer-based slices.
A subslice is a type of auto-slice that is generated when you create overlapping slices. Subslices
indicate how the image will be divided when you save the optimized file. Although subslices are
numbered and display a slice symbol, you cannot select or edit them separately from the underlying
slice. Subslices are regenerated every time you arrange the stacking order of slices.
To Slice An Image Into Equal Parts Using A Command: (Creates a Grid)
- Slices > Promote to User-slice
- Slices > Divide Slice
- Check Divide Horizontally Into AND/OR Divide Vertically Into; enter desired # of slices
or # of pixels/slice for height / width of each H/V slice
- OK; label appears in upper left corner of each slice to identify as
it's slice number (01, 02, etc.) left > right, top > bottom #s
All slices are selected after this; to choose only one, select (K) Slice Select Tool and
Window > Slices (checked)to see naming scheme
To Slice An Image Manually:
- Chose Slice Tool (K)
- Drag diagonally across the image to select 1st slice area; a label and frame appear;
IR will divide the rest of the image into auto-slices
- OPTIONAL: draw more slices; auto label; IR will redivide
- OPTIONAL: to divide into smaller slices: (grid)
- Chose Slice Select (A) tool
- Click on a slice to select
- Slices > Divide Slice and click OK
- Selected slice looks normal, non-selected is dimmed;
TO PLOT SLICES USING GUIDES:
- Display Rulers, drag guides where you want them
- Slices > Create Slices from Guides
- This deletes all previous slices; creates checkerboard, not irregular
TO DELETE SLICES:
- Slice Select Tool (K)
- Shift select; Slices > Delete Slice OR hit Backspace/Delete
RESIZE: dragging slice border handles
- Slice Select Tool (K)
- Click on slice you want to resize
- Drag a side / corner handle
- shift select more than one;
- Slices > Combine Slices
TO ATTACH A URL / MULTIPLE LINKS:
- Open image
- Choose Slice Tool (K)
- Drag / create slices
- Chose Slice Select Tool (A)
- Click on a slice; Window > Slice
- Enter URL in URL field (* remember relative or absolute!)
- OPTIONAL: Enter target=_blank for new window, or a frame target
Lets you share optimization settings between slices. When you apply optimization settings to a
linked slice, all slices in that linked set are updated.
Linked slices in GIF format share a color palette and dither pattern. The dither pattern is
applied across adjacent slice boundaries to prevent the appearance of seams between the slices.
TO LINK SLICES:
Each linked set of user-slices is assigned a different color for the slice display graphics in
the upper left corner of the slice. This helps to identify all the slices in one set.
- Slice Select Tool (K)
- Shift select multiple slices
- Slices > Link Slices
- To unlink a user-slice, select the slice, and then choose Slices > Unlink Slices.
- To unlink all user-slices in a set, select a slice in the set, and choose Slices > Unlink Set.
- To unlink all user-slices in an image, choose Slices > Unlink All.
Creating layer-based slices
When you create a slice from a layer, the slice area encompasses all the pixel data in the layer.
If you move the layer or edit the layer's content, the slice area automatically adjusts to encompass
the new pixels.
Layer-based slices are especially useful when working with rollovers. Start by placing the rollover
element on a separate layer, and then create a slice from that layer. If you apply an effect to the
layer--such as a drop shadow or glow--to create a rollover state, the slice automatically adjusts
to encompass the new pixels. However, do not use a layer-based slice when you plan to move the
layer over a large area of the image during an animation, because the slice dimension may exceed
a useful size.
Converting layer-based slices to user-slices
Because a layer-based slice is tied to the pixel content of a layer, the only way to move,
combine, divide, resize, and align it is to edit the layer. You can convert a layer-based
slice to a user-slice to unlink it from the layer.
To convert a layer-based slice to a user-slice:
- Select a layer-based slice. In ImageReady, you can select multiple slices.
- Choose Slices > Promote to User-slice(s).
To create a slice from a layer:
- Select a layer in the Layers palette
- Choose Layer > New Layer Based Slice.
Creating Background Images |
Prepping Images for the Web |
Back to Syllabus