Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

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 spritecow.com ? –  Flavius Frantz Apr 17 '13 at 12:23
Compass does spriting too: compass-style.org/help/tutorials/spriting. Sprites usually shouldn't be hand-built. –  Koen Lageveen Apr 17 '13 at 12:43

2 Answers 2

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: https://gist.github.com/TaKUMA7/4023076

This one generates css position for sprites: http://arnaumarch.com/en/sprites.html

Generate CSS position for :hover http://www.interactivellama.com/blog/archives/photoshop-script-combine-two-images-css-hover-css-sprite/

Check out this article for more usefull PS scripts: http://www.smashingmagazine.com/2011/05/04/useful-photoshop-tools-and-techniques-for-your-workflow/

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.