Quick Tutorials

Preview:

Winter Theme Template Design.

Step 1:

Let’s start out by creating a new file. I used a 1000×1000 pixels canvas set at 72dpi, and I filled my background with a white color. Now grab the Stock Photo used on the background and insert it into your canvas.

Step 2:

Now make a new layer set titled ‘Navigation Interface’. Then in a new layer draw a white rectangle with 93 x 50 px dimensions by the mountain on the stock photo.

Step 3:

Under Layer Style(Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options to your white rectangle layer.

Result:

Step 4:

In a new layer draw long black rectangle with 907 x 50 px dimensions

Step 5:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow and Gradient Overlay blending options to your long black rectangle layer. Then set the layer’s opacity level to 50%.

Result:

Step 6:

Select the Horizontal Type Tool and set the font family to Arial, regular, 14 pt, crisp and white color shade. In a new text layer type Home on the white rectangle design then in a seperate text layer add the rest of your navigation on long rectangle design.

Step 7:

On the right end of your navigation interface add your RSS Feed link and search box.

Step 8:

Now make a new layer set titled ‘Content Box’. Then in a new layer draw a long black rectangle with 623 x 29 px dimensions just below your header design. Then set the layer’s opacity level to 43%.

Step 9:

In a new text layer type out the title of your content box using font Verdana, bold, 12 pt, none and #B20000 color shade.

Step 10:

Create a new layer. Below your content title draw a large rectangle with #E6E6E6 color shade and 623 x 250 px dimensions.

Step 11:

Now draw a lighter gray rectangle right below the content title box. Then add the post details using font arial, regular, 11 pt, none and black color shade for text and #FF0000 color shade for links.

Step 12:

If you want more content box just duplicate the ‘Content Box’ layer set.

Step 13:

For the sidebar use a large font with #B00000 color shade for the title of each section.

Step 14:

Right below the body add your footer, in a new layer draw a red rectangle with #B00000 color shade across the bottom of your canvas.

Step 15:

Now draw two 1px lines with #D80000 color shade right by the top edge of the red footer design then another right below.

Step 16:

Finish the footer section with your navigation links on the left side and the copyright info on the right.

Step 17:

Back on the header design add your website name using font Arial, bold, 24 pt, strong and black color shade. Then set the text layer’s opacity level to 21%.

Results:

Winter Theme Template Design.

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.