Create your own Dungeon Tiles from scratch with Photoshop

  • Create your own Dungeon Tiles from scratch with Photoshop

dungeon-tile-00-previewWe all love to use Dungeon Tiles in our D&D games. It adds to the realism of combat, provides for more strategic play and helps everyone see what is going on. With the release of D&D4E the use of Dungeon Tiles became an integrated part of the game to the point where it is hard to play without them. This has created problems for GM’s who like to create their own campaigns and who need maps. While you can easily print off a tiled A4 or A3 sheet and draw in your maps, it would be even better to be able to create your own dungeon tiles from scratch to match your creations exactly.

In the first part on creating your own dungeon tiles, we show you how to create basic rooms of any size.


  1. Open a new document in Photoshop. Set the dimensions to be 2 inches by 2 inches with a 200-300 dpi.
    dungeon tile 00-00
  2. Put in grid lines to break up the image into four equal squares (these will be our four tiles).
  3. Create four layers (1 for each tile).
  4. Set your forward color to a light grey, and your back color to a darker grey.
  5. Select the first square using the select tool and go to Filters -> Render -> Clouds.
    dungeon tile 00-01
  6. Repeat step 5 for each tile making sure that you fill in the clouds on a different layer for each tile.
  7. Click on your first tile on the layer palette and then click on effects. Choose Emboss -> Pillow Emboss -> Soften 10 then click OK.
    dungeon tile 00-02
  8. Right click on the Effects sub-layer and choose copy. Select the three other layers, right-click and choose paste effects
  9. Select all (ctrl/cmd + A)
  10. Edit -> Set Pattern (name it something relevant like Floors)
  11. New document – set to how many squares you want the room to be (we used 5 x 5 above).
  12. Edit -> Fill -> Pattern -> Our Floors pattern
    dungeon tile 00-03
  13. Create a new layer. Filters -> Render -> Clouds. Set layer effect to Multiply. Adjust Opacity to suit.
    dungeon tile 00-04
  14. Draw appropriate Walls using the selection tool.
    dungeon tile 00-05
  15. You’re done!

Over the next couple of weeks I’ll show you how to use different textures to create floors of wood, sand, gravel, etc and to also add blood splatter, mould, slime, etc to your tiles as well. I may even show you how to add lava, magical effects, chairs, tables and other paraphernalia.

About RupertG

RupertG has been playing roleplaying games ever since he discovered Dragon Warriors at the age of 12. Since those days he has played many different RPG's, collected not insignificant Dwarf and Tomb Kings armies for Warhammer Fantasy Battles and even worked as a games designer in the heady days of the late 90's building a CCG. Now he runs a gaming blog and is a participant in the Grand Gaming Experiment
This entry was posted in Dungeons & Dragons, Game Design, Game Resources, Homemade, Role Playing Games, Tabletop Wargames and tagged , , , , , , , , . Bookmark the permalink.