1) Start by creating a new document in Photoshop. Widthwise, it doesn’t matter much so don’t bother worrying about unless you already have a layout setup. Heightwise, 50px is recommended.
2)Create a new layer. When done, follow the effects below (fill them in by doubleclicking on the current layer) & choose a color that is right for you:

3)This is something done to isolate the home button from the other buttons. Pick a generous width, mine here is about 80-90 pixels wide however you can use any size you’d like, depending on your padding specifications. Then follow the fx below.

4)Now for the button creation. Create a new layer. Select the Curved Rectangle tool and draw something similar to the size below. When done, fill in the area with the same color as you used for the background. When done, follow the fx below to achieve the color above. However, keep in mind, you can modify the gradients and colors to your liking.
5)Create a new layer, or group (Note: if creating a new group, place your last layer within this group to keep things organized!). Select the horizontal text tool and using Arial Bold 12px, write white text above the button you are using. Below this, I used Arial 11px Normal Weight #CCCAB5.

6)Next, simply duplicate. Keep in mind also that I simply inverted the gradient within the fx prompt to create a mouseover effect for other buttons.
7)Add a couple more buttons to fill the area some.

8)And a small RSS Button to complete things.

I hope you like your new menu, enjoy!