Photoshop-Pack Features Photoshop-Pack Tutorials Photoshop-Pack Tutorial Directory
Post Pic

Clean Glass Button – Photoshop Tutorial

This Adobe Photoshop tutorial teaches you to design a clean glass button for your website.

You will make this button:

Start out by creating a blank document.

Use [ Rounded Rectangle Tool (U) ] to draw a rounded rectangle as shown.





Right click on its layer and click on [ Resterize Layer ].

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

Result :

[NEXTPAGE]

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 :

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • Design Float
  • LinkedIn
  • Live
  • MySpace
  • Reddit
  • Technorati
  • TwitThis


2 Responses

Great tutorial! You made it look very easy and simple to do. It’s like you do not have to be an expert in Photoshop just to create your own clean glass button.

10.16.09

Great tutorial! You made it look very easy and simple to do

Leave Your Response

* Name, Email, Comment are Required

Sponsors

About Photoshop-Pack

Photoshop-Pack is your number one resource for Adobe Photoshop Tutorials, Interviews, Inspiration, Videos, Tips, and Support for the beginning, intermediate, and advanced user.

Contact us at info[at]photoshop-pack.com if you have comments, suggestions, or would like some more information about us.

Online Casino