As a follow-up on my last tutorial, on how to draw basic, top-down dungeon maps, I thought I’d write a guide on how to draw isometric maps.
I really like isometric maps; not only do they look good, but are also a great way of describing the difference in height between objects and floor levels, making such maps really useful for the dungeon master. Also, it doesn’t hurt that some of my favourite computer games are all isometric RPG’s (like Diablo, Baldur’s Gate, Pillars of Eternity and Tyranny).
Anyway, let’s get started!
The gear
For this tutorial, I will be using a set of Micron markers (0.05, 0.1 and 0.2), a mechanical pen and an Ice Grey 4 Promarker. Also, I strongly recommend you to get isometric paper for this kind of map, as it makes the process much easier. I have a pad made by Hahnemühle.
If you live in Sweden, like me, all of this stuff can easily be ordered from https://www.penstore.se/ I really recommend this store (they do not sponsor me in any way).
Step 1: outlines
I start by drawing the rough outlines of the map with a mechanical pencil. There’s no need for using a ruler, it doesn’t have to be perfect. This is a bit trickier than when you’re drawing a top-down map, as you need to consider the height differences. Objects need to be considered from three dimensions (for example the pillars and the stairs). Try to initially think about the objects as cubes, as you can see I have done with the stairs, that makes it a lot easier
This is the most complex part of the drawing if you’re not used to isometric perspective, so make sure you’re happy with what you got before moving on to the next step.
Step two: ink outlines
When you are happy with your pencil drawing, go ahead and put down the first ink. I use a 0.1 marker for this step (I will add some weight to them later on).
As you can see, I also added parts of stone walls to the corners, as it provides a sense of a confined environment, without obscuring the map too much — we don’t want to cover up important stuff!
Step three: add weight
After erasing the pencil outlines, I go over the inked outlines once more with a thicker marker, in this case a 0.2. This is done for two reasons: first of all the 0.1 outlines takes a bit of a beating when using the eraser, and second I want to provide a bit of contrast to the texture we’ll be adding to the map in the next few steps.
You could go for an even heavier outline, but I settled for 0.2 in this one.
Step four: draw flagstones
In the next step I add flagstones with a 0.1 marker. Flagstones are good as they provide a nice surface to add texture to the dungeon, but also helps the dungeon master should he need a grid to draw out the rooms on a battle mat.
Note that I added some extra definition to the flagstones, making it look like they are a “layer” on top of the ground.
I also added some some wood texture to the doors with a 0.05 marker.
Step five: texture time!
Time to add texture to the dungeon. This is the most time-consuming step, so if you’re drawing a large map, make sure you have a glass of whisky (or whatever your poison is) and some good background music.
Use a 0.05 marker to add random dots, scratches and cracks to the flagstones, walls and ground. Also, I drew some arcane symbols to the pillars to add a bit of mystery. Perhaps these are puzzles for the adventurers to solve for the doors to open — who knows?
Step six: add shadows
Decide which surfaces should have shadows. In this case, I decided the surfaces facing south east should be darker, and drew the shadows with a grey Promarker.
Adding the shadows makes it easier to read and understand the map as it helps the eye understand how to interpret the perspective. It also adds a bit of contrast, making it look more interesting.
Step seven: clean up
I use Photoshop to clean up the map. My preferred way to get rid of the grid is by taking the steps in this tutorial. I’m not an expert on image software, so I rely on the knowledge of other people.
There! The map is done and ready for play!
I hope you enjoyed this tutorial and that it was useful to you. If you like my maps, please follow me on Instagram for more of my stuff: https://www.instagram.com/paths.peculiar/
As a cartographer, I’m obsessed with your work!! Beautiful maps. I do everything digitally but I would LOVE to have a reason to do maps like this. Thank you for the tutorials & keep up the beautiful work!
Thank you very much for your kind comment!
I am very interested in trying to start doing isometric maps. But the map I want/need to make needs to include a *long* CIRCULAR stairway. How would you do that on an isometric grid?
Thanks in advance. Your work is amazing!
Oh, I must confess that I have absolutely no idea how to do that. Try to google around a bit, there are quite a few videos and articles on different isometric shapes. Good luck!
I love this tutorial by Paths Peculiar very much, but another series of tutorial I use even more are by Michael Prescott who has a whole book of beautiful iso maps. You can see him draw one on youtube.
More specific to your question, you can also see him show you how to do a spiral staircase (I recommend watching some others first though) in this video:https://www.youtube.com/watch?v=ImvNMG4A_w8&t=757s
So awesome!!!
Since about 1995 when I was 15 I had always been fascinated by Iso maps in D&D books. Would always try and figure out how to do them. Now when im 30 I have finally learned from this and can not stop drawing them!!! Thank you so much. You are amazing.
Thank you very much for the kind words!
These are wonderful tutorials! Thank you for sharing your experience.
Wow, that is lovely!
I’m very tempted to get some Isometric paper off amazon for tomorrow 😀
This is awesome. I’m going to give this a try this weekend.
Depression often saps me of my will to do anything creative.
This site is great. Thanks for inspiring me to pick up the pencil, today.
This is amazing! Just got my delivery of isometric paper and pens from Pen Store. The little free time I have left after family with 2 toddlers will now cease to exist!
Hey, love your maps!
Checkout a small “tool” I made to generate isometric grids: https://grid.chuhlomin.com/
Neat!