Check out our newest creation Tutorial Grad. The automated tutorial directory.

Subscribe to our rss feed

Blue and Chrome Text

Posted in Logo Tutorials, Photoshop Tutorials by John Ward on the June 25th, 2007

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

Popularity: 23% [?]

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Reddit

Other Related Tutorials

Tutorial Grad - Recent Tutorials

11 Responses to 'Blue and Chrome Text'

Subscribe to comments with RSS or TrackBack to 'Blue and Chrome Text'.

  1. Kathleen said,

    on July 17th, 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!^^

  2. Raja said,

    on July 23rd, 2007 at 11:07 am

    its look like a cool one

  3. Faraz said,

    on September 20th, 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

  4. anbu said,

    on November 2nd, 2007 at 11:53 pm

    really all tutuorials on photoshop is good


  5. on January 7th, 2008 at 2:05 pm

    [...] Blue and Chrome Text [...]

  6. rahul jain said,

    on January 31st, 2008 at 4:05 pm

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


  7. on February 29th, 2008 at 12:15 am

    [...] Blue and Chrome Text [...]


  8. on April 8th, 2009 at 9:30 am

    very good
    thanks

  9. Teicu said,

    on June 27th, 2009 at 2:42 am

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

  10. tiffany said,

    on August 29th, 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!!!


  11. on November 2nd, 2009 at 11:10 pm

    Your explain is very explicit.thanks for your sharing!

Leave a Comment