| 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. |
| Sleek Dark Navigation; Modern Sleek Dark Navigation Tutorial | |
|---|---|
| Tweet Topic Started: Apr 28 2009, 08:49 PM (55 Views) | |
| Kaiser11011 | Apr 28 2009, 08:49 PM Post #1 |
|
Administrator
|
Step 1![]() 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 ![]() 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 ![]() Select the gradient tool and fill the selection from top to bottom with a linear gradient using the colours #161616 and #0a0a0a. Step 4 ![]() 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 ![]() 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 ![]() Fill the selection with a linear gradient from white to transparent. Set the opacity to 10%. Step 7 ![]() 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 ![]() Fill the selection with the colour #74ab00. To fill a selection simply go Edit > Fill with colour. Step 9 ![]() 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. |
![]() |
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| « Previous Topic · Photoshop · Next Topic » |
| Theme: Finest Theme | Track Topic · E-mail Topic |
8:29 AM Jul 11
|
Theme by KaiiZeR... of the Finest GFx














8:29 AM Jul 11