Hello. In this tutorial i will sow you how to create an elegant WordPress layout for your corporate website. This layout can be used also for agency templates, services websites, marketing website templates, business website templates.
This is the final layout we will create today
For start i will create a new document. The size of your document should be 1100 x 1020 pixels. I will select Paint Bucket Tool, and i will fill my document with the following color #e8e8e8
In the middle of the layout i will create a new shape with Rectangle Tool.
For this shape i will add the following layer styles. Please save this layer style because we will use it later in this tutorial. If you want a huge pack with layer styles i recommend you to download our huge pack with over 16,000 Photoshop Layer styles
On the middle of the layout i will create a red navigation bar.
Bellow you will find the layer styles used to create the red navigation bar.
The following gradients are available in this set with over 25,000 Photoshop Gradients
Under this red shape i have placed a nice shadow. If you don’t know how to do it then please follow my other tutorials, and you will see there how easy is to create the shadow. Another option is to register for an account with us, and download the Web Graphics pack
With Rounded rectangle Tool i will create some shapes. Here you can feature your products, or you can create a nice slideshow.
Bellow you will find the layer styles used to create the round shapes
The same shadows will be used right under the round shape.
In the middle of the layout i will create another white shape with Rounded Rectangle Tool, and as you can see i have used the shadow one more time under the white shape.
I will add some text and Vector icons on the body of the layout.
The next step is to create a text logo on the left side of the layout.
On the right side i will create a search form ( created with Rounded Rectangle Tool ) and then i have use the same layer styles used for the first shape.
I will fill all my layout with text. The font used in this layout is Myriad Pro – italic
This is my final result. You can use this layout for different types of website from wordpress blog, to corporate websites.
If you want to download this layout you will need to register for an account.
This is a great tutorial on a very professional design. I don’t know much about how to code the .php for wordpress. Do you know where I can find the coding for this template design to use with WordPress.
Many thanks.
Valda
I’m into WordPress and I like your step-by-step tutorial on creating this layout. Hope there’s more to come!
Its hard work made simple. I am reloaded.
“If you don’t know how to do it then please follow my other tutorials, and you will see there how easy is to create the shadow.”
Same question like Marius. Where’s the tutorial for the shadow? finished browsing your tuts none of those explained how to make a shadow.
This tutorial is nice but you opted not to explain how to make the shadow which I think is the main reason it looks nice.
“Under this red shape i have placed a nice shadow. If you don’t know how to do it then please follow my other tutorials, and you will see there how easy is to create the shadow. ”
Quote from your tutorial…
Hello Marius
the shadows can be found in this pack
http://www.ultimatedesignertoolkit.com/photoshop/ultimate-web-graphics/
but you will need to apply for a paid membership in order to download this set of web graphics
Thanks
Where can I find the tutorial where you explain how to create that V shape shadow ?
Nice tutorial, very clean and professional. Good job.
i like your work and also a great article about designing thanks for sharing
its very clear layout i likes its
This is really simple .I used to think one has to spend a whole year to design a wordpress layout. And what next now, to convert to Html?
This very well explained and very good template
Very good!
This is “simple” in its best way
Look forward to the “fro psd to wordpres/php”
This is amazing for Website designer.
I am a Php developer and this could help me a lot