Menu button « UI Controls « Photoshop Tutorials

4. Now type out some #606060 text (I used the Verdana font) and center it. At the end of the tutorial you should have a button looking like this and of course you can add more of them by duplicating the layers to make a nice and clean menu for your website!

Click with the right button on this layer, go to Blending options. On the "Outer Glow" settings put an outer glow just like it is in the picture. Next, select the "eraser" tool. Configure it to be a large and soft brush (100px is ok) and then erase the bottom part of the "divisation" a bit. Duplicate the "divisation" layer and put it on the right part of the menu. Move the first divisation to a position you find that is good. Now go to the "menuback" layer again and on the blending options turn the "stroke off". Your menu is looking now like the picture.