Corporate Layout

1. I am using a 340x460 image. You can make your's a little bigger if you wish though. And a white background will do nicely.

2. You will also need a nice stock image to use. Here is mine, you can use it for now too if you wish.



3. Place this image on your document.

4. Create a new layer.

5. Set your foreground colour to #181649 or a dark, dark blue.

6. Now draw a few lines using different sized pencil tools.



7. Now create a new document, 5x5 pixels with a transparent background.

8. Set your foreground colour to #99CCFF or a very light blue.

9. Draw a diagonal line through your image.

10. Go to Edit > Define Pattern and call it something nice.

11. Close this document and return to your layout one.

12. Now make a selection to the left of your thick dark blue line, and go to Edit > Fill, select Pattern and choose the one you just made. It should look like mine now.



13. Now make a selection of the rectangle between the thin blue line and your stock image.

14. Fill this with a light blue like, #99CCFF.



15. Time to jazz up that stock photo. I made a new layer, added a few white lines to that. Then made another new layer, made a couple of selections, filled it with black and changed the opacity of the layer to around 20%. You can see from my image what I am talking about..



16. The site is looking nice, but not much use without some link text and a header. For the menu I used the font Silkscreen with a 1px white stroke.

17. That is pretty much complete. Just slice it up with the Slice Tool (press K) and you are done. Here is my slices and the final.