Wordpress Theme Layout

1. Create a new document (800*600).

2. Fill the background with #c8c0b5 and look at the guides I've created in the screenshot below.

Click to enlarge

3. Now create a new layer (layer - new layer) and select a rectangle like shown and fill it with #333333.

Click to enlarge

4. Create another new layer and select a rectangle using your rectangular marquee tool like this but fill this one using your paint bucket with #ffffff white this time! You should have something like this for now…

Click to enlarge

5. We're going to adjust the blending options (layer - layer style - blending options) of the previously created layer and add a drop shadow with the following settings!

6. Create a new layer yet again and select a box like indicated in the first screenshot and fill it with any color you like because we're going to add a gradient overlay while adjusting the blending options with the settings shown in the second screenshot below.

Click to enlarge

7. I've added some text to the header of the site including a slogan… The font microsoft sans serif was used with a size of 50px and 12px! The gradient overlay on the title is the same as in step 5 so you can copy and paste that layer style…

Click to enlarge

8. In this last step I've added some sort of a menu and some demo text (the color of the bars behind the menu text is #fe198e and the vertical stripe is made using the single column marquee tool)… The other text is in #6b6b6b . This is a simple and basic tutorial but you could make a wordpress template with this for example!

Click to enlarge