GRAFPEDIA 70.000+ resources graphics & tutorials for only $49

02
Aug

Design a SEO Layout

Psd Themes, Templates, Tutorials, VIP Downloads, Vectors, Web layouts
10 Comments

In this tutorial i will show you how to create a nice looking layout for your search engine optimization website.

Notice that a laptop vector (file format : .eps and .ai) is also included with the PSD layout.

For start i will create a new document with the following size: 1220 x 1160 pixels.

I will select Paint Bucket Tool, and i will fill the document with black. 

 As you can see from my previous image you will see a brighter area on the top of the layout. That spot was made with Brush Tool ( please use a smooth round brush ) 

On the top right side i will create some buttons with Rounded Rectangle Tool

 As you can see i have used some different styles for three buttons. Bellow you will find the layer styles : 

Under these buttons i will create another shape with Rounded Rectangle Tool

I will use the following set of cloud brushes:

http://www.grafpedia.com/vip-downloads/photoshop-cloud-brushes

On a a new layer i will add some random clouds. If you want the clouds to be aligned perfectly you need to make a selection around the big round shape.

With Rounded Rectangle Tool i will create another shape. This Shape will be used for our body of layout.

Here i will crete another shapes with Rectangle Tool. I will use different colors. In this way i will outline different parts of the layout.

Feel free to use different colors for your layout

On the top of the layout i will create a area where i will add a search form

And i will add some text

In the middle of the layout i will add some text with different size, and colors

On the right side i will add also a nice looking laptop. You will find the vector laptop inside the zip file from the bottom of the layout. You will need to sign up for a ViP membership in order to download the vector file.

As you can see from the next image i will add some thin lines ( 1 pixel lines between the different shapes )

On the right side i will add some text, and with Rounded Rectangle Tool, i will add also a simple round shape.

I will use some stars. You can add these small stars with Custom Shape Tool

Now i will add also a simple image from my personal stock collection

On the bottom of the layout i will use some icons from this set:

http://www.grafpedia.com/vip-downloads/universal-icon-vector-pack

On the footer of our SEO layout i will add a round shape with Ellipse Tool

Then i will go to Filter > Blur > Gaussian Blur. The white shape will be transformed into a nice smooth shape. If you want you can lower the opacity to have the small result as mine

I will add a simple text for our logo

This is final result. I hope you like it.

If you like this layered psd layout you can apply for a VIP membership. This membership will allow you to download over 70.000 items, and you will be able to download also the next releases from Grafpedia.

By using our latest pass4sure 642-426 questions answers and cisco braindumps, you will pass your real HP2-Q04 exam with flying colors.

Download

Responses to “Design a SEO Layout”

Trackbacks

  1. Design a web layout for your SEO company | reADactor
  2. August’s Fresh Photoshop Web Layout Tutorials

Leave a reply

.