PSD Nation

Creating Stylishly Glossy Web 2.0 Text in Photoshop

Ever wanted to create that sleek, glossy text you’ve seen all over the place these days? Well, fire up Photoshop and get ready for to make some amazing looking text…

Check out the final product below:

Step 1 - Creating Some Text

This effect works best on bolder text, so choose a font with a bit of width and type some text. This effect relies on layer styles and is completely dynamic, so you can change the text and font later on.

Step 2 - Making the Style Changes

We will use Photoshop’s powerful layer styling tools to achive this glossy effect. Make the following changes:

In this order the gradient’s colors are:

#94c516 - #72aa00 - #8eb92a - #a8c732- #b9ce44

Color #72aa00 and #8eb92a are placed quite close to one another.

As for the satin, use the color #515151.

Finally, use the color #7aa008 for the stroke:

Congrats! You have now created a stylish, Web 2.0 effect that can really bring your text to life. Enjoy!

You might also like:

• Web 2.0 Search Bar Tutorial
  …In this tutorial, I’ll outline the steps required to create a stylish, web 2.0 search bar. Photoshop…
• Creating Photoshop Text Effects - Tutorial
  …Photoshop is a powerful tool when it comes to creating spiffy-looking text effects. In this tutorial…
• Create a Stylish Web 2.0 Button in Photoshop
  …Web 2.0 style is incredibly popular these days; the clean, gradiented, and glassy look that signifie…