Sleek Glass Button Tutorial

[The Voice]

This is a short tutorial on how to create a sleek glass button for your website in Photoshop.

[B]EDIT :: UH OH WHAT'S HAPPENED WITH THE CODES? Anyway, it still works if you ignore the codes. [/B]

Create this skeek, glass button. This is perfect for a modern, stylish website.

1) Create a new document
2) Select the rounded rectangle tool and change the radius of 5px.
3) Now draw it on your canvas and you should have something like the below image.
4) Now add the following blending options:
Gradient Overlay:
<A class=imagelink title=011.jpg href="http://www.bonxa.com/wordpress/wp-content/uploads/2006/07/011.jpg">
Inner Glow:
<A class=imagelink title=022.jpg href="http://www.bonxa.com/wordpress/wp-content/uploads/2006/07/022.jpg"><A class=imagelink title=022.jpg href="http://www.bonxa.com/wordpress/wp-content/uploads/2006/07/022.jpg"><A class=imagelink title=022.jpg href="http://www.bonxa.com/wordpress/wp-content/uploads/2006/07/022.jpg">
Drop Shadow:
<A class=imagelink title=032.jpg href="http://www.bonxa.com/wordpress/wp-content/uploads/2006/07/032.jpg">
Stroke:
<A class=imagelink title=042.jpg href="http://www.bonxa.com/wordpress/wp-content/uploads/2006/07/042.jpg">
5) Now select the Rounded Rectangle Tool again and set the Radius to 15. Draw the shape like below. You will then need to rasterize that layer. This is done by right clicking the shape layer and selecting ‘Rasterize Layer’.

6) Now, select the smudge tool with a brush size of 15 and smudge both sides down.

7) Now make the Layer Opacity 15%. Your button should look something like the following:

8) Now place some text and voila! A sleec, glassy button. Try changing the colour of the buttons to get different effects.


Remember to click the image to enlarge it.

[Flauvo]

Poor image quality and should be in graphics

[Impossible]

I fail to see how it looks like glass =[

Good tut though +Rep =]

[The Voice]

Poor image quality and should be in graphics

Good tut, crap image quality, wrong forum but hey you'll learn - Impossible

The Image quality is not poor, click on the images and they will appear full.

Can be in Website Designing because they can be navigation bar.

Impossible - I also fail to see the glass however a friend suggested that it looked like glass so i just called it that. lol. TY for the rep.

[Flauvo]

The Image quality is not poor, click on the images and they will appear full.

Can be in Website Designing because they can be navigation bar.

Impossible - I also fail to see the glass however a friend suggested that it looked like glass so i just called it that. lol. TY for the rep.

Who'd want a button that big?

[Impossible]

Dude, maybe some people would, at the end of the day hes tried no need to keep like moaning at him..

[The Voice]

Who'd want a button that big?

well, Ive heard resizing is quite easy to do.

dude, you can change some things in a tutorial.

[[Oli]]

seen this tut before

[SimplyTech]

dont rep him he never wrote it
http://www.bonxa.com/index.php/?p=36#more-36

[Impossible]

Um rip? Forget that rep i will wait till i repped 20 more people and -Rep you for ripping..