Learn How To Create A Killer Chrome Text Effect

In this tutorial I’ll be showing you how to create a killer chrome style text effect in photoshop from scratch, using nothing but layer styles.

In Text Effects

What We’ll Be Creating

Learn How To Create Realistic Chrome Text

Creating The Background

Create a new (Ctrl + N) Document 3000 x 3000 pixels with a black #000000 background. Right click the background layer and select “Layer From Background” from the fly out menu. Now download the fabric texture pack from the resource list and load it into photoshop.

Double click the background layer and apply the leather texture from the texture pack.

Learn How To Create Realistic Chrome Text

Create a new layer above the background layer and fill (G) it with the color white #ffffff. Now add the following layer styles to the layer.

Learn How To Create Realistic Chrome Text

Learn How To Create Realistic Chrome Text

You should now have something like this.

Learn How To Create Realistic Chrome Text

Creating The Chrome Text

Select the “Text Tool” (T) and write your text on the canvas.

Learn How To Create Realistic Chrome Text

Now add the following layer styles to your text layer.

Learn How To Create Realistic Chrome Text

Learn How To Create Realistic Chrome Text

Learn How To Create Realistic Chrome Text

Learn How To Create Realistic Chrome Text

Learn How To Create Realistic Chrome Text

Learn How To Create Realistic Chrome Text

Learn How To Create Realistic Chrome Text

Learn How To Create Realistic Chrome Text

You should now have something like this.

Learn How To Create Realistic Chrome Text

Adding Texture To The Chrome

Duplicate your text layer then right click the layer and select “Clear Layer Styles”. Now add a “Gradient Overlay” using the settings below.

Learn How To Create Realistic Chrome Text

Now, load a selection around the text layer you just duplicated “Select > Load Selection”.

Learn How To Create Realistic Chrome Text

Create a new layer at the top of your stack then fill (G) the selection with any color. With the selection still loaded apply the noise filter “Filter > Noise > Add Noise”.

Learn How To Create Realistic Chrome Text

Once you’ve added the noise filter deselect the selection (Ctrl + D) then set the layer blend mode to “Soft Light” and opacity to 20%.

Learn How To Create Realistic Chrome Text

Creating The Outer Chrome Layer

Load a selection around your original text layer “Select > Load Selection” then go to “Select > Modify > Expand”. Expand the selection by about 10 pixels, create a new layer underneath your text layer and fill (G) the selection with any color. Now add the following layer styles to this new layer.

Learn How To Create Realistic Chrome Text

Learn How To Create Realistic Chrome Text

Learn How To Create Realistic Chrome Text

Learn How To Create Realistic Chrome Text

Learn How To Create Realistic Chrome Text

Learn How To Create Realistic Chrome Text

Learn How To Create Realistic Chrome Text

You should have something like this.

Learn How To Create Realistic Chrome Text

Adding The Shadow

Finally load a selection around your original text layer “Select > Load Selection”, create a new layer above your background layers then fill the selection with the color black #000000.

Learn How To Create Realistic Chrome Text

Select the “Move Tool” (V) then move the shadow layer between 5-10 pixels down and between 5-10 pixels left. Your finished result should look something like this.

Learn How To Create Realistic Chrome Text

Conclusion

Thanks for taking part in this tutorial, if you managed to finish this tutorial I’d love to see some of your results. Feel free to post them up on our Facebook Fan Page Or Tweet them via twitter @photoshop_plus.

Learn How To Create Realistic Chrome Text

Purchase Psd Now

  1. September 7, 2012 at 10:20 AM

    Great stuff. I love how you get those “easy” and simple tutorials written and give us something to use in the future. Honestly, I have forgotten how to make some styles and here I can learn again how to make something beautiful from scratch with just few steps.

    Thank you for these tutorials :)

  2. September 7, 2012 at 6:09 PM

    Thanks for your comment,

    Glad you liked the tutorial

  3. September 9, 2012 at 10:28 PM

    Really perfect example. That tutorial very helpful. Like real seems. Thanks.

  4. September 19, 2012 at 7:42 PM

    Hi Richard. The metal effect looks very realistic. Thanks for the instructions. Greets.

  5. dragon slayer
    October 4, 2012 at 1:55 PM

    i kill dragons with this metal text thanks

  6. Georgia
    November 2, 2012 at 3:14 AM

    Great class. I csnt wait to try it out.

  7. Bob
    January 29, 2013 at 3:38 PM

    Well prepared and presented – great tutorial – thanks for sharing!

Give Us Your Feedback

Here on Photoshop Plus we use something called Gravatar, its a little image which will appear next to your name when you comment on a blog. Using a gravatar will help us recognise genuine comments from the spam comments.


Don't forget to leave a comment on this post, we appreciated your feedback good or bad.

There's currently 7 Comments On Learn How To Create A Killer Chrome Text Effect, why not add yours!

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>

Auto Scroll To The Top
css.php