Thursday, 19 July 2012
Create Your Own Letterpress/Inset/Debossed Text
3:16 pm |
Posted by
pixelfloss |
Edit Post
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 ...
-
Final Product What You'll Be Creating A few times a each month we revisit some of our reader’s favorite posts from throughout ...
-
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...
-
This a tutorial shows you how to give any normal face ia typography texture and this is the final result :
-
I’ve always love browsing the amazing style of art known as Vexel illustration and recently I decided to finally give it a go myself. Foll...
-
Follow this logo design process walkthrough to see the making of a cubist style logo design made up of lots of detailed vector facets. Not ...
-
Final Product What You'll Be Creating A few times a each month we revisit some of our reader’s favorite posts from t...
-
Follow this step by step Illustrator tutorial to create a grumpy Internet troll character. We’ll start the process with a basic pencil ske...
-
Final Image Preview This is what we’re looking to build with this tutorial.
0 comments:
Post a Comment