Adobe Photoshop Tutorials | Flash Tutorials | 3D Studio Max Tutorials
 
Home Photoshop | Flash | 3D | Tools | Articles | Directory | Links Link to Us | Contact Us
 
- Photoshop Tutorials - Navigation Bar Tutorial
Navigation Bar Tutorial

This simple tutorial will guide you through the steps of creating Navigation Bar in Photoshop

- Step 1

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.

- Step 2

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.

- Step 3
In the Layer Style window select InnerGlow on the left and use settings that you see on the screenshot.
- Step 4
In the Layer Style window select Bevel and Emboss on the left and use settings that you see on the screenshot.
- Step 5
In the Layer Style window select Contour on the left and use settings that you see on the screenshot.
- Advertisement
- Step 6
In the Layer Style window select Satin on the left and use settings that you see on the screenshot.
- Step 7
In the Layer Style window select Color Overlay and use settings that you see on the screenshot.
- Step 8
In the Layer Style window select Gradient Overlay and use settings that you see on the screenshot.
- Final Image
Navigation Bar Tutorial

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

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

Advertisement
 
Home Copyright © 2003 - 2005, Tutorials Network. All Rights Reserved. | Advertise | Privacy Policy