Highlighted Chrome Style for Text: Photoshop Tutorial

Sep 13, 2007 by Patrick Winfield | Design, Tutorial

Text styles are always a great way to get away from the same solid color on a background and add some flair to the type.

final.gif

Text style is used to further express the mode of a piece. Chrome could be considered mechanical or cool. This technique can be applied to text, an object or shape to add a cool chrome effect.

11.gif

Step 1. On a new document created a letter in white on a darker background with a large point size. I am using 287 points and the font is Myriad Pro.

_______________________________________________________

21.gif

Step 2. Go to Layer/Rasterize/Type.

_______________________________________________________

31.gif

Step 3. Hold down Control and click on the Text Layer. This will select the outline shape of the letter.

_______________________________________________________

41.gif

Step 4. Go to the Channels Palette and create a new channel and fill it with White. Now De-select the layer and go to Filter/Blur/Guassian Blur with a Radius of 8.

_______________________________________________________

Step 5. Repeat the Filter but this time use a setting of 4 for the radius.

_______________________________________________________

6.gif

Step 6. Click on the Type layer and go to Filter/Render/Lighting Effects. Use similar settings to the example shown. Be sure to use ‘Alpha 1′ for the Texture Channel.

_______________________________________________________

7.gif

Step 7. Go to Image/Adjust/Curves and enter settings close to the one shown or whatever you feel looks best.

_______________________________________________________

8.gif

Step 8. With the Chrome in place it is time to add some highlight by going to Filter/Render/Lighting Effects and using a Directional Light. Use the settings in the example.

_______________________________________________________

main.jpg

Step 9. Just re-size the letter down and add a subtle Drop Shadow and your done!

Don’t forget to subscribe to the 10e20 RSS Feed!

Bookmark this post:

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

3 Responses to “Highlighted Chrome Style for Text: Photoshop Tutorial”

  1. Victor on September 18th, 2007 3:33 pm

    That’s a really cool effect Pat! Thanks!

  2. Erika on October 5th, 2007 11:10 am

    I love this idea- we are gonna run with this on one of the sites they work on!

  3. RohitK on April 15th, 2009 9:08 am

    Hi thank you for this Adobe tutorial. Before I was downloading different fonts to get this type look… thanks again…

Feel free to leave a comment...
and oh, if you want a pic to show with your comment, go get a gravatar!