How to Slice Images in ImageReady:
Step 1
Open your graphic in Image Ready.
Select the Slice Tool.
The slice tool can be selected with the
letter K. It is the third tool down on the second row of the toolbar.Step 2
Draw boxes around the areas you wish to cut into different slices or pieces by dragging your mouse from one corner to the opposite corner. Once you have drawn all the boxes you wish to create, your graphic will look something like this graphic.
Sometimes, the default settings may be preset so that ImageReady automatically draws in all the boxes for you once you have drawn one box.
This
is the same graphic you encountered at the beginning of this tutorial -
the image map for Blue Suit Architecture, LLC. Shown are the blue lines
and numbers that appear around the sliced areas in ImageReady.Step 3
In order to modify slices, select the Slice Select Tool. Hold down on the Slice Tool on the toolbar, and a menu will pop out.
The slice select tool can be selected with
the letter K. It is the third tool down on the second row of the toolbar.Step 4
You can click on any of the pieces and change its slicing by dragging on any of the “grabbers” around the edge of the box.
The
sliced areas always form a rectangle - you cannot slice irregular or circular
shapes. There are grabbers at all four corners and half-way between each
corner.Step 5
Once you have your graphic sliced, you can save the pieces and a table in HTML code that will layout the pieces by going under File to Save Optimized As.
Under
File on the main menu, Save Optimized As is tenth - the alternative keystroke
is Ctrl + Shift + Alt + S.Step 6
A dialogue box will appear with different options. Notice you can save the file as HTML and Images (which saves the different image pieces and creates an HTML file with the correct table structure), as Images only, or as HTML only.
