Photoshop  Home Photoshop Web Layout Navigation Bar
rss

Navigation Bar

Author: Newtutorials.com More by this author


First, create a new image and fill the background with the color that you like.

Use Marquee tool (M) to draw a shape that you want your navigation bar to look like, fill it with black color.

image 1

Right click on the navigation bar layer and select Blending Options. (or go: Layer >> Layer Style >> Blending Options )

Layer Style window will open, click on Drop Shadow and use settings that you see on the screenshot.

image 2

In the Layer Style window select Inner Glow on the left and use settings that you see on the screenshot.

image 3

In the Layer Style window select Bevel and Emboss on the left and use settings that you see on the screenshot.

image 4

In the Layer Style window select Contour on the left and use settings that you see on the screenshot.

image 5

In the Layer Style window select Satin on the left and use settings that you see on the screenshot.

image 6

In the Layer Style window select Color Overlay and use settings that you see on the screenshot.

image 7

In the Layer Style window select Gradient Overlay and use settings that you see on the screenshot.

image 8

Press ok when you done and your image should look like mine. The only thing you need is to add text.

Navigation Bar Tutorial: Final Result

Congratulations, you now know how to create Navigation Bar in Photoshop.



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Navigation Bar"