Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Wordpress Layout #2

Wordpress Layout #2


Create a new document 850 x 1200 pixels with a white background, double click your background layer, press ok when the box pops up. This has now unlocked your background layer, double click your background layer again and add this layer style.

image 1

Select the elliptical tool and draw out a small selection.

image 2

Hold the shift key and drag out another selection, over lapping your original selection.

image 3

You will notice the selections merge together reapeat the process untill your have a cloud looking shape like this.

image 4

Once you have you cloud shape fill it with the color white, then add these layer styles to it.

image 5

image 6

image 7

image 8

Set the layer opacity to about 69%, then duplicate your clouds a couple of times, changing the opacity of each one.

image 9

Add your blog title and slogan.

image 10

On the text in the header just copy and paste the layer styles from the clouds to the text. Select the rounded rectangle tool and draw out a small navigation size box the side of your blog title and slogan, again copy/paste the layer styles from the clouds to your navigation.

image 11

Add your navigation text, using the elliptical tool add some blue dots inbetween each navigation link.

image 12

Select the round rectangle tool again and draw out your content boxes like this.

image 13

Add these layer styles to your content boxes.

image 14

image 15

image 16

Select the rounded rectangle once again and create a square within your big main content box.

image 17

Add these layer styles so it look like the image above.

image 18

image 19

image 20

Select the square tool and add a dark gray square in the middle. Use the elliptical tool to create a shine effect.

image 21

Using the rounded rectangle again add a green rectangle above your polorid, then start adding your content.

image 22

image 23

image 24

image 25

Finally select the rectangle tool and create a rectangle at the bottom of your canvas, fill with the color white then copy and paste the layer styles from the cloud, copy elements from the header I.E clouds and title, combine them together to get your footer.

image 26

You should end up with something like this.

Wordpress Layout #2



Author's URL: Hv-Designs.co.uk
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Wordpress Layout #2"

Captcha