Isometric drawing basics

Isometric drawings show a three-dimensional object on a flat page without perspective, so equal lengths stay equal. They are popular for room layouts, game art, diagrams and product sketches.

By 孤獨的時空旅人 · Updated 2026-10-16

How the axes work

In an isometric drawing the three axes are drawn 120° apart: one runs up the page, the other two run down to the left and the right at 30° from the horizontal. In the Isometric Drawing tool X points to the lower right, Y to the lower left and “Up” is the height above the floor, all measured in grid squares. Parallel edges stay parallel and nothing shrinks with distance.

Build a scene from simple solids

Almost every object can be made from boxes, cylinders, pyramids, thin floor tiles and stairs. Start with a floor, add the big blocks, then the small details. To put one object on top of another, give the upper object an “Up” value equal to the lower object’s Up plus its height.

Overlap and drawing order

Objects nearer the viewer (larger X and Y) hide objects behind them, and higher objects sit in front of lower ones. The tool sorts overlapping objects automatically. If a special case looks wrong, give an object a “drawing order” number: higher numbers are drawn on top.

Common mistakes

Using 45° lines instead of 30° (that is a different projection), mixing perspective with isometric, and forgetting that rotations are in steps of 90°. Keep colours distinct between neighbouring objects so the shapes read clearly.

Export

Move objects by dragging them across the floor or by typing numbers into the object card, then download a PNG for slides and posts or an SVG for further editing. The scene is a flat 2D projection, not a 3D model, and nothing is uploaded.

Tools used in this guide

Frequently asked questions

What is the difference between isometric and perspective?

Isometric keeps equal lengths equal everywhere; perspective makes distant things smaller.

Which shapes can I use?

Boxes (and cubes), cylinders, pyramids, floor tiles and stairs.

Can I rotate an object?

Yes, in 90° steps. Stairs climb toward a different direction for each step.

How many objects can a scene have?

Up to 100.

Guides

How to reduce PDF file sizeA PDF that is too big to email or upload is almost always big because of images. Here is how to make it smaller without breaking it.PDF to Word: why formatting changes and what to doConverting a PDF back into an editable document is useful, but it is rarely perfect. Knowing why helps you pick the fastest route to a usable file.How to combine photos or phone scans into one PDFReceipts, IDs, homework or signed forms — here is a clean way to turn several photos into a single PDF that is easy to send.iPhone HEIC photos: how to convert them to JPGiPhones save photos as HEIC to save space. That is great on the phone, but many websites, Windows apps and forms still expect JPG. Here is what to do.Simplified to Traditional Chinese: characters vs vocabularyConverting Chinese between Simplified and Traditional looks like a character swap, but good results depend on context and on the region your readers live in.How mortgage payments are calculatedYour monthly payment depends on three numbers: the loan amount, the interest rate and the term. Small changes in any of them add up to large differences over 30 years.Compound interest explained with real numbersCompound interest means your returns earn returns. The formula is simple; what surprises most people is how much time matters.How to add subtitles to a video (burn in an SRT or script)Subtitles help people watching on mute, in noisy places or in a second language. This guide shows the quickest way to put them on a video without uploading it anywhere.Recording or audio to sheet music: how it works and how to get a good draftYou can sing, hum or play into your microphone and get a staff to edit and export. It is a rough draft made in your browser, so a few habits make it much better.How to count the days between two datesCounting days looks easy until you have to decide whether the last day counts. Here are the rules that decide the answer, with examples you can check in the Date Calculator.How to make a meme without a watermarkA meme is an image plus a short line of text. You can make one in your browser in under a minute, with no watermark and no sign-up. This guide covers the two common layouts and a few habits that make memes readable.YouTube channel logo: size, shape and design tipsYour channel icon appears as a tiny circle next to every video, comment and search result. A few size and design rules decide whether it looks clear or muddy.Fix garbled Chinese when opening a CSV in ExcelA CSV file is plain text, and Excel has to guess which encoding it uses. When it guesses wrong, Chinese, Japanese or accented characters turn into nonsense. Here is why, and how to fix it.How to extract text from an image with OCROCR (optical character recognition) reads the letters in a picture and gives you text you can copy. Results depend a lot on the picture, so a few habits help.How to make a word cloud from textA word cloud shows the words that appear most often in a text, with bigger words for higher counts. It is quick to make, but a few choices decide whether it is useful or just decoration.Markdown cheat sheetMarkdown is a way to write formatted text with plain characters. This cheat sheet covers the syntax you will use most, and you can try each line in the Markdown Preview.How to compress an audio fileAudio file size depends mostly on bitrate and length. Choosing a sensible bitrate can shrink a file by 90% or more with little audible difference. Here is how to pick one.How to adjust a photo's colors and apply filtersMost photos improve with a few small adjustments. Working in a sensible order and comparing with the original keeps the result natural.How to print graph paper at the right sizePrinted graph paper is only useful if the squares are the size you asked for. Most wrong-size prints come from one print setting, and the fix takes ten seconds.Flowchart symbols explained: how to draw a clear flowchartA flowchart turns a process into boxes and arrows so that anyone can follow it. Using the standard shapes and a few habits makes the difference between a chart people read and one they skip.