This is part 2 in a 5 part tutorial to easily create a render layout out of a simple render in about 20 minutes. This is by far the fastest way to develop a layout for a website and equally as easy to accomplish.
In this installment we will be creating the header for our layout. To see how the final product, go here:
Final product | Another variation.
press CNTRL + N to create a new document that is 1 pixel in width and 2 pixels in height, with a transparent background
zoom in closely to the new document, set your foreground color to #000000 (black) and fill the top half of the canvas with black, using the pencil tool set to 1 pixel such as l have here.
Next go to image->define pattern and name the pattern "scan line".
now go ahead and minimize this and return to our "layout" document. With the "scan lines" layer highlighted, while using the rectangular marquee tool, make a selection that spans the entire canvas' width such as l have here:
next get out the paint bucket tool, change the fill type from "foreground color" to "pattern", and select the new "scan lines" pattern that we just made a moment ago.
and fill in the selection near the top. Set the opacity of this layer to around 10% and press CNTRL + D to deselect the area. You should have something similar to this:
Next l'm adding some text to the header. This is pretty self explanatory, but here are the text settings l've used:
The font is called "GunShip" and is available for free download here: http://www.dafont.com/en/font.php?file=gunship
The I used is color is #D8D8D8. I positioned the text near the top right hand side of the header, leaving room for our logo (that we'll make later).
Next double click on the text layer, and apply these blending options:
here's what you should end up with after that: