Glossy Interface

Select the "Text Tool" and use the below settings. Download the typeface here.

Now type your prefered text and turn the fill of the text layer down to 39%.

With the "Text Tool" still selected use the below settings:

Now type your prefered text and again turn the fill of the text layer down to 39%.

Select the "Text Tool" and use the below settings:

Now type your prefered text.

Now grab the "Line Tool" and set the weight to 2 pixels. Draw a line now while holding the "Shift" key in on your keyboard to make a straight line using Black as your color. Name this layer "Player Progress".

Now right click on the "Player Progress" layer in the Layers Palette and select, "Blending Options...".

Do not click "OK" yet. Still more to do.

Now click on " Drop Shadow".

You may now click OK.

You should now have the below image.

Now choose the "Custom Shape Tool" and select the arrow shape in the Options Palette. Name this layer "Arrow".

Now right click on the "Arrow" layer and select, "Blending Options...". Now click on " Drop Shadow".

Do not click "OK" yet. Still more to do.

Now click on "Inner Glow ".

Do not click "OK" yet. Still more to do.

Now click on "Gradient Overlay".

You may now click OK.

You should now have the below image.

Select the "Text Tool" and use the below settings:

Now type in your menu items.

Now, double click the text layer that you just created then click the "Create Warped Text" icon in the options bar and use the below settings.

Then go to the main menu and select "Edit" then "Free Transform" and angle the text as I have done below.