|
| Web Hosting Deals | Holiday Logo Design | 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 |
|
|||
|
My First Tutorial Ever ( Clean web 2.0 template )
Well this is my first tutorial ever so i hope it came up well ...
Here it is ... This is a preview of what we will be making .... ![]() Start by creating a 800x600 pixels new document ... the color doesn`t matter since we are filling the background with a pattern ... Save the following pattern to use it for this tutorial: ![]() This is what you will have so far: ![]() Now grab the rounded rectangular shape tool and make a big sellection ... this is the main area ... Add the following blending options to it: - Drop Shadow: - default settings - Stroke: - 1px border - position: outside - blend mode: normal - opacity: 100% - fill type: color ( #FFFFFF ) And this is what we will have: ![]() Then add your logo or just write your company name on the top left corner ... the font i used is called cocon ... ![]() On the top right corner add some of your sites features ... like hosting, tutorials, etc ... you can add whatever you want ... ![]() Then ... add your main index picture ... i added this picture with this guy on the beach ... And draw a 1px white border around it with your pencil tool ...This is what i have ...![]() Under the photo ... place your copyright information ... again i used the cocon font ... ![]() On the right side of the picture ... using the rounded rectangle tool ... draw a white box ... something like this: ![]() In it ... add 3 smaller boxes using the same technique ... but make them black ... ![]() Add your sites name or logo in the top box ... ![]() On the second box ... add your latest news ... i put up some dummy text from lipsum.org ... ![]() On the last box ... add a search bar or whatever you want too ... i put up a shell pic too ... so it looks more classy ...![]() Finally add your menu using what font you like ... again i used cocon ... and you are ready to go ... ![]() Thanks for reading this ... GFXClass.com Admin! |
![]() |
| Bookmarks |
| Thread Tools | |
| Display Modes | |
|
|