In this tutorial I will be teaching you how to make an eye-catching glossy button that could be used for alot of things, primarily forum signatures, as the standard user-bars are getting old and un-noticible. Yours will look similar to this:

STEP 1

Create a new document, make it 250*70.
Choose the Rounded Rectangle tool and set the radius to 30px, draw a, orange (#ffae00) rectangle taking up the majority of the document.

STEP 2

Go into the Blending options of your rounded shape (Left Click Layer > Blending Options). Do a default black and white gradient overlay, set the Blend Mode to overlay, and the Opacity to 40%. Next do a Drop Shadow, use these settings:
Blend Mode: Multiply (Black Rectangle)
Opacity: 55%
Angle: 90
Distance: 0
Spread: 0
Size: 5

STEP 3

Now draw a white rectangle covering the top half of the Rounded Rectangle, it doesn’t matter if you go over the edges, as you set the blending mode to Overlay, then set the Opacity to 15%.

STEP 4

Draw a text box on the top half of the Rounded Rectangle, use the font ‘verdana’ and make the size around 20pt, use the color that is on the bottom of your Rounded Rectangle, in my case its ff9200. Write your text.. Now go into the Blending Options and add a 1px white stroke, and a gradient overlay, for the gradient use the same settings as before, but 32 % Opacity.

STEP 5

Time to do the sub-heading, draw a text box in the bottom half and use a pixel font (im using Visitor (You can find it at http://www.DaFont.com/en), size 14pt, and white. Put it in the middle, and your finished!

Need help? Just leave a comment here!

I’d really appreciate seeing your outcomes, please post them here!