Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Glossy Button
rss

Glossy Button

Author: Spectre More by this author


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



Author's URL: www.tutorialfx.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Glossy Button"