Step1:
Make a new 500x70 photoshop document.
Step 2:
Make a rounded rectangle with 10px radius and then add 2 points. The next step is to move those points:
Step 3:
Step 3 is to add some effects to the shape that we created.
Step 4:
Duplicate the shape and select the lower layer. Now, we'll move some points again:
Step 5:
Apply some effects on the lower layer:
Step 6:
- Make a text layer and write "main menu" , 21pt , #FFFFFF.
- Add 2 rounded rectangle [color: #47ca01] with 10px below the text layer.
Step7:
Add the categories titles "home | contact us" etc. and add drop shadow:
And that's it.
Here's my result:
Have a nice day!

10 Random Photoshop Web Layout :
10 Random TutorialKit Materials:






More Photoshop: