As always, in Photoshop, there are several ways to create the same effect. If you want full control over your image, the best way is to directly paint the crack effect with Photoshop brushes and digital painting techniques. However, in this case I decided to follow the easiest way, and use custom brushes created from textures.

Lets start by choosing a portrait image. I downloaded this model photo from Shutterstock, but any portrait will work fine.

[ Register or Signin to view external links. ]

Step 2

The next step is to download the image of a crack on a wall. [ Register or Signin to view external links. ]

[ Register or Signin to view external links. ]

Open the texture image in Photoshop, then hit shift+ctrl+U to desaturate it. We will use this image to create a custom Photoshop brush, this is why the first step was to switch the image colors to grayscale tones.

Now, since the only part we need is the crack, grab the crop tool, select the area of the crack and crop.

[ Register or Signin to view external links. ]

Step 3

When saving a brush in Photoshop, we will save all the grayscale areas but not the white ones. So, to save only the crack, we need to increase the image contrast. Press ctrl+L to open the levels window, and move the arrows as shown in the screenshot below:

[ Register or Signin to view external links. ]

Grab a white round brush, and paint to clean up the image.

[ Register or Signin to view external links. ]

Go to Edit>Define Brush Preset and save your new custom brush.

[ Register or Signin to view external links. ]

Step 4

Lets switch to the portrait document in Photoshop. Create a new layer, then select your new brush from the brushes gallery and click once to paint.

[ Register or Signin to view external links. ]

Step 5

The crack effect is composed by 2 elements: the inner thin line (depth), and the visible concrete texture. The brush will be used to create the inner thin line, while the concrete texture effect will be created from scratch .

Create a new layer below the brush layer, and grab a round brush. Using the crack brush as reference, paint over it to create the areas that will be filled later with the concrete texture. The fill color is not important, since we will apply layer styles later, so choose a color that is easily visible. Title this layer Texture area.


[ Register or Signin to view external links. ]

Now that we have the base for the crack effect, hide the Texture area, grab the eraser tool and clean up the crack thin line.

[ Register or Signin to view external links. ]

Step 6

To make the crack line more realistic, double click on its layer thumbnail to open the layer style window, then switch the color overlay to (#0a0a0a) and add a 1px white drop shadow. You will notice how the drop shadow, with the right settings, creates a subtle depth effect.

[ Register or Signin to view external links. ]

[ Register or Signin to view external links. ]

Step 7

Make the Texture area layer visible, then open the layer styles window.

At first, switch the color overlay to a dark grey (#6****e):

[ Register or Signin to view external links. ]

Then add the white drop shadow, as shown in the previous step:

[ Register or Signin to view external links. ]

Finally add a 1px inner shadow:

[ Register or Signin to view external links. ]

Step 8

Adding the concrete texture is very simple. Create a new group above all the other layers. Set the group blending mode to overlay. Now, with the group still active, ctrl+click on Texture area layer to select its pixels and add a layer mask by pressing the Layer Mask icon button at the bottom of the layers window.

Whats the point of this step? Weve set up the group so that every layer we put inside it will cover only the Texture area layer, and its blending mode will be automatically set to overlay.

[ Register or Signin to view external links. ]

Step 9

Now that we have the group correctly set up, simply put a texture inside it. I used a concrete texture from our High resolution concrete textures set.

If you want to scale down the texture, press ctrl+T to activate the free transform tool and resize it.

Weve finished guys! and this is my result:

[ Register or Signin to view external links. ]