{"id":1411,"date":"2014-05-22T10:00:22","date_gmt":"2014-05-22T10:00:22","guid":{"rendered":"http:\/\/photoshopcafe.com\/?p=1411"},"modified":"2020-05-28T17:02:50","modified_gmt":"2020-05-29T00:02:50","slug":"chrome-effect-photoshop-tutorial","status":"publish","type":"post","link":"https:\/\/photoshopcafe.com\/tutorials\/chrome\/chrome.htm","title":{"rendered":"Chrome text in Photoshop Tutorial"},"content":{"rendered":"

You might remember the original chrome text tutorial from here at PhotoshopCAFE. It was one of the very first Photoshop chrome tutorials on the web, and oh boy was it copied everywhere. I have just re-written the entire tutorial to update it for modern times. Not only is the result cleaner now, the steps take advantage of features that have been addied in\u00a0the the more than 10 years since I wrote the original tutorial, I hope you enjoy this updated tutorial as much as you did the original.<\/p>\n

Step 1<\/h3>\n

Create your type layer, or import your shape that you want to turn into shiny chrome Render type: right click\/mac Cmd click the name on the layer and select “rasterize type”. This converts your text to an object, so you can apply all the filters to it.<\/p>\n

(NOTE: If you are going for a cleaner look and are going to skip the plastic wrap step, you won’t need to rasterize the type. Plastic wrap works as a Smart Filter, but you can’t get the correct result with\u00a0the gradient without rasterizing the type.)<\/p>\n

\"Screen<\/p>\n

Step 2<\/h3>\n

select a dark gray for your foreground color and a light gray for your background.<\/p>\n

\"Screen<\/a><\/p>\n

Step 3<\/h3>\n

Select the gradient tool (Linear, fore to background) and drag from the top to the bottom of the image. Tip: Hold down the shift key to constrain to 90 degrees.<\/p>\n

\"Screen<\/p>\n

\u00a0Step\u00a04<\/h3>\n

Apply the plastic wrap filter. This is found under Filter>Gallery Filter><\/p>\n

On earlier versions of Photoshop, it’s under Artistic Effects>Artistic<\/p>\n

\"Screen<\/h3>\n

Step\u00a05<\/h3>\n

Making the Chrome<\/p>\n

(In the past, I had you apply a curves adjustment directly onto the Type, but I think it’s a better idea to use an adjustment layer because we can change things later and keep tweaking until we get the perfect result.)<\/p>\n

Create a curves adjustment layer\u00a0and make a curve like the one in the example. Go easy the first time, you are laying down the base of the tones here. Also note that I am using the clipping option to only affect the text layer and not all layers (left button on the bottom of the Layers panel)<\/p>\n

\"Screen<\/a><\/p>\n

Step\u00a06<\/h3>\n

Add a second curves adjustment layer on top (make sure it’s clipped too) now you can really shape the way you want the chrome to look, make it bright, or dark depending on the look you are after.<\/p>\n

\"Screen<\/a><\/p>\n

Step 7<\/h3>\n

Now we will apply a layer style to add some dimension to the chrome letters. Note that the gloss contour is changed to get more of a\u00a0chrome look. I also added a drop shadow.<\/p>\n

\"Screen<\/a><\/p>\n

And the result<\/p>\n

\"Screen<\/a><\/p>\n

 <\/p>\n

Variations<\/h3>\n

A variation with different curve settings<\/p>\n

\"Screen<\/a><\/p>\n

If you want, Colorize the image with\u00a0a Color overlay style<\/p>\n

\"Screen<\/a><\/p>\n

\"Screen<\/a><\/p>\n

 <\/p>\n

The great thing about using adjustment layers and Layer styles, is that it’s non destructive and you can keep playing with it to get different looks.<\/p>\n

Here is one where I only use the top curves adjustment, it gives a cleaner look.<\/p>\n

\"Screen<\/a>And another using only the bottom curves adjustment<\/p>\n

\"Screen<\/a><\/p>\n

 <\/p>\n

Or another variation where I tried a different blend mode (overlay) for the bottom curves adjustment<\/p>\n

\"Screen<\/a>I hope you have enjoyed this updated chrome tutorial. As you can see, I have completely changed the workflow to make it more flexible. Also note, if you don’t use the plastic wrap filter, you don’t have to rasterize the text, you can keep it live.<\/p>\n

Just for nostalgia, this is what the original effect looked like when I wrote this tutorial over a decade ago, you can see how things have progressed over the years!<\/p>\n

\"chrome\"<\/a><\/p>\n

 <\/p>\n

\r\n\r\nPS Don\u2019t forget to follow us on Social Media for more tips..<\/strong>\r\n