 |
|
| First of all make a new Photoshop document, with dimensions of 260x190 and a grey background. Choose the custom shape tool (a) and then click on the drop down at the top (b) Use the rounded rectangle tool below and to the right of the header bar. Create a smaller, grey (272F32) rounded rectangle at the top of the black one. Right click on the shape in the layers panel, and choose "Rasterize Layer". Now make a selection using the layer (select > load selection). |
| |
| |
| |
|
| Choose the gradient tool (a), set it to linear gradient (b), and then open the gradient editor (c). Set the foeground color to dark grey (272F32) and the background to black (030E0F). |
 |
|
|
|
|
| In the gradient editor set it to "foreground to background. Drag the gradient tool from top to bottom inside the selection. |
|
| |
|
| |
|
| Duplicate the shape and move it to the bottom (a). Create another copy, move it above the bottom one and use the rectangular marquee tool to delete the rounded part at the bottom (b). |
|
|
|
|
|
| Repeat this process until you have several button layers. Place the original gradient layer above all the others in the layers panel, and use the rectangular marquee to delete the rounded bottom part. |
|
| a) |
|
b) |
 |
|
|
|
|
|
|
|
|
|
|
|
 |
