When it comes to creating grids in Photoshop, designers have long had to rely on plugins like the fantastic GuideGuide for efficiency. Now though, Photoshop comes with a similar (but slightly less powerful) feature built in, called Guide Layouts. In this tutorial, you'll learn how to use Guide Layouts to quickly create custom grids and save them as reusable presets.
Step 1 - Create a new guide layout
With your chosen document open, go to View > New Guide Layout.
Step 2 - Set up your grid
Start by specifying the number of columns and rows you would like your grid to have.
By default, columns and rows are spaced evenly across the full width and height of your document. If you would like your columns or rows to be a specific size, enter the appropriate values into the Width and Height fields.
Just like in other similar fields in Photoshop, you can enter measurements in a range of units such as px, mm, in, etc.
Be default, columns with a defined width are aligned to the left of your canvas. If you would like your columns to be centered, simply check the Center Columns option.
If you would like to define Gutters and Margins, again, you can do so by entering the appropriate values into the corresponding fields.
If your document already contains some existing guides, checking the Clear Existing Guides option will remove them from the canvas and replace them with your new Guide Layout. If you would like to keep your existing guides, leave this option unchecked and the guides from your new Guide Layout will simply be added on top of the existing ones.
Step 3 - Save your grid
To save your grid so that you can use it again in the future, open the Preset drop-down menu and click Save Preset.
Enter a descriptive name, then click Save. Your custom grid will now be readily available to select from the Preset drop-down menu.