Page 1 of 1

Web Button Tutorial!

Posted: Mon Dec 26, 2005 3:56 pm
by Paradox
I know, you are probably thinking "This n00b is too lousy to be teaching ME!!", but I don't exactly care...

I just want to share some information that I thought you would appreciate!

In case you do not know, this tutorial teachs you how to make cool buttons for your website using Photoshop! /smile.gif\' class=\'bbc_emoticon\' alt=\':)\' />

1. Make a new document, the dimensions I used were 130x60.

2. Select a bright grayish color and a then select a darker grayish color.

3. Select Linear Gradient and make the gradient start from the upper-left hand corner of the image and end at the lower right hand corner.

4. Now select the inner section of the image and put in any colored gradient you want!

5. Select the line tool and outline all the lines around the image and around the inner gradient

6. You should know have this!

[img]http://img279.imageshack.us/img279/5515/untitled7tp.png[/img]

7. Now add text and voila! You are done!!

Feel free to add any comments!!

Web Button Tutorial!

Posted: Mon Dec 26, 2005 4:23 pm
by Josh
How\'s this?! /biggrin.gif\' class=\'bbc_emoticon\' alt=\':D\' />

Web Button Tutorial!

Posted: Mon Dec 26, 2005 7:57 pm
by Tibs
Great to see your tutorial Paradox, since I\'m not very good at ps I won\'t try it /blum.gif\' class=\'bbc_emoticon\' alt=\':P\' />

Anyway great to see you help us /good.gif\' class=\'bbc_emoticon\' alt=\'(Y)\' />

Web Button Tutorial!

Posted: Mon Dec 26, 2005 9:04 pm
by Tami
[i]*whacks Tibs*[/i]

Being not good at photoshop means all the more reason to try /blum.gif\' class=\'bbc_emoticon\' alt=\':P\' />

(that of course does not apply to me and 3D programmes) /bigwink.gif\' class=\'bbc_emoticon\' alt=\';)\' />

Web Button Tutorial!

Posted: Tue Dec 27, 2005 3:30 pm
by Paradox
[quote name=\'Dren\' post=\'30820\' date=\'Dec 26 2005, 11:23 AM\']How's this?! /biggrin.gif\' class=\'bbc_emoticon\' alt=\':D\' />[/quote]

Very nice! Everything is perfect! But I personally like the image better with an equal border and cooler text, you can find more ofnts on google!