Click on the icon "Jump
to ImageReady" which is placed at the
bottom of the Tool Box.
between Photoshop and ImageReady to transfer an image between
the two applications for editing without closing the originating
Files and documents updated in one application gets automatically
updated in the other application.
As soon as the icon "Jump
to ImageReady" is clicked Adobe ImageReady
screen is displayed. This software possesses tools to slice
the whole image into medium size images and then save it as
To avoid confusion between the two software's as well as the
to Adobe Photoshop
Close the layout file, It prompts to save the file again
Save the file and exit Photoshop software
This also fasten work since if both the softwares are open
then they will consume lot of RAM memory and the machine will
The guides were already placed in Adobe Photoshop
these guides get automatically displayed in Adobe Image Ready.
In case the guides are not visible then
View > Show > Guides
"Slicing" is a procedure wherein
you can cut and divide the whole layout into small pieces
or slices. This helps in easy downloading of the html page.
the defined guides as a reference and start slicing the layout
2. Choose Slice Tool (K)
from the tool palette.
Snap: Snaps helps with precise placement
of selection edges, crops, slices, drawing tools, paths and
objects by aligning them with guides, slices and grid.
Choose View > Snap to >
Snap To Guides option helps in fine slicing of the layout
according to the guides marked earlier.
First Slice the Buttons i.e. Profile, Products,
Clients, Contact Us, Advice Online & Feedback.
Slice the logo according to the guidelines.