Premium wordpress photoshop layout

Wed, Oct 8, 2008

Someone asked me yesterday how to create a wordpress template. And today we have a new tutorial explaining hot to create a premium wordpress theme. For this tutorial we need a new set of brushes. You can download this set HERE

Before we start creating this tutorial please download this set of corner brushes. let’s start this tutorial with a new document. please choose the following sizes : 760 x 770 pixels ( white background )

Select rectangular marquee tool, and create 3 different shapes

We will create a new photoshop pattern

Create a new document 3 x 3 pixels ( with a transparent background ), then zoom this document to 1600 pixels

Select Pencil Tool ( set the brush size to 1 pixel ) then create a diagonal line.

Go to Edit > define pattern…

Choose a name for you pattern and click OK

Select the big rectangle and add the following layer styles.

This is my result ( the following image is zoomed at 300 % )

Select the second rectangle ( the middle one ) and add the following layer style

Now we will apply another layer styles for the third rectangle ( the orange shape )

This is my result

With Rectangle tool, i will create another 2 shapes. i will use two different colors. in this way you can understand better what i am trying to do

For the both shapes i will use the following layer styles :

Result

Create a new layer, then with the brushes you have downloaded from Photo-Shop-Brush add some details in the corner of the shapes

Select the blue layer shape, and duplicate this layer. ( press CTRL+J to duplicate ) then select both layers in your layer palette, and press on CTRL+E ( this will merge both layers into a single one )

With eraser tool, you need to select the right bottom corner of the shape

Do the same with the red shape

Create a new layer ( press CTRL+SHIFT+ALT+N ), then with brush tool ( select a smooth round brush ), make a single point on the top of your layout

Change the opacity value for this layer to 30%

This is my result

With type tool, ad some text

Then for each post, we will create some round shape. You can use Rounded rectangle tool to create some small shapes

for all these shapes you can add the same layer styles

this is my result

Select Line tool, Set the line weight to 1 pixel, and create 3 lines. place these lines between the post

With the same tool ( line tool ) create 3 lines. i will zoom my document so you can understand better what i am trying to do

You can see in the image from above 3 different lines. please create the same lines, and place it between the menu buttons. Then select all the line layers, and press CTRL+E

Select eraser tool, an with a smooth round brush start deleting the top and the bottom part of the lines

this is my result