Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

Rusty Metal Text Style Photoshop Tutorial

www.psd-dude.com
Tutorials Text Effects 15407 October 5th, 2018

Today we are going to create an interesting 3D rusty metal text in Photoshop using layer styles and textures. To make the process more easier, for this tutorial we'll use a 3D text mockup. We'll simply modify the layer styles adding a seamless rust pattern and the result is done. You can use this rusted metal effect for text and shapes.

Rusty Text

In this tutorial you learn how to create a rusty metal text in Photoshop using some simple layer styles and rust metal textures. First you have to download this 3D text mockup PSD file.

Rusty Metal Font

Create The 3D Metal Font

Now all we have to do is to customize the PSD mockup that we have just download it. Let's start with the text. Double click on the "3D text by psddude" smart object thumbnail to open it.

Rusty Text Photoshop Tutorial

Again double click on the "3d effect by psddude" thumbnail to open this smart object.

Rusty Text Photoshop Tutorial

Inside you will find a text layer. Simple replace the text. You can also change the font size and font family. I will use the font type called Black Ops One - a font that you can download for free. Learn how to install font in Photoshop from this tutorial.

Rusty Text Photoshop Tutorial

Add Metal Texture To The Rusty Font

Save the smart object and close it to see the result. Add the following layer styles to the "3d effect by psddude" smart object as shown in the previews.

Rusty Text Photoshop Tutorial

Check out this list for pre-made metal textures or this list with even more free metal textures

Drop Shadow layer style, color #121212

Rusty Text Photoshop Tutorial

Inner Shadow layer style, color #49291b

Rusty Text Photoshop Tutorial

Inner Glow layer style, color #5e5959

Rusty Text Photoshop Tutorial

Bevel and Emboss layer style, colors white and #121212

Rusty Text Photoshop Tutorial

Color Overlay layer style, color #3c1d10

Rusty Text Photoshop Tutorial

Pattern Overlay layer style: I used a rust texture to create this seamless rusty metal pattern. Download the texture here (credit for the stock image fantasystock)

Rusty Text Photoshop Tutorial

Save the smart object and close it to see the result.

Rusty Text Photoshop Tutorial

Now add these layer styles to the "3D text by psddude" layer.

Rusty Font

Drop Shadow layer style, color #121212

Rusty Text Photoshop Tutorial

Inner Shadow layer style, color #49291b

Rusty Text Photoshop Tutorial

Inner Glow layer style, color #5e5959

Rusty Text Photoshop Tutorial

Bevel and Emboss layer style, colors white and #121212

Rusty Text Photoshop Tutorial

Pattern Overlay layer style. Download the texture here (credit for the stock image fantasystock)

Rusty Text Photoshop Tutorial

To create the depth of shadow from the final image you have to create a copy of the text layer and fill it with black color. Use the Filter > Blur > Motion Blur to create the long shadow effect. Move the shadow layer to direction you want.

Now all you have to do is to add a nice looking background that you like. It can be a grunge wall texture, a wood texture, etc. Here is the final result for the rusty metal text effect.

Rusty Metal Text

Vintage Metal Sign Photoshop Action

5 ( 103 votes)

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

11 comment(s) for "Rusty Metal Text Style Photoshop Tutorial"

Dona
Dona
2:02 AM Tuesday, October 6, 2015
Having trouble with the download of the text mockup file. Clicking on it goes nowhere. Copying the link goes nowhere. Could you fix the link, please. Thank you. reply
dbreeze
dbreeze
2:02 AM Tuesday, October 6, 2015
Link to 3D Mockup psd file doesn't work. reply
PSDDude
2:03 AM Tuesday, October 6, 2015
I forgot to add the link :( sorry for that. It is fixed now and should work! reply
Carlos R Sousa Silva
Carlos R Sousa Silva
3:51 AM Wednesday, October 28, 2015
Excelent, thanks. reply
Mike
Mike
4:34 AM Friday, July 22, 2016
doesn't seem to work and there seems to be information missing from this tutorial. reply
PSDDude
5:04 AM Friday, July 22, 2016
Can you be more precise Mike? What doesn't work? reply
Farid Danial
Farid Danial
2:47 AM Thursday, September 8, 2016
I don't know what they call but I think the depth of shadow does not fit exactly the same as yours. reply
PSDDude
2:54 AM Thursday, September 8, 2016
I have updated the tutorial. See Step 8 to find out how to create the long shadow effect. reply
Farid Danial
Farid Danial
7:06 AM Tuesday, September 13, 2016
great. cheers mate reply
bram
bram
5:29 AM Monday, August 28, 2017
after edit text the rust metal doesn't come up.
something missing? reply
PSDDude
5:31 AM Monday, August 28, 2017
Did you add the Pattern Overlay layer style using the rust pattern?
You have the rust seamless pattern download link in the tutorial. reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


LIKE US ON FACEBOOK

      Online Photo Editor
top