Breathe new life into text. These tutorials will teach you how to create various text effects.  Home Photoshop Text Effects Design a Shattered, Scrappy Metal Text Effect in Photoshop

Design a Shattered, Scrappy Metal Text Effect in Photoshop


Here is a preview of the final effect: (click to enlarge)

Img

Step 1

Create a new document with black background (size doesn't really matter for this tutorial, I used 1200px * 700px). Create a new layer on top of the background layer and set the opacity to around 20%, render some cloud with the cloud filter on it:

Img

Duplicate this cloud layer once, compress it down then rotate it as shown below with the free transform tool:

Img

We will use this new cloud layer as a guide for our text base - so increase the opacity to around 30% for it. And you will have the following effect:

Img

Step 2

Load the metal texture image into Photoshop, use the quick selection tool to select a random piece of the texture:

Img

Copy and paste the selection into our document, rotate it a bit as shown below:

Img

Grab a soft eraser with the opacity and flow set to both around 40%, gently erase the edges of the metal texture to give it a little more depth.

Note: The following 3 screenshots indicate the Top Left, Center, and Bottom Right area of the metal texture.

Top Left Portion:

Img

Center Portion:

Img

Bottom Right Corner:

Img

You will have the following similar effect as a result:

Img

Step 3

Now let's make a particle brush with this metal stock image. If you have followed psdvault.com for a while, you will know that I love making those kind of brush for all sorts of effect :)

So let's go to the metal image, use the quick selection tool to select a few random pieces from the image, as shown below:

Img

Double click the background layer to unlock it:

Img

Then go to Edit - Define Brush Preset to create a new brush preset:

Img

Once you defined a new brush set, press F5 and bring up the brush windows, apply the following settings:

Shape Dynamics

Img

Scattering

Img

Make sure you tick the "Protect Texture" option on the brush window.

Use this brush as an eraser, reduce the tip size to a small scale, erase the following areas of the metal texture on our document:

Center

Img

Bottom Right

Img

Top Left

Img

Then add the following two adjustment layers as clipping mask to the metal texture layer:

Levels

Img

Black and White

Img

Layer mask on the Black and White adjustment layer:

Img

and you will have the following effect so far:

Img

You can use this particle brush to paint around the following areas for the shatter effect:

Hint: make sure you reduce the brush tip size to a smaller scale, and set the brush flow and opacity to around 50%, DO NOT paint too much particles.

Img

Step 4

Now let's move to the text part. Type a letter onto the canvas as shown below: (Font choice doesn't matter here, we only use this as a guide for our texture)

Img

Again we select a piece of metal texture with the Quick Selection Tool:

Img

Copy and paste the selection onto our document, resize and fit it to our letter:

Img

Repeat the steps above and apply more metal texture to the letter:

Img

When you're happy with the shape, hide the original white text, and merge those layers and use a soft erase to remove the edges of the letter:

Img

Make sure you erase the bottom of the letter as well, so it blends into the base:

Img

Add the following 3 adjustment layers as clipping mask to the letter texture:

Levels

Img

Black and White

Img

Layer mask on Black and White adjustment layer:

Img

Curves

Img

Use the particle brush we created in previous step, paint some shattered pieces around the letter:

Img

Here is the effect so far:

Img

Step 5

We're almost done! For some final retouches, I smart sharpen the image a bit after flattening the layers:

Img

I also added some more particles around the base texture:

Img

Img

Plus a few more spot lights around the letter:

Img

You can also adjust the contrast a bit with a brightness and contrast adjustment layer, and here is the final effect I have for this tutorial:(click to enlarge)

Img

You can choose your own color scheme and experiment with the result - I used a dark red kind of effect.

That's it for this tutorial! Hope you enjoy this tutorial and find it useful! Till next time, have a great day!



Author's URL: psdvault
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Breathe new life into text. These tutorials will teach you how to create various text effects. More Text Effects Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: