|
| Web Hosting Deals | Holiday Logo Design | Webcam Chat | Website Header Templates | Register domain | Search Engine Optimisation | Web Hosting |
|
|||||||
| Photoshop Tutorials from Talk-Mania members Got something you've done and want to share it.Post it here. |
![]() |
|
|
Submit Tools | LinkBack | Thread Tools | Display Modes |
|
|||
|
Tutorial #6 - Simple Layout Tutorial
Welcome to the 6th tutorial of the 100 Tutorials Marathon!
In this tutorial i am going to teach you to make something like this: ![]() Before we start you may want too save the following pattern ... ![]() Now make a new document with the size of 650px X 877px ... and fill it with the pattern ... you should have something like this: ![]() In this step we are going to add our logo and the upper links like bookmark and so on ... ![]() 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: ![]() 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: ![]() Add a search bar in the stuff we created the previous step and you should have something like this: ![]() Now add your secondary menu under the search bar ... ![]() Next add some boxes in wich all the content will be, for blue i used #5eaace and for green i used #89a373 ... like this: ![]() Next add all your content and your copyright info and you are good to go ... ![]() Thanks for reading this, Gfxclass.com Admin! |
|
||||
|
nice tuts but your copying this site dont really like your .... nevermind
__________________
OUTLAW-WEB.NET |
|
||||
|
reminds me of myspace somewhat. It looks good simple and clean.
__________________
http://img295.imageshack.us/img295/1...erssidemr8.jpg |
![]() |
| Bookmarks |
| Thread Tools | |
| Display Modes | |
|
|