How to Make Your First D&D Battle Map (Step-by-Step)

Why battle maps matter for D&D

Battle maps turn abstract "theater of the mind" encounters into tactical puzzles your players can actually solve. When fighters can see the 10-foot pit between them and the goblin archers, the fight becomes more engaging — and the rules around movement, cover, and area-of-effect spells actually matter.

You do not need to be an artist. Modern browser-based tools like RPG Map Editor let you paint terrain, drop stamps, align grids, and export PNG files in minutes.

Step 1: Pick your encounter

Before you open any tool, decide what this map is for:

• Ambush on a forest road — long and narrow, trees for cover
• Tavern brawl — tight interior, furniture as obstacles
• Dungeon boss room — open space with pillars and traps
• Bridge crossing — choke point with water hazard

The encounter type determines your map shape, terrain palette, and prop choices. Keep it simple for your first map.

Step 2: Set up your grid

Open the RPG Map Editor and create a new project. Set your canvas to 25 × 25 squares at 140 px per cell. This gives you a 3500 × 3500 pixel map — large enough for tactical play, small enough to load quickly on a VTT.

If you are targeting Roll20, see our battle map sizing guide for exact pixel recommendations.

Step 3: Paint the terrain

Start with the base layer:

• Grass or stone for the ground
• Water for rivers or ponds
• Dirt or sand for roads and clearings

Use the terrain brush at a large size to fill the background quickly, then switch to a smaller brush for edges and details. The key is contrast: players need to see where walkable ground ends and hazards begin.

Step 4: Add props and obstacles

Stamps are your furniture, trees, rocks, and dungeon features. Place them to create:

• Cover — half-walls, barrels, pillars
• Difficult terrain — rubble, thick undergrowth
• Choke points — doorways, narrow bridges
• Elevation — stairs, raised platforms

Think about what your monsters and players will actually do during the fight. Every prop should serve a tactical purpose or set the scene.

Step 5: Check the grid and export

Toggle the grid overlay to make sure everything aligns. Misaligned grids cause problems in VTTs where players measure movement by snapping tokens to cells.

When you are happy with the map, export as PNG. The file is ready for:

• Roll20 — upload as a map image, set grid to match
• Foundry VTT — import via the scene configuration
• Tabletop play — print at poster size or display on a TV

For detailed VTT setup instructions, read our Roll20 export guide or Foundry VTT export guide.

Quick tips for better first maps

• Keep it small. A 20 × 20 or 25 × 25 map is plenty for most encounters.
• Use contrast. Light floors with dark walls, colored terrain edges.
• Add at least three cover options. Ranged characters and melee characters both need tactical choices.
• Test your own map. Place a token and mentally run through a round of combat. Do the sight lines make sense?
• Save your project. You can always come back and tweak it before the session.

What to do next

You have your first battle map. Now try creating a small dungeon with 3–4 connected rooms, or build an outdoor encounter with mixed terrain. The more maps you make, the faster your prep becomes.

Check out the RPG Map Editor features to see what tools are available, or browse the showcase for inspiration from other creators.