 |
 |
|
| |
|
| |
This is the 2nd part of this Photoshop tutorial to create a gallery layout. Continuing on from creating the header part of the layout, make a new layer and then create a grey gradient, as shown in image a). For this one use EAEAEB for the foreground and FFFFFF for the background. Zoom in by 300% and make a pixel wide blue line 1 pixel below the blue gradient layer. Create a rounded rectangle, using the shape tool, with a radius of 4 pixels. Make a selection out of it by holding Ctrl and pressing on it in the layers panel. |
| |
|
| |
|
| |
|
|
| Make the rounded rectangle layer invisible and then use the selelction to delete the selelcted part of the grey gradient and the pixel wide line. On a new layer below the grey gradient, make a red rectangle, as shown in image b). |
|
|
|
|
| Zoom back out to 100%and then create an orange thin rectangle spanning the width of both side borders. Next, create a blue rectangle below the orange one. . |
|
|
|
|
| We're now going to create some diagonal lines along the blue strip, at the pixel level, so zoom in to 800%. Choose the pencil too, select a darker blue and then change the pencil size to 1 pixel. On a new layer, create the 1st 4 pixels and then duplicate the layer. Line the duplicate up so that there are now 8 pixels. Duplicate it more times to finish the line and then merge all the layers into 1. Then, dupliate each line along the blue strip, as shown in image c). |
|
|
|
|
| When you're finshed. zoom out and it should look like image a). Next, make a rounded rectangle with a radius of 7 pixels and then make a selection using it. Use the selelction to copy (layer via copy) that part of the blue strip and lines to as a new layer. |
|
|
|
|
 |
