Now go to Filter>Blur>Guassion Blur and blur it so that its nice and round. I used a setting of 9.0. Next go to Image>Adjust>Levels Drag the two small triangles to the center as shown in the image opposite. You should have a nice smooth menu bar. Click OK

Now Hold CTRL and click on the channel "Alpha 1" to select the bar, click the layers palette create a new layer and fill it with your desired color, I used R:138 G:92 B:206. Next go to Layer>Effects>Beval and emboss, Match the settings to mine shown opposite.

Now hold CTRL and click on "layer 1" to select the shape. Now go to Select>Modify>Contract and enter 2 and click OK. Now Click the channels palette, create a new channel and fill the selection in white, again do Filter>Blur>Guasion Blur. This time enter a setting of 3.0 hit OK. Then again do image adjust levels and bring the two triangles into the middle to get smooth edges.

Now, hold CTRL and click on "alpha 2" to select it and go back to the layers, Create a new layer. Now using the color R:101 G:34 B:200 as your foreground color and black as your background color, use the GRADIENT tool (foreground to background) Drag the gradient from the top of the bar to the bottom. You should get something like what I have opposite.

Now to create those inset lines, HOLD CTRL and click on layer 2 to select it, Press D then X to reset the colors now using the line tool ( make it 1 px in the options tab) create a new layer and draw a horizontal white line from top to bottom (hold shift to make sure it goes Straight) Now set that layer blend mode to "soft light" next create a new layer and this time Exactly next to the other line (to the right) draw a black line, it will look something like the pic opposite. Keep doing this (each line on a new layer) so that its equally divided your menu bar up. Then you can add your text.

Try this, once you add your text set the text layer to blend mode overlay for a nice cool effect. Hope all was well for you! :)