Photoshop Turorial – Making a Rusty Text

In this tutorial we’ll create a rusty text effect:

1. Start by making a new file with the Width=1024 and Height= 768 and a black background.

2. Use as your colors: black for background and as your foreground #926320.

Photoshop-tutorial-making-rusty-text-2

3. Go to Filter->Render->Clouds.

4. Go to Images->Adjustments->Brightness/Contrast and use the following settings: Brightness=50 and Contrast=-20.

5. Go to Filter->Brush Strokes->Sprayed Strokes and use the following settings: Stroke Lenght=3, Spray Radius=20 and Spray Direction=Horizontal.

6. Go to Filter->Noise->Add Noise and use the following settings: Amount=3, Distribution=Gaussian and check Monocromatic.

7. Go to Filter->Brush Strokes->Spatter and set: Radiu=25, Smoothness=15.

8. Go to Filter->Sharpen->Unsharp Mask and set: Amount=177, Radius=8.7, Treshold=0, do this one more time but this time set: Amount=50, Radius=40, Treshold=0.

9. Using the type tool with Stencil Std font and a size of 400 write your text, I will write AND.

Photoshop-tutorial-making-rusty-text-3

10. With the text layer selected go to Layer->Layer Style->Blending Options, the Layer Style window should apear, here we’ll apply the following styles:

  • Click on Drop Shadow and apply the following settings:

Photoshop-tutorial-making-rusty-text-4

  • Inner Shadow

Photoshop-tutorial-making-rusty-text-5

  • Gradient Overlay

Photoshop-tutorial-making-rusty-text-11
Photoshop-tutorial-making-rusty-text-6

  • Stroke

Photoshop-tutorial-making-rusty-text-7

11. Set the text layer blending mode to Color Dodge.

12. Duplicate the first layer (the background layer) and move it on top of the text layer, set this layer blending mode to Linear Light. Then go to Layer->Create Clipping Mask or press Ctrl+Alt+G.

Photoshop-tutorial-making-rusty-text-8

13. Make a new empty layer and move it on top of all layers. Then using Gradient Tool with the default gradient (black to white) and with the Radial Gradient option and Reverse checked fill the layer by dragging from the middle of the image to one of the corners, use the image bellow for reference:

Photoshop-tutorial-making-rusty-text-9

14. Select the last layer, the one wich we filled with the Gradient Tool and set his blending mode to Multiply.

The final result should look like the one bellow:

Photoshop-tutorial-making-rusty-text-1

About Andrei

I am a Web Designer from Romania, specialized with jQuery, Wordpress, Photoshop etc.
This entry was posted in Photoshop, Text Effects. Bookmark the permalink.

70 Responses to Photoshop Turorial – Making a Rusty Text

  1. Jonas Svedberg says:

    Sorry but it doesnt work i’ve tried 3 times now and i’ve made sure that i have exactly like you said in the tutorial and i’ve checked the colours and such but it doesnt work i just get a big black ball over the text. and i dont get the same colour of the text as you do. my colour is brighter when it comes to the text.

    I tried changing the gradient from white to black still it doesnt look like your picture did.

  2. Andrei says:

    I tested the tutorial and it works.

  3. Matt Strange says:

    Sweet! great for gaming related sites, might need this tutorial for the future ;)

  4. Lars H-L says:

    Fore some reason i could not get that last effect, but I compensated for it by using render lighting effects :) Got about the same effect.

    Thnx for nice tutorial !

    -Photoshop Newbie ;)

  5. Ian says:

    Same as Jonas, I have tried this multiple times and it just does not work for me. I must be doing something incorrect if others are having success, but I cannot see what.

    I have Photoshop 7.0, and at the end, the text is very dark and looks nothing like your example, and the last layer with the gradient covers everything and that is all that is displayed?!? (a sure sign that something is amiss in my technique).

    Any help would be greatly appreciated!

  6. Matthew says:

    end result does not work fo rme either…
    cant seen to get the text looking as rounded.

    also, rusted metal look does not appear to be the same color.

    thanks for the tut. though…

  7. Mike says:

    Same here followed your steps exactly mate but my problem is the text doesn’t look right at all. It is way to noisy/grainy. I’ll try sorting it out but just as a warning to anyone using this you’ll need to be able to compensate for the end result.

  8. Andrei says:

    If you want your text to be less grainyer set a smaller amount of the Unsharp Mask filter.

  9. Agnieszka says:

    Thanks, it’s great!

  10. Pingback: 50 Creative Photoshop Text Effects - PSDTUTS

  11. Pingback: PhotoShop » Blog Archive » 50 Creative Photoshop Text Effects

  12. Pingback: 50 Creative Photoshop Text Effects | The Human Network (HCI IDC Alumni Blog)

  13. Pingback: 50 Креативных текстовых Photoshop эффектов | Дизайн и не только

  14. Pingback: Lima Puluh Links Tentang Kreatif Tulisan Photoshop | Scientist

  15. durrcookie says:

    For all who it is not working do exact as he says and if you do not get the right result do not do the Gradient Overlay, then the result will be exactly the same!=P

  16. Pingback: 50 текстовых эффектов фотошопа | Дизайн-журнал №1.

  17. Pingback: 50+ Great Photoshop Text Effect Tutorials, Part II | Photoshop Tutorial

  18. Pierre says:

    That was excellent!! Everything worked great for me. Thanks

  19. Pingback: 51 Nice Text-Effect PS Tutorials - Top Web Resources

  20. Pingback: AllTuts

  21. Bramimond says:

    wooow! the final result is so nice…

    but I didn’t have Stencil std in my photoshop CS2 so it’s not as cool as it could have been but thx for the tutorial!

    if anyone could send me the stencil std font my email adresse is oussama_ben_miloud@hotmail.com thx

  22. Suggestioner says:

    There is an another tutorial with psd file. You mus see it.
    http://onurkaya.deviantart.com/art/Rusty-Text-Effect-99400040

  23. sam says:

    i’ve tried but i cant get to use the brush stroke in it. its grayed out. i think there is a step i am missing.

  24. Pingback: 10 Useful Adobe Photoshop CS Text Effect Tutorials - Magical Places Fine Art

  25. Pingback: 50+ tutorials per creare testi d’effetto in photoshop | Lordmarin

  26. Kaito303 says:

    Ive followed EXACTLY what you said and it works WONDERFULLY. I have had NO problems with it. I made my own modifications to it to use it what I intended to make it for in the first place.. and it looks fantastic. Thanks for the tutorial mate.

  27. Pingback: best photshop tutorial to add effects to your photo » weborbus

  28. ng says:

    the end result was a little dark but other than that it’s good

  29. Pingback: 51 Photoshop Text Effect Tutorials | Tips For Web Users

  30. Nimish says:

    Fundaaaaaaaaaaaaaaaaaaaaaaaa, the more you do the more we learn.
    Thank you
    Nimish.

  31. kecap says:

    This is Great!U are the king :) xD

  32. kart__champ says:

    never worked for me but it was still a ok outcome so its alrite i spose lol

  33. Pingback: Лучшие бесплатные шаблоны для сайтов » Архив » Подборка лучших текстовых уроков для Photoshop (eng)

  34. Daniel says:

    nice tutorial! i loved it! its almost look the same
    and i am an new beginner to photoshop (:

  35. Nico says:

    Well, I didn’t really get it…

  36. Pingback: The Top 30 Photoshop Text Effects Tutorials of 2008 - Which is the Best? : Speckyboy - Web Design, Web Development and Graphic Design Resources

  37. m0nsterkatt says:

    Exelent tutorial ! :D VERY good explenation for everything ;) Best tutorial so far , I think ! :)

  38. flop says:

    good tutorial. the best.

  39. Pingback: 65+ Smoking Photoshop Text Effect Tutorials | instantShift

  40. Pingback: All Amazing Articles » 50+ Great Photoshop Text Effect Tutorials

  41. Pingback: All Amazing Articles » 50+ Great Photoshop Text Effect Tutorials

  42. Pingback: 65+Cool Free Adobe PhotoshopText Effect Tutorials |

  43. tren says:

    Realy cool tut, helped alot. Thanks.

  44. Pingback: Wordpress Blog Services - 50 Stunning Photoshop Text Effect Tutorials

  45. Pingback: http://www.digiwu.com » Blog Archive » 50 Stunning Photoshop Text Effect Tutorials

  46. Subzidion says:

    Yeh, I am using elements, where can I find this stuff on THAT one >.<

  47. Subzidion says:

    Can I get any help >.

  48. Comic Tragedy says:

    Thanks for the tut! It worked great!

  49. Andrei says:

    You can’t use Adobe Elements for doing the Rusty Text Effect tutorial you need Adobe Photoshop.

  50. Sanjit Vignesh says:

    i have a problem, the color of the text remains the same, with pink and white gradient, even after changing the blend mode to color dodge.

  51. Pingback: 60 tutoriels Photoshop pour les effets de texte | TuniBOX

  52. xbaha says:

    Great pal, I had finished the tutorial nicely…. ^^

  53. Pingback: » Ръждясал текст BG-UROCI.net

  54. Pingback: 50 verblüffende Photoshop-Texteffekt-Tutorials | Dr. Web Magazin

  55. Pingback: 50 verblüffende Photoshop-Texteffekt-Tutorials | Dr. Web Magazin

  56. Pingback: 50 New High Quality Adobe Photoshop Tutorials - Themeflash : One Stop For All Your Web Resources

  57. idk says:

    doesnt work

  58. Great Tutorial , Nice explanation by each step with detail , thank for shearing this article.

  59. bufanda says:

    I didnt try it because it seemed like it takes to long…but im sure it doesnt work! IT NEVER DOES!!!!

  60. dosamantes says:

    nice tutorial
    works fine in photoshop cs4
    less than 10 minutes

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>