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.

Using the text tool with Arial Bold 48pt crisp type the words “Team Tutorials”, or words of your choice.

Now right click on the layer and select “Blending Options” to open the Layer Styles window.

Apply the following settings:
Gradient overlay

Here are the settings for the gradient (double click on the line to gradient line to open this window).

Stroke:

Apply the settings by clicking the ok button. Your images should now look like this.

Now ctrl + click on the layer in the layers window to select your text

On the Photoshop menu go to Select > Modify > Expand.

Expand the selection by 5 pixels.

The selection should now look like this.

Now create a new layer and fill the selection with black.

Now apply the following blending options to the new layer,
Inner glow:

Gradient Overlay


Stroke:

Apply the settings. You image should look like this.

Now drag the chrome layer below the text layer in the layer window.

The final image should look like this.

Kathleen on July 17, 2007 at 10:27 am
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!^^
[Reply]
Raja on July 23, 2007 at 11:07 am
its look like a cool one
[Reply]
Faraz on September 20, 2007 at 1:41 pm
Kassam Khuda Ki….. Most Useful Tutorial For Us I Want to Know How Did This… He Is My Ideal Graphics Designer….
Faraz
Faraz4ever2@yahoo.com
0346-3317581
[Reply]
anbu on November 2, 2007 at 11:53 pm
really all tutuorials on photoshop is good
[Reply]
Photoshop - 5 Great Text Tutorials | Newbie Game Programmers on January 7, 2008 at 2:05 pm
[...] Blue and Chrome Text [...]
rahul jain on January 31, 2008 at 4:05 pm
all this tutorials is to good for learn to photoshop from begin & i m very impress from this tutorial.
[Reply]
Tutorials » Blue and Chrome Text on February 29, 2008 at 12:15 am
[...] Blue and Chrome Text [...]
Free Directory marocplus on April 8, 2009 at 9:30 am
very good
thanks
[Reply]
Teicu on June 27, 2009 at 2:42 am
Thank you so much for this tutorial!It’s very useful for beginers
[Reply]
tiffany on August 29, 2009 at 11:40 am
Your tutorials are awesome! It was very detailed and easy to follow. I wish more tutorials were like yours. Again, thanks!!!
[Reply]
buy fallen earth chips on November 2, 2009 at 11:10 pm
Your explain is very explicit.thanks for your sharing!
[Reply]
football on February 3, 2010 at 9:44 am
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.
[Reply]
Logo Design Monster on March 2, 2010 at 4:05 pm
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.
[Reply]
kfzll2010 on June 12, 2010 at 10:39 pm
This is a great article. I’m new to blogging but still learning.I love your blog!
Formal dress
pandora bracelets
[Reply]
Mike on July 28, 2010 at 5:28 pm
koool design,is it possible to save it as a style since it is multi layerd?
[Reply]