Shop Mobile More Submit  Join Login


Submitted on
January 12, 2012
Image Size
141 KB


57 (who?)
Quick and Easy Dungeons using Grids by torstan Quick and Easy Dungeons using Grids by torstan
Quick and Easy Dungeons using Grids

This one’s quite specific for photoshop, but can be adapted to Gimp (and I’ve added some gimp tips throughout).

It’s a neat tool that often lies buried in Photoshop’s preferences panel that allows you to turn on a grid that you can snap to. This is perfect for quick dungeon floorplans on the fly. Combined with layer effects and blend modes (a future mini-tute) this can give you great looking maps really quickly.

There are a few steps to turning the grid on at the right scale.
• Make sure that you have your image file set the correct scale. Here I’m creating a map at 100 pixels per square, so I set the resolution to 100dpi.
• Open up Preferences and go to the settings for Guides, Grids and Slices. In here set the grid to 1 inch, and add in the number of subdivisions you want. When sticking to drawing features that take up full 5′ squares you can set the subdivisions to 1. If you want to draw some smaller detail, like a 1′ thick wall, then set it to 5 – to get a grid line every foot.
• This should now give you a grid on your map. You can show/hide it with ctrl/cmd + ‘ . You can also toggle the snapto grid behavious using shift + ctrl/cmd + ; This also toggles snapping to guides.
• Note for Gimp Users – there’s a plugin here: [link] that allows you to create a grid of guides that will do the same job.
• With the snap to grid on, you can create a new layer, and use the rectangular select tool and Fill (option + delete or cmd/ctrl + delete for foreground/background fill) to quickly lay in your dungeon layout.
• Using that as a base, you can use blend modes and layer styles to build a pretty dungeon (or Gimp users can use this plugin: [link] to generate a pretty dungeon map from their basic layout)

This tip originally appeared on Google+ here: [link]

Previous tips can be found here: [link]
Add a Comment:
BalloonPrincess Featured By Owner Feb 17, 2012  Hobbyist Filmographer

This is AWESOME! I need to sit down and design an introductory module for 2nd Edition Dungeons and Dragons in about two weeks for the "Saturday Night RPG" Group I hang out with. Our host is having a birthday on March 3rd and he wanted to get back to some classic AD&D. :)
torstan Featured By Owner Feb 19, 2012
I hope these tutorials help out - let me know if you have any questions!
BalloonPrincess Featured By Owner Feb 26, 2012  Hobbyist Filmographer

I'm having a bit of a problem with getting the grid to snap into place as a layer. I feel like I'm missing something. Is that the case? I'm using Photoshop CS3.
torstan Featured By Owner Feb 26, 2012
Have you set up the grid using Preferences->Grids, Guides and Slices?
BalloonPrincess Featured By Owner Feb 27, 2012  Hobbyist Filmographer
I'll bet you I haven't ...

**The Princess makes notes!**
Sapiento Featured By Owner Jan 12, 2012  Professional Digital Artist
Very useful, Jon. I wasn't aware of this function in PS.
torstan Featured By Owner Jan 13, 2012
There's so much of PS under the hood. I stumbled across this one whilst sitting in an airport and now it's a key part of my workflow. It's amazing what you can find in the dark recesses of the program :)
Sapiento Featured By Owner Jan 13, 2012  Professional Digital Artist
Very true! :)
foxlee Featured By Owner Jan 12, 2012  Hobbyist Traditional Artist
Checking out that first plugin link, I'm not sure what the author is talking about - I use grids in GIMP all the time, and any changes I make show up immediately ^^; Perhaps they are using an older version? Or the author is chnaging the default grid under options, instead of the active one? I'm not sure. But it's always worked fine for me.

In any case, still awesome. I never even thought of mapping interiors by using snap-to-grid! How did I never see that? >3>;
Add a Comment: