Hello

This is the Tutorial number 57 from the 100 Marathon Tutorial
As i have told you i will try to add a tutorial each day.

One of our members has asked me to make a navigation bar like apple website.
I will try to make something similar it in this tutorial



Open a new document 500 x 100 pixels with a white background

Select Rounded Rectangle Tool ( set the radius to 5 pixels ) and start creating one shape, then duplicate this shape ( press CTRL+J to duplicate the layer )
Then with your arrow keys , place the buttons like in the next image



Then add the following layer styles







This is my result



Now select Rectangle Tool and make a rectangle



Then add the following layer styles





This is the result



Then select Line Tool. ( set the weight to 1 pixel )

And make 3 lines and place them like in the next image. I think this is a very simple task and you will not have problems

This is the final result



This is a very simple tutorial , but it looks very nice

Attached Files

tutorial57.zip (10.0 KB, 510 views)

__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )

nice work m8

Really nice navigation tabs

Good tutorial here's my result:

Cool tutorial.

This lesson is cool!

Thank you so much, I've been wanting to do this for one of my layouts on myspace !

Thanks so much! I've been wanting to do this on one of my myspace layouts!

Nice work. I like it...

Nice navigation tabs!