Pimp your text with photoshop
17 February 2011
Very trendy, pimp everything with photoshop. That is why we are gonna pimp our text in photoshop. In this tutorial you'll learn how to make a simple layer-style for your pimpin' text in photoshop.
Start a new document and typ a text with a thick font (our example file is 500x500 pixels). Don't use a small font like Arial Narrow. It won't work on a small font.
Add an Inner Glow with these values:
Add a Bevel and Emboss with these values:
Add a Gradient Overlay with these values:
Add a Pattern Overlay with these values:
Use this pattern for the "pattern overlay":
And finally, add a Border with these values:
The copy yhe layer and "rasterize" it (right-click on the layer and choose the rasterize option):
Then reduce the height of the rasterized layer (CTRL+T)
Delete the layerstyles from this rasterized layers, so the black text remains. If the text is not black, you have to mae it black first (CTRL+U -> Saturization 0):
Then move the layer with the back text underneat the layer you created first (drag it in the layers panel) and apply a gaussian blur van 3,2. Move the blurred text behind the layer with the layerstyle. Align it like this:
Choose a white, star-shaped brush (comes with photoshop).
Make a new layer above all others and apply the star-shaped brush on the edges (don't use it to much!). This applies a bling effect and your finished!!
Add an Inner Glow with these values:
Add a Bevel and Emboss with these values:
Add a Gradient Overlay with these values:
Add a Pattern Overlay with these values:
Use this pattern for the "pattern overlay":
And finally, add a Border with these values:
The copy yhe layer and "rasterize" it (right-click on the layer and choose the rasterize option):
Then reduce the height of the rasterized layer (CTRL+T)
Delete the layerstyles from this rasterized layers, so the black text remains. If the text is not black, you have to mae it black first (CTRL+U -> Saturization 0):
Then move the layer with the back text underneat the layer you created first (drag it in the layers panel) and apply a gaussian blur van 3,2. Move the blurred text behind the layer with the layerstyle. Align it like this:
Choose a white, star-shaped brush (comes with photoshop).
Make a new layer above all others and apply the star-shaped brush on the edges (don't use it to much!). This applies a bling effect and your finished!!
You must have JavaScript enabled to use this form!
185 comments
New on Dreamdealer
Behind the scenes: CSS-only Clock
Intelligent image cropping with focal point
image-rendering: pixelated
Don't forget about inherit
Are you still using PX for font sizing?
Share this page
About the author
This post was writen by Johan van Tongeren, owner of this website. Johan is a professional frontend developer and an amateur petrolhead. This website is his personal playground which changes almost every day. More...
Deepti mishra
30 April 2013its too good
boaz
07 March 2013Nice
Phyllis
28 February 2013What is the name of the pattern you used? They are many similiar.
good
27 February 2013Like
Nael
06 December 2012Cool and very well explained. Thanks a lot for sharing.
Jean-Marc
01 December 2012Also, how do you make your comment boxes look so awesome?
Jean-Marc
01 December 2012Great tutorial! But for some reason, I can't get the Pattern Overlay to work. My text looks gold and silver, but no bling. Help please?
mou banerjee
12 October 2012very beautifull
MUBAZZI APOLLO
03 October 2012Realy 've loved your style Guy i admire one day to reach that creativity.
I am from Africa, Uganda learning Graphics Designing because i enjoy it so much brother give us more.
Ayalew
06 September 2012I like the blig Text effect it given an a great idea.
Thank you