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

Vista Navigation Menu


Step 1. Make a new document with the size you want. I made it 400x150.

Now choose a background color, I choose a blue color. Grab the Rounded Rectangular tool and make a shape like below on a new layer:

image 1

Step 2. Select the layer with the shape and click the Layer Style button and click Blending Options:

image 2

Add the following modifications:

image 3

Drop Shadow

image 4

Inner Glow

image 5

Gradient Overlay

image 6

This is how It should look like:

image 7

Step 3. Grab a brush size 1 Px white and on a new layer create a straight line(to create a straight line mouse click press and hold shift and go to the point you want the line to end.) and lower the layer opacity to around 30%.

image 8

Step 4. In this step I am going to show you how to create a shine. So set your color to white. Make a new layer. Grab the Rounded rectangular tool and make a shape like below.

image 9

The shape should be white. If not you fill it white using the bucket and lower the layer opacity to 20% or so. Note I also used the eraser to delete the edges of the straight 1px line to make it look better.

image 10

Now simply add your text and you are done!

image 11

This also looks good with a pattern background.

Vista Navigation Menu Tutorial: Final Result



Author's URL: Photoshop-Tutorials.us
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 "Vista Navigation Menu"

Only registered users can write comment

No comments yet...