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

Navigation Bar


1. Open up a 500x500 document and create a new layer, select the marquee rectangle tool and select a selection that looks like this.

image 1

2. Select the gradient tool and start from the top to the bottom in the selection box with these colors

image 2

image 3

3. With the eraser tool, select the 'mode' as Pencil and choose the pencil tool for 1 pixel.

Start to erase parts of the image evenly so you have boxes to work with.

image 4

4. Right click on the layer on the layers panel and click on the blending options.

Use these options

image 5

image 6

5. After you're done that, your picture should look like this

image 7
Click to enlarge

6. Now you have to select a color, you can either CTRL + U and change the bars around or go to Image -> Adjustment -> Color Balance

With some other details I added, this is what I have.

Navigation Bar
Click to enlarge


Author's URL: Admin
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 "Navigation Bar"

Captcha