 |
 |
|
| |
|
| |
This is part 2 of the Photoshop tutorial to create a sleek layout. Next create a subtle blue gradient the width of the whole document, using dark blue (296C7D) for the foreground and a lighter blue (29A4BD) for the background. Make a light blue layer on top, covering it (image b). Then create a rounded rectangle using any color, with a radius of 15 pixels. Make a selection out of the rounded rectangle and then use the selection to delete part of light blue layer, that was shown in image b). |
| |
|
| |
| a) Click to enlarge |
|
b) Click to enlarge |
|
c) Click to enlarge |
 |
|
 |
|
 |
|
| |
|
|
| You should now end up with something like in image a). Next, we're going to make the header look a bit more interesting, creating a pattern for it. So on a new layer, create a radial gradient using white and black, as shown in image b) |
|
|
|
|
| Now go to Filter > Sketch > Halftone Pattern and enter the values shown in image a). The result of using this filter should be something like in image b). |
|
|
|
|
| Next use find edges (Filter > Stylize > Find Edges). Drag the shape up to the top, over the blue part, and then change the blending mode to overlay. |
|
|
|
|
| Duplicate the pattern circle and then apply gaussian blur of about 4.7. Reduce the layers opacity to around 70% and duplicate the layer several times, spacing them across the header. |
|
|
|
|
| Next duplicate the orginal patter circle several times, reducing them to different sizes using the transform tool (edit transform > scale). You should end up with something like in image a). Create another little line pattern using the rectangular marquee tool and 2 contrasting blues. Zoom in to about 700% to do this. |
|
|
|
|
| Create the same line pattern with varying lengths, as shown in image a). Add your logo using a thick font. |
|
|
|
|
| To create the glow around the logo, make a new layer below it, expand a selection of the logo by 1 pixel and then feather it by 2 pixels. Fill the selection with 9FD9E8 and you should end up with a nice glow. |
|
|
|
|
| |
| Lastly, add you content and menu text and you''re finished! |
|
|
|
|
 |
