Thursday, 19 July 2012

Create Your Own Letterpress/Inset/Debossed Text

The effect itself can be easily replicated using the layer styles built right in to Photoshop, follow these simple steps to create your own letterpress style text effect.

Letterpress text effect tutorial


Type out your desired text into your Photoshop document, maybe this could be part of your website header or a button graphic.
Letterpress text effect tutorial
Double click on the text layer to open the layer styles properties. First, add a gradient overlay to the text. Choose two swatches at a slightly darker shade to the background colour and position the angle straight downwards.
Letterpress text effect tutorial
Next, add an Inner Shadow to simulate how the light would form a cast of shade on an inset shape. Alter the distance according to how deep you would like to effect to be, using very subtle amounts usually gives the best results. Drop the opacity to around 30%.
Letterpress text effect tutorial
Finally, add a Drop Shadow to the text. By default the Drop Shadow produces a dark, blurred shading effect, swap around the options such as the Blend Mode, Color, Distance and Size to create a very fine highlight along the bottom edges of the letters.
Letterpress text effect tutorial
The final image shows how these simple techniques can give the impression of a realistic effect. The subtle gradients, fine shadows and highlights help represent how the effect would appear in reality.
Letterpress text effect tutorial
Rather than using a shade of the background colour on the Gradient Overlay, try a very dark grey/black to give a cool Adobe CS4 style effect to your text!

Reference: http://line25.com/articles/web-design-trend-showcase-letterpress-text-effect

0 comments:

Post a Comment

Total Pageviews

Powered by Blogger.

Advertisement

Popular Posts

Followers

Featured Posts