Open the image inside Photoshop and then go to Edit > Define pattern. Choose a name for this pattern and click OK.
Create a new document with the following size: 960 width and 900 pixels height
Select Paint Bucket Tool, and in the option bar choose the pattern you just created
Click over your layout with Paint Bucket Tool. You will have something like this
Set the foreground color to #49290a and with Rounded Rectangle Tool create a shape, and place it in the middle of the layout
Add the following layer styles
You will have to add other shape over this brown shape. This time please use white color
Please use the same layer styles you have used a few seconds ago.
This is the result
On the bottom right side of the layout I will add some stock images with a flower pot and a sofa.
Under the layer with the sofa I will create a round shape with Ellipse Tool
I will go to Filter > Blur > Gaussian blur and I will use the following settings
In this way you will have a real shadow under the sofa
On the left side of the layout I will create some boxes with Rectangle Tool
All shapes have the following layer styles
I will add some text and the images
On the right side I will add some banners
I will create a dashed line between the posts.
To create the dashed line you need to use Horizontal Type Tool and use the following font and settings
My last step is to create a logo and some text buttons.
This is my final layout. I hope you like it. As you can see it was done very easy, and requires only some good stock images.
You can download the PSD layout and CSS/xhtml layout. The coding part for this layout was made with the same technique I have used for this tutorial: Design and code a layout without using slice tool (tutorial available only for VIP members)
Do you want to download all our VIP resources including this psd layout? Join our VIP membership.
