Before we start creating this tutorial please download this set of corner brushes. let’s start this tutorial with a new document. please choose the following sizes : 760 x 770 pixels ( white background )

Select rectangular marquee tool, and create 3 different shapes

We will create a new photoshop pattern

Create a new document 3 x 3 pixels ( with a transparent background ), then zoom this document to 1600 pixels

Select Pencil Tool ( set the brush size to 1 pixel ) then create a diagonal line.

Go to Edit > define pattern…

Choose a name for you pattern and click OK

Select the big rectangle and add the following layer styles.

This is my result ( the following image is zoomed  at 300 % )

Select the second rectangle ( the middle one ) and add the following layer style

Now we will apply another layer styles for the third rectangle ( the orange shape )

This is my result

With Rectangle tool, i will create another 2 shapes. i will use two different colors. in this way you can understand better what i am trying to do

For the both shapes i will use the following layer styles :

Result

Create a new layer, then with the brushes you have downloaded from Photo-Shop-Brush add some details in the corner of the shapes

Select the blue layer shape, and duplicate this layer. ( press CTRL+J to duplicate ) then select both layers in your layer palette, and press on CTRL+E ( this will merge both layers into a single one )

With eraser tool, you need to select the right bottom corner of the shape

Do the same with the red shape

Create a new layer ( press CTRL+SHIFT+ALT+N ), then with brush tool ( select a smooth round brush ), make a single point on the top of your layout

Change the opacity value for this layer to 30%

This is my result

With type tool, ad some text

Then for each post, we will create some round shape. You can use Rounded rectangle tool to create some small shapes

for all these shapes you can add the same layer styles

this is my result

Select Line tool, Set the line weight to 1 pixel, and create 3 lines. place these lines between the post

With the same tool ( line tool ) create 3 lines. i will zoom my document so you can understand better what i am trying to do

You can see in the image from above 3 different lines. please create the same lines, and place it between the menu buttons. Then select all the line layers, and press CTRL+E

Select eraser tool, an with a smooth round brush start deleting the top and the bottom part of the lines

this is my result

I will duplicate this layer several time, and i will place it between text menus

This is my final result. If you want to understand better how this layout is made you can download this PSD layout from the following link

...

Login/Register to download/read further.

Let’s start by creating a new document. In my next layout tutorials i will use the same settings for each new document.In your projects you can use any size you want.

In this tutorial we will use some nice stock photos. All this HI-Res photos are available in the Zip file. Please note that only VIP members can download our source files, and VIP downloads. The next files are in PSD file format ( without background )

Open the grass image and place it on your document

After that you will need a image with some clouds. You can find alone such an image, or you can create a gradient, then you can use the brushes from Photo-Shop-Brush . In my case i will use a stock image with some clouds, and i will place the layer right above the background layer

This is my result

I will place on my layout also the other stock images

Select Rounded rectangle tool, and create 2 shapes

Add some layer styles for this 2 shapes.

This is my result

The next step is to add some text on our layout

You can open the lady bird image, and with move tool, you can drag on your layout. you will need to resize this image, because it is hi-res

I have duplicated the lady bird layer a few times, and i have placed like in the following image.

To duplicate a layer, first you need to select it, then you need to press on CTRL+J

This is my final result. Simple isn’t it ?

If you want you can use the brushes, to add some birds on your layout

...

Login/Register to download/read further.

You can use this layout also a personal portfolio layout, a photography layout, or even if you have a design agency. you can download the PSD file from the following link:

...

Login/Register to download/read further.

Open a new document in Photoshop

Then open the following texture image in Photoshop. The name of the texture is: rocks-concrete-(34).jpg
Please note that you need the high resolution texture, and not the following thumbnail

After you open the texture in Photoshop, you need to select “Move tool” , and with this tool, you can drag the texture image on your layout

document.After that you can drag , and change the size of the texture until you are happy with the placement. here it is what i have

Now i will press on CTRL+U ( hue saturation ) , and i will use the following settings

I will go to Filter > Sharpen > Sharpen more
Then i will press CTRL+F ( with this shortcut i will repeat the filter one more time )

This is my result so far

With Rounded rectangle tool, i will create some shapes, with different colors

Now i will add a stock image with a very beautifull girl.

I will select Polygon Tool, and i will use the following settings

I will set my foreground color to #ca0000, then i will create a few triangles, and i will place them on my buttons

on this buttons i will place some text, and some numbers

you can see that the numbers have another opacity. to change the opacity for this layer, you need to select the layer, then you can change the opacity value to 20 %

Now i will add some text, and some images on my layout alone. this is my result so far

I will create a new layer right above the texture layer. to create a new layer in that place, first you need to select the texture layer, then press on CTRL+SHIFT+ALT+N

Grab brush tool, then use a big smooth brush

with this brush make a simple point on your layout

Now you can change the blending mode for this layer to Overlay

I hope you like my final result.

As you can see a good texture image can change the overla look of the layout. If you want to download this PSD layout please register for VIP

...

Login/Register to download/read further.

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

...

Login/Register to download/read further.

Shortcuts for File Menu

Shortcuts for Edit Menu

Shortcuts for Image Menu

Shortcuts for Layers Menu

Shortcuts for Select Menu

Shortcuts for Filter Menu

Shortcuts for View Menu

Misc. Useful Commands