A Short Guide to Rulers and Grids in Photoshop
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.
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.
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 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.
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.
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.
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.
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.
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.
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.
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.
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]).
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.
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].
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.