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

Apple Tab Navigation


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

image 1
Click to enlarge

Then add the following layer styles

image 2

image 3

image 4

This is my result

image 5
Click to enlarge

Now select Rectangle Tool and make a rectangle

image 6
Click to enlarge

Then add the following layer styles

image 3

image 4

This is the result

image 9
Click to enlarge

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:

Apple Tab Navigation
Click to enlarge

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



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

Reader's comments
comments Reshma April 17, 2010 says:
Its nice but how should it be for web pages and about the next button when we click on it
Reply
Add comments to "Apple Tab Navigation"

Captcha