Perspective Grids in Photoshop


I've been studying perspective lately and wanted to try applying what I was learning in Photoshop. Perspective drawing is much easier when you have perspective grids to reference, so I wrote this Javascript utility to automatically lay out perspective grids for you.

The tool has several pages, each of which creates a different type of perspective grid. The created grids are stored as paths. To use them, use the path editing tools to move the grids into the position you want and then stroke the paths to draw the grids onto layers.



This tool is being hosted on Github now. Go there and download the latest release.

Go to Photoshop Perspective Tools on Github

Download this file and unzip it. Then copy the file 'Perspective Grids.jsx' it into your <Abobe Photoshop>/Presets/Scripts directory, then restart Photoshop. You can then run the script by selecting Files/Scripts/Perspective Grids.


Vanishing Point

Creates a path that shows a vanishing point with many spokes radiating from it. Can create multiple rings around the vanishing point, with each subsequent ring doubling the number of perspective lines.

Num Spokes: Number of spokes in the inner ring.

Num Rings: Number of rings about vanishing point.

Inner Radius: Radius of the center ring.

Angle: Rotation applied to path



Parallel Lines

A set of evenly spaced parallel lines used in one-point perspective.

Num Lines: Number of lines to draw

Span: Breadth in pixles that lines are spread across

Line Length: Length of each line

Angle: Rotation applied to path


Persp Parallel Lines

Parallel lines with diminishing spacing. Used in one point perspective where objects shrink into the distance. Each line indicates one step further into the distance.

Num Lines: Number of lines to draw. Lines are drawn starting with the outside of the span and stepping toward the horizon. Since there are an infinite possible number on lines and since they get bunched together so densly after a while, only the first few lines are drawn.

Span: Distance to cover with lines.

Zoom: Spacing between lines. Larger zoom values produce more evenly spaced lines, much like what you'd see if looking through a telephoto lens.

Line Length: Length of lines drawn.

Angle: Rotation applied to path




An ellipse based grid used used for 4-point, multi point and other types of curved perspective.

Num Lines: Number of lines between the horizon and top.

Length: Length of horizon line.

Height: Height of apogee of outermost line.

Angle: Rotation applied to path



Parabolas used for the depth component of four point perspective.

Num lines: Number of parabolas above the horizon line.

Radius: Radius of circle parabolas are inscribed in.

Angle: Rotation applied to path



One point perspective:

Two point perspective:

Fisheye (Four point) perspective:



Return to