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({});
02-23-2012, 12:28 AM #2
smd
Zombie Disco Squad
Nice ripp/copy and paste skills, you are the best gfx artist i've seen on NGU my whole life! :y:

You must login or register to view this content.

The following 2 users say thank you to smd for this useful post:

-NoSoul4Evr-, Sempiternal
02-25-2012, 12:41 AM #3
Sempiternal
Previously uG~ Wounded
Originally posted by xStar
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.


Always give credit to the original creator of the tutorial.
02-25-2012, 12:47 AM #4
If this is truly ripped, :n:
02-25-2012, 06:24 AM #5
smd
Zombie Disco Squad
I really don't have a problem w/ ppl submitting tuts from other artists, as long as they give credit. However this guy did not. Plus, he is well known for ripping, which makes it even worse.
03-24-2012, 04:21 PM #6
medalofduty
Do a barrel roll!
very good tut
03-27-2012, 07:26 PM #7
RGB
2JZ BBWWARRMMMMM
Jack the ripper over here

Credits to the person who really made it:y:
05-09-2012, 10:32 PM #8
Nice but this would only look really good on a logo, screensaver, background, or made as wallpaper, because it looks kind of weird to have it on somebody's face but if your creating a robot then it would look really cool. Smile
05-17-2012, 09:29 PM #9
I agree with the guy above...would look much better on a background
06-19-2012, 01:55 AM #10
Theawesomist
Do a barrel roll!
Wow nice tutorial, I was looking everywhere for this.
Do you know if you can do something like this but for Cinema 4D?

Copyright © 2026, NextGenUpdate.
All Rights Reserved.

Gray NextGenUpdate Logo