Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Glossy Button

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



Author's URL: Spectre
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Glossy Button"

Captcha