In this tutorial, I will show you the steps I took to Design a Shattered, Scrappy Metal Text Effect in Photoshop. You will learn how you utilise a range of selection and transformation techniques to manipulate textures in order to form certain effect. Have a try!

This is an intermediate to advance level Photoshop tutorial. If you’re having difficulty with the steps in this tutorial, I suggest you go to the basic section of PSD Vault and practice those tutorials first, then come back and do this one.

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

scrap metal text flatten 500x284 Design a Shattered, Scrappy Metal Text Effect in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Design a Shattered, Scrappy Metal Text Effect in Photoshop

Ok Let’s get started!

To complete this tutorial, you will need the following stock:

Metal Texture

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:

1 paint cloud 500x277 Design a Shattered, Scrappy Metal Text Effect in Photoshop

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

1 compress cloud 500x301 Design a Shattered, Scrappy Metal Text Effect in Photoshop

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:

 

1 effect1 500x278 Design a Shattered, Scrappy Metal Text Effect in Photoshop

Step 2

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

2 select metal 500x323 Design a Shattered, Scrappy Metal Text Effect in Photoshop

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

2 paste1 500x298 Design a Shattered, Scrappy Metal Text Effect in Photoshop

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:

2 top left 500x397 Design a Shattered, Scrappy Metal Text Effect in Photoshop

Center Portion:

2 centre 500x355 Design a Shattered, Scrappy Metal Text Effect in Photoshop

Bottom Right Corner:

2 bottom left 500x291 Design a Shattered, Scrappy Metal Text Effect in Photoshop

You will have the following similar effect as a result:

2 effect1 500x278 Design a Shattered, Scrappy Metal Text Effect in Photoshop

 

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:

3 select1 500x441 Design a Shattered, Scrappy Metal Text Effect in Photoshop

Double click the background layer to unlock it:

3 unlock Design a Shattered, Scrappy Metal Text Effect in Photoshop

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

3 define Design a Shattered, Scrappy Metal Text Effect in Photoshop

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

Shape Dynamics

3 shape dyn Design a Shattered, Scrappy Metal Text Effect in Photoshop

Scattering

3 scattering Design a Shattered, Scrappy Metal Text Effect in Photoshop

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

3 break 500x270 Design a Shattered, Scrappy Metal Text Effect in Photoshop

Bottom Right

3 break 2 500x314 Design a Shattered, Scrappy Metal Text Effect in Photoshop

Top Left

3 break 3 500x394 Design a Shattered, Scrappy Metal Text Effect in Photoshop

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

Levels

3 lv Design a Shattered, Scrappy Metal Text Effect in Photoshop

Black and White

3 bw Design a Shattered, Scrappy Metal Text Effect in Photoshop

Layer mask on the Black and White adjustment layer:

3 bw mask 500x278 Design a Shattered, Scrappy Metal Text Effect in Photoshop

and you will have the following effect so far:

3 effect 500x278 Design a Shattered, Scrappy Metal Text Effect in Photoshop

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.

3 effect paint 500x283 Design a Shattered, Scrappy Metal Text Effect in Photoshop

 

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)

3 type 500x275 Design a Shattered, Scrappy Metal Text Effect in Photoshop

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

4 select 500x300 Design a Shattered, Scrappy Metal Text Effect in Photoshop

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

4 paste 500x447 Design a Shattered, Scrappy Metal Text Effect in Photoshop

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

4 paste more 500x375 Design a Shattered, Scrappy Metal Text Effect in Photoshop

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:

4 erase 500x273 Design a Shattered, Scrappy Metal Text Effect in Photoshop

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

4 erase 1 500x265 Design a Shattered, Scrappy Metal Text Effect in Photoshop

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

Levels

4 lv1 Design a Shattered, Scrappy Metal Text Effect in Photoshop

Black and White

4 bw Design a Shattered, Scrappy Metal Text Effect in Photoshop

Layer mask on Black and White adjustment layer:

4 bw mask 500x278 Design a Shattered, Scrappy Metal Text Effect in Photoshop

Curves

4 curves Design a Shattered, Scrappy Metal Text Effect in Photoshop

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

4 shattered Design a Shattered, Scrappy Metal Text Effect in Photoshop

Here is the effect so far:

4 effect1 500x274 Design a Shattered, Scrappy Metal Text Effect in Photoshop

 

Step 5

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

5 reduce noise 500x360 Design a Shattered, Scrappy Metal Text Effect in Photoshop

I also added some more particles around the base texture:

5 more effect 500x385 Design a Shattered, Scrappy Metal Text Effect in Photoshop

5 more effect 2 500x331 Design a Shattered, Scrappy Metal Text Effect in Photoshop

Plus a few more spot lights around the letter:

5 lighting 500x349 Design a Shattered, Scrappy Metal Text Effect in Photoshop

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)

scrap metal text flatten 500x284 Design a Shattered, Scrappy Metal Text Effect in Photoshop

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!