I was recently asked to slice an image of a map, so we could make a custom Google map. Photoshop is a great tool to do this task easily. We want to make different size slices to make the map have the ability to zoom. We wanted to divide the image into 8 x 8  squares, 4 X 4 squares, etc. Here’s an easy way to create even slices without pulling out guides.

First, we need to customize our grid.

1. Go to Edit, Preferences
2. Choose Guides, Grids, and Slices
3.  Under Grid, choose how far apart you want your Gridline. I chose 256 px and subdivision of 4 (since my image was 2048 x 2048 px).
4. Click ok

Turn on the Grid.

1. Click on View menu, then click Extras

Create a slice with the grid as your guide.

1. Choose the Slice tool
2.  Click on the image once with the slice tool. This will create one big slice, which is your whole image.
3. To divide this image into 8 x 8 sections, in the Slice menu at the top of PS, click on the Divide button.
4. Check the check box next to Divide Horizontally into. Type in 8 for the text box that says “Slices down, evenly spaced”.
5. Check the checkbox next to Divide Vertically into. Type in 8 for the text box that says “Slices aross, evenly spaced”.
6. To preview this, check the Preview checkbox.
7. Click on OK.

Now you have even slices that are perfectly lined up with your grid! 🙂 Hope this helps!

Advertisements