Tutorial: Make your own RPG maps in Photoshop fast!

Josh
Monday
8:19 am

If you’re like me, you’re usually prepping your RPG stuff the night before, and a detailed map is the last thing you have time for. Sure, you could make a sketch on a piece of paper, but that’s so… 90s. With just half an hour and some Photoshop software, you can create a really nice map that’ll help your characters get into a critical scene.

If you do it right, you can even place your characters on a map and move them around. Miniatures — who needs ‘em!

I’ll walk you through the basics, and give you some nice finishing touches that’ll give your map a pro-grade look, even if you’re in a hurry.

Some pre-notes: This assumes you know a teeny-tiny bit about Photoshop. If you don’t, no worries — give it a shot, and drop me a note if you need help.

This is just a slice. To download the full JPG version, click the photo.

This is just a slice. To download the full JPG version, click the photo.

1. Get yourself some great base materials.

You could make them on your own, but why bother? RPGMapshare.com has an unbelievable community and is a resource for time- and cash-strapped GMs like me. Building yourself a good library of these fantastic images will really be a boon in your mapbuilding, and the high standards and transparent nature of the images will do right by you.

2. Start a new file, and set some parameters.

I like to build my maps bigger than I need them, just because it’s fun to zoom in and see some nice detail, should your players need it. If you’re going for a screen presentation, 2000 pixels wide should do you. For print, you’ll want to at least double that. So, APPLE N and let’s begin!

3. Set a tile pattern for your backplane.

Whether it’s grass, rocks or steel, you’ll need a good base tile. To save yourself the hassle of a lot of copying and pasting, we’re going to define a pattern. To do that, select the area you want to define with the Marquee tool. Then, go to EDITDEFINE PATTERN and hit OK (give it a name if you like).

definepattern4. Fill with your background pattern

Create a new layer. (Create a new layer for basically everything you do; we’ll consolidate later.) Then go to EDITFILL. Then click on the CUSTOM PATTERN option, and you should see your pattern listed. Click OK, and you’re in business.

grass

5. Build some walls.

Time to put up some superstructure. First, create a new layer.

Now draw out your walls in any way you choose. You can do that using the marquee tool and fill command (CMD + DELETE). When you’re through, give them a little of depth by using the LAYER … LAYER EFFECTS … DROP SHADOW command. Don’t worry about creating openings for doors — just fill in everything, and we’ll carve those out later.

I built big blocks, and hollowed them out into walls. Whatever works, but you don't want full shapes when you're done — just thick lines.

I built big blocks, and hollowed them out into walls. Whatever works, but you don't want full shapes when you're done — just thick lines.

Note: As you’re building your map, make sure that things are a) logical and b) fun. Don’t make a map that doesn’t make any sense. If you’ve got an outpost, people should have a place to eat. What’s the purpose for the outpost? If it’s a recon station, make sure there’s a technical room somewhere. Also, make sure your map is fun. I always like to put a few extra gameplay possibilities in for varied players (a clever back door, a good way to sneak through something, a guard station to bribe somebody at, etc.).

6. Lay down some floor.

Find a good floor tile, define it as a pattern (repeating Step 3 above). Then create a new layer, and fill the whole layer with your pattern, just like Step 4.

Now, your document should have three layers. The ground/backplane, the walls, and the floor. We need to make sure they’re in the right order: The backplane in back, the floor in the middle, and the walls on top. Use your layer palette to drag them around until they’re in that order.

Nicely trimmed floor. But where are the doors? Read on.

Nicely trimmed floor. But where are the doors? Read on.

7. Trim the floor to be within the walls.

Now hack away at the extra floor using the MARQUEE TOOL and DELETE key; if you’re doing things right, the ground should be showing through.

8. Don’t forget the doors.

doors…you’d be surprised how many people do. To create doors, I usually go and marquee a bunch of sections of wall and hit CMD SHIFT J to break them onto their own layer. Once there, I make sure that transparency is checked in the layer options, and then I fill them with a separate color.

OK. That’s going to wrap up Part I. You should have a basic, functional, if really dull, map. In Part II, we’re going to juice it up with furniture and a little lighting. We’ll probably also retcon some interesting things in there, just because everyone else does these days.

A brief plug for one of our Geek6 affiliates

Love role-playing games? Go buy some!

If you purchase any RPG materials from the warm and helpful staff at Drive Through RPG by clicking this link, Geek6 gets a tiny cut. We promise to keep the karma by using that credit to buy yet more RPG stuff. So, wander over and browse their huge selection of hardcopies and PDF book downloads!

Reader Comments

I prefer AutoRealm for Mapping sort of stuff… I find it more versatile.

#1 
Written By Nick Burns on April 6th, 2009 @ 12:30 pm

Fair enough; I’ve used AutoRealm before, and also tinkered with Dundjinni. In the end, I think I just prefer Photoshop because I’m a design work in my professional life, and just used to the tool.

#2 
Written By Josh on April 6th, 2009 @ 1:24 pm

Nicely written article

#3 
Written By suthee on July 4th, 2009 @ 12:02 am

Add a comment — we talk back!

Want your own avatar? Set one up through Gravatar, and it will appear on any Wordpress-powered blog. They show up based on the address you enter below.

required, use real name
required, will not be published
optional, your blog address



Previous Post: Buffy rumors circling