Photoshop CS3 Undressed! Auto-slice image using custom parameters
Here’s a quick way of auto-slicing an image into 5×5 pixel blocks, or 10×10 pixel blocks, etc, and then exporting the sliced images plus HTML.
1. Slice the image into one main slice (Fig 1) using the Slice tool (K).
Fig 1. Electric pylon :: MPX Stock Images
2. Select the slice with the Slice Select tool (K).
3. Click on the Divide button in the Options bar.
4. When the Divide Slice dialog opens (see Fig 2), enter parameters in the Divide Horizontally Into and Divide Vertically Into text boxes (in this example, I wanted to slice the image into 25 slices, so I entered 5 in each text box).
Fig 2. Divide Slice dialog
5. Click OK.
6. Choose File > Save for Web and Devices command.
7. In the Save for Web and Devices dialog, select Save and then, in the Save Optimized dialog, choose following items from the pop-up menus:
Format: HTML and Images
Settings: Output Settings
Slices: All Slices
Note, you can customize the output settings by choosing Other from the Settings pop-up menu in the Save Optimized dialog, or by choosing Edit Output Settings from the main dialog menu (click on the triangle to the right of the Preset pop-up menu to access the menu).
8. Choose or create a folder into which you wish to save the files.
9. Click Save.
That’s it!
Copyright © 2008, Shangara Singh.
Comment
, Leave a Reply