Photoshop Tutorial

Clean Glass Button

Clean Glass Button

This Adobe Photoshop tutorial teaches you to design a clean glass button for your website.
Buttons » Pspack
Views: 85327 | 5 Comments
Page(s): « Previous 1 2

Clean Glass Button





Select the [ Rounded Rectangle Tool (U) ].






Draw an small rounded rectangle for glass effect.
Right click on new shape, then click on "Make Selection ".

 



Now make a new layer and use  [ Gradient Tool (G) ] to make a gradient as shown below.








Here is final result :

You can add your text to button.
I used style below for it.


Select the [Horizontal Type Tool (T) ].
Click and type your text.


Making text style
Double click the layer or go to Layers->Blending options and apply settings as shown.



Final Results :





Comments

1. Awesome tutorial!
2. One of the best tutorials for Glass Buttons. I found it the easiest to use in my tests.
3. hey.. i stuck at the draw Rounded Rectangle create new layer there.. i apply the g radian effects but nothing appear.. can help me ? chongfai13@yahoo.com thanks
4. nice tut :)
5. I agree with Ethan. Your tutorial is really easy to follow. And the button looks amazing! Thanks for sharing!

Leave a comment: