Yellow Theme Navigation Interface

Posted on September 1st, 2008

In this tutorial you will design a yellow theme navigation interface.

Step one:

Start with a large black canvas. Make a new layer set titled Unique Tabs v3.
In a new layer draw a #FFCC00 round rectangle. (width: 190 x height: 29)
Add the following layer styles: Inner Glow, Gradient Overlay.

Step two:

In a new layer draw a #FFCC00 rectangle. (width: 192 x height: 5)
Add the following layer styles: Gradient Overlay.

Step three:

Duplicate rectangle layer from step two.
Stack until the top structure is filled.

Step four:

In a new layer draw a #FFCC00 rectangle. (width: 22 x height: 19)

Step five:

In a new layer draw a black rectangle. (width: 16 x height: 13)
Add the following layer styles: Gradient Overlay.

Step six:

To add the arrow logo, type “6″ using font Webdings, 9pt, sharp and #FF9900.

Step seven:

Add your first navigation using font Eurostile, 9pt, sharp and #FF9900.
Add the following layer styles: Gradient Overlay, Stroke.

Step eight:

Complete your navigation interface.

Final Image: