|
| First of all we're going to create the menu bar. so start off by making a new Photoshop document with dimensions of 260x190, or bigger if you'd like to create a larger menu bar. Use the rectangular marquee tool create narrow selection (a). Set the foreground color to #17f0ff and the background to 0fa4c4. Choose the gradient tool and set it to linear gradient (b) |
 |
|
|
 |
|
| Zoom in to 300% and drag from the top of the selection to the bottom (a). Now make another selection, around the same length and width of the first one (b) |
 |
|
|
 |
|
| Zoom in again and create another gradient (a), this time using #0385bf for the foreground and #01e8fc for the background. Next create a rounded rectangle on top of the gradient bar, using 10 pixels for the radius (b) |
 |
|
|
 |
|
| Create a slection using the rounded rectangle (select > load selection), and then delete the rounded rectangle. Use the selection to a cut a new shape out of the gradient. You can do this by choosing the gradient bar in the layers panel, right click on the selected area on the stage and choose "layer via cut". Then delete the layer containing the surrounding area, leaving (b) |
 |
|
|
 |
|
|