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

Click to enlarge
Click to enlarge

Then add the following layer styles

image 2

image 3

image 4

This is my result

Click to enlarge
Click to enlarge

Now select Rectangle Tool and make a rectangle

Click to enlarge
Click to enlarge

Then add the following layer styles

image 7

image 8

This is the result

Click to enlarge
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 Tutorial: Final Result (Click to enlarge)
Click to enlarge

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



Author's URL: amitk
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Apple Tab Navigation"

Only registered users can write comment

No comments yet...