 |
|
|
|
| This is the 3rd final part of this Photoshop tutorial. Next, create a gradient on a new layer using white for the foreground and black for the background. Contract the selection by 2 pixels and fill it with black on a new layer. Zoom in to 300% and create a foreground to transparent gradient using grey (696969). Zoom out and merge the layers for this button together, and then use the elliptical marquee tool to cut the layer (layer via cut), as shown in image d). |
 |
|
|
| |
| |
|
| Duplicate the button and place one under the green bars. Cut it like in image b), duplicate it and flip it horizontal. |
|
| a) Click to Enlarge |
|
b) |
|
c) |
 |
|
 |
|
 |
|
| |
| |
|
| Make a small grey (535353) rounded rectangle with a radius of 20 and then use the trasform tool to rotate it (image b), Add some text (image c), |
|
| a) |
|
b) |
|
c) Click to View Text Settings |
 |
|
 |
|
 |
|
| |
| |
|
| Create another rounded rectangle below the green bars and use the rectangular marquee tool to slice it in half. Make a selection of the remaining bottom hald and create a subtle gradient on it using 535353 for the foreground and black for the background. Lastly add your content. |
|
| a) |
|
b) |
|
c) Click to View Text Settings |
 |
|
 |
|
 |
|
| |
|
| That brings us to the end of this Photoshop tutorial. Click the image to see the full size |
|
|
|
|
|
|
|
|
 |
