Her

Home Photoshop Tutorials Web Layout Stylish Dark Menu Bar

Stylish Dark Menu Bar

Author: Photoshop8x.com Author's URL: photoshop8x.com More by this author

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