Jump to content


- - - - -

Tutorial #4 - Simple Layout


  • Please log in to reply
No replies to this topic

#1 _*cipcip_*

_*cipcip_*
  • Guests

Posted 15 September 2007 - 09:13 AM

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

In this tutorial you are going to learn how to make something like this:

Posted Image

Now ... let`s start by making a 877px X 650px new document ...
Fill it with this color: #dbdac5 ...
Now you`ll have something like this:

Posted Image

Inside it make a square using the rectangle tool and fill it with #e3e1d2, like this:

Posted Image

Now with your pencil tool ( 1 px, color: #b9b7a8 ) draw your way so it can look like a book ... and also make some small circles in the middle ... like this:

Posted Image

In the bottom of each side ... using your pencil tool ( 1 px, color: #b9b7a8 ) draw 2 boxes, one for the menu and one for the copyright information, like this:

Posted Image

Now, on the right side add your logo, a render and your menu in the box you just created at the previous step and you are done with it... like this:

Posted Image

On the left hand, add some content and your copyright information and you have finished the template. ... you should have something like this:

Posted Image

Thank you for reading this tutorial.
Gfxclass.com Admin!




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users