Create 12 Web 2.0 Text Effects Using Layer Styles

Create 12 Web 2.0 Text Effects Using Layer Styles

Download 12 Photoshop Text Effects using layer styles to make your designing process faster, and also learn how simple layer styles can create outstanding effect when used cleverly.

Author : Subhadeep

Author's Website | Articles from Subhadeep

I'm in the Project Manager of TechSip.com. Basically i have commerce background but my hobby is webdesign, and programming.

This is more a Freebie than a tutorial, i have created for you 12 text effects using only layer styles which can be freely used and distributed (don’t forget to mention source). The styles are top notch and can be used for any purpose from speeding up your designing process to using then as your logo.

Round Up

The following images shows the texts after applying the layer styles.

Web 2.0 Pink Text Style

Web 2.0 Green Text Style

Web 2.0 Blue Text Style

Metal Text Style

Green Lush Text Style

Gooby Text Style

Firefly Glow Text Style

Earthly Being Text Style

Cloudy Text Style

Blood Shine Text Style

Twitter Text Style

Web 2.0 Red Text Style

The Tutorial

To begin with you must 1st give the background an appropriate color or gradient, it is very necessary for the looks, i have used both radial as well as linear gradients for this purpose. You can experiment with different colors and also with the styles.

To learn the process how it was created just double click the “fx” icon next to the text you have used the style, layers style palate will open.

From there just click on the names which are ticked and check the settings, by the end of all the 12 layer styles i’m pretty sure you can make your own styles.

Please Note : The styles are more appropriate for large texts, mainly for logos or headers, but you can also use them on medium, or small texts provided you change the size of borders, shadows, gradients etc appropriately in the layer styles palate.

I haven’t wasted time and space just to write one by one, which you can see for yourself in layer style pallate.

I hope this styles will help you in your both learning and designing process.

Download

Download the layer styles above and Happy Designing !!

Like this post? Share it!

  • Diggit
  • Delicious
  • Diggit
  • Diggit

Related Posts


User Comments


  1. Stephen Paul
    Jan 4th

    Wow this things really helped me a lot, keep up, great site, i retweeted :)

    Reply


  2. Lyana Roger
    Jan 4th

    I used this in my latest designs !! thanks

    Reply


  3. Paul Das
    Jan 4th

    Wow thanks, nice one … subscribed ..

    Reply


  4. Pranab
    Jan 5th

    thanx that was quite helpful in understanding gradients & layer style

    Reply


  5. Tutorial Lounge
    Jan 6th

    excellent effects using photoshop styles.
    Tutorial Lounge“s last blog ..40+ Best Imaginary CG Digital Art Tutorials My ComLuv Profile

    Reply


  6. X
    Jan 8th

    Wow!

    Long time i have seen some new and good text effects.

    It Could be great if you upload all these text effects in one deviant in http://www.deviantart.com under Photoshop Files.

    Reply


    • Subhadeep
      Jan 8th

      Thanks, I’ll do it as soon as i get some time. :)

      Reply


  7. smith
    Mar 19th

    you did amazing work on image, thank you very much for your excellent step by step instruction, I have tried same effects on my project and got appreciated by client..God Bless..have a prosperous career.

    Reply


  8. Anju
    Mar 24th

    hello,

    i want to use the text effects shown above. I downloaded the file and but unable to use it. Can anyone plz help me regarding it?
    Thanks in advance!

    Reply


    • Subhadeep
      Mar 27th

      this are text styles, just drag the file in your styles pallate. then write any text and click on any effect you want.

      Reply


  9. Deepak
    May 16th

    Smart work with layers!

    Thanks for Sharing Love your work!

    Reply

Leave a Reply

Show Your Last Blog Post
Rss Feeds   Twitter Followers Email Updates