Blue and Chrome Text

This Adobe Photoshop tutorial will show you how to create blue text with a chrome background. For this tutorial I will be using Adobe Photoshop CS2. However, this effect can be achieved with most newer versions of Adobe Photoshop.

Start with a new image 510×70 pixels with a white background.
Blue and Chrome Text Photoshop Tutorial

Using the text tool with Arial Bold 48pt crisp type the words “Team Tutorials”, or words of your choice.
Blue and Chrome Text Photoshop Tutorial

Now right click on the layer and select “Blending Options” to open the Layer Styles window.
Blue and Chrome Text Photoshop Tutorial

Apply the following settings:

Gradient overlay
Blue and Chrome Text Photoshop Tutorial

Here are the settings for the gradient (double click on the line to gradient line to open this window).
Blue and Chrome Text Photoshop Tutorial

Stroke:
Blue and Chrome Text Photoshop Tutorial

Apply the settings by clicking the ok button. Your images should now look like this.
Blue and Chrome Text Photoshop Tutorial

Now ctrl + click on the layer in the layers window to select your text
Blue and Chrome Text Photoshop Tutorial

On the Photoshop menu go to Select > Modify > Expand.
Blue and Chrome Text Photoshop Tutorial

Expand the selection by 5 pixels.
Blue and Chrome Text Photoshop Tutorial

The selection should now look like this.
Blue and Chrome Text Photoshop Tutorial

Now create a new layer and fill the selection with black.
Blue and Chrome Text Photoshop Tutorial

Now apply the following blending options to the new layer,

Inner glow:
Blue and Chrome Text Photoshop Tutorial

Gradient Overlay
Blue and Chrome Text Photoshop Tutorial

Blue and Chrome Text Photoshop Tutorial

Stroke:
Blue and Chrome Text Photoshop Tutorial

Apply the settings. You image should look like this.
Blue and Chrome Text Photoshop Tutorial

Now drag the chrome layer below the text layer in the layer window.
Blue and Chrome Text Photoshop Tutorial

The final image should look like this.
Blue and Chrome Text Photoshop Tutorial

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Join the TeamTutorials mailing list and get the latest tips, tricks, and special discounts for members only.

Thanks! Please click the link in the email we just sent you to confirm.

  • Kathleen

    This is what I have been looking for! Thank you so much! Your tutorials are awesome! It was very detailed and easy to follow. I wish more tutorials were like yours. Again, thanks!^^

  • Raja

    its look like a cool one

  • Faraz

    Kassam Khuda Ki….. Most Useful Tutorial For Us I Want to Know How Did This… He Is My Ideal Graphics Designer….

    Faraz
    [email protected]
    0346-3317581

  • anbu

    really all tutuorials on photoshop is good

  • Pingback: Photoshop - 5 Great Text Tutorials | Newbie Game Programmers()

  • rahul jain

    all this tutorials is to good for learn to photoshop from begin & i m very impress from this tutorial.

  • Pingback: Tutorials » Blue and Chrome Text()

  • very good
    thanks

  • Teicu

    Thank you so much for this tutorial!It’s very useful for beginers

  • Your tutorials are awesome! It was very detailed and easy to follow. I wish more tutorials were like yours. Again, thanks!!!

  • Your explain is very explicit.thanks for your sharing!

  • I am currently using google chrome as my browser and I was wondering if there was a way to make it so that pages will show up with a black background and white text.

  • I thought it was interesting to see how you arrived at the final logo by showing the different stages of its development. Thanks very much for sharing a most in depth tutorial.

  • kfzll2010

    This is a great article. I’m new to blogging but still learning.I love your blog!
    Formal dress
    pandora bracelets

  • Mike

    koool design,is it possible to save it as a style since it is multi layerd?

  • This is a very good post! Keep them comming!

  • Very cool blog, I will bookmark your site and take the feeds also.I’m happy to find numerous useful info here in the post, we need word out more strategies in this regard, thanks for sharing.