Her

Home Photoshop Tutorials Web Layout Navigation Bar Designing in Photoshop

Navigation Bar Designing in Photoshop

Author: WebDogPro Author's URL: www.webdogpro.com More by this author

1. create a new file, switch to CHANNELS panel, following the screen shots below, create a shape like this (or anything that looks pleasing to you)

image 1

image 2

image 3

image 4

2. go back to layer panel, create layer1. execute select--> load selections, load the selections from alpha1, fill with gradient tool, double click on this layer to activate blending options of the layer, check Bevel and Emboss, set style to Inner Bevel, techniquey: smooth, depth: 100, direction: up, size: 4, soften: 4, others are default

image 5

then check OUter Glow, set blending mode to Normal, Opacity: 70, Noise: 0, color: black, technique: softer, spread: 0, size: 5

image 6

3. create a new layer, create a shape (as shown) , fill with inversed gradient

4. following the same ways, create the other stuff (please read the previous tutorials for the Mac style buttons)

image 7

image 8

image 9

image 10

5. add indentity, here we go

Navigation Bar