Realistic Steel/Metal Text Effect Tutorial In Photoshop

Hi, in this tutorial I will explain how to make steel effect within few steps. These steps will works great in your any of designs especially while decorating font effect, the same tricks can use other some of text effects just changing color and applying blending option. Here mostly important is filling gradient colors and once you done to making gradient colors in gradient overlay then it is very simple to create steel effect to any font, just see that fun how does it works.

1 Take new document and fill any color, here i took red gradient background ( values #410000, #740000)


2 Type any name on the stage and adjust the size of the font to fit as well. Here make sure your font choosing should be suitable for steel effect well. Actually choosing good font also gives more realistic metal or steel effect, some time it woks great effect to your text design.


3 Now choose bevel and emboss in layer style and follow the values depth 250%, sizes 5px,  highlight mode keep screen in white color and make it opacity 50% and shadow mode-multiply and keep color in grey #4d4d4d and make it opacity 60%.


4 Now click on stroke and keep size 1 px and change the filling color value #c8c8c8.


5. Choose inner shadow, in blending mode just change into luminosity  and increase opacity 100%, other values just go with default.


6. Now Click on Inner glow, here change opacity 49%, color #ededed, techniques precise, source center, size 27 px.


7. Choose satin, here in blending mode option just change into vivid light and keep opacity 80%, angle 19 degree, distance 11px, size 14px.


8. In color overlay just change color #b2b2b2 and make it opacity 100%.


9.  This step is very important to get metal/steel effect in photoshop, this gradient filling works great to feel realistic metal text effect. Just follow the values of gradient (#3f3f3f, #ebe9e9, #9b9a9a, #f5f2f2, #3b3a3a), style linear, angle 90 degree and finally make it opacity 100%.


10, Almost done this realistic metal effect Photoshop tutorial, just finally apply shadow if you need better feeling then your images seem to be as shown our below image.


11. Thank you for reading our tutorials, visit regular and learn more tips tricks and techniques  well. if you need this PSD file just search with this title name  in our  search box and download with free of cost.


Click Here To View All Text PSD Files…

About Author Sudharsan

I am chief editor of, a designer, developer and animator. I Have spent most of the time to create designs and animations includes visual effects. I love so much to create all type of designing and have excellent knowledge in all kind of design roots.

Check Also

Generally you can see burnt paper somewhere after burn any paper, but that is you are looking only as real things effect, but here in this tutorial we will teach you very simple way how to make artificial burnt paper. It is very easy method and has simple techniques to create burnt paper as well. You can create any object like burnt effect by using this example method tutorial. We hope this technique can helps better for to make burnt effect well. 1. Open new document and keep any paper size value, here I took the size of paper value 650 pixels- width, 800 pixels-height and default resolution 72. 2. Take rectangular marquee tool from tool palette and draw a rectangle selection in the center of the page on the new layer and fill the color (ffec98) in that selection area by using short keyword Alt+Del or use paint bucket tool (G is the key). 3. Now select brush tool

How to create/make burnt paper effect in photoshop cs6

Generally you can see burnt paper somewhere after burn any paper, but that is you …