Glossy Buttons Effects Tutorial in Photoshop

Video Tutorial

Download Source

Make a new document. Click on[ Custom Shape Tool (U) ].
Glossy Buttons Effects Tutorial in Photoshop

Choose shape below

Glossy Buttons Effects Tutorial in Photoshop

Change its color to #21a14a and Rasrerize its layer.

Glossy Buttons Effects Tutorial in Photoshop

Glossy Buttons Effects Tutorial in Photoshop

Press Ctrl + T and right click on it, then click Rotate

Glossy Buttons Effects Tutorial in Photoshop

Go to Select > Modify > Contract … set amount of it to 2 pixel.

Glossy Buttons Effects Tutorial in Photoshop

Result :

Glossy Buttons Effects Tutorial in Photoshop

Now make a new layer and fill it by #61d62f.

Glossy Buttons Effects Tutorial in Photoshop

Now hold down Alt key for subtraction.

Glossy Buttons Effects Tutorial in Photoshop

Now make a new layer and click  Gradient Tool (G) .
Click on selected gradient to edit it.

Glossy Buttons Effects Tutorial in Photoshop

Glossy Buttons Effects Tutorial in Photoshop

Now drag as shown.

Glossy Buttons Effects Tutorial in Photoshop

Your result should be like this:

Glossy Buttons Effects Tutorial in Photoshop

Now pick a smooth brush and apply following settings:

Glossy Buttons Effects Tutorial in Photoshop

Glossy Buttons Effects Tutorial in Photoshop

Your result should be like this

Glossy Buttons Effects Tutorial in Photoshop

Now make a copy of it and rotate it (180%)

Glossy Buttons Effects Tutorial in Photoshop

Download

Download Source Files

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

Vista Firewall Icon Tutorial in Photoshop

Subscribe

RSS Subscribe

Spread A Word

delicious digg technorati stumble lifesaver myspace reddit linkedin live yahoo google

Tags