Welcome to Finest Graffix 0. We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our Premium Features.


Username:   Password:
Add Reply
Sleek Dark Navigation; Modern Sleek Dark Navigation Tutorial
Topic Started: Apr 28 2009, 08:49 PM (55 Views)
Kaiser11011
Administrator
Step 1
Posted Image
Firstly create a new document - the size I’ve chosen to use is 600 pixels wide and 210 pixels high. Although if you are turning this into a web layout, you might want to have it larger. Fill the background with a dark radial gradient, I’ve used the two colours #282c30 and #1b1b1b.

Step 2
Posted Image
On a new layer make a selection of 550 pixels by 50 pixels in the middle of the document. The easiest way to make this selection is to use the rectangular marquee tool and use the fixed size option.

Step 3

Posted Image
Select the gradient tool and fill the selection from top to bottom with a linear gradient using the colours #161616 and #0a0a0a.

Step 4
Posted Image
Now apply an outer glow to this layer using these settings. Right click the layer and go blending options to adjust the layer styles.

Step 5
Posted Image
We are now going to be adding a shine effect to the navigation bar. On a new layer make a selection on the top half using the rectangular marquee tool (fixed size of 550 pixels by 25 pixels).

Step 6
Posted Image
Fill the selection with a linear gradient from white to transparent. Set the opacity to 10%.

Step 7

Posted Image
Now we are going to be adding a highlight to the bottom of the bar to give it some colour. Make a selection of 550 pixels by 3 pixels at the bottom of the bar.

Step 8
Posted Image
Fill the selection with the colour #74ab00. To fill a selection simply go Edit > Fill with colour.

Step 9
Posted Image
Using the text tool add in some text to act as links. The font I’ve chosen for this is Verdana.

Thanks , All done , Kaiser.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Photoshop · Next Topic »
Add Reply

Theme by KaiiZeR... of the Finest GFx