How to create a menu bar in photoshop

admin — Fri, 20 Nov 2009 22:32:03 +0000

A Photoshop tutorial to create a menu bar

Step 1.

Start off by making a new Photoshop document. Choose the rounded rectangle tool, set the radius to 12 pixels, and create a wide rounded recntalge, as shown below, It doesn’t matter what colour it is because we’ll be creating a gradient with the shape next.

Step 2.

Choose dark maroon (6f1300) for the foreground color and a lighter shade for the background color (c82e00). Make a selection (select > load selection) using the rectangle

a)		b)

Step 3.

Choose the linear gradient, cirlcled in green (a). Open the gradient editor, by clicking on the sample gradient, and choose “foreground to background” (b)

a)		b)

Step 4.

To create the gradient, drag form the top to the bottom of the selection, which should produce something like in the iamge below.

Step 5.

This is the 2nd part of this Photoshop tutorial, to create a menu bar. Next create a thinner rounded rectangle, and make a selection using it (select > load selection)

Step 6.

Set the foreground color to a peach shade (ff7a4f) and the background color to f33a01. Create a linear gradient on the thinner rectangle (b)

a)		b)

Step 7.

For the text i’ve used the settings shown below

Step 8.

And you should have something as shown below!

free photoshop tutorials photoshop brushes » menu bar

How to create a menu bar in photoshop