Pressed Style Text Effect

Photoshop, Typography | January 2nd, 2011

Today I write a trick that allows you to create interesting pressed text effects using Photoshop. I also will give Photoshop Style file that will make your graphic design work becomes easier.

Final Image Preview

This is Photoshop text style that we’ll create on this tutorial, You can view the final image preview below or a larger version here.

photoshop tutorial create realistic editable resizable pressed style text effect

Step 1

First, we need a good background image for our text. And I’ll use the wood texture image I created in tutorial tricks to make realistic wood texture using Photoshop. We begin by typing the text. Notice, we will create a Photoshop style here, so you can use any font you wish.

photoshop tutorial create realistic editable resizable pressed style text effect

Step 2

Now we will start using the Layer Style. Double-clicks the text layer to bring up the layer style window. On the first page of the layer style window, change the Fill Opacity to 0%.

photoshop tutorial create realistic editable resizable pressed style text effect

Step 3

Now add Inner Shadow Style to the text.

photoshop tutorial create realistic editable resizable pressed style text effect

Step 4

Layer style that we use next is Bevel and Emboss. Screenshot below will provide information on how the settings I use here.

photoshop tutorial create realistic editable resizable pressed style text effect

Step 5

The last step we will give Color Overlay on the text layer. Set Color Overlay like the picture below and press OK when finished.

photoshop tutorial create realistic editable resizable pressed style text effect

Final Image

photoshop tutorial create realistic editable resizable pressed style text effect

With the same trick, I tried to use other background and font. And the result is as follows.

photoshop tutorial create realistic editable resizable pressed style text effect

I hope you enjoy this tutorial, please subscribe to Grafisia RSS feed or can also subscribe via e-mail.

Download psd and Photoshop style file

13 Comments

  1. Beni says:

    You re genius, you put it all together
    in such easy,short and simple way
    thank you so much.
    I always liked effects like this one
    I knew another way to do this but
    was lengthy and pain in the
    you know where

  2. Lala says:

    Aw, this is what I looking for, Thank You for sharing :D

  3. siddheswar mallik says:

    It’s a fantastic app. Thank you……………

  4. CHUKI2 says:

    Thanks you so much… you help me!

  5. Sajeev says:

    Awesome can’t wait to give this a shot !! Cheers.

  6. Prakash says:

    It,s Very Helpful, Thank you, very much for sharing.

  7. Tinku Dey says:

    Thank You Very Much ! Its really Help Full.

  8. Rizwan says:

    your site is really nice and helpfull great work and thnx a lot :)

    Greats from Netherlands.

  9. Rachel says:

    Thanks so much for this simple tutorial. It was perfect :)

  10. Darlene says:

    What fonts did you use?

    Thanks for the tutorial!

  11. Joyce says:

    amazing

  12. Dizzy says:

    Thanks~!!

  13. Joost Pieter says:

    Great! And easy to follow. Thanks.

Leave a Reply