Page 1  |  Page 2  |  Page 3

Stone Wall

Page 1 / 2 / 3 / 4

4. Improve the mask

Click on the thumbnail of the layer mask of the Wall Texture layer; it will now have a double border.

In the menu select Filter / Liquify...

Select the Pucker Tool Pucker Tool in the liquify window (top left corner).

Use the following brush settings:

Liquify Brush Settings

Now place the mouse cursor on top of the center of a vertical line and hold down the left mouse key until the line is pretty thin (see screenshot below). The longer you hold down the mouse key, the stronger the effect. The rate at which the effect is applied depends on the Brush Rate option (marked with red in the above screenshot). Lower the rate if things are going too fast for you.

Using Pucker Tool


If you want to undo a step, simply press Ctrl + Z (Command + Z on the Mac)

Continue with all the other vertical lines.

Select the Bloat Tool Using Bloat Tool when you're done and place the cursor in the center of a stone and hold down the left mouse button for a fraction of second while moving the cursor slightly left/right to make make the sides of the stone less straight (lower the Brush Rate if you have to):

Using the Bloat Tool

Continue with the other stones.

You can use the Forward Warp Tool Forward Warp Tool to move some lines sections to make the mask look more random. Change the brush size if you feel the need.

Click on OK in the upper right corner of the liquify window when you're done.

You might end up with something that looks like this:

Mask after Liquify

5. Add shadows and highlights

Click on the Create a New Layer Create a New Layer icon icon to create a new layer.

Double click on the layer's name in the layers palette and rename it to Shadows and Highlights .

Turn this layer into a clipping layer by pressing Ctrl+G (Command + G on the Mac) or Alt + Ctrl + G (Option + Command + G on the Mac) if you're using Photoshop CS2.

Set the blending mode of this layer to Overlay:

Layers Palette

Note: the purpose of this clipping layer is to be able to paint shadows and highlights that will only affect the stones and not the spaces in between.

Press the letter D on your keyboard to set the fore- and background color to black and white: Fore- and Background Color
Select the Brush Tool Brush Toolin the tool bar.

Click on the button marked with A in the option bar to open the brush preset picker window.
Select a Master Diameter of 20px (B), a Hardness of 0% (C) and make sure that the opacity is set to 20% (D) .
Click again on the button marked with A to close the brush preset picker window.

Brush Settings

Select white as your foreground color (you can switch your fore- and background color by pressing the letter X).
Start painting all the highlights. While doing that keep in mind that the light is coming from the upper/left corner.

Now select black as your foreground color (switch your fore- and background color by pressing the letter X).
Start painting the shadow and again, keep in mind that the light is coming from the upper/left corner. Avoid to make some areas too dark, because you might end up with too much saturation in those locations.

How are we going to paint those shadows and highlights? Look at this screenshot:

Shadows and Highlights explained

Imagine that the red line is the outer layer of the original stone (the front view, the side we're looking at) and that the light (yellow arrows) is coming from the left. If we're below the red line we have an area that is deeper; the shadows will be on the left side, the highlights on the right side. If we're above the red line we have an area that is higher, but this time the highlights and shadows are reversed. Keep this in mind when you add your shadows and highlights.

To give you an idea how to approach this, I've prepared an example for you. Note that this is not an actual screenshot of the current file we're working on. This is just something I've put together for you to make things more clear.
Notice that since the light is coming from the upper/left, I've often (not always!) highlighted the upper/left corner of a stone. Just make sure that you add these shadows and highlights in a random way (avoid patterns).

Painted Shadows and Highlights

You might consider to slightly blur the Shadows and Highlights layer when you're done using Filter / Gaussian Blur... using a radius of about 4 pixels. You can also use the blur or smudge tool in combination with different brushes and sizes/opacity/hardness to improve the shadows and highlights. I haven't done all this to keep the tutorial less complicated.

Move with your mouse over the next image to notice the difference:


Before extra shadows and highlights were added

Page 1 / 2 / 3 / 4

Home | Training | Reviews | Tutorials | Articles | Tips | FAQ | Links | Blog
Partner Sites
W3C XHTMLW3C CSSExplorerFirefoxOperaRSSRSS Valid