How To Create A Perspective Grid In Photoshop

Unlike Adobe Illustrator, Photoshop doesn't have a dedicated perspective grid tool. So if you want to create a perspective grid in Photoshop, you need to use a special brush or set up the Shape tool in a very specific way.

In this tutorial, I'll show you how to create a perspective grid in Photoshop that you can turn into a brush or a custom shape for future use!

Prefer video tutorials? Then don't miss this new design video tutorial by Abbey Esparza from the Envato Tuts+ YouTube channel. Learn everything you need to know about drawing perspective grids in Photoshop:

How to Create a Perspective Grid in Photoshop #shorts

What You'll Learn in This Photoshop Perspective Grid Tutorial

  • How to draw a perspective grid in Photoshop
  • How to create a perspective grid Photoshop brush
  • How to create a vector perspective grid
  • How to draw a one-point perspective grid in Photoshop
  • How to draw a 2-point perspective grid in Photoshop
  • How to use a vanishing point in Photoshop

1. How to Create a Perspective Grid in Photoshop

Step 1

Let's start this Photoshop perspective grid tutorial. Open the software and create a New File. Use the 5000 x 5000 px for the dimensions, and keep the background white.

create new filecreate new filecreate new file

Step 2

Open the Shape Tool menu in the toolbar, and select the Polygon Tool.

take polygon tooltake polygon tooltake polygon tool

Step 3

Set the Mode to Shape, Fill and Stroke to black, and make the Stroke 1 px thick.

adjust shape settingsadjust shape settingsadjust shape settings

Step 4

Now click anywhere in the canvas—a new window should appear. Adjust the settings the following way:

  • Set Width and Height to 5000 px
  • Set Number of Sides to 100
  • Set Star Ratio to 1%
  • Check From Center
polygon tool optionspolygon tool optionspolygon tool options

Step 5

A nice one-point perspective grid in Photoshop should appear! Select both layers now with the Shift key, take the Move Tool (V) and Align Horizontal and Vertical Center to properly position the grid.

align the gridalign the gridalign the grid
photoshop perspective gridphotoshop perspective gridphotoshop perspective grid

2. How to Create a Perspective Grid Photoshop Brush

Step 1

You could create the grid this way every time you need it, but it's easier to turn it into a perspective grid Photoshop brush, or simply a custom shape. To turn it into a brush, simply go to Edit > Define Brush Preset and give it a name.

create perspective grid brushcreate perspective grid brushcreate perspective grid brush

Step 2

Then you can create your perspective grid just by clicking on the canvas. However, this grid can't be resized on the fly to a size bigger than 5000 px. You can resize it after drawing it, but it's raster, so it will come with a loss of quality.

perspective grid photoshop brushperspective grid photoshop brushperspective grid photoshop brush

Step 3

The second method of drawing perspective grids is to turn the grid into a custom shape. To do this, select the layer with the grid and choose the Polygon Tool (U). Then go to Edit > Define Custom Shape and give it a name.

create perspective grid shapecreate perspective grid shapecreate perspective grid shape

Step 4

Your perspective grid is now available on the Custom Shape tool's list of shapes.

use custom shape tooluse custom shape tooluse custom shape tool
select new shapeselect new shapeselect new shape

Step 5

In the Path Options, check From Center—it will make it easier to place the vanishing point where you want it to be. Check Defined Proportions as well, to keep the grid symmetrical.

adjust path optionsadjust path optionsadjust path options

Step 6

Now you can just draw the grid by clicking and dragging.

This perspective grid is vector and can be resized without any loss of quality.
draw vector perspective griddraw vector perspective griddraw vector perspective grid

3. Drawing Perspective in Photoshop

Step 1

Once you have your grid tools, all you need to do is decide the location of the horizon and the vanishing points in Photoshop. You can draw the horizon using the Line Tool (U) from the Shape Tool menu. Use the same settings as before, and set the Weight to 1 px.

horizon line settingshorizon line settingshorizon line settings
horizon linehorizon linehorizon line
You can also use a Guide for the horizon

Step 2

Now we'll see how to use a vanishing point in Photoshop. To create a one-point perspective grid in Photoshop, place your vanishing point right in the center. You don't have to be precise—after drawing the grid, you can take the Move Tool (V) and use the arrow keys to nudge the grid into the right place.

place the one point perspective gridplace the one point perspective gridplace the one point perspective grid
one point perspective exampleone point perspective exampleone point perspective example
Use the Shift key to draw straight lines

Step 3

To create a 2-point perspective grid, place two vanishing points on your horizon. It's good to keep them far away from each other.

place two point eprspective gridplace two point eprspective gridplace two point eprspective grid
two point perspective exampletwo point perspective exampletwo point perspective example

Good Job!

Now you know how to create a perspective grid in Photoshop, both in the 1-point and 2-point versions, and how to use a vanishing point in Photoshop! You can use these new skills for myriad purposes, including cool isometric designs!

photoshop perspective grid examplephotoshop perspective grid examplephotoshop perspective grid example

Top Recommended Photoshop Brushes From Envato Elements

Are you looking for Photoshop brush sets designed to look like traditional tools? Give these a try!

Pencil Brushes (ABR)

Pencil BrushesPencil BrushesPencil Brushes

A pencil is the simplest drawing tool, but its textured strokes are a perfect base for any type of artwork—from technical sketches to detailed portraits. This set is simply a must-have for any digital artist!

Pen Brushes (ABR)

Pen BrushesPen BrushesPen Brushes

If you're interested in technical drawing, a digital brush imitating the strokes of a ballpoint pen can make your sketches clean, while also keeping that natural effect of traditional drawing. This set contains 60 of them!

Marker Brushes (ABR)

Marker BrushesMarker BrushesMarker Brushes

Sometimes you may need thicker strokes for your artwork, and although it's possible to make pencil or pen strokes bigger, it makes the natural effect go away. If you need thicker strokes, use a thicker tool—and this set gives you exactly this!

Dry Marker Brushes (ABR)

Dry Marker BrushesDry Marker BrushesDry Marker Brushes

If you want to make your strokes look extra convincing, you can add a "drying ink" effect to them with this set. It contains 70 marker brushes with realistic textures.

Stipple Brush Set for Photoshop and Illustrator (ABR, AI, EPS)

Stipple Brush Set for Photoshop and IllustratorStipple Brush Set for Photoshop and IllustratorStipple Brush Set for Photoshop and Illustrator

If you need something for shading, you can use any brush—but nothing will give you a unique style like a set of stipple brushes. This set contains 62 brushes—32 for Photoshop and 30 brushes for Illustrator.

Discover More Photoshop Tutorials and Resources

If you want to learn more about drawing in perspective, try these tutorials:

  • Technical Drawing for Beginners: One Point Perspective Cal T 21 Feb 2014
  • Technical Drawing for Beginners: Two Point Perspective Cal T 26 Feb 2014
  • Technical Drawing for Beginners: Three Point Perspective Cal T 11 Apr 2014
  • New Course: Mastering Perspective in Adobe Photoshop Andrew Blackman
  • How to Draw a House Step by Step Monika Zagrobelna 28 Apr 2017
  • 10 Essential Design Tips for Photoshop Abbey Esparza 26 Apr 2022
  • A to Z of Photoshop: Tips, Tricks, & Hacks! Abbey Esparza 11 Dec 2023
  • How to Create a Silhouette in Photoshop Ashlee Harrell 10 Sep 2023
  • How to Create an Artistic Watercolor Background Effect (With a Photoshop Action) Melody Nieves 15 Oct 2023
  • How to Flip a Layer in Photoshop Ivan Gromov 02 Jun 2023
  • How to Create a Transparent Gradient in Photoshop Andrei Marius 02 Mar 2022
  • How to Remove Green Screen in Photoshop Abbey Esparza 30 Jan 2023

Từ khóa » View Grid Photoshop