Photoshop-Pack Features Photoshop-Pack Tutorials Photoshop-Pack Support Forums
Post Pic

Glossy Blue Button – Photoshop Tutorial

In this tutorial we’re going to make a simple glossy button using Adobe Photoshop.

Here’s  the final result:



Start out by making a blank document.
First of all, draw a Rounded Rectangle with 25px Radius and Resterize it (right click the rounded rectangle layer and click Rasterize Layer).

Select the layer and double click on it in order to open Layer Style dialog box and apply following settings.

Inner Shadow

Inner Glow

Bevel and Emboss

Satin

Gradient Overlay

Pattern Overlay

Stroke

Your result should be something like this.





Now select Background layer then press Ctrl+A and fill background with black.

Now we add a small highlight to button to give it more web 2.0ish style.
Select  Rectangle Tool and make a selection as shown in image below.

Go to Select > Modify > Smooth Selection.

Result.


On a new layer add a smooth white to transparent gradient.

Result:

The final result.
Thanks for viewing this tutorial.


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


One Response

[...] : Glossy Blue Button [...]

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