Highlighted Chrome Style for Text: Photoshop Tutorial
Sep 13, 2007 by Patrick Winfield | Design, TutorialText styles are always a great way to get away from the same solid color on a background and add some flair to the type.

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.

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.
_______________________________________________________

Step 2. Go to Layer/Rasterize/Type.
_______________________________________________________

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

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.
_______________________________________________________

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.
_______________________________________________________

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

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.
_______________________________________________________

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:
3 Responses to “Highlighted Chrome Style for Text: Photoshop Tutorial”
Feel free to leave a comment...
and oh, if you want a pic to show with your comment, go get a gravatar!






















That’s a really cool effect Pat! Thanks!
I love this idea- we are gonna run with this on one of the sites they work on!
Hi thank you for this Adobe tutorial. Before I was downloading different fonts to get this type look… thanks again…