 |
| A Photoshop tutorial to create a menu bar |
|
|
|
| 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. |
 |
|
|
|
|
| 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 |
|
|
|
|
|
| Choose the linear gradient, cirlcled in green (a). Open the gradient editor, by clicking on the sample gradient, and choose “foreground to background” (b) |
|
|
|
|
|
| To create the gradient, drag form the top to the bottom of the selection, which should produce something like in the iamge below. |
|
|
| 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) |
|
|
|
| |
|
|
| Set the foreground color to a peach shade (ff7a4f) and the background color to f33a01. Create a linear gradient on the thinner rectangle (b) |
|
|
|
|
|
|
| For the text i’ve used the settings shown below |
|
|
|
|
|
| And you should have something as shown below! |
|
|
|
|
