How to create an impressive-looking text effect
November 27th, 2009 by ART-D Posted in Adobe Photoshop, Text Effects
In this tutorial, I will show you how to create a strong and eye-catching text effect. We’ll be using gradient overlay, pattern overlay styles and combining different techniques to create a fiber background.
Final Image Preview
Create a new document (Ctrl+N) in Adobe Photoshop with the size 1920px by 1200px (RGB color mode) at a resolution of 72 pixels/inch. Select then the Paint Bucket Tool (G) to fill the new background layer with #353430 color.
To create a fiber background we’ll download Spiderman Pattern from brusheezy.com. Copy the pattern file and paste it into, C:/Adobe/Photoshop/Presets/Patterns.
Then create a new layer and fill this layer with #959595 color using Paint Bucket Tool (G).
Set Opacity to 41% for this layer and click to Add a layer style icon from bottom part of the Layers panel and select Pattern Overlay. Go to Pattern Picker, and additional Spiderman Pattern can be added by loading them from the Picker’s submenu.
We’ve got the next fiber background:
Click on the same layer on the bottom part of the layers’ panel on Add a Mask icon and choose a Soft Round brush of black color from Brush Tool (B)( set the Opacity to 15% in Options bar)
Use Soft Round brush to clean out a little the picture’s edges:
Make a copy of the last made layer, set the Fill to 0% and click Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay:
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.
We’ve got the next effect on background:
Click the Horizontal Type tool (T). Select a font, size and color in the Character panel.
Click in the image and type HAPPY NEW YEAR 2010 text. Press Enter to apply the text.
Click on Add a layer style icon from bottom part of the Layers panel and select Drop Shadow:
Also set the Gradient Overlay
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.
We’ve got the next greetings text:
Using the Free Transform (Ctrl+T), we can incline the text a little to give it the same look as on the next picture:
The final result!
View full size here.
Tags: christmas, inspiration, new-year, Photoshop, text-effect
Bob
28/11/2009
Thanks for sharing this awesome tutorial!
jake
01/12/2009
what version of adobe is this for?
Best Texture World
01/12/2009
Nice tuts.
TheWebTuts
01/12/2009
Tutorial added to thewebtuts.com
Arjanit
01/12/2009
Answer to Jake: I have worked with ps-cs4 and cs3 and
im 100% sure u can do this with these versions if you follow
the steps by ART-D
FAQPAL
01/12/2009
Excellent end result, thanks for the share.
Svenn
01/12/2009
Nice!
Ccyber freak
02/12/2009
nic tut dude…
Andrew Yates
03/12/2009
Great Tut, lovely end product.
Gustavo
04/12/2009
very good!!!
passerby.>_
04/12/2009
AWESOME ,THANKS!
Waasys
09/12/2009
Good and easy to follow tutorial!
DJ Marik
09/12/2009
awesome tut! very simple. i did decide to add something to it.
here are my results!
http://blakkenshin.deviantart.com/art/Happy-New-Year-2010-146174536
Chelsie
10/12/2009
OH ITS COOL
hyperend
10/12/2009
thank you friend.good tutorial
Resting
11/12/2009
nice effect. but I’m stuck at the part of creating the radial gradient. this is th effect i have. http://i293.photobucket.com/albums/mm64/emojunior101/newyear2010.jpg
theres a dark circle in the middle. any clues what might be wrong?
cocolastico
23/12/2009
Don’ worry Jake. Almost every tuts I see on this website can be done with free softwares too (I use Gimp only, this works fine)
Future Webs
23/12/2009
Simple But Works really well, great tutorial, Thanks
Jordy666sic
26/12/2009
Oeeh a very cool one! I’d thought I share my outcome here:
http://i47.tinypic.com/2dmi2px.jpg
Laterr
Mira
30/12/2009
Thanks for this simple, yet great tutorial!
I’ve added a little of my usual Criminal Minds effects to the mix. This is my result: http://www.flickr.com/photos/miranl/4227071576/
Goldweb
30/12/2009
nice man! very good style, its simple and good looking, i will try to do it once at least. Congratulations
Askaniusz92
02/01/2010
good job .
Cron
14/01/2010
I only had to use a bigger brush for the mask layer, but besides that I got the same excellent results.
mogalike
23/03/2010
Hej why cant i print this?
go noles!
29/03/2010
great tutorial!! i love this font and style~ thank you~
Free Movie Trailer
08/04/2010
Hi , thanks for this useful tutorial!, hope u give our best trick again
Saira
30/04/2010
Thanks, very nice tutorial..
ORGAMIX
07/05/2010
MUCHAS GRACIAS, ESTA SUPER BUENO,GRACIAS
ans
25/05/2010
can i have a video to download?
any link pls…
aljane
01/06/2010
NICE ONE…..
Rock Music
03/06/2010
I just looking for this.
What a great tutorial.
Thanks mate.
Al Kamal Md. Razib
12/06/2010
Great posting ! Thanks for sharing ! I like your work. good job.
Marcos Oliveira
23/07/2010
haha, very nice, thanks…
I´m from brazil ;D
Lucas Tiago
25/07/2010
I’m from brazil too marcos ;D
about the tuto, very useful!
but… which font is that?
why didn’t put to download?
cheers
Karla
30/07/2010
It’s simple and very good looking. (Y)
Joey
31/07/2010
Thanks for this excellent tutorial!!
This is what I was able to create:
http://www.flickr.com/photos/hipwelljo/4844384707/
Colin
02/08/2010
Excellent! I will use this alot
Adebayo Olayinka
04/08/2010
This is very cooooooooooollllllllllllllllll!!!!!!!!!!!!!!!!
Simple and very tricky…………………
Thanks for sharing with us
Gladys
19/08/2010
Great tutorial ! tnx