Index > Photoshop/Imageready Tutorials > Slicing tutorial
Part one | Part two
Slicing in Imageready is quite easy, if I can do it, you most definately can! Slicing is a useful process which slices up a big image into smaller ones. This allows coding frame and table layouts a lot easier! Let's begin:
In order to begin slicing you have to either turnover the image you are working on from Photoshop to Imageready to do this, click on the icon below or hold down Shift Ctrl M.

![]()
Okay! Now that the image is all cut up into little slices, like a pie :D, go to File>Save Optimized as and make sure to save it as HTML and Images in the drop down menu. Name it whatever you want, I think I am going to name mine toejam :D ALSO! Make sure that if you are coding it for a layout that you make a specific folder for the layout! That makes it a whole lot easier later, take my word for it xD

Learn how to make frame layouts?(part 2)

