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

Create a Business Wordpress PSD Layout


You can use this layout also for your company. I will start my new layout by opening a new document. I am using always the following size: 960 x 900 pixels. This size is very good because it will fit on almost all decent monitors.

image 1

I will select Rectangle Tool, and I will create a new shape

image 2

Then I with Rounded Rectangle Tool, I will create another ones

image 3

You can see in my screen shot from above that I have used another color for a shape. This is only for you to see better what I am doing. I will turn the color of that shape back to a black color
Now I will select 3 layers in my layer palette

image 4

I will merge all the 3 layers into a single one (press CTRL+E)

image 5

I will select Pen Tool, and I will create 2 small triangles like in the following image (please note that I will use another color to see better what I am doing)

image 6

I will turn back the color to black, and then I will merge all the layers

image 7

Next step is to rasterize one of the shapes. To rasterize a shape you need to right click on the shape

image 8

Then go to Select  > Load selection.

image 9

Select Rectangular Marquee Tool and move the selection like in the following image

image 10

Select the layer we have merged at the beginning of this tutorial, and hit delete on your keyboard

image 11

Move the selection also on the other part and hit delete. After you learn also that corner please click on CTRL+D to deselect

image 12

I will add the following layer style for all the black shapes

image 13

image 14

This is my result so far

image 15

One more time I will use Rounded Rectangle Tool, and I will create another shapes

image 16

For all these white shapes I will add a simple layer style

image 17

image 18

image 19

image 20

This is my result

image 21

I will add some text with Horizontal Type Tool

image 22

I will go to Smahingmagazine and I will download this set of Icons. I will add two icons on my layout. The one with RSS sun flower, and the blue bird

image 23

Then I will add an image and a logo. I will use a simple logo

image 24

On the right side, I will try to create a slideshow. For start I will use Rounded Rectangle Tool, to make 5 small shapes

image 25

Then I will add an image

image 26

I am almost ready with this layout. I will need also an e-mail subscription box. I will create this form with 2 rounded shapes.

image 27

On the top of the layout I will add another image with a nice 3D render. This is my final layout. I hope you like it.

Create a Business Wordpress PSD Layout



Author's URL: grafpedia
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


Like us to: