HOME | DD

torstan β€” How to draw isometric dungeon plans

Published: 2012-01-11 19:38:21 +0000 UTC; Views: 27646; Favourites: 465; Downloads: 609
Redirect to original
Description There are some classic isometric dungeon maps out there, particularly those of castle ravenloft - the original David Sutherland maps inspired the styles of all maps of that castle that have come since. It's also a style beloved of computer games, most notably the Diablo series.

Creating an isometric map is actually pretty easy:
1. First draw out your floor plan as if it were top down. Place lines for all the elements on the ground - walls, doors, outlines of pit traps. I draw these lines on a separate layer from the grid as it keeps everything organised.
2. Make it isometric! Rotate the map 45 degrees. Then you shrink the map vertically by 57.7%.
3. The great thing about isometric maps are the vertical details you can throw in there. Find every corner, and draw a vertical line to show wall edges. Focus on the edges that don't obscure details further away. Here I've added the most detail where the detail doesn't overlap the actual floorplan. Fill in the blank space with sketched stone texture, add in illustrated doors, throw in some lines to show the rough stone in natural stone tunnels and give the viewer an idea of just how deep the spiked pit trap is. Again, I add these details on a separate layer to make it easy to erase mistakes without rubbing out the floor lines.

Remember that the primary goal of the map is to show the floorplan and allow for easy use for a GM. The extra detail that an isometric map provides can really sell the setting of a map, but it's also easy to obscure important features.

This originally appeared on G+ here: [link]
Related content
Comments: 27

HollandArtist [2023-08-08 15:55:26 +0000 UTC]

πŸ‘: 0 ⏩: 0

AtomicMaps [2021-09-14 10:01:19 +0000 UTC]

πŸ‘: 0 ⏩: 0

ShadowBane22 [2016-10-31 15:26:41 +0000 UTC]

May I ask what program you used to create this map? I'm using Krita to draw the 2 dimensional picture, but I don't believe it has the capability to vertically shrink the image by 57.7%

πŸ‘: 0 ⏩: 1

ShadowBane22 In reply to ShadowBane22 [2016-10-31 15:43:47 +0000 UTC]

My apologies, I was able to figure it out.

πŸ‘: 0 ⏩: 1

fnafboy1009 In reply to ShadowBane22 [2023-05-29 04:25:11 +0000 UTC]

πŸ‘: 0 ⏩: 0

MattRIllustration [2016-06-29 11:27:06 +0000 UTC]

You are a god!!!!

πŸ‘: 0 ⏩: 0

dcofjapan [2016-03-30 07:34:08 +0000 UTC]

so as long as people are vertical and to scale they are fine?

πŸ‘: 0 ⏩: 0

LordBaltus [2016-03-17 11:44:06 +0000 UTC]

Hi, thanks for this interesting tuto ;Β 
As you mention the 57,7% ratio it may be worth to mention why and maybe suggest to use a 50% if done with a computer at low resolution ...
More info hereΒ www.gandraxa.com/isometric_pro…

πŸ‘: 0 ⏩: 0

delta99 [2016-02-01 20:45:11 +0000 UTC]

Great instructional drawing!

πŸ‘: 0 ⏩: 0

Senecal [2015-01-24 18:34:31 +0000 UTC]

Nicely done.

πŸ‘: 0 ⏩: 0

Talatsu [2014-05-11 22:05:47 +0000 UTC]

Beautiful, very very useful.

πŸ‘: 0 ⏩: 0

Lubidius [2012-05-14 16:32:19 +0000 UTC]

Absolutely beautiful write-up. I will be using this method. Very nicely done.

πŸ‘: 0 ⏩: 1

torstan In reply to Lubidius [2012-05-16 00:12:20 +0000 UTC]

Thanks! I'm glad it's useful.

πŸ‘: 0 ⏩: 0

jingobingonfinky [2012-01-13 00:17:21 +0000 UTC]

Ok, this requires some software and probably reading at least a tutorial or two if you have no experience but -

draw the line map out in 2d as per usual. Either directly in a traditional piece of art software or on paper then scanned. Load up your choice of 3d package. Create a single plane. Apply the texture of your 2d map to the plane. Adjust your viewpoint to how you like, isometric or not. Render ! If you know what you are doing this is the work of a bare couple of minutes to instantly transform a flat line map into the basis for an isometric - or any other kind of perspective map !

πŸ‘: 0 ⏩: 1

torstan In reply to jingobingonfinky [2012-01-13 14:17:28 +0000 UTC]

That's a cute tip for instantly turning your line art into a base Thanks!

πŸ‘: 0 ⏩: 0

Kurocyn [2012-01-12 03:09:46 +0000 UTC]

This is actually very useful.

My work often deals with Isometrics (generating, reading, etc), and more often than not, finding the proper 'graph' paper is difficult. Simply using regular graph paper, rotating, and shrinking is perfect.

Thank you.

-Kurocyn

πŸ‘: 0 ⏩: 1

torstan In reply to Kurocyn [2012-01-12 14:18:16 +0000 UTC]

You're welcome - it hadn't occurred to me either for quite a while. You can also find pretty much any type of graph paper over here if you need it: [link] or [link]

πŸ‘: 0 ⏩: 0

MindoftheMasons [2012-01-12 01:21:01 +0000 UTC]

I don't know why Step 2 has never occurred to me haha. I have seen plenty of maps out there that are like Step 3. Thanks for the little tip there. Will have to play around with that when I go to make some dungeon maps

πŸ‘: 0 ⏩: 2

torstan In reply to MindoftheMasons [2012-01-12 14:19:07 +0000 UTC]

I'm glad you found it useful! I landed on that after I had to do a lot of maps in fairly short order and needed a quicker way to convert the floorplans to isometric.

πŸ‘: 0 ⏩: 1

MindoftheMasons In reply to torstan [2012-01-12 18:29:26 +0000 UTC]

What is awesome about making maps like this from an artist perspective is that you see the same aerial view. having just the simple graphic like the example provided adds so much detail and attraction to the simplest little dungeon.

Definitely an eye opener seeing the transition and reading your few tips here. Also look forward to your Cartography posts

πŸ‘: 0 ⏩: 1

torstan In reply to MindoftheMasons [2012-01-12 19:39:09 +0000 UTC]

Thanks! I'm glad you're enjoying them. I'm trying to keep the tips semi-regular. Make sure to let me know if there's something you'd specifically like to see covered.

πŸ‘: 0 ⏩: 1

MindoftheMasons In reply to torstan [2012-01-13 02:45:24 +0000 UTC]

Yeah, keep them coming I am pretty savvy with Photoshop so it's cool seeing or reading tips I haven't tried before.

I think what I tend to focus on when I see new maps is the depth of cliffs/terrain. Just get a kick out of them for inspiration when making my maps. Anyways, Good job as usual and I look forward in seeing more work from ya

πŸ‘: 0 ⏩: 1

torstan In reply to MindoftheMasons [2012-01-13 14:14:13 +0000 UTC]

Good call on that, I'll see if I can put something together for impressions of depth.

The tips go up directly on fb and G+ (the easiest place to find them) and here. It's really a matter of picking your poison for keeping up with them.

πŸ‘: 0 ⏩: 1

MindoftheMasons In reply to torstan [2012-01-13 15:46:47 +0000 UTC]

Yeah I followed your link on this post to G+. Now following

πŸ‘: 0 ⏩: 0

Chanimur In reply to MindoftheMasons [2012-01-12 05:36:52 +0000 UTC]

Yeah, really! I would've never thought to shrink it down like that to force the perspective. Genius!

πŸ‘: 0 ⏩: 0

Zephirice [2012-01-11 19:39:37 +0000 UTC]

awesome ! thanks for sharing !

πŸ‘: 0 ⏩: 1

torstan In reply to Zephirice [2012-01-11 19:51:01 +0000 UTC]

You're welcome!

πŸ‘: 0 ⏩: 0