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

    11.27.09

    Thanks for sharing this awesome tutorial!

  • jake

    11.27.09

    what version of adobe is this for?

  • Best Texture World

    11.27.09

    Nice tuts.

  • TheWebTuts

    11.27.09

    Tutorial added to thewebtuts.com

  • Arjanit

    11.27.09

    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

    11.27.09

    Excellent end result, thanks for the share.

  • Svenn

    11.27.09

    Nice! :)

  • Ccyber freak

    11.27.09

    nic tut dude…

  • Andrew Yates

    11.27.09

    Great Tut, lovely end product.

  • Gustavo

    11.27.09

    very good!!!

  • passerby.>_

    11.27.09

    AWESOME ,THANKS!

  • Waasys

    11.27.09

    Good and easy to follow tutorial!

  • DJ Marik

    11.27.09

    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

    11.27.09

    OH ITS COOL

  • hyperend

    11.27.09

    thank you friend.good tutorial

  • Resting

    11.27.09

    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

    11.27.09

    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

    11.27.09

    Simple But Works really well, great tutorial, Thanks

  • Jordy666sic

    11.27.09

    Oeeh a very cool one! I’d thought I share my outcome here:

    http://i47.tinypic.com/2dmi2px.jpg

    Laterr

  • Mira

    11.27.09

    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

    11.27.09

    nice man! very good style, its simple and good looking, i will try to do it once at least. Congratulations

  • Askaniusz92

    11.27.09

    good job .

  • Cron

    11.27.09

    I only had to use a bigger brush for the mask layer, but besides that I got the same excellent results.