Get custom programming done at GetAFreelancer.com!

Find freelance programmers at ScriptLance.com - Search worldwide

Monday, October 26, 2009

Colored Chrome Text Effect

We’ve seen many photoshop tutorials showing how to create the chrome text effect. In this tutorial we will go a step further and create a colored chrome text effect.
Colored Chrome Text Effect




  1. First we need a bold rounded font. We can get a free one from urbanfonts.com. Let’s pick Adira Display. Then create a new file. Dimensions should be 500px x 500px. A dark gray background is just fine. Don’t pick black as we are going to adjust that part later with an adjustment layer. Write the world BIG in a new layer with font size of 190pt approx. Like the image below:
    Colored Chrome Text Effect


  2. Double click on the font layer to bring up the layer styles window. Click on Gradient overlay and create the gradient that you will see on the following image.
    Colored Chrome Text Effect



  3. We will need 6 colors and the values (from left to right) are:

    • #bedeec

    • #bcb7d7

    • #f0c9d7

    • #f5c8b5

    • #f5f2ca

    • #dff3fe


    Now we should have the following image:
    Colored Chrome Text Effect



  4. Back in the layer styles click on Satin and enter the following settings:
    Colored Chrome Text Effect



  5. And now we should have something like this:
    Colored Chrome Text Effect



  6. Now we are going to apply the following styles. Inner glow, Outer glow, Inner Shadow and Drop Shadow. Let’s see the settings for each one of them.

    Inner glow
    Colored Chrome Text Effect


    Outer glow
    Colored Chrome Text Effect


    Inner shadow uses a custom Contour setting which can be seen in the following image:
    Colored Chrome Text Effect


    Drop Shadow
    Colored Chrome Text Effect




  7. Great. You should now see something like this:



  8. It looks OK but we can improve it. Actually it doesn’t look like chrome yet. We need to apply the following Bevel and Emboss style to get there. Let’s see the settings. The custom Contour can be found on the following image too:
    Colored Chrome Text Effect



  9. And we should get this:
    Colored Chrome Text Effect



  10. Ah. That’s better. A bit darker would do the trick don’t you think? Let’s do it then. Go to Layer -> Add Adjustment Layer -> Exposure and enter the following settings:
    Colored Chrome Text Effect



  11. The Final Result:
    Colored Chrome Text Effect