Her

Home Photoshop Tutorials Web Layout Stylish Navigation Buttons

Stylish Navigation Buttons

Author: YourPhotoshopGuide.com Author's URL: www.yourphotoshopguide.com More by this author

Create a new file of 78 x 28 pixel for the button. Create a new layer and fill the background with #0F479F.

image 1

Apply these layer styles in it :

image 2

Create a custom gradient as shown :

image 3

image 4

image 5

image 6

Duplicate the button layer in separate file and arrange them as shown :

image 7

Finally, add link text. I have used Tahoma font selecting white color for the text and added little drop shadow in it.

Stylish Navigation Buttons