Crisp Metallic Text Effect Tutorial


Here’s another cool tutorial compiled by Jeroen T Poisson.

As complicated as this may seem, it’s really easy to get that old, clean, crisp metallic text effect. It does work best with bolder, more cursive, olden style type of font, but it is transferable to other fonts and objects.


Before starting with this effect, install the Rothenburg Decorative font and these grunge brushes.

STEP 1: Set up work space:

– Canvas Size – 1280 x 720 px

– Resolution – 72 dpi

*** Size and resolution will vary on what you want to do. ***

  • First change background to a dark grey colour using # 1F1F1F.


  • Create a new layer and using a white colour, use the different grunge brushes so it gives a nice texture.


  • Now drop the ‘Fill’ (top of your layers panel) on your layer to 0 then double click on the layer to open up the Layer Style panel.
    (Layer > Layer Style > Blending Option (Right click on layer > Blending Option))

– Drop Shadow: Blend mode: – Normal
Colour – #ffffff
Opacity – 60%

– Inner Shadow: Blend mode: – Multiply
Colour – #000000
Opacity – 75%


  • Click on the Add Layer Mask icon at the bottom of your layers panel, and then invert it (Ctrl/Command + i). Pick a big soft brush and click in the center of the document. This way the layer will be shown only in the center, fading out to the edges of the document.


STEP 2: Setting up text:

– Text – #000000

– Text Size – 230 pt

– Kerning – -5


  • Insert your text and centralise it. The go to your ‘Character panel’
    (Window > Character) and set the kerning to -5

*** If using an object, make sure it’s a clean vector for the best results. ***


STEP 3: Layer Styles:

  • Select your text layer, and apply these settings below using your Layer Styles. Each step you can find a preview for the effect just added.


910 1112 13

14 15 1617 18 19 20

STEP 4: Defining

  • Once you have added your effect to your text layers, duplicate the layer and remove the effects (Right click on layer > Clear Layer styles). Turn the colour of the text to white and then drop the Fill on your layer to 0.
  • Now we are going to add effects to this layer so it blends in nicely with the first layer and brings it all together. Take a look at the trick with the ‘Stroke’: dropping down its Opacity to ‘0’, it works almost as a layer mask, hiding the Layer on its edges, and revealing what’s below that. Apply these effects below:

2122 23 2425 2627 2829 3031 32 33 3435 36

You now have a clean, metallic text effect! What is great about this effect is that it is easy to edit because the text isn’t rasterized so text is editable. So once it’s done, it can become a basic template for you, whenever you need to use this effect on other text. Another upside to this effect is that if you want to have this effect on objects, it’s a simple matter of copying the layer styles onto it and edit the effect to make it look how you want. Have fun!



One thought on “Crisp Metallic Text Effect Tutorial

  1. Greetings from Idaho! I’m bored to tears at work so I decided to browse your blog on my iphone during lunch break. I really like the knowledge you provide here and can’t wait to take a look when I get home.
    I’m amazed at how quick your blog loaded on my phone .. I’m not even
    using WIFI, just 3G .. Anyways, very good blog!


What do you think? I'd love to hear from you :)

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s