Zymic

Start a new document, 700 by 600 pixels and fill the background in with black.

Now make a new layer and select the Polygonal Lasso tool and make a selection similar to below:

Fill the selection in with black, press ctrl + D to deselect. Bring up the blending options for this layer and select "Gradient Overlay". Use the options below:

Now "Stroke":

Press OK! It should be looking like below:

We now need to add a top banner effect, either make one yourself or save the below image and place it underneath the 2 layers.

We now need to duplicate layers 1 & 2 and rotate them "Vertically" and position them bottom left and right under the banner. As shown below:

We now need to create a new layer underneath everything else, make a selection like below:

Fill the selection in with black, press ctrl + D. Now bring up the blending options and select "Gradient Overlay" and use the below settings:

Now "Stroke":

Should be looking like something below.

After that duplicate the layer and rotate the layer horizontally [ Edit > Transform ] and place it in the top right hand corner. You should now have 2 of these shapes on your canvas, top left & right!

Now duplicate the layer and place it inline of the bottom banner. See below image:

We now need to add some text, grab a pixel font. I used "04b_21". Type out your navigation text on the bottom bar (Make sure the text layer is at the front). Make sure the pixel text is black. Now bring up the blending options and chose "Drop shadow". Use the below options:

Your text should look like below:

Make a new layer above everything else. Grab the pencil tool, draw one pixel line of white next to 1 line of black of the height of the bottom gradient bar.

Now det the layers mode to: Soft light and the opacity to 46%. Duplicate this layer enough times so you can place the border either side of your navigation links. Below is my result:

I think we now to to bring the banner alive. Lets make it a little more shine!

Make a new layer on top of the blue banner but underneath the gradient layers. Grab the polygonal lasso tool and make a selection similar to below:

Grab the gradient tool, [ white > transparent ]

Drag from top to bottom to produce a nice gradient effect. Change the layers opacity to 27%. This should bring some shine on to the banner.

Lets add some text to the banner. Select your favorite font, I chose something simple called "Helius". Type out your site name in black. Bring up the blending options.

Gradient Overlay:

Stroke:

Outer Glow: