Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I need to generate sprites where images must not intersect. How can I get a custom-sized grid in Photoshop?

share|improve this question
do you know about ? – Flavius Frantz Apr 17 '13 at 12:23
Compass does spriting too: Sprites usually shouldn't be hand-built. – Koen Lageveen Apr 17 '13 at 12:43

To change the grid to a specific size go to:

Edit > Preferences > Guides, Grid & Slices

There you have the option to change the default values of Gridline Every x number of pixels/centimeters etc..

To use the gird:

Go to: View > Show Grid.

Note: Make sure the option "Snap to grid" is checked:

View > Snap > Snap to Grid

On topic, here are some usefull Photoshop scripts:

Photoshop Grid Generator:

This one generates css position for sprites:

Generate CSS position for :hover

Check out this article for more usefull PS scripts:

share|improve this answer

There is a Photoshop plugin for creating grids that it is called GuideGuide

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.