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

[woekan]

6 Make a new layer on top, call it Cracks.
Filter->Render->Clouds (make sure you have black and white as foreground and background color)
Filter->Render->Difference Clouds
Go to, image->adjustment->levels and move the middle grey arrow to the left at about 5,50.
Select->Color Range, black with 200 fuzziness. Select-> inverse, delete.

7 Pick your eraser, take a hard round brush with 100 opacity and start erasing some of the lines. Most tiles crack on different locations unless something really hard and big falls on it. So erase your cracks so you don’t have lines flowing smoothly from one tile to the next.

8 Repeat step’s 6 and 7 if you want more cracks and scratches, but make sure you don’t overcrowd the tiles.

9 Duplicate your cracks layer, and call it ‘cracks blur’. Filter->Blur->Gaussian Blur 0,7.

10 Duplicate your cracks layer, and call it ‘cracks light’
Edit->Transform-90 Cw. Opacity 30%
Erase some more until you have something like this:

[woekan]

11 Merge the cracks,cracks blur, crack light, edges and small edges layer. Edit->Copy, Edit->Step Backward, Paste.Name the new layer ‘cracks and edges merged’

12 Layers->Layer Style->Bevel and Emboss. Use these settings: Style: Emboss, Turn on Down, Chisel Soft,, Depth 110, Size 6, Highlight mode: Screen 100%, Shadow mode: Multiply 50%.
Hide the cracks,cracks blur, crack light, edges and small edges layers.

13 Make a new layer, call it Texture 1
Render clouds (with black and white as foreground/background color), Render difference Clouds.
Filter->Render->Lighning Effects. Use 5 Omni lights, one in each corner and one in the center. They all use the same settings, Intensity 6, Gloss -100, Material 100, Exposure 0, Ambience 9. Texture channel Red, White is high turned on and Height turned all the way to the right towards mountainous.
Place this layer under the ‘Cracks and edges merged’ layer and turn its blending mode to screen. Now our tiles have some texture.

[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!