Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Stylish Dark Menu Bar

Stylish Dark Menu Bar


Create a new document with gray color then create a new layer, use Rounded Rectangle Tool to make a selection and fill the color: #313131.

image 1

Go to Blending Option of this layer, set properties as shown below:

image 2

image 3

image 4

The result of this step:

image 5

Create a new layer, use Rounded Rectangle Tool to make a selection and fill the color: #313131.

image 6

Blending Option this layer:

image 7

image 8

image 9

The result of this step:

image 10

Create a new layer, use Rectangular Marquee Tool to make a selection and fill the color: #262626.

image 11

Blending Options this layer:

image 12

image 13

Create a new layer, use Rectangular Marquee Tool to make a selection like this, fill white color and adjust Opacity 10%.

image 14

The result of this step:

image 15

Create a new layer, make a selection, use Gradient with white color ( Radial Gradient ), drag from center of selection, adjust Opacity 30%.

image 16

The result of this step:

image 17

Continue to make a selection like this:

image 18

Press Ctrl+J to duplicate this layer, we have:

image 19

Continue to press Ctrl+J to duplicate layer, then move it to the top like the picture below:

image 20

Finally you will merge all layers, duplicate the button then add some texts to each button.

The final result:

Stylish Dark Menu Bar



Author's URL: Photoshop8x.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Reader's comments
comments Lesk March 21, 2011 says:
What font is that?
Reply
Add comments to "Stylish Dark Menu Bar"

Captcha