Date Originally Written: 13 April, 2008
Author: Jason Gonzalez

This tutorial has relocated to this location as of August 2008. To see it in its original location, follow this link:

In this tutorial, we will create photo-realistic red slate tile that will end up with a bump map look to it. This textured surface can be used as part of a 3-D scene in a video game or architectural simulation. Just like in the Blue Slate tutorial, we will make this a large size to avoid too much repetition across the texture.

Note: This tutorial assumes knowledge of the Photoshop 7.0 workspace.

  • We start by opening a new file at 288 x 288 pixels and 72 dpi, Transparent background
  • Then, we Fill Layer 1 with color R: 200, G: 155, B: 150. Save this color by clicking a blank area in the color swatches palette
  • Next, we need to create and Save this color as well; R: 205, G: 141, B: 124

  • Now, we create a New Layer. On the new layer View Rulers. We right-click the ruler in the drawing space, select Pixels and place two guides 144 pixels in vertically and 144 pixels down horizontally (zoom in twice to see pixel amounts up close) and 72 pixels in from each edge. We must place two guides close to the right and bottom edges as well
  • Using the Pencil tool at 1px Black, we will draw lines horizontally and vertically along the guides (except for the top and left sides). To give the lines a more tiled look, we can uncheck Snap to Guides, and draw some more lines directly next to some of the edges. Hold down the Shift key while drawing to get a straight line. The look we are going after is represented below:
  • Next, we click on Layer 1 (or whatever name you chose). We’ll use one of the Paintbrush tool’s Spatter textures with the RGB color 205, 141, 124 saved before. (Brush size should be 35px, Mode: Normal and Opacity: 75%). Then we draw feather shaped paint patterns in various areas
  • Now, we add another new color and save. R: 209, G: 194, B: 193. With this color, we brush with the same settings as before in adjacent areas to the darker paint shapes. The drawing should look as pictured below:
  • We now Add Noise with an Amount of 4 and Gaussian setting. Then we use the Motion Blur filter with an angle of 0 and a distance of 3
  • We must create another New Layer above Layer 1 but below Layer 2. On this layer we draw shadow lines with a 1px black Pencil outlining the bottom edges of the darker areas (we will want to zoom in for accuracy).
  • Using the Smudge tool (Brush size: 5, Strength: 50%) we need to smudge the area beneath each line to give the shadow look. You may use the the screenshot below as a guide
  • On this same layer, we draw white lines with a 1px Pencil for highlights within the light areas (also toward the bottom). We use the same Smudge tool technique above, smudging the tops of the lines. How this looks is shown below:
  • Next, we lower the Opacity of the above mentioned layer to 30%
  • We now click Layer 1 again and select the light areas of this layer with the Magic Wand tool with a Tolerance of 3 (Use Shift to select more than one area). Apply the Wave filter (Distort > Wave) to these areas with a Wavelength minimum of 61 and a maximum of 135 (these can be adjusted as you see fit)
  • And thats it! You have photo-realistic red slate tile. The final image is shown below: