Post: Make A Realistic Crack
02-21-2012, 09:09 PM #1
xStar-
Banned
(adsbygoogle = window.adsbygoogle || []).push({}); Step 1

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.

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

You must login or register to view this content.

Step 2

The next step is to download the image of a crack on a wall. You must login or register to view this content.

You must login or register to view this content.

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.

You must login or register to view this content.

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:

You must login or register to view this content.

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

You must login or register to view this content.

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

You must login or register to view this content.

Step 4

Let’s 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.

You must login or register to view this content.

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”.


You must login or register to view this content.

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.

You must login or register to view this content.

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.

You must login or register to view this content.

You must login or register to view this content.

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):

You must login or register to view this content.

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

You must login or register to view this content.

Finally add a 1px inner shadow:

You must login or register to view this content.

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.

What’s the point of this step? We’ve 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.

You must login or register to view this content.

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.

We’ve finished guys! …and this is my result:

You must login or register to view this content.

This is not my work. All credit goes to You must login or register to view this content..
(adsbygoogle = window.adsbygoogle || []).push({});
07-03-2012, 11:06 AM #11
ClonKz
Banned
Didn't even no you could do this :S Im trying it now
08-20-2012, 11:15 AM #12
515
Banned
This is a very good tut. Detailed and helped me so much Smile
10-22-2012, 03:25 AM #13
This thread has been copied and pasted. I have updated the original post to include the source. Attempting to pass work off as your own is not condoned by the community, always acknowledge your sources!

Copyright © 2026, NextGenUpdate.
All Rights Reserved.

Gray NextGenUpdate Logo