My First Tutorial Ever ( Clean web 2.0 template )
#1 _*cipcip_*
Posted 29 May 2007 - 03:05 PM
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 ...
#2 _*cipcip_*
Posted 31 May 2007 - 09:52 AM
#3
Posted 31 May 2007 - 01:09 PM
#4 _*cipcip_*
Posted 31 May 2007 - 03:12 PM
#5
Posted 24 June 2007 - 11:08 PM
I also joined GFXClass and left a few replies around the forum.
#6
Posted 25 June 2007 - 01:39 AM
Here's my result..
A friend of mine is in a band and wants me to design his website.. This tutorial helped me out a lot.
I'm going to make the rest of the website some other time.
Thanks!
#7
Posted 25 June 2007 - 08:06 AM
@ StnrScott - what is the name of the font you have used on your page above?
Danh
Edited by Danh, 25 June 2007 - 11:04 AM.
#8
Posted 25 June 2007 - 03:05 PM
You can download it from here: www.dafont.com
Edited by StnrScott, 25 June 2007 - 03:06 PM.
#9
Posted 24 August 2007 - 09:23 AM
Thanks for sharing
#10 _*cipcip_*
Posted 06 September 2007 - 04:26 AM
#11
Posted 09 September 2007 - 10:41 AM
#12 _*cipcip_*
Posted 13 September 2007 - 10:59 AM
#13
Posted 13 September 2007 - 03:29 PM
thanx!!!!!!! plz don't delete anymore of ur tuts. they're all good.it still is ... i was stupid i admit that ...
oh, and is the stripped background supposed to be uneven in the middle? jus making sure.
Edited by telittleone, 13 September 2007 - 03:32 PM.
#14 _*cipcip_*
Posted 13 September 2007 - 04:59 PM
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users