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. 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


Author's URL: WebDogPro
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