fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Metal Text Effect Using Styles Photoshop Tutorial
Tutorials Text Effects 15049 Views January 27th, 2011

In this tutorial I will show you how easy is to create a simple yet effective metal text effect using just one text layer. The effect will be obtained using drop shadow, inner shadow, etc. Then we will save this style such that you can use it in the future for other works on layers, shapes and so on.


Step 1 The Text

Choose a nice font, I use Cooper Std, black, 50px, strong. You will see that this text effect does not match with every font type, you will have to experiment. The color is not important, so simply use white.

Step 2 Drop Shadow

Double click on the Text Layer name and open the Layer Styles window. In the Drop Shadow section I will make the following settings. Use the Blend Mode Multiply with color black and opacity 75%.

Step 3 Inner Shadow

Add Inner Shadow, use again Blend mode Multiply, color of the shadow is black and the opacity is set to 28%.

Step 4 Inner Glow

For the Inner Glow use Screen as Blend Mode, color white opacity 20% and other setting presented in the image below:

Step 5 Bevel and Emboss

A very important setting is the Bevel and Emboss. This will give the text a 3 dimensional look. You will see that almost every element is changed so be careful when you set it. So set Inner Bevel , Chisel Hard. Adjust the depth, size and angle, altitude, gloss contour. Set the Highlight Mode to screen, color white and the Shadow Mode to multiply, clor #2c3957.

Step 6 Gradient Overlay

I will now Add Gradient Overlay as a final touch using the following settings for the gradient: color #96a7b5, location 0%; color #626b77, location 30%; color #a3aab8, location 83% and color #626b77, location 100%. You can of course use another tones of blue and different locations.

Step 7 Saving the Settings as a New Style

After you set all the elements, Photoshop offers you a really nice feature. You can save all these settings in a style and use it later for other text, shapes, etc. So you can see in the Layer Style window, a button called New Style. So give your style a recognizable name, let's say Metal Effect. Pick the Custom Shape Tool and draw a shape. You will see that the Custom Shape Toolbar has an item called Styles that contains a lot of preset styles and of course our new saved style Metal Effect. Choose this style and you will see that the custom shape has now all the settings done in a single click. If the style option is not in the toolbar and you want to use it for another text or another layer, simply go to Windows menu and check Styles.

Step 8 Save the Style into an .ASL File

Let's say we want to save this style on our computer, to load it later, to publish it on a website for others to download it and use it. This thing is possible. Just go to Edit menu, choose Preset Manager, Preset Type : Styles. Select the style and click Save Set and give it a name, let's call it metal-effect.asl . A set can contain at least one but as the name says it can contain a set of styles.    So this is the final result for Metal Text Effect: metal text effect photoshop You can download metal-effect.asl here.


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

3 comment(s) for "Metal Text Effect Using Styles Photoshop Tutorial"

7:00 AM Wednesday, February 02, 2011
Hi! You have lot`s of great tutorials!
I`we just started a tutorial indexing website and I would like to ask you to submit some tutorials :D
You can submit tutorials without registering, but if you register you will get gift points f reply
7:00 AM Friday, April 29, 2011
Thank you! The sparkle is a simple sparkle brush, but anyone can made it from scratch easily: draw a line, add motion blur; duplicate and rotate by 90 degrees, duplicate and rotate again, maybe scale at 50%....improvise and the result will be a good reply
Free PSDs
1:30 AM Tuesday, December 23, 2014
That is a good use of Bevel and Emboss! Nice Tutorial.

Just one thing though, working a lot with Photoshop we know how to apply the spark/glow effect. But maybe you should include that in the tutorial (or link to an article that explains it) for the reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to fill text with image in Photoshop. The same technique works for adding a text over an i...
Learn how to create in Photoshop a beautiful Valentine's Day text effect made from red rose petals. ...
Here you have some of the most beautiful photo manipulation tutorials for Valentine's Day that I am ...
Seamless border Photoshop brushes that you can use for free. If you want to add a border in Photosho...

      Stiched Furry Plush Toys Photoshop Creator
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
To create a realistic sketch in Photoshop you need some pencil sketch textures or better still you c...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Metal Tag Photoshop Creator