How to Change Grid Line Frequency in Photoshop

Adjusting the grid line frequency in Adobe Photoshop allows you to create precise layouts, align elements accurately, and customize your workspace to fit specific design dimensions. This guide explains the exact parameters used to alter both horizontal and vertical grid spacing and provides straightforward steps to configure them within Photoshop's preferences.

The primary parameters that alter grid line frequency in Adobe Photoshop are "Gridline Every" and "Subdivisions". Both horizontal and vertical grid lines are governed simultaneously by these two settings located in the application preferences.

Accessing Grid Settings

To adjust these parameters, open the Grid preferences menu:

  • Windows: Go to Edit > Preferences > Guides, Grid & Slices.
  • macOS: Go to Photoshop > Settings (or Preferences) > Guides, Grid & Slices.

Alternatively, press Ctrl + K (Windows) or Cmd + K (macOS) to open the Preferences window, then select Guides, Grid & Slices from the sidebar list.

Parameters That Control Frequency

Within the Grid section of the dialog box, two controls dictate the frequency and density of the lines:

  1. Gridline Every: This parameter defines the distance between the primary grid lines. You can input a numeric value and select a unit of measurement from the dropdown menu, including Pixels, Inches, Centimeters, Millimeters, Points, Picas, or Percent. For example, setting this to 100 Pixels places a major horizontal and vertical line every 100 pixels.
  2. Subdivisions: This parameter controls how many secondary lines appear between each major gridline. Increasing this value divides the space created by the "Gridline Every" setting into smaller, more frequent increments. For example, if "Gridline Every" is set to 100 Pixels and "Subdivisions" is set to 4, a subdivision line will appear every 25 pixels.

Viewing the Grid

Once your parameters are set, click OK to apply the changes. If the grid is not currently visible on your canvas, toggle it on by selecting View > Show > Grid, or by pressing the shortcut Ctrl + ' (Windows) or Cmd + ' (macOS).