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 Tutorial: Final Result



Author's URL: YourPhotoshopGuide.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Stylish Navigation Buttons"

Only registered users can write comment

No comments yet...