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.

Suppose I need to draw a grid in Photoshop, each square being the same size, and a certain amount of pixels tall and wide, and the grid lines having a certain pixel width. Like this:

enter image description here

Currently I do this by drawing one square, copy+pasting+moving+merging it a few times to create one row, copy/pasting that a few times to create more rows above each other.

It works, but feels very clumsy, I'm sure there ought to be a more efficient way to do this?

What are some efficient methods for creating a grid of equally sized squares?

share|improve this question
2  
If you have Illustrator, I'd do it there. See This: graphicdesign.stackexchange.com/questions/16869/… -- then simply copy/paste to Photoshop. –  Scott Nov 22 '13 at 17:54

4 Answers 4

Try using patterns. For your example of a square:

Draw your initial square and marquee-select a smaller square that includes the top and left sides only. Then select Edit > Define Pattern... and save your pattern with a name.

Next, marquee-select the area that you wish to fill. Then select Edit > Fill... , choose Use: Pattern and select your square pattern.

share|improve this answer

If you are attempting to create a grid just for your benefit while designing, there's an extension named GuideGuide that will do this efficiently.

If you need the grid to be part of the design, I'd recommend creating a line using the marquee tool and then duplicating it as many times as you need, then using the Layer >> Distribute options to get them perfectly even.

share|improve this answer
    
I would also recommend this plugin. –  Aibrean Jul 3 '14 at 16:38
  1. Select photoshop → preferences → guides, grids & slices.

  2. Define grid as desired

  3. Select view → show → grid; then check extras.

  4. Check view → snap to grid; then check snap.

  5. Turn on the Paths window if it isn’t already visible. Create a new path called Horizontal.

  6. Use the pen tool (P). Define a horizontal line segment at the top of the grid. Single click first on left side, then the right.

  7. Use the path selecetion tool (A, black arrow). Click on the path, hold down option (Alt) to make copies of the object.

  8. Create another new path called vertical.

  9. Use the pen tool (P). Define a vertical line segment of the grid on the left side. Single click first on the top, then the bottom.

  10. Use the path selection tool (A, black arrow). Click on the path, hold down option (Alt) to make copies of the object.

  11. Create a new layer for the grid (optional). Otherwise, the grid will be drawn on whichever layer is active.

  12. Palette window  → Select horizontal path, then choose stroke path (using foreground color) from the options submenu (click the little triangle with three lines on the upper right corner of the palette window), choose brush or pencil.

  13. Repeat previous step to stroke the vertical path.

share|improve this answer

make your chosen grid in excel and then copy and paste into photoshop :)

share|improve this answer

We're looking for long answers that provide some explanation and context. Don't just give a one-line answer; explain why your answer is right, ideally with citations. Answers that don't include explanations may be removed.

1  
How can cells be made in certain dimensions in Excel? How can the grid line width be changed? This answer could use a lot more explanation –  Zach Saucier Apr 16 at 14:58
    
OMG! This answer is hilarious :P –  kumar_harsh May 10 at 18:32

Your Answer

 
discard

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.