 |
|
|
|
| This is the 2nd part of lights menu Photoshop tutorial. In this part we'll be creating the wires and the lights. Make a selection using the the stroked path (a). Contract and feather the selection by 2 pixels (b) and then fill it (c) with a lighter shade of blue (77b5fe). So now that you've created one wire, you can now duplicate it (d). Rotate it using the transform tool (Edit > Transform > Rotate) |
 |
| |
| |
| |
|
| You can change the color of the duplicated wire by adjusting the hue (Image > Adjustments > Hue/Saturation). Create a 3rd duplicate, colour it, and rotate it to another angle |
|
|
|
|
| |
|
| Duplicate the wires folder (layer set), and flip the duplicate horizontally (edit > transform > flip horizontal). Create a grey (ededed) rounded rectangle (b) with a radius of 20, and reduce it's opacity to 70%. |
|
|
|
|
| |
|
| Make a selection using the rounded rectangle (select > load selection), and create a new layer below it, from the layers panel. Expand the selection (select > modify > expand) by 5 pixels, and fill the new layer with a darker grey (727272). Reduce the opacity of this new rounded rectangle to 70% also. Make a selection using the smaller rounded rectangle, and use the selection to delete part of the larger rounded rectangle, allowing you to see through the smaller one. |
|
|
|
|
| |
|
| Create a new layer above the two rounded rectangles, and fill the selection with an even darker grey (323232). Feather (select > feather) the selection by 7 pixels, contract (select > modify > contract) it by 5 pixels, and delete the selection area of the darkest rounded rectangle. This will create a shading effect over the lightest one (b). |
|
|
|
|
| |
|
| For the menu text, i've used the settings below. The text is'nt as visible as we'd like, so next we're going to add a darker border to it. |
|
| |
|
|
| Make a selection (select > load selection) using the text, and create a new layer below it. Expand (select > modify > expand) the selection by 2 pixels and fill the new layer with a dark grey (8e8e8e) |
|
|
|
|
|
|
|
|
|
|
|
|
|
 |
