Photoshop CS5

: We love everything photoshop

Tutorial: letters pressed like Adobe CS5

How to get a letters pressed like Adobe do with CS4 and 5

We recently looked at some great features like puppet warp and drawing in perspective in CS5. Today we take a look at the Letterpress technique is a form of embossing that has recently caught on in the web design world.
Today we will look at a simple way to get the desired effect as seen in the image below.

image letterpress

keep it modern with letterpress tip

Step 1

First it allways looks a lot better on a 3d background. There are several techniques to accomplish this but the easiest way is by using a desired colour background and then adding a light effect.

Filter > Render > Lighting Effects

Choose what ever settings look good for you

letterpressing

Step 2

Add your text and font and resize so it looks correct
Ctrl T to transform the text to the required size
Choose a colour that compliments the background, normally a mid grey will suffice. This can be changed later so its not overly important.

letterpress tutorial

Step 3

First the Inner Shadow

Now on the layer filter choose the Mulitiply blend mode on the colour black

Follow the settings in the screenshot below though depending on the size you may alter slightly either way of these settings opacity 90, distance 9, choke 0, size 14. The angle is probably best at the default 120.

tutorial for a letter press effect

Step 4

Now we will turn our attention to the Drop Shadow

Now on the layer filter choose the Mulitiply blend mode on the colour black

Follow the settings in the screenshot below though depending on the size you may alter slightly either way of these settings opacity 90, distance 9, choke 0, size 14. The angle is probably best at the default 120.

cs5 letterpress effect

Step 5

Now we will turn our attention to the Gradient overlay

This will help provide the depth needed for the effect we are after.

Now on the layer filter choose the Overlay blend mode.

Choose and opacity setting of 15 and scale of 100

letterpress tutorial

Step 6

You should now see something similar to the screenshot below

letterpress tutorial

Related posts:

  1. How to undo states in Photoshop
  2. Model Trick : Photoshop CS
  3. Eyedropper tool used outside of Photoshop
  4. Recent Photoshop Files
  5. Workflow : Making Photoshop work for you
posted by admin in cs3,cs4,cs5,photoshop,tips,tricks,Tutorial and have Comments (6)

6 Responses to “Tutorial: letters pressed like Adobe CS5”

  1. Switch says:

    Thank you very much for the tutorial.
    Just one remark – text for step 4 looks wrong in comparison to picture (and desired effect) :)

    Can I ask you how’d you make 5 look different from other letters on the last pic?

  2. admin says:

    thanks
    just a change of the gradient gave the different effect

  3. Switch says:

    Could you give me the parameters of that different gradient on 5, please? I’ve tried it myself but didn’t get any close.

  4. Switch says:

    Ok, figured it out, it’s not the gradient, just the color of the text.

  5. admin says:

    Glad you got an answer to it

Place your comment

Please fill your data and comment below.
Name
Email
Website
Your comment