How To Create Preset Templates In Photoshop

In today's tutorial, nosotros'll exist looking at how to create a reusable Photoshop grid template with simply a few clicks! The end result volition exist great for Instagram grid templates and other 9-box grid templates.

What Yous'll Larn in This Adobe Photoshop Tutorial

What are grids in Photoshop?
What are guides in Photoshop?
How to relieve grids in Adobe Photoshop
How to create grid template columns
How to create an Instagram grid template

Follow along with united states over on our Envato Tuts+ YouTube channel:

What You'll Need

To consummate this project, we are using the following resource:

Purple Instagram Posts
Plutos - Creative Portfolio - no longer available

Find more than resources on Envato Elements!

1. How to Add a Guide in Photoshop

Footstep 1

First, go toView > New Guide Layout.

Pace 2

Permit's start with some simple guides at the eye of the sheet by puttingii Columns and 2 Rows, and making sureCenter ColumnsisChecked.

Stride 3

Turn this guide into a guide template by going toPreset > Save Presetand naming your guide.

2. How to Create Grid Template Columns

Now, let'southward accept a look at how to create a 12-column guide template.

Step i

Again permit'due south become toView > New Guide Layout.

Step 2

Now, allow'due south practice our settings. You can change any of these settings to accommodate your needs! Our settings today will be:

Rows: Unchecked
Columns: Checked
Number: 12
Width: 70 px
Gutter (the space betwixt the columns): 30 px
Centre Columns: Checked

Step three

Let'due south go ahead and turn this guide into a guide template as well, by going toPreset > Save Presetand naming it.

three. How to Create an Instagram Grid Template

Let's stop upwards by looking at how to create an Instagram or nine-box grid template.

Stride 1

Let'due south go toView > New Guide Layout.

Step 2

The settings will depend on the width of your images, whether or not you lot want space between your images, or if you even crave a margin on top.

For our settings today, permit's go with:

Rows: Checked
Columns: Checked
Number: three
Width: 1200 px
Height: 1200 px
Gutter: fifty px
Margin: Tiptop 400 px (optional)
Centre Columns: Checked

Pace 3

Drag and drop your images onto your grid! Everything will snap into space, perfectly aligned. No guessing or wondering here!

That'southward It!

And that's all there is to creating a reusable Photoshop grid template in Photoshop! Save yourself some fourth dimension by creating your very own set of Photoshop grid templates today.

Tin can't become enough? Check out even more than tutorials below!