Hello

Today i will show you how to create a simple layout for google adsense.
This layout is based on some friends of mine who has layouts like this and they have huge earnings with adsense.

PLEASE USE THIS LAYOUT ON YOUR OWN RISK

So please try to use my sizes.Because it is very important.

Before you try this tutorial please go to https://www.google.com/adsense/adformats

On this page you cann see Google AdSense Ad Formats

Open a new document in Photoshop.
The size should pe 728 x 900 px
If you ask why i chose this size you can see that the first ad on the Google Adsense Ad Formats page has the width 728 px

Create a new layer and select Rectangular Marquee Tool
Then make this settings:



Then press one time on your document and you will see that a selection will apear. Try to place this selection on top of the document. This will be our header.

Then with the Gradient tool try to fill this selection
Please use for the foreground color #000074 and for background color #333333
After you have the colors like mine keep pressed the Shift key and draa a small line inside the selection from bottom to top.
Then press CTRL+D to deselect

You will have this result. (the next image is scaled down):



Now one more time we have to create a selection for our buttons. instead this buttons we will add adsense code.
So please create a new layer. ( press CTRL+SHIFT+ALT+N )

Grab the Marqueee tool and use this settings:



Then place the selection under the header.
I will fill this selection with a grey color. We will need it on a white color but I want to show you only where do you have place for adsense.

the next image is scaled down:



On the grey line we will place the adsense code.
Duplicate this layer and place it under this one. You will see after a few steps with another place for adding some text buttons.You will see a red navigation bar.

Now Create another layer and with the Rectangular Marquee Rool create a new selection.
This time use this settings:



Now create a selection for the left side of the layout.
i will make this image with a green color ( one more time we will not use this green color - this is just to see better the layout )



Select the green layout and press CTRL+J ( this will duplicate the layer )

If you haven't renamed your layers you will have something like me:



Be sure you have Layer 3 selected. Change the color for this rectangle to black. (use Paint Bucket Tool to fill your rectangle with #333333 )

After you will click on the layer it is possible not to see the effect because the " LAyer 3 " is under the Green layer.
You can hide the layer for a few moments to see if your rectangle is filled with black.

Be sure you make visible the green rectangle

Select the Black rectangle
Then go to Edit > Transform > Distort and move the corners like me:



Now go to Filter > Blur > Gausian Blur and use the following settings:



You can try also with 7,5 pixels ( this depends on you )

With the Paint Bucket Tool Change the color for the green rectangle.
We will use the white color.
This is the result:



Now select this 2 layers ( Layer 3 and Layer 3 copy ) and duplicate them.
Then go to Edit > Transform > Flip Horizontal.

Place this 2 new layers selected with the right arrow key on the right side of the layout.

Here is a small screenshot:


As you can see we have place for 3 add units.
Google allow adsense user to add 3 add units and 1 link unit. So we have place for another one.

Now we can use a very good add unit Large Rectangle Ad ( 336 X 280 )

Create a new layer and make a selection with the Rectangular Marquee Tool ( the size should be 336x280 px )

And place the "ad" like mine ( i will use a blue color )


We will not create any shadows for this ad

Now i will try to place some photos with adsense ads screenshots so you will have a good idea of how it will look like.



Please add the text buttons on the grey line.
Now you have to slice the layout and you can start using it. i know already a few friends who are susing layout like this and ..... It works ....

I will tell you why this layout it is very good. And follow also my tips

1. The user will not scroll down the page. Firts will click on the adsense ads and after that the user will return on your page and search your information.
2. Try to awoid borders on adsense ads
3. Try to use the the Large Rectangle Ad.
4. Create unique content
5. Drive traffic to your website as much as you can.

This PSD tile will be available only for VIP members.

__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )

haha great man. I'll use this when I finish my site

admin how do u get the ads in there? is it just a case of slicing? or is there something i don't know about

__________________
<(^,^<) <-- kirby

If you mean this ads from above they are added as a photo
First make a printscreen with photoshop, Crop the image to fit the adsense ads and then drag the adsense ads ( photo ) on the layout

__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )

so the adsense bits above are just screen caps from a page and pasted into the photoshop layout? is that right? and then u'd imagemap them in dreamweaver or something?

__________________
<(^,^<) <-- kirby

yes the adsense from above are only some screen captures and placed on the layout
When you slice the layout you can use the exact sizes for adsense banners

__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )

nice tut nice site very easy good stuff

hmmm i don't like this 1 verrymuch ...

kooooooooool

nice shadow effect