Jump to content


- - - - -

Tutorial #6 - Search Portal Layout


  • Please log in to reply
No replies to this topic

#1 _*cipcip_*

_*cipcip_*
  • Guests

Posted 15 September 2007 - 10:20 AM

Welcome to the 6th tutorial of the 100 Tutorials Marathon!

In this tutorial i am going to teach you to make something like this:

Posted Image

Before we start you may want too save the following pattern ...

Posted Image

Now make a new document with the size of 650px X 877px ... and fill it with the pattern ... you should have something like this:

Posted Image

In this step we are going to add our logo and the upper links like bookmark and so on ...

Posted Image

Next ... add your menu, it is a very simple one so i don`t think it needs to be explained... you should have something like this:

Posted Image

Next ... make a blue ( #2e79b2 ) rectangle with the rounded rectangle tool, and erase the upper part ... instead of it ... take the pencil tool and draw 2 lines .. one with 1px and the other one with 2px with different colors ...
You should have something like this:

Posted Image

Add a search bar in the stuff we created the previous step and you should have something like this:

Posted Image

Now add your secondary menu under the search bar ...

Posted Image

Next add some boxes in wich all the content will be, for blue i used #5eaace and for green i used #89a373 ... like this:

Posted Image

Next add all your content and your copyright info and you are good to go :o ...

Posted Image

Thanks for reading this,
Gfxclass.com Admin!




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users