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.

Type out your desired text into your Photoshop document, maybe this could be part of your website header or a button graphic.

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.

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%.

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.

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.

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
Type out your desired text into your Photoshop document, maybe this could be part of your website header or a button graphic.
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.
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%.
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.
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.
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
Subscribe to:
Post Comments (Atom)
Total Pageviews
Blog Archive
-
▼
2012
(32)
-
▼
July
(9)
- Create Your Own Letterpress/Inset/Debossed Text
- How To Create a Vector Sponge Art Effect in Illust...
- Create a Skull & Crossbones Sticker Design in Illu...
- How To Create a Cubist Style Logo Design in Illust...
- How To Create a Grumpy Troll Character in Illustrator
- How To Create a Beautiful Vector Portrait in Illus...
- How To Give Your Photos a Dark Processed Lomo Effect
- Create an Abstract Design with Patterns in Photoshop
- Create a Bright Retro Grunge Vector Illustration
-
▼
July
(9)
Powered by Blogger.
Quicklinks
Popular Posts
-
Follow these steps in Adobe Illustrator and Photoshop to create a range of vector shapes and graphics that can be combined into a great lo...
-
Today we’re going to learn how to create a super creative collage effect, using a range of photo manipulation, blending and compositional ...
-
This a tutorial shows you how to give any normal face ia typography texture and this is the final result :
-
I’m sure we all remember painting with sponge (or potato!) stamps as a child, but back then we didn’t really appreciate the cool distressed...
-
Final Product What You'll Be Creating A few times a each month we revisit some of our reader’s favorite posts from t...
-
If you have produced the contents for your CD and then want them to autoplay when the d...
-
Final Image Preview This is what we’re looking to build with this tutorial.
-
Follow this step by step post processing guide to give your photos a dark lomo style effect with high contrast, blue tones and vignette bu...
-
’ve just finished up another little digital art experiment where I set out to build something cool and abstract out of Photoshop patterns ...
-
Follow this step by step Illustrator tutorial to create a cute vector mushroom character with a Japanese kawaii influence. We’ll create the...
0 comments:
Post a Comment