Using Document Grids

Using Document Grids

Photoshop CS6 Tutorial


How to Use Grids in Photoshop



Guides and Grid Lines are essential for document layout. Once they are in place, it simplifies object placement, drawing shapes and making selections.

For more information on Guides and Snapping to Grids and Guides, see topics, Using Document Guides and Snapping to Guides and Grid.


Step One

Open a new 500 pixel by 500 pixel Photoshop document (File > New).

Step Two

To see the Grid, choose View > Show > Grid (Cmd/ ' (apostrophe) (PC - Ctrl/ ' )).

Step Three

Notice that the grid has a series of dark lines with four lighter division lines between the dark lines.

Step Four

To change the Grid configuration we'll need to open the Preferences panel (Photoshop > Preferences > Guides, Grid and Slices). For PC users, the preferences are in the Edit menu.

Step Five

Change the Gridline Every value to 100 pixels and Subdivisions to 10. The Grid updates to reflect your changes.

Step Six

Select the Rounded Rectangle Shape tool. Set the Tool options to Shape Layer and choose a Fill color.

Step Seven

Click-drag in the document to add your shape. It should snap to the Grid as the shape is drawn. If the Snap feature isn't working, make sure it is activated in the View menu.

The Power of the Grid

In addition to Shape Objects, consider using grids for document layout, adding lines, making selections, working with the Pen tool and aligning objects.