It’s been a while since the last time that I made a chrome-like text effect so i though let’s do something with metal elements again, since this is an effect that will never go out of fashion. Let’s make a quick but very useful tutorial, using gradients that will allow you to easily create any metallic effect later.

make a new Canvas and fill it with a dark color, we used dark gray with a little light spot in the middle to outline the effect. We are using 600 x 500 cnvas (and this is the size of the psd you can download, just scroll all the way down).

Design Cool Lord-Chrome Text Effect - PS Tutorials Lorelei Web Design

Using  a curvy font and very big letters, type your word. We used the Harrington font with 260 pixels size, however in this particular effect, the biggest is your font, the better viewable is the result. Worry not about the color you are using at the moment for typing since we will overlay it with metallic gradients, which we designed specifically for this tutorial.

Design Cool Lord-Chrome Text Effect - PS Tutorials Lorelei Web Design

Go to Layer >> Layer Styles >> Blending Options and begin applying the effects…

Design Cool Lord-Chrome Text Effect - PS Tutorials Lorelei Web Design

Our Inner Shadow is pretty important so pay attention to the size and Quality.

Design Cool Lord-Chrome Text Effect - PS Tutorials Lorelei Web Design

We decided that default “Linear” curve doesn’t really outline the effect good enough, so we used a “half Round” curve. If you don’t have it pre-installed in your Photoshop, please use our mapping:

Design Cool Lord-Chrome Text Effect - PS Tutorials Lorelei Web Design

For outer glow, we use gradient from black (#000000) to white (#ffffff). The outer glow in this case creates an additional stroke around the text, which looks slightly rounded and with a mild gradient. Without these settings, your effect will not look complete and moreover look rather poor.

Design Cool Lord-Chrome Text Effect - PS Tutorials Lorelei Web Design

And, a Rolling Slope Contour, please note that we are using the “descending” path, otherwise we will have a totally different result..

Design Cool Lord-Chrome Text Effect - PS Tutorials Lorelei Web Design

A mild touch of inner glow, just to smooth out the shadows at the edges of the text..

Design Cool Lord-Chrome Text Effect - PS Tutorials Lorelei Web Design

Design Cool Lord-Chrome Text Effect - PS Tutorials Lorelei Web Design

Now we are getting to the hardest and most essential part of this tutorial — the gradient overlay.

Design Cool Lord-Chrome Text Effect - PS Tutorials Lorelei Web Design

For beginners, it could be a little difficult to copy these gradients, but I strongly recommend that you won’t give up and try to copy them as close as possible since they will allow you to add a nice metallic touch to any text or object later. Just don’t forget to save them as a new gradient, for future use!

Design Cool Lord-Chrome Text Effect - PS Tutorials Lorelei Web Design

For Stroke effect we also used a gradient of metallic shades, however, not only it will be a different gradient (not like the one we just set up for the inner filling), but also we will set the style to “Reflected”. This allows us to have the gradient mirror-repeated, without having to set too many shades.

Design Cool Lord-Chrome Text Effect - PS Tutorials Lorelei Web Design

Design Cool Lord-Chrome Text Effect - PS Tutorials Lorelei Web Design

What’s good about these layer style settings is that it will look good on ANY font size, for example here we zoomed in using a font of nearly 700 pixel and you see all the curves, shades and gradients so neatly….

Design Cool Lord-Chrome Text Effect - PS Tutorials Lorelei Web Design

Here is our result! I hope you enjoyed the tutorial and if you decide to download the psd, please remember to click “return to merchant’s website” after you complete the transaction, so that the download will start instantly. Also, please join our Facebook page and subscribe free for future updates!

Design Cool Lord-Chrome Text Effect - PS Tutorials Lorelei Web Design

Design Cool Lord-Chrome Text Effect - PS Tutorials Lorelei Web Design