5 replies to this topic

[N4Z.]

Okay guys.. we're going to start off by opening a new document in adobe photoshop..

I have chosen my size to be 55px by browser width (Ive done 960 as an example)



Now the new document is open.. select the Gradient tool..



Once inside the tool.. click the gradient up top to get this meu up..



Now change the darkest gradient to color:#092866
And your lightest to color: #2258c5

Now you should have something like this



Then select the area from top to bottom with the gradient tool..

It should look something like this :



Now add a nice font to the left side of the image

I have chosen White with a black 1px stroke with default drop shadow



Now we have the text we need to add buttons.. so with your pencil tool add some 1px white
lines from about half way up the image down..

im doing 3 but you can have as many as you want..



Once you have done these, add some text between the lines



Now you can add maybe a few shapes between the text and the buttons.. or you can keep it plain and simple

Then you get your main result:
http://www.psdoutlet...ges/menubar.gif

hope that was very easy for you

Edit:Sorry for the image URL previously, my fault

Edited by Donna, 06 August 2006 - 07:33 PM.

[Donna]

Check your image url's - I'll be back

[Dale71]

Nice tutorial, pretty simple, thanks for sharing.Lol funny how you always go for graidiented blues on your navigations.

[N4Z.]

Blue is a nice easy eye color ;p Blue goes with nearly any color too.

[Dale71]

Sure but for every website Tom ? Lol Just messing with you It's nice, It's just soo you lol

[d2Squared]

kinda big, the result, it would look better small.
thanks for sharing though, nice tutorial