[Award Winner] Woekan’s Dungeon Tiles in Adobe Photoshop

[woekan]

14 Time to give the tiles some color. Select the grey background layer and go to Edit->Layer Style->Gradient Overlay. Blend Mode: Multiply
Use some earth tone colors. The colors I used in the example are: 663300, 996666, a77a5e and 301600. Feel free to experiment around with it.

15 Create a new layer on top, call it ‘Shadows’. Take a big soft brush (300 px for example), set the brush’s mode to multiply and its opacity to 30. Use black, and start drawing around the edges until you have something like picture two.

16 Now it’s starting to look like something. We will add some details.
Create a new layer under the shadow layer and call it ‘moss’. Brush in some moss on top of the tiles, like you did with the shadow layer. Same settings, except use a variety of green colors instead of black. Don’t worry if it looks like your painting over the tiles, we will fix that.
Ctrl-Click the ‘Cracks and Edges merged’ layer, Select->Modify->Expand 10. Select->Modify->Feather 10. Select->Inverse and hit delete. Place this layer under the ‘Cracks and Edges merged’ layer.

17 Put a new layer on top. Call it ‘Texture 2’. Filer->Render->Clouds (black and white foreground/background color) Filter->Render->Difference Clourds.
Filter->Sketch->Bass Relief with the settings smoothness 1, detail 15, light bottom right.
Set this layer’s blending mode to Multiply at 15% opacity.
This might look like a small difference, but it will really show when you zoom in.

We can call this finished with now, but it will look even better when you add details like blood/oil/slime spatters. You can find free blood and spatter brushes on the internet.

I hope you enjoyed this tutorial!