How do I set up a two-point perspective grid?

Choose Two-point, set the horizon height in pixels from the top of the artboard, then place vanishing points 1 and 2 on it by dragging them or typing their x positions. The two points always share one horizon: dragging either point up or down moves the horizon, and the other point moves with it. For a natural-looking corner, put both points outside the artboard; a point beyond the preview edge is drawn as a dashed ring at that edge and still moves with its fields and the arrow keys. Two points less than 1 pixel apart are refused, because they would be one point.

What does ray spacing do, and why does a far point show only a few rays?

Ray spacing is the angle between neighboring rays from one point, from 0.1 to 90 degrees. Rays are counted from 0 degrees, pointing right, and turn counterclockwise, so a 5 degree spacing gives 72 rays around the point. Only the rays that reach the artboard are drawn, and a point far outside it sees the artboard through a narrow angle: with point 1 at x -600 and the horizon at y 380 on a 1920 by 1080 artboard, 5 degrees puts 16 of its 72 rays across the artboard, while the Street corner example's 1.5 degrees puts 54 across. The table under the grid shows both counts for every point. A spacing that leaves a point with no ray across the artboard is refused with a message.

Is there a limit on how many lines it draws?

Yes: 3,000 lines for the whole grid, counting every ray, the horizon and any parallel lines. A spacing of 0.1 degrees around a point inside the artboard would need 3,600 rays on its own, so the page names the total it would need and asks for a wider spacing instead of leaving lines out. Spacings below 0.1 degrees are refused for the same reason: zero would mean unlimited rays.

Are the downloads transparent, and what is inside the SVG?

Yes. Nothing is painted behind the lines in the PNG, the SVG or the PDF, so the grid can sit on its own layer in a drawing app. The SVG draws with line and circle elements only, grouped by color, with a title and a description: no scripts, links, images, fonts or style sheets, and no references to anything outside the file. Circles mark the vanishing points when Mark vanishing points in the files is on and the point lies inside the file's area. Copy SVG puts the same text on the clipboard for pasting into a vector editor.

How big is the PDF page, and can I print it?

The page is the file's size in pixels divided by the pixels per inch you set, so a 1920 by 1080 artboard at 150 pixels per inch gives a 12.8 by 7.2 in page. The US Letter preset sets 1650 by 1275 pixels at 150 pixels per inch, an exact 11 by 8.5 in page, and the A4 preset sets 2970 by 2100 pixels at 254 pixels per inch, an exact 297 by 210 mm page. The lines are vectors, so they stay sharp at any print size. Pages larger than 200 in a side are refused, because PDF readers only promise to open pages up to that size.

How do crop and export scale work?

Crop the output picks a rectangle of the artboard in whole pixels, and every line is cut at its edges; the export scale, from 0.05 to 16, then multiplies its size. Both directions use one scale, so the angles, the crossing points and the proportions of the crop are the same in every file. The SVG and PDF keep fractional sizes; the PNG is rounded to whole pixels, at most 8,192 a side, and its drawing is never stretched.

Where are my settings kept?

In this browser. The last grid that could be drawn is saved on this device and restored when you come back, and Save settings downloads it as a small JSON file you can open here later. Open settings checks the whole file before using any of it: a file that is not valid JSON, is not a settings file from this page, or describes a grid the page cannot draw is refused, and your current grid stays as it is. Nothing is uploaded.

Can I use it to match a photograph or check an architectural drawing?

No. It draws construction guides from the points and spacing you choose. It does not measure a photo or find vanishing points in one, it does not work out real dimensions, and it cannot check whether a building design works. Use it to lay out a drawing, a scene or a sketch.

Perspective Grid Maker

Choose one-, two- or three-point perspective, then place each vanishing point by dragging it on the grid, typing its position or nudging it with the arrow keys. Rays leave every point at the angle spacing you set and are cut exactly where they meet the artboard edge, so the files hold only the lines you can see. Two-point and three-point grids keep both horizontal points on one horizon, and the third point must sit above or below it. Artboards go up to 8,192 pixels a side, the whole grid is limited to 3,000 lines with a message naming the total rather than lines quietly left out, and the grid downloads as a transparent PNG, a script-free SVG, or a vector PDF sized from the pixels per inch you choose.

Perspective

Horizon y (px)

Vanishing point 1

Point 1 x (px)Point 1 ray spacing (degrees)Point 1 color

Sits on the horizon, so its y is the horizon y.

Vanishing point 2

Point 2 x (px)Point 2 ray spacing (degrees)Point 2 color

Shares the horizon with point 1.

Drag a point on the grid, or Tab to it and use the arrow keys: 1 pixel a press, 10 with Shift. Points may sit outside the artboard; one beyond the preview edge shows as a dashed ring at the edge.

Guides 145 of 3,000 lines

Mode: Two-point
Lines: 145 of 3,000 lines
Output: 1920 by 1080 px
PDF page: 12.8 by 7.2 in

Drag a vanishing point, type its position, or load a worked example.

Artboard and lines

The artboard is the area the guides are cut to, up to 8,192 pixels a side. Picking a size below scales the points with it; typing a width or height leaves them where they are.

Width (px)Height (px)Parallel spacing (px, 0 for none)Stroke width (px)Line opacity (%)Horizon and parallels color

Parallel lines are drawn as verticals measured from point 1. Ray spacing runs from 0.1 to 90 degrees, and the whole grid is limited to 3,000 lines.

Mark vanishing points in the files

Crop and export

Files hold the whole artboard, or a crop of it, at the export scale. Both directions use the same scale, so angles and crossings stay where they are on the grid.

Crop the output

Export scalePixels per inch (PDF)

The SVG is 1920 by 1080 px, the PNG 1,920 by 1,080 pixels (whole pixels, rounded), and the PDF page 12.8 by 7.2 in (325.1 by 182.9 mm) at 150 pixels per inch.

Open settings

Your last drawable grid is also kept in this browser and comes back on your next visit. A file that is not a settings file from this page is refused whole, and your grid stays as it was.

What is drawn

Point	Position	Ray spacing	Rays around it	Rays across the artboard
Vanishing point 1	x 240, y 430	5°	72	72
Vanishing point 2	x 1680, y 430	5°	72	72

Horizon at y 430, drawn across the artboard. 0 vertical and 0 horizontal parallel lines. 145 lines in all, each one cut where it meets the artboard edge.

Every line as coordinates (145)

Worked examples

Each one runs through the same geometry as your own grid. Load one to see it in the fields.

Hallway, one-pointPoint in the middle, walls and floor lines every 120 px
74 lines: 48 rays, horizon, 17 verticals, 8 horizontals
Street corner, two-pointBoth points far outside the frame, low horizon
117 lines: 54 + 50 rays, horizon, 12 verticals
Tower from below, three-pointPortrait artboard, third point high above
110 lines: 42 + 42 + 25 rays, horizon

How the rays are placed. Each point sends a ray every so many degrees, counted from 0 degrees, which points level to the right, and turning counterclockwise. Every ray starts at its point, or where it first meets the artboard, and stops at the artboard edge. The preview draws lines at a fixed screen width so they stay visible at any size; the files use your stroke width.

Common questions

How do I set up a two-point perspective grid?: Choose Two-point, set the horizon height in pixels from the top of the artboard, then place vanishing points 1 and 2 on it by dragging them or typing their x positions. The two points always share one horizon: dragging either point up or down moves the horizon, and the other point moves with it. For a natural-looking corner, put both points outside the artboard; a point beyond the preview edge is drawn as a dashed ring at that edge and still moves with its fields and the arrow keys. Two points less than 1 pixel apart are refused, because they would be one point.
What does ray spacing do, and why does a far point show only a few rays?: Ray spacing is the angle between neighboring rays from one point, from 0.1 to 90 degrees. Rays are counted from 0 degrees, pointing right, and turn counterclockwise, so a 5 degree spacing gives 72 rays around the point. Only the rays that reach the artboard are drawn, and a point far outside it sees the artboard through a narrow angle: with point 1 at x -600 and the horizon at y 380 on a 1920 by 1080 artboard, 5 degrees puts 16 of its 72 rays across the artboard, while the Street corner example's 1.5 degrees puts 54 across. The table under the grid shows both counts for every point. A spacing that leaves a point with no ray across the artboard is refused with a message.
Is there a limit on how many lines it draws?: Yes: 3,000 lines for the whole grid, counting every ray, the horizon and any parallel lines. A spacing of 0.1 degrees around a point inside the artboard would need 3,600 rays on its own, so the page names the total it would need and asks for a wider spacing instead of leaving lines out. Spacings below 0.1 degrees are refused for the same reason: zero would mean unlimited rays.
Are the downloads transparent, and what is inside the SVG?: Yes. Nothing is painted behind the lines in the PNG, the SVG or the PDF, so the grid can sit on its own layer in a drawing app. The SVG draws with line and circle elements only, grouped by color, with a title and a description: no scripts, links, images, fonts or style sheets, and no references to anything outside the file. Circles mark the vanishing points when Mark vanishing points in the files is on and the point lies inside the file's area. Copy SVG puts the same text on the clipboard for pasting into a vector editor.
How big is the PDF page, and can I print it?: The page is the file's size in pixels divided by the pixels per inch you set, so a 1920 by 1080 artboard at 150 pixels per inch gives a 12.8 by 7.2 in page. The US Letter preset sets 1650 by 1275 pixels at 150 pixels per inch, an exact 11 by 8.5 in page, and the A4 preset sets 2970 by 2100 pixels at 254 pixels per inch, an exact 297 by 210 mm page. The lines are vectors, so they stay sharp at any print size. Pages larger than 200 in a side are refused, because PDF readers only promise to open pages up to that size.
How do crop and export scale work?: Crop the output picks a rectangle of the artboard in whole pixels, and every line is cut at its edges; the export scale, from 0.05 to 16, then multiplies its size. Both directions use one scale, so the angles, the crossing points and the proportions of the crop are the same in every file. The SVG and PDF keep fractional sizes; the PNG is rounded to whole pixels, at most 8,192 a side, and its drawing is never stretched.
Where are my settings kept?: In this browser. The last grid that could be drawn is saved on this device and restored when you come back, and Save settings downloads it as a small JSON file you can open here later. Open settings checks the whole file before using any of it: a file that is not valid JSON, is not a settings file from this page, or describes a grid the page cannot draw is refused, and your current grid stays as it is. Nothing is uploaded.
Can I use it to match a photograph or check an architectural drawing?: No. It draws construction guides from the points and spacing you choose. It does not measure a photo or find vanishing points in one, it does not work out real dimensions, and it cannot check whether a building design works. Use it to lay out a drawing, a scene or a sketch.

Artist construction guides from chosen geometry, not calibrated photographs, architectural dimensions or building-design validation. Rays are clipped to the artboard and finite segment limits are explicit.