Grafpedia

In this tutorial I will show you how easy I will create a clean corporate layout.
I wanted to create a website for a freelancer but after the first steps I’ve changed my mind. Tomorrow I will go out to take some photos and I will create very soon a more complicated layout for a freelancer.

Preview full size layout.

Join our VIP membership, and you will be able to download all PSD layouts for each tutorial+ all VIP resources

Let’s start with a new document with the following size: 960 x 900 pixels. I am using this value because you can use a Photoshop grid system and most of them are using these values.
Select Paint Bucket Tool, and with the following color: f5f5f5 press one time inside your canvas.
I will select Rectangle Tool, and I will create 2 shapes .

I will use a gradient from our huge set of 27.000 Photoshop gradients. This is the biggest pack you will ever find on internet and is available four Grafpedia VIP members.
I will load this and I will add the following layer styles:

Note: to access the layer styles you can go to Layer > Layer styles
This is my result so far

I will select Rounded Rectangle Tool, and I will set my corner radius to 6 pixels

With this tool I will create four shapes. Click on the following image to see better how I place the shapes

I will add one more time some layer styles. You can add the same layer style for all the shapes

This is my result. Click on the following image to see better my result

Under the top shape I will create another one. You can use Pen Tool to create a shape similar with mine.  With this black shape I will create a nice shadow

I will right click on this layer in my layer palette, and I will choose Rasterize Layer

I will select Eraser Tool with this brush selected

Then I will delete the top part of the black shape

For a realistic effect I will lower the opacity value to 20 %

Under this shape I will create another 2 small buttons.

I will load the following set of pixel arrows
In this set you will find over 300 pixel arrows. It will be a life saver, when you design websites. These small details will make the difference when you create layouts
I will place two arrows over the previous buttons

I will select the Horizontal Type Tool, and I will write the text over my layout. The fonts I have used are Myriad Pro, and Trebuchet MS (both fonts are included in Vista)
Click on the following image to see how my corporate layout looks so far

Now I will add also some images, and this is my final result

If you want to download this layered PSD layout please register for a VIP account. For a small fee you will download all our resources and the upcoming releases for the period of time you subscribe. Please note this is a one time payment and you will not be charged at the end of the month