Tutorial: ‘Press’ your text into the background.

[Posted 10/14/2009 at 12:01 AM | No Comments]

banner

As design comes second nature to a lot of us, we try to come up with new ways to show our site visitors ways to improve the look of our personal or business website. Pressing text into a background is just another way to add a slight flare to your designs. This tutorial will be a quick one and will not be very hard. It only consists of two layers! Let’s get started.

Step One

Open up photoshop, create a new file with 500 pixels high x 500 pixels wide. Fill it in with a red/orange color (#db4848).
If you pressing your text into an already made background, you can skip this step.
1

Step Two

Add a lighting effect. Filter > Render > Lighting Effects…
Lighting Effect - Press Text

BG with Lighting Effects - Press Text

I decided to apply the lighting effects twice, this step is optional.

Lighting Effects x2 - Press Text

Step Three

Add your desired text Photoshop Text Tool. Use a dark grey (#4a4343) for your text.
Text Added - Press Text

Step Four

Add the following blending options. Layer > Layer Style > Blending Options…

Inner Shadow:
Inner Shadow - Press Text

Drop Shadow:
Drop Shadow - Press Text

Gradient Overlay:
Gradient Overlay - Press Text

10


HELP SPREAD THE WORD!

Related Posts

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Please leave your comment!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.