Glossy Blue Button Video Tutorial in Photoshop

Video Tutorial

Download Source

Watch This Tutorial in Hindi & Urdu Voice Click Here

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).
Glossy Blue Button Video Tutorial in Photoshop
Glossy Blue Button Video Tutorial in Photoshop

Select the layer and double click on it in order to open Layer Style dialog box and apply following settings.
Glossy Blue Button Video Tutorial in Photoshop
Glossy Blue Button Video Tutorial in Photoshop
Glossy Blue Button Video Tutorial in Photoshop
Glossy Blue Button Video Tutorial in Photoshop
Glossy Blue Button Video Tutorial in Photoshop
Glossy Blue Button Video Tutorial in Photoshop
Glossy Blue Button Video Tutorial in Photoshop

Your result should be something like this.
Glossy Blue Button Video Tutorial in Photoshop

Now select Background layer then press Ctrl+A and fill background with black.
Glossy Blue Button Video Tutorial in Photoshop

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.
Glossy Blue Button Video Tutorial in Photoshop

Go to Select > Modify > Smooth Selection.
Glossy Blue Button Video Tutorial in Photoshop

Result:
Glossy Blue Button Video Tutorial in Photoshop

On a new layer add a smooth white to transparent gradient.
Glossy Blue Button Video Tutorial in Photoshop
Glossy Blue Button Video Tutorial in Photoshop

Result:
Glossy Blue Button Video Tutorial in Photoshop

The final result.
Thanks for viewing this tutorial.
Glossy Blue Button Video Tutorial in Photoshop

Via : Glossy Blue Button

Download

Download Source Files

You must be logged-in to download. Register Now or Login
Join The Disscussion

Make 3D Logo in Photoshop Video Tutorial

Subscribe

RSS Subscribe

Spread A Word

delicious digg technorati stumble lifesaver myspace reddit linkedin live yahoo google

Tags