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

Hello! I started PCANDWEB because i wan't to share what little knowledge i have with the world. You can find me on Twitter!

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

Leave a Reply

Show Your Last Blog Post
Rss Feeds   Twitter Followers Email Updates

Community Feeds

  • Create a Delicious Type Treat

    If you want to take your 3D typography skills to the next level, then we have an awesome tutorial for you. Learn how to create two tasty type effec…

  • 27 Must-Have Starter Kits For Web Designers

    Starter kits are great timesavers for web designers and they are particularly useful for those who often create mock-ups for project pitching on da…

  • 60+ Awesome Wordpress Tutorials

    Here I have compile a list of “how to create your own WordPress theme” tutorials/articles. I hope this can save your time on searching and pay …

Submit More