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

How to create an impressive-looking text effect in Adobe Photoshop CS4
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.

How to create an impressive-looking text effect in Adobe Photoshop CS4
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).

How to create an impressive-looking text effect in Adobe Photoshop CS4
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.

How to create an impressive-looking text effect in Adobe Photoshop CS4
We’ve got the next fiber background:

How to create an impressive-looking text effect in Adobe Photoshop CS4
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)

How to create an impressive-looking text effect in Adobe Photoshop CS4
Use Soft Round brush to clean out a little the picture’s edges:

How to create an impressive-looking text effect in Adobe Photoshop CS4
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:

How to create an impressive-looking text effect in Adobe Photoshop CS4
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.

How to create an impressive-looking text effect in Adobe Photoshop CS4
We’ve got the next effect on background:

How to create an impressive-looking text effect in Adobe Photoshop CS4
Click the Horizontal Type tool (T). Select a font, size and color in the Character panel.

How to create an impressive-looking text effect in Adobe Photoshop CS4

How to create an impressive-looking text effect in Adobe Photoshop CS4
Click in the image and type HAPPY NEW YEAR 2010 text. Press Enter to apply the text.

How to create an impressive-looking text effect in Adobe Photoshop CS4
Click on Add a layer style icon from bottom part of the Layers panel and select Drop Shadow:

How to create an impressive-looking text effect in Adobe Photoshop CS4
Also set the Gradient Overlay

How to create an impressive-looking text effect in Adobe Photoshop CS4
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.

How to create an impressive-looking text effect in Adobe Photoshop CS4
We’ve got the next greetings text:

How to create an impressive-looking text effect in Adobe Photoshop CS4
Using the Free Transform (Ctrl+T), we can incline the text a little to give it the same look as on the next picture:

How to create an impressive-looking text effect in Adobe Photoshop CS4

The final result!

View full size here.

  •  

  •    
  •  

 

Tags: , , , , , , , , , , , , , , , ,

  • 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 :D

  • 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

  • Chin

    26/05/2013

    Nice tutorial I love it! Simple and easy

  • yhonazd

    17/09/2013

    elegant and easy

    thanks! nice tutorial

  • Felipe França

    23/03/2014

    Simple and amazing. Thanks for sharing! :D

You can score your best marks by consulting our SY0-201 and 642-813 exam practice questions.You can also download our best quality 642-902, JN0-343 and 642-971 which will greatly help you in preparation.