Please note, this is a STATIC archive of website teamtutorials.com from 19 Jul 2022, cach3.com does not collect or store any user information, there is no "phishing" involved.

Click Here to Turn Your Development Passion into a Real Career.

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