Perspective Grid Generator — 1-, 2-, 3-Point Grids as PNG

A browser-only tool that draws 1-, 2-, or 3-point perspective grids as scalable SVG and exports the result as a PNG file. Five aspect presets cover screen sizes (16:9, 4:3, 1:1) and print sizes (A4 landscape 1414 × 1000, A4 portrait 1000 × 1414). Grid density (10–100), vanishing point distance (0.5x–3.0x), and line color (HEX) are adjusted via sliders and a color picker.

Nothing is uploaded — the SVG-to-PNG conversion happens entirely in your browser. The exported PNG drops cleanly into the bottom layer of Procreate, Clip Studio Paint, Krita, or Photoshop as a draft underlay, or prints to A4 paper for traditional pencil work on a light table.

💡 Where this tool fits

• Comic / manga panel drafting: drop a 2-point grid as the bottom layer of a cityscape panel before inking. A light cyan (#00F0FF) keeps the guides visible while you draft, but easy to hide when the layer is toggled off.
• Storyboards and concept art: switch between 1-, 2-, and 3-point views to test camera angles before committing to a finished frame. The 1:1 preset works well for thumbnail panels and social-media-ready compositions.
• Underlay for free / mobile drawing apps: ibisPaint X (free tier), MediBang Paint, and many basic Photoshop seats ship without perspective rulers. A PNG underlay solves the gap on any layered editor.
• Printable A4 draft sheets: print a 1414 × 1000 or 1000 × 1414 grid for traditional sketchbooks, then trace through a light box.
• Teaching perspective fundamentals: students can see how a vanishing point at 0.5x vs 3.0x reshapes the same composition, without needing to draw the lines by hand.

🧐 Why a standalone PNG generator

Procreate, Clip Studio Paint, and Krita all ship built-in perspective rulers, so the obvious question is "why a web tool?" Three gaps remain. Free and mobile-first drawing apps (ibisPaint X free, MediBang, basic Photoshop seats) rarely include perspective rulers. Traditional artists working on paper want a printable PNG, not an in-app ruler. And learners benefit from sliding a vanishing point and watching the geometry react — something that a fixed-ruler tool doesn't expose.

This generator covers those three audiences with a single download. Once you save the PNG, it works in any layered editor: drop it into the bottom layer, lock it, then build your sketch on top.

📚 Picking the right perspective mode

1-point perspective uses a single vanishing point at the canvas center. It works best for head-on views of corridors, roads, train tracks, or interior shots looking straight at a back wall. In this tool the vanishing point distance slider is disabled for 1-point mode — the geometry is fully determined by the canvas center.

2-point perspective places two vanishing points along the horizon line, one to the left and one to the right of the canvas. It's the workhorse for building corners, street scenes viewed at an angle, and rooms seen from a corner. The distance slider at 1.5x puts the vanishing points 1.5 canvas-widths apart horizontally. Higher values flatten the perspective (more like a long telephoto lens); lower values exaggerate it toward a fisheye look.

3-point perspective adds a third vanishing point below (or above) the canvas. Use it for towering up-shots (looking up at a skyscraper), or drone-view down-shots (looking down at a city block). In this tool the third point is fixed below the canvas; the distance slider controls how much vertical exaggeration you get.

For line color, neutral grays or a saturated cyan (#00F0FF) read well as guide lines because they sit far enough from typical ink colors that you can keep them visible while you draw the final lines on top.