War-Game Style Navigation

1. First off start by making a new document and filling the background with a very dark color (I've used 400 x 400 and #0e0b06)

Make a new layer and get the Rectangular Marquee Tool, set the mode to Fixed Size, use the dimensions 100 px by 1 px

2. On the new layer make the selection and fill it with a light yellowish orange color (I've used #e39206)

Duplicate the line layer and move it around 20 pixels downwards (I used 15 pixels to be exact.)

Merge the layers together

Apply Filter > Blur > Motion Blur with a ratio of 100 to get this look:

3. Apply these layer styles to the lines layer:

Make a new layer and leave it empty, select the two layers (New layer and the lines layer) and merge them together.

4. Make a new layer and again with the selection tool make a selection inbetween the two orange lines (Since my lines are 15 pixels apart my selection will be 13 pixels in height)

Fill the selection with #115272

Apply Motion Blur to the layer again then apply the same layer styles as before (Use lower opacities on the Satin and Pattern Overlay though).

Make a new layer and merge the new layer and blue box layer together like last time, now use a grunge brush to erase a few bits of both the orange lines and the blue part.

Looks much better with erased parts huh?

5. For the text I used Font: Tahoma, Size: 11 px, Anti Aliasing: None, Color: #dc8e06, and these layer styles:

PSD can be found here.

Thanks for reading guys.