A Short Guide to Rulers and Grids in Photoshop

by Dec 7, 2019Free Tutorials, Resources

Utilising grids, guides and rulers in Photoshop is a great way in which you can quickly and easily improve the compositions of your pieces. They allow you to align visual elements and place components at regular intervals, and they don’t show up when printing or exporting a document, which is a handy bonus when it comes to displaying both printed files and exported files on screen. 

Whether you use them to simply centralise a single aspect, or to align hundreds of objects in a piece, rulers and grids are guaranteed to become a staple part of every designer’s creative process at some point. So how can we integrate them into our routine? 

Well in this article, we’ll discuss the ways in which you can work with rulers and grids in Photoshop, and the real-life examples of when they might be useful. If you don’t already have Photoshop, you can purchase it here.

1: Show Rulers in Photoshop by Choosing View > Rulers

With a document or image open, we’ll first want to begin with setting up Photoshop so that it shows rulers that we can use to place our guides. To do this, head along the top bar to View > Rulers (Ctrl + R [Win] / Cmd + R [Mac]). To hide the rulers at any time, simply do the same thing again.

view rulers in photoshop

To change the unit of measurement, right click on either the horizontal or vertical ruler and choose the respective unit from the dropdown menu that appears.

unit for rulers in photoshop

2: Add a Guide by Clicking on the Ruler and Dragging a New Guide Out

With the rulers set up, you’ll now want to go ahead and add a new guide. To do this, click and drag from either of the rulers (the top one for a horizontal guide, or the side one for a vertical guide). The cursor will turn into a double arrow as you click and drag your mouse across the screen. Simply release the mouse to place the guide wherever you want it!

adding guides in photoshop

Adding guides comes in handy when you’re trying to align text, for instance, in attempt to make the edges of each line be in the same place. For example, in the image below, we’ve demonstrated how you may want to add in guides at the vertical line at which you would like each line of text to end.

text tool option panel photoshop

Instead, you could use your logo as a watermark. In this case, head to File > Open, and choose your logo from your files. Once it is open in Photoshop, select Image > Adjustments > Black & White.

a short guide to rulers and grids in photoshop

You can resize or move elements towards the relevant guides, referring to them to ensure that all the objects are in line.

3: Reposition a Guide by Clicking and Dragging it Using the Move Tool

If you decide that you wish to move a guide to be in another position, then we can reposition it using the Move Tool, represented by the icon shown below. Then just click on the guide that you want to move and drag it to its new position.

move tool in photoshop

4: Select View > Lock Guides to Lock Them into Position

When working on a document with guides on it, it can be frustrating when you’re trying to move elements of the piece, but you keep accidentally moving the guides out of place instead.

To solve this issue, head to View > Lock Guides to temporarily disable them, meaning that you won’t accidentally move them when working with other components of your document.

lock guides in photoshop

5: Click and Drag an Existing Guide Back onto a Ruler to Delete it

If you want to get rid of an individual guide, simply click on it and drag it with your mouse, releasing it when it lies over one of the rulers.

6: Choose View > Clear Guides to Delete All of the Guides

If, instead, you need to get rid of all the guides in your document, select View > Clear Guides. This will clear your workspace and allow you to either add new guides from scratch, or work without them.

clear guides in photoshop

7: Select View > Snap, to make Objects Snap Onto Guides or Grids

To really utilise the full effect of guides, you can turn on Snapping to make the guides or grids in your document act like magnets, allowing objects to, in effect, be attracted to the guides. 

To do this, head to View > Snap, located in the bar along the top of the screen.

snap view option photoshop

If you want to choose specifically what your objects snap to, then choose View > Snap To, then select the relevant items from the dropdown menu.

snap to option photoshop

8: Create a Grid by Selecting View > Show > Grid

As well as guides, grids are a really useful way of aligning the visual elements that make up a composition. They’re used all the time by designers, especially as they allow for the application of the rule of thirds. 

For instance, in the example below (image by Martin Gommel, taken from ‘Photography Mad’ ) you can see how a grid would be useful when checking the composition of photographs- both landscapes and portraits.

snap view option photoshop

To create a grid in Photoshop, go ahead and select from the bar along the top of the screen View > Show > Grid (Ctrl + ‘ [Win] / Cmd + ‘ [Mac]).

show grid option in photoshop

Selecting this will, by default, add a grid to your workspace in which the lines are spaced an inch apart, with four subdivisions. We can change the style of our grid within the Preferences Window.

adding grid black text photoshop

9: Edit Your Preferences to Stylise the Grid

If you’re unhappy with the color, the number of subdivisions, or the spacing in your grid, then you can set the properties of it by altering your Preferences. 

To access the window, choose Photoshop > Preferences > Guides, Grid & Slices [Mac] / Edit > Preferences > Guides, Grid & Slices [Win].

edit preferences guide, grids and rulers in photoshop

With the window open, you can now edit the properties of your grid based on how you want to divide your workspace. If you wish to hide the grid at any moment, select View > Show > Grid again to temporarily disable them.


And that’s about all there is to know about rulers, guides and grids in Photoshop! Want to find out more about the topics discussed in this tutorial? Check out this video by Peachpit TV which explains the process further.

About the Author Betchphoto

Martin is an amateur photographer and digital marketer who has more than 15 years of experience with Adobe Photoshop. Check his about page here