How to Create a Perspective Grid in Photoshop

Final product imageFinal product imageFinal product image
What You’ll Be Creating

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!

If you’re interested in perspective grids, you’re probably interested in Photoshop drawing brushes as well. You can find them on Envato Elements—one subscription gives you access to millions of creative assets, including this huge set of brushes designed for technical drawing.

technical drawing brushes photoshop settechnical drawing brushes photoshop settechnical drawing brushes photoshop set

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 1-point perspective grid in Photoshop
  • How to draw a 2-point perspective grid in Photoshop
  • How to make a vanishing point in Photoshop

1. How to Create a Perspective Grid in Photoshop

Step 1

Open Photoshop 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 1-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 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. 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

To create a 1-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!

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 ball-point 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 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 for Illustrator.

Discover More Photoshop Tutorials and Resources

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


This content originally appeared on Envato Tuts+ Tutorials and was authored by Monika Zagrobelna

Final product imageFinal product imageFinal product image
What You'll Be Creating

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!

If you're interested in perspective grids, you're probably interested in Photoshop drawing brushes as well. You can find them on Envato Elements—one subscription gives you access to millions of creative assets, including this huge set of brushes designed for technical drawing.

technical drawing brushes photoshop settechnical drawing brushes photoshop settechnical drawing brushes photoshop set

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 1-point perspective grid in Photoshop
  • How to draw a 2-point perspective grid in Photoshop
  • How to make a vanishing point in Photoshop

1. How to Create a Perspective Grid in Photoshop

Step 1

Open Photoshop 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 1-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 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. 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

To create a 1-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!

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 ball-point 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 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 for Illustrator.

Discover More Photoshop Tutorials and Resources

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


This content originally appeared on Envato Tuts+ Tutorials and was authored by Monika Zagrobelna


Print Share Comment Cite Upload Translate Updates
APA

Monika Zagrobelna | Sciencx (2022-04-26T07:18:13+00:00) How to Create a Perspective Grid in Photoshop. Retrieved from https://www.scien.cx/2022/04/26/how-to-create-a-perspective-grid-in-photoshop/

MLA
" » How to Create a Perspective Grid in Photoshop." Monika Zagrobelna | Sciencx - Tuesday April 26, 2022, https://www.scien.cx/2022/04/26/how-to-create-a-perspective-grid-in-photoshop/
HARVARD
Monika Zagrobelna | Sciencx Tuesday April 26, 2022 » How to Create a Perspective Grid in Photoshop., viewed ,<https://www.scien.cx/2022/04/26/how-to-create-a-perspective-grid-in-photoshop/>
VANCOUVER
Monika Zagrobelna | Sciencx - » How to Create a Perspective Grid in Photoshop. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/04/26/how-to-create-a-perspective-grid-in-photoshop/
CHICAGO
" » How to Create a Perspective Grid in Photoshop." Monika Zagrobelna | Sciencx - Accessed . https://www.scien.cx/2022/04/26/how-to-create-a-perspective-grid-in-photoshop/
IEEE
" » How to Create a Perspective Grid in Photoshop." Monika Zagrobelna | Sciencx [Online]. Available: https://www.scien.cx/2022/04/26/how-to-create-a-perspective-grid-in-photoshop/. [Accessed: ]
rf:citation
» How to Create a Perspective Grid in Photoshop | Monika Zagrobelna | Sciencx | https://www.scien.cx/2022/04/26/how-to-create-a-perspective-grid-in-photoshop/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.