Simple Hollow Type Effect: Photoshop Tutorial

Sep 17, 2007 by Patrick Winfield | Design, Tutorial

More text style tips! Text styles are a great way to get away from the same solid color on a background and add some subtle ‘pizazz’ to the type.

final1.jpg

For this tutorial we will need a photograph or an illustration to go behind the text that we will be applying the style to.

1.jpg

Step 1. Place your photo on the first layer and create a new layer for the text. Use a large font and fill it with black.

_______________________________________________________

2.jpg

Step 2. With the text layer selected apply a new Layer Style of Inner Glow to it. Select black as the color for this and set the Blend Mode to Multiply.

_______________________________________________________

3.jpg

Step 3. Click back on the Blending Options for the layer in the top of the layer style selections under the word Styles. The default settings will change if you change these. After you change them it will say Custom. Under Advanced Blending lower the Fill Opacity down to about 10% or less.

final21.jpg

You can apply other layer styles to this but that is the core steps to achieve this effect.

There you have it! A very simple text style that you can use.

Don’t forget to subscribe to the 10e20 RSS Feed!

Bookmark this post:

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

5 Responses to “Simple Hollow Type Effect: Photoshop Tutorial”

  1. text in Photoshop - Webmaster Forum on December 18th, 2007 12:53 pm

    [...] This one will help you: Simple Hollow Type Effect: Photoshop Tutorial [...]

  2. RohitK on April 14th, 2009 7:11 am

    Thanks buddy…
    As i had already told I like photography..I also do editing in Adobe…I know some features not all..learning everyday about that…..I also downloaded several font to do good editing….

  3. todd on June 29th, 2009 10:29 pm

    wow great tutorial. the final result looks cool.

  4. teddy on August 17th, 2009 6:44 pm

    Muy interesante blog de dise?o gr?fico

  5. Jeff on September 21st, 2009 2:48 pm

    Nice output image. Great tutorial, keep up the good work!

Feel free to leave a comment...
and oh, if you want a pic to show with your comment, go get a gravatar!