Preview:

Clean and Stylish Navigation Interface Design.

Step 1:

Let’s start out by creating a new file. I used a 900×200 pixels canvas set at 72dpi, and I filled my background with white. In a new layer draw a long rectangle with #0077D3 color shade and 823 x 11 px dimensions. Then uder Layer Style(Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options.

Result:

Step 2:

In a new layer draw a blue rounded rectangle with #0077D3 color shade and 136 x 55 px dimensions. Now cut the bottom corners of your blue rounded rectangle. Then uunder Layer Style(Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options.

Result:

Step 3:

Create a new layer, below your thin long rectangle draw a long light shade rectangle with #EEEEEE color shade and 823 x 32 px dimensions. Then under Layer Style(Layer > Layer Style) add a Drop Shadow and Gradient Overlay blending options.

Result:

Step 4:

Select the Horizontal Type Tool then set the font family to Arial, regular, 11 pt, smooth and #0077D3 color shade. In a new text layer type your navigation links on the light rectangle design.

Step 5:

In a new text layer type your name on the blue rounded rectangle using font Arial, bold, 11 pt, smooth and white color shade.

Results:

Clean and Stylish Navigation Interface Design.