How to draw isometric graphics

Switch on View > Isometric grid in Vectornation by Zaweba and draw with snapping turned on. Your lines lock to the grid's angles, so boxes, buildings and machines come out as clean isometric shapes. For flat artwork such as a logo or a label, Object > Projection puts it onto a cube face so it sits on the side of your isometric object.

Isometric drawing shows three faces of an object at once with no vanishing point, so parallel lines stay parallel and sizes stay measurable. That makes it popular for infographics, game art, technical illustrations and those neat little city scenes, where clarity matters more than a camera's view.

Isometric or dimetric

The View menu offers two grids. The isometric grid uses equal angles for the two receding directions, the classic look. The Dimetric (2:1) grid uses the two-pixels-across, one-pixel-up slope common in pixel-style and game art, which gives clean stepped edges on screen.

Pick one at the start and keep to it. Mixing the two in one scene makes shapes look subtly wrong.

Building a block

Turn on the grid and snapping. Start with the big volumes: draw each visible face of a box as its own shape, snapping corners to grid points. Three faces make a block.

Give each face a different tone of the same colour, lightest on top, mid on one side and darkest on the other. That simple rule makes isometric shapes read as solid.

Build up detail on the faces. Doors, windows and panels are smaller shapes snapped to the same grid. Keep each face's details on a layer or in a group with that face, so you can move a whole building at once.

For text, logos and other flat art, draw them flat first, then use Object > Projection to project them onto the cube face they belong on. They take on the right angle without any hand skewing.

Neat isometric scenes

Use whole grid units. Making every dimension a whole number of grid steps keeps parts fitting together and makes it easy to stack and line things up.

Work back to front. Draw objects further from the viewer first and closer ones on top, so the stacking order matches what the eye expects.

Keep a consistent light direction. If the top is lightest and the left side darker, keep that across every object in the scene.

Reuse parts. Vectornation's symbols let you draw a tree, a window or a car once and place it many times, and changing the symbol updates every copy.

When to use a different approach

If your scene needs real convergence, a street that narrows into the distance, use the perspective grid instead. It offers one, two or three points, with the Depth grid (Shift+P) and Depth picker (Shift+V) for placing artwork on its planes.

For a single solid object, the 3D effects extrude, bevel and revolve shapes with lighting and cast shadows, which can be faster than building faces by hand.

Vectornation by Zaweba is free software for Windows that works offline and needs no account.