Fresh Navigation Buttons

Designing, Web Design | 1 Comment »

Preview:

Final GIF

Fresh Navigation Buttons.

Step one:

Start with a large black canvas. On your layers window make a new layer set, name it Fresh Navigation Tabs.
In a new layer draw a 114 x 25 pixels, #6FD325 rectangle. Cut the top left corner of your rectangle using your lasso tool.

Step two:

With your step one layer add the following layer styles:



Step three:

Choose your text tool and select font Arial from the font list. Set the size to 13 pt, bold, smooth and white for color. In a new text layer type in your first navigation link on your tab.

Step four:

Add the rest of your navigation links with their own tab.

Step five:

In a new layer draw a 1 pixel, black line across your navigation tabs.
Set your layers blending mode to Color Burn and set your opacity level to 16 %.

Step six:

Now duplicate your 1 pixel line and nudge the layer down by 4 pixels.

Step seven:

In a new layer draw a 488 x 15 pixels, black rectangle across your navigation tabs.
Set your layers blending mode to Lighten and add a stroke layer style:

Step 8:

Now duplicate your black rectangle layer from the last step and position it just on the middle of your tabs, modify the opacity level to 30%.

Final:

Fresh Navigation Buttons.


This entry was posted on Friday, December 14th, 2007 at 1:19 pm and is filed under Designing, Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

One Response to “Fresh Navigation Buttons”

  1. Omar D. Mignone Says:

    Hi nice post, i have come across your site once before when searching for something so i was just wondering something. I love your theme, would it happen to be a free one i can download, or is it a custom one you had made? In a few weeks i will be launching my own site, i’m not great with designs but i really like the style of your site so it would be cool if i could find (or pay for) something with a similar look. :) Thanks!

Leave a Reply