Create a Business Web Page Layout

First i want to thank you for visiting this tutorial. In this tutorial i will create a business layout. If you come regularly to my blog you will see how easy is to create great looking designs or websites.
In this blog you will find mainly layout tutorials.

Are you curious why ?
I am working with photoshop from a long time, and since then i have earned a lot of money creating websites for my clients. I want to teach you how to create websites because you will earn more money creating websites then creating a simple photoshop effect
If you want to start earning money on internet, then it is time to create websites for your future clients

I will give you an example. How much do you think you can charge for a logo, or for a simple photo effect ? Maybe 50 - 100 $ ?
In my entire life i have created a few thousand logos, and a few hundreds big websites, and my earnings are bigger for my layouts, that’s why i think you should start creating websites

I will try to be as simple as possible, and i am sure you can create great looking layouts with my methods

So let’s start creating or first layout. In this tutorial i will create a business layout

You can download the layout from the following link : ...

Login/Register to download/read further.

Please create a new document

Please use the following settings:

Set the foreground color to : #2b2724

Select The Paint Bucket Tool, and press on time on your canvas.
Select The background layer

Press on CTRL+J ( this shortcut will duplicate the selected layer )

Select ” layer 1 ” and go to Filter > Noise > Add Noise

Then use the following settings:

Select Rounded Rectangle Tool, and on the top of your screen, set the following settings

On your layout create two shapes for our navigation. I will change my foreground color to #e84502 , then i will use Rounded Rectangle Tool

Duplicate these 2 orange shapes. To duplicate the layer, first you need to select it, then press on CTRL+J
After you will duplicate the orange shapes, change the colors to white. To change the color you need to double click on the layer thumbnail, then you can chose the white color

this is what i have so far

Now i will select the Move Tool ( V ) , and i will move the white shapes to the top of the layout

I will place some stock images on my layout

With Type tool, i will add some text

With the same tool, add another text on the navigation bar

Select Line tool, and be sure you set the line Weight to 1 px

Create a vertical line between the navigation buttons

Now it is very important to rasterize the layer. to do this you need to right click the layer in your layer palette

Select Eraser tool, and change your brush to 60 Soft Mechanical 60 pixels

And try to delete the top and the bottom part of the line

Duplicate this layer ( to duplicate you need to have the layer selected, then press on CTRL+J )
Select Move tool, and place the duplicated line on the right side between the other text buttons

On the top of our layout, i will create a simple text logo. in my future tutorials i will show you how to create great looking logos

Create a new layer right above the layer 1

Select Brush tool ( change the brush to Soft Mechanical 60 pixels ), and with white color make a simple dot, under the text logo

To create a nice effect, please reduce the opacity for this layer to 25 %

This is my result

I hope you like my end result. This Layered PSD file is available only for VIP members