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.

Select the elliptical tool and draw out a small selection.

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

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

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




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

Add your blog title and slogan.

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.

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

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

Add these layer styles to your content boxes.



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

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



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

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




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.

You should end up with something like this.








14 Responses to “Wordpress Layout #2”
zvonko Says:
i think it should have been more descriptive….thnx nyways… \”"/
ed Says:
Thanks im going to be changing to a wordpress and i will be using this on my site http://www.whipautos.tv
daledrean thompson Says:
Everyone that has a wordpressblog
should use this information…
savvyperspective.com
savvyperspective Says:
Thanks for the tutorial…
KronicDreamer Says:
I also only use wordpress @ ev9lve.com
kthnx
ehem Says:
how can i code this? is there a tutorial on how to code these layouts? is there any difference in coding wordpress layouts & blogger layouts and normal pages?
Clero Says:
????????? ???????? ? ???? ????????? ?????? hv-designs.co.uk ????????? ????????? ?? ??? ????) ????? ?????????…
preollefeds Says:
Hello.
:) reflects the couple’s low-key approach to their royal connections.
Bye.
savvyperspective Says:
Waitng for a Css3 Tutorial…
ADMIN Says:
All in good time, ive got other things on the agenda 1st :)
Cachaito Says:
it’s perfect job ;)
Leave a Reply
Trackbacks
search
Learn more about advertising with us.
write for us
Intrested in publishing some articles, tutorials or freebies on hv-designs.? We welcome anyone who is intrested, we'll even return the favour by sending you aload of goodies. Learn More
Learn more about advertising with us.
Recent Comments
copyright
The effects and techniques demonstrated in tutorials on hv-designs.co.uk can be used in whatever manner you wish without attribution. The text, images and tutorials themselves are all copyright © hv-designs.
usage
You cannot copy whole tutorials, either in English or translated to another language unless permission is given by the tutorial author.
friends online