Adobe Photoshop Tutorials

Preview:
Drill Kit Navigation Tabs.


drillkit navigation tabs

Step one:
Start with a large black canvas. Make a new layer set titled Drill Kit Navigation Tabs.
Choose the rounded rectangle tool and set the radius setting to 4px and anti-aliased checked.
In a new layer draw a black round rectangle using the rounded rectangle tool. (width: 163 x height: 27)
Add the following layer styles: Inner Glow, Gradient Overlay, Stroke.



Step two:
Add your first navigation using font Verdana, bold, 7pt, sharp and #FFFFFF for color.
Add the following layer styles: Stroke.

Step three:
Add the following layer styles: Inner Shadow, Inner Glow, Satin, Gradient Overlay, Pattern Overlay, Stroke.

Step four:
Choose the custom polygon tool and choose the third arrow shape found on the pallette.
Now in a new layer add a white arrow. (width: 29 x height: 21)
Cut out the top and bottom part of the arrow.
Add the following layer styles: Gradient Overlay.

Step five:
In a new layer draw a white rectangle inside the tab. (width: 154 x height: 13)
Add the following layer styles: Gradient Overlay, Stroke.
Set the layer's blending mode to Soft Light.

Step six:
Again in a new layer draw a white rectangle inside the tab. (width: 154 x height: 13)
Add the following layer styles: Pattern Overlay.
Create a new layer and merge with the white rectangle layer.

Step seven:
Move the white rectangle layer inside the tab.
Set the layer's blending mode to Color Burn.

Step eight:
Duplicate the end part structure from step four.
Go to Edit > Transform > Flip Horizontal.

Final:
Drill Kit Navigation Tabs.