How to Create Eroded Metal Text With Photoshop
Tutorial Details
- Program: Photoshop
- Difficulty: Intermediate
- Completion Time: 1-2 hours
Download Source Files
Final Product What You'll Be Creating
In this tutorial I’ll show you how to create an eroded metal text effect. Throughout this tutorial we’ll make use of various drawing techniques, channels, and patterns. Let’s get started!
Editor’s note: This tutorial was originally published on Psdtuts in September 2009.
Step 1
First we need to define a pattern of dots. Lets start by creating a new document 100 pixels wide and 100 pixels high, with a Resolution set to 300 pixels/inch. Fill the "Background" layer with black. Grab the Elliptical Marquee Tool, set the Style to a Fixed Size and set the Width and Height to 24 pixels. Click anywhere inside the canvas, then click inside the selection, drag and position it in the top-left corner of the canvas.
Fill the selection with white. Drag one vertical and one horizontal guide to the center of the selection. Hold down the Shift key, press Down the Arrow key four times to move the selection down 40 pixels. Fill it with white. Now move the selection 20 pixels up and 20 pixels right, then fill it with white again. Move the selection this time, 20 pixels down and 20 pixels right and fill with white.
Now drag two more guides to the center of the selection as in the image below. Move the selection 40 pixels up and fill with white once again. Now grab the Rectangular Marquee Tool and select the area between the crossing guides as shown below. Go to Edit > Define Pattern and name the pattern "Holes." Now that we have defined our pattern, you can close this document.

Step 2
Now create a new document 1450 pixels wide and 700 pixels high at a resolution of 300 pixels/inch. Make sure the Color Mode is set to RGB. Use the Horizontal Type Tool to type your text. I used Arial Black at a size of 116 pt.

Step 3
Now we’ll apply two Layer Styles. First apply a Stroke using these settings: Size set to 10 pixels, Position set to Inside, Blend Mode of Normal, Opacity at 100% and color set to black. Then apply a Pattern Overlay and use the following settings: Blend Mode set to Normal, Opacity at 100%, Pattern set to “Holes,” and scale set at 50%.

Step 4
Make the "Background" layer invisible and create a new layer on top and name it "2 Alpha." Go to Image > Apply Image and check Invert. This will flatten the current visible layers in the selected layer and invert it.

Step 5
Command-click the "2 Alpha" layer to load the selection and hit Command + C to copy. Go to the Channels Palette and create a new Channel. Hit Command + V to paste. Hit Command + D to deselect.

Step 6
Go to the Layers Palette. We don’t need "2 Alpha" layers anymore so delete it. Turn off the visibility of the Pattern Overlay style of the "PSD" layer and set the Text Color to white. The layer is named "PSD" because I typed the text: "PSD". Your text layer is named whatever you typed.

Step 7
Create a new layer on top and again name it "2 Alpha" because this one will be going to an alpha channel. Make sure the "Background" layer is still invisible. Go to Image > Apply Image and uncheck Invert.

Step 8
Now Command-click the "2 Alpha" layer to load the selection and hit Command + C to copy, go to the Channels Palette and create a new channel, then hit Command + V to paste. While you’re in the Channels Palette, Command-click the "Alpha 1" channel to load the selection.

Step 9
Go to the Layers Palette and create a new layer named "Text." Set your Foreground Color to 80% gray by hitting Alt + Backspace, then Deselect.

Step 10
Since we’ll have a dark background in our final image, it’s a good idea to make the background darker now. So fill the "Background" layer with 90% gray. Now we’ll apply two Layer Styles to the "Text" layer. The first one is a Pattern Overlay with these settings: Blend Mode set to Soft Light, Opacity at 100%, Pattern set to “Black Marble,” which is located in the “Rock Patterns” and Scale set at 100%. The second Layer Style is a Drop Shadow with these settings: Blend Mode set to Multiply, Opacity at 100%, Angle set to 120 degrees, Distance set to 16 pixels, Spread set at 30% and Size set to 15 pixels.

Step 11
Go to Layer > Duplicate Layer and name the duplicate "Paint." Drag the Effects of this layer to the trash in the Layers Palette as shown below.

Step 12
Go to Channels Palette and create a new channel. Go to Filter > Render > Clouds. Now go to Filter > Render > Difference Clouds. We’ll apply this filter twice more, so Press Command + F twice. Now go to Image > Adjustments > Invert. Go to Image > Adjustments > Levels (Command + L) and set the Input Levels to 200, 1, 255. The white areas in this image is going to be the eroded parts of the paint. Command-Click the channel to load the selection.

Step 13
Go to the "Paint" layer in the Layers Palette and hit Delete to clear the selected area. Go to Layer > Duplicate Layer and name it "Grain." Make the "Grain" layer invisible for now, then Deselect.

Step 14
Go back to the "Paint" layer and apply a Drop Shadow Layer Style with these settings: Blend Mode set to Multiply, Opacity at 100%, Angle set to 120 degrees, Distance and Spread set to 0, and Size set to 5 pixels. Apply an Inner Glow and use these settings: Blend Mode of Color Burn, Opacity at 35%, and Size set to 1 pixel. Now apply a Gradient Overlay with these settings: Blend Mode set to Overlay, Opacity at 60%, Gradient set to Black and White, Style set to Linear and Angle set to 90 degrees. Set the "Paint" layer Blending Mode to Soft Light.

Step 15
Create a new layer above the "Paint" layer and name it "Color." Grab the Gradient Tool, open the Gradient picker in the Tool Options and pick: Blue, Red, Yellow. Set it to Linear Gradient and fill the layer as shown below. Hold down the Alt key and click the line between the "Paint" and "Color" layers to define the "Paint" layer as a Clipping Mask. Set the "Color" layer Blending Mode to Difference.

Step 16
Go to the "Grain" layer in the Layers Palette and make it visible. Go to Filter > Artistic > Film Grain. Set the Grain to 10, Highlight Area and Intensity to 0, and set the Blending Mode for the layer to Color Dodge.

Step 17
Command-click the "Text" layer to load the selection. Create a new layer on top and name it "Highlight." Grab the Elliptical Marquee Tool and use the Arrow keys to move the selection 1 pixel left and 1 pixel up. Fill the selection with white. Move the selection 1 pixel right and 1 pixel down, back to where it was and hit Delete to clear. Apply an Outer Glow Layer Style to the "Highlight" layer using these settings: Blend Mode of Overlay, Opacity at 100%, and Size set to 2 pixels.

Step 18
Go to the Channels Palette and Command-click "Alpha 2" to load the selection. Go back to the Layers Palette and create a new layer on top. Name it "Highlight 2." Move the selection 2 pixels right and 2 pixels down. Fill the selection with white. Now move the selection 2 pixels left and 2 pixels up and hit Delete to clear. Now deselect.

Step 19
Go to Filter > Blur > Gaussian Blur and apply with a Radius of 1 pixel. This is going to smooth the highlight.

Step 20
Go to the Channels Palette and Command-click "Alpha 2" to load the selection again. Go back to the Layers Palette and create a new layer on top and name it "Shade." Move the selection 2 pixels left and 2 pixels up. Fill the selection with black. Now move the selection 2 pixels right and 2 pixels down and hit Delete to clear.

Step 21
Deselect by hitting Command + D. Go to Filter > Blur > Gaussian Blur and apply with a Radius of 1 pixel.

Step 22
Command-click the "PSD" layer to load the selection. Create a new layer on top and name it "Shade 2." Fill the layer with Black. Move the selection 2 pixels up and 2 pixels left, then hit Delete to clear. Command-click the "PSD" layer again. Go to Filter > Blur > Gaussian Blur and apply with a Radius of 2 pixels.

Step 23
Command-click the "PSD" layer again and load it’s pixels. Create a new layer on top and name it "Highlight 3." Fill the selection with black. Move the selection 2 pixels down and 2 pixels right and hit Delete to clear. Command-click the "PSD" layer and load the selection again, because we don’t want this highlight to be blurred towards the outside. Now go to Filter > Blur > Gaussian Blur and apply with a Radius of 1 pixel. Deselect by hitting Command + D.

Step 24
Create a new layer above the "Background" layer and name it "Texture." Fill the layer with black. Go to Filter > Render > Lens Flare. Set the Brightness at 160% and set the Lens Type to 50-300 mm zoom. Then go to Filter > Render > Difference Clouds. Go to Image > Adjustments > Desaturate. Apply a Glass filter by going to Filter > Distort > Glass and use these settings: Distortion set to 20, Smoothness set to 2, and Scaling set at 100%. Finally, apply a Gradient Overlay Style to this layer and use these settings: Blend mode of Multiply and Opacity set at 70%.

Step 25
You can achieve different variations of this effect by changing the gradient or color of the "Color" layer and changing the Texture of the Pattern Overlay Layer Style of the "Text" layer.

Conclusion
Yes that’s it! I hope you learned something new and enjoyed this tutorial!
Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the web.

PSD.tuts really rocks.We find this post really creative for this reason we tweet it..keep going.!!
Did someone rip off that tutorial:
http://www.webdesignfact.com/2011/08/tough-metal-text-photoshop-tutorial.html
?
WDF indeed? Seeing by the date, the one on WDF was the later one… Maybe the one who wrote this tutorial also sold it to the WDF site, either way, smells funny… nonetheless, great tutorial I am going to try out soon
Excellent metal text effect. Please let me know if I can use it in my website logo?
I think anything you have “learned” may be applied to other projects. Just do not copy and paste this tutorial on your own website I guess and if someone asks, always try to credit the site/person where you found the neat effect, but, who am I to have a say in this though ;) If u really want to know for sure, just email psdtuts…
I’m having trouble with step 17 where it says “Grab the Elliptical Marquee Tool and use the Arrow keys to move the selection 1 pixel left and 1 pixel up. ” Do I just select where the words are or what? It may be a silly question and me just over thinking this. :/
This tutorial had been kind of long, took me 2 days, but man I had learn a lot more of good tricks
Thanks a lot.
Keep the good work up.
Starting at 5 i’m lost. I ctrl+click the layer and hit ctrl+c, when I try and paste it to a channel nothing happens.
Got it now. But when I do step 17 the whole screen turns white. You can just make out the word and when i hit delete the whole layer is deleted.
Hey I have this same issue with Step 5. using CS5 if that makes a difference at all. how do you get out of this ctrl+v issue?
great tutorial! that’s my outcome:
http://i54.tinypic.com/14kv252.jpg
anyway i would like to say something: in step 23 it says to fill the layer “highlight 3″ with black, but it should be white ;) then, i had some problems in step 24. you have to select black as primary color and white as secondary color. if you don’t, the difference clouds change color and the final effect on the background is worse. i know it because i had black as primary and green as secondary color and my effect was kind of ugly :P
its awesome!!!!!!!! :0 can u upload the video in youtube plzzzzzzzzzzzzzzzz
Love it! thank u!!
I can’t do step 16. I can’t click on artistic but i don’t know why. Help me please
HELP!!! i got to step 5 and i could not copy the layer. I have photoshop CS5 and no matter what i tried it would not copy and paste.
Also, I am using a pc . . . and i tried using Ctrl instead of command. is there something i’m doing wrong? Plz respond.
NVM! I got it! In case anyone has the some problem as me, you have to make a new channel, use the wand tool to select the layer. Ctrl + C > and press Ctrl + V on the new Channel
really nice!!! i did, its awesome
Amazing tut.. got to know new things, its beautifully explained in detailed steps.
Thanks for the share…
i don’t understand first step
Excellent Tutorial! Keep up the good work!
Very Good
awesome tut. now I just wish I would have recorded all the steps as an action to save some time if using this text effect in the future.
Thanks for sharing your wisdom!
Where is Layers Palette ?
am still @ step 1, wen i try creating the holes it keeps saying pixel 50%…….
I am lost! I can’t do step 5, I use pc, not mac, só I click ctrl+a and then ctrl+c on channels, but I try then I’m stuck on step 8!
Someone help me, please!
help please !
after creating a new channel and applying filter i.e. render clouds etc … , the screen is blank sfter applying these four filters , when i load selection then it says warning no pixels were selected . can someone tell me where l am wrong ..?
Ahh this tut is a bit to hard for me maybe if i get more experience with photoshop i can follow it
Amazing tutorial! Very detailed and it even has pictures! Really impressed with my own version and this is great reference. Thank you.
SOLUTION TO STEP 5:
1. Select “2 Alpha”
2. Hover over “Select” at the top bar.
3. Select “All” in the drop down menu.
4. Click “Ctrl-C” (“Command-C” for Mac)
5. Create a new Channel.
6. Click “Ctrl-V”
7. Celebrate!
I’ve had three goes up to now but I am determined if nothing else. It seems that some of the steps are missing; I’m using CS3 which may account for some of the channel problems (step 12 +). OK I’m learning stuff which I suppose is the object of the exercise. Why are not more people than those already commenting on the channel problems? Four hours later and a dinner missed ….!
Okay so this tut is beating my up as well in a few steps.
For anyone who is really starting from scratch with Photoshop and would like an awesome teacher to show you the ropes.
Sean Glumace is a great instructor. He posts all his college classes on his site in order and explains in detail the little things many tuts miss about the programs. I highly recommend you go through his 2011 webdesign course.
http://glumace.com/category/class-videos/dartg178-fall-2011/
Start with week two.
I use PS CS3 on windows ..
as in step 9, and had me follow it.
results are not as shown step9 (no holes in the text) ..
why be like that …?
What a mistake because me, or PS I use?
please help me …
Amazing!! So beautiful. nd you teaching tectonics are easy
This is the most amazing text tutorial…….. because its really detail about the steps to make this happens..
Thanks so much for sharing this… and really thanks for the author….
two thumbs up………………..:)
Thank you so much for this tut :)!
it was really helpful ^^
took 4 hours, but i did it… its looks great! nice work
This tutorial looked like it had amazing potential. Then at around about step 10-12 onwards you started losing me. Some of the steps weren’t properly explained or shown. Maybe more screenshots or simply more detailed steps next time?
Thanks.
I cant get past step 9 with the grey, it only does a solid gray
Awesome Tutorial. Took me about an hour to do it with my own design and font.
This was the result I got:
http://farm8.staticflickr.com/7120/7126609961_e26501f827_o.png
FYI, I wouldn’t call this a beginning tutorial, for sure this is for someone that has about intermediate level photoshop. I found the instructions to be very clear.
Steph, first make sure you can actually see your swatches. I’m using CS3 so yours may be different, but in photoshop, go to Window then check that your swatches are checked.
If you’ve having problem finding the gray color, then just reset your swatches. When it asks to replace the colors say ok, don’t append. 80 and 90% gray is on the 3rd row down the sixth square from the right. Make sure you hover over it to see the color names, click on it, then follow the directions in the tut.
got to step 4 and lost. help me out
Step 6 tells me to turn the Pattern Overlay visibility off, and change the text colour to white. After doing this do I then turn the visibility back on?