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: abstract, background, brushes, card, christmas, cs4, December, design, Inspiration, metallic, new-year, Photoshop, snow, snowflake, text-effect, winter, xmas
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
Cesar Slater
18/09/2010
Great tutorial i like it..
kostenlos versandanweisungen
13/11/2010
Through just a word I wanna say this is nice posting. thanks
choo
13/11/2010
wow Nice ,Thanks for sharing ,i love this post.
HDavo
18/11/2010
Great work!!!
Thanks for sharing.
Paula Dalesio
03/12/2010
Thanks for this excellent tutorial!!
zikky
05/12/2010
very nice! i made it for year 2011
Block machine
23/12/2010
Thanks for your sharing. I like it very much.
Free Photoshop Brushes
18/01/2011
i love that spiderman pattern! Great tut. Thanks alot!
min
15/02/2011
good!!
Connectedan
16/02/2011
Can i download the this psd?
james
25/05/2011
what font is that?
admin
25/05/2011
@james
you have screenshot from Character panel – it’s Impact font
rushabh
26/06/2011
hey guys just help me wer to start photoshop from i m new into it…. help me on shahrushabh2710@yahoo.com
Anda
07/09/2011
Cool… Simple. ^_^
Future Signs
08/09/2011
Great tutorial thanks for sharing, simple but it looks really smart
Gimp Brushes
18/10/2011
thanks for your great tutorial!! i’m going to try it now….
ZProductionstudio
14/01/2012
What’s the text font ?
Sergey Smoky Smolskiy
04/03/2012
It’s Impact font. And it’s great, cause everyone can do it without any mistakes, just using this tute.
Apex
21/04/2012
for some reason i put the spiderman pattern in the patterns folder but i still don’t see it (placed it both in 64 and regular bit versions folder) can anyone help
PASSERBY
17/07/2012
Nice tut.
dharmendra
07/12/2012
i am stucking in this partt {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)} which same layer pls tell me
Luigi
14/01/2013
doesnt work on adobe photoshop cs3 extended
lenin larez
23/04/2013
Very good content, helpful and excellence.
greetings.
Lily
04/05/2013
Here is my version, thanks for the great tutorial!
http://i1079.photobucket.com/albums/w519/Ruby2000_WP/Bossy-Bee_zpsdaafe8e0.jpg