Close Menu
PSD VaultPSD Vault
  • VIP Area
  • Photoshop Basics
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Resources
  • Drawing
  • Inspiration
  • Web Graphics
  • Abstract
  • Freebies
  • Advertise
  • Get in Touch
  • About PSD Vault
Facebook Instagram Pinterest YouTube TikTok
Facebook Instagram Pinterest YouTube TikTok RSS
PSD VaultPSD Vault
  • VIP Area
    • Sign Up
    • Log In
  • Photoshop Basics
  • AI
  • Photoshop Error Fixes
  • Video Tutorial
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Drawing
  • Opinion
PSD VaultPSD Vault
Home»Text Effect»Design a Shattered, Scrappy Metal Text Effect in Photoshop
Text Effect

Design a Shattered, Scrappy Metal Text Effect in Photoshop

By James QuApril 17, 20115 Mins Read
Facebook Twitter Pinterest LinkedIn Tumblr Email
Share
Facebook Twitter LinkedIn Pinterest Email

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)

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

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:

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

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:

 

Step 2

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

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

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:

Center Portion:

Bottom Right Corner:

You will have the following similar effect as a result:

 

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:

Double click the background layer to unlock it:

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

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

Shape Dynamics

Scattering

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

Bottom Right

Top Left

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

Levels

Black and White

Layer mask on the Black and White adjustment layer:

and you will have the following effect so far:

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.

 

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)

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

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

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

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:

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

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

Levels

Black and White

Layer mask on Black and White adjustment layer:

Curves

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

Here is the effect so far:

 

Step 5

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

I also added some more particles around the base texture:

Plus a few more spot lights around the letter:

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)

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!

metal text effect text effect photoshop text effect tutorial
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
James Qu
  • Website

James is a seasoned Photoshop expert with over 25 years of experience, mastering the software since its 5.0 version. As the driving force behind PSD Vault, he authors the majority of its in-depth tutorials and insightful articles.

Related Posts

How to Create a “Black Widow” Movie-Inspired Text Effect in Photoshop

May 30, 2025

Making 80’s Style Chrome Text Effect In Photoshop

April 9, 2025

How to Create a Stunning Liquify Filter Typography Effect in Photoshop

February 15, 2025

6 Comments

  1. MARADIYA HIREN on April 25, 2011 7:13 AM

    thank’s

    good the webside the

    i am happy to work and my fevorite the photoshop image to my friends

  2. Litmusbranding on May 10, 2011 3:57 PM

    Hey,You article is excellent and quite in derived oriented for everybody who are in the field of designing especially. Thank You,

  3. allan on January 17, 2012 10:36 AM

    Thanks brother, this will be so helpful.

  4. thelogodesigner on February 20, 2014 12:55 AM

    Hey James, It’s a great tutorial and really new to learn the technique. Keep going .

  5. rose on January 19, 2017 2:47 PM

    Nice article.

  6. Aayam Agency on March 8, 2017 8:57 PM

    Its a great informative tutorial. Keep sharing continue.

Don't Miss

Why Learning Non-Destructive Editing is a Must for Every Photoshop Beginner

July 5, 2025

Mastering Sky Replacement in Photoshop: A Comprehensive Guide

July 4, 2025

How to Effectively Change Hair Colour in Photoshop

July 2, 2025

For Beginners

Basics

Mastering Sky Replacement in Photoshop: A Comprehensive Guide

By Lana WilsonJuly 4, 20256 Mins Read

How to Effectively Change Hair Colour in Photoshop

July 2, 2025

How to Use “Find Distractions” Feature in Photoshop for Easy Photo Clean-up

June 28, 2025

Photoshop June 2025 Update: Master New Features in Version 26.8

June 21, 2025

You May Also Like

Text Effect

How to Create a “Black Widow” Movie-Inspired Text Effect in Photoshop

By James QuMay 30, 20255 Mins Read
Text Effect

Making 80’s Style Chrome Text Effect In Photoshop

By Mohammad JeprieApril 9, 202511 Mins Read
Text Effect

How to Create a Stunning Liquify Filter Typography Effect in Photoshop

By James QuFebruary 15, 20254 Mins Read
Facebook X (Twitter) Instagram Pinterest
  • About Us
  • Get in Touch
  • Advertise
  • VIP Area
  • Privacy Policy
  • Terms & Conditions
© 2025 PSD Vault. All Right Reserved.

Type above and press Enter to search. Press Esc to cancel.

Manage Consent
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Manage options Manage services Manage {vendor_count} vendors Read more about these purposes
View preferences
{title} {title} {title}