Wednesday, December 24, 2008

Glossy Button

Step 1: Make a new document at 250px by 75px, fill it with any color... I chose black

Step 2: Ok now on a new layer take your Rectangular Marquee Tool and make a selection in the middle of your document. Fill it with white for now. You should have this so far.

image 1

Step 3: Now go to your blending option of your white rectangle and fill in these settings. (Stroke, Inner Glow, and Gradient Overlay) *!Only Edit the Settings I show you!*

image 2

image 3

!* Leave the gradient overlay at default but change the color *!

image 4

image 5

Step 4: Now make a new layer. And now we can add some detail to our button, take out your Rectangular Marquee Tool and make a selection from the top to half way through, fill that with white. Like below, then with that layer selected Ctrl+Click on the button layer and say select inverse then delete. After that lower the opacity to about 10%.

image 6

image 7

Step 5: Ok now just add some text and a little details and you are finished.

Glossy Button Tutorial: Final Result