Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Stylish Navigation Buttons

Stylish Navigation Buttons


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



Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Stylish Navigation Buttons"

Captcha