Web Button Tutorial!

Moderators: Moderator, Global Moderator

Post Reply
Paradox
Jr. Member
Jr. Member
Posts: 83
Joined: Sat Dec 17, 2005 11:35 pm

Web Button Tutorial!

Post 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! <img src=\'http://www.killanet.net/forum3/public/s ... /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!!
Josh
Hero Member
Hero Member
Posts: 4627
Joined: Fri Jun 04, 2004 2:54 pm

Web Button Tutorial!

Post by Josh »

How\'s this?! <img src=\'http://www.killanet.net/forum3/public/s ... iggrin.gif\' class=\'bbc_emoticon\' alt=\':D\' />
[align=center]

Image

“If you stop learning, you stop living.” ~Tami Quiring

“It's the rare man who understands the value of a single perfect rose.”

[/align]
Tibs
Global Moderator
Global Moderator
Posts: 1106
Joined: Tue Jun 15, 2004 4:59 pm

Web Button Tutorial!

Post by Tibs »

Great to see your tutorial Paradox, since I\'m not very good at ps I won\'t try it <img src=\'http://www.killanet.net/forum3/public/s ... >/blum.gif\' class=\'bbc_emoticon\' alt=\':P\' />

Anyway great to see you help us <img src=\'http://www.killanet.net/forum3/public/s ... >/good.gif\' class=\'bbc_emoticon\' alt=\'(Y)\' />
...
Tami
Administrator
Administrator
Posts: 10892
Joined: Sun Apr 25, 2004 1:05 pm

Web Button Tutorial!

Post by Tami »

[i]*whacks Tibs*[/i]

Being not good at photoshop means all the more reason to try <img src=\'http://www.killanet.net/forum3/public/s ... >/blum.gif\' class=\'bbc_emoticon\' alt=\':P\' />

(that of course does not apply to me and 3D programmes) <img src=\'http://www.killanet.net/forum3/public/s ... igwink.gif\' class=\'bbc_emoticon\' alt=\';)\' />
Image

[color=\"#41211C\"]It takes years to build up trust and only seconds to destroy it

[/color]
Paradox
Jr. Member
Jr. Member
Posts: 83
Joined: Sat Dec 17, 2005 11:35 pm

Web Button Tutorial!

Post by Paradox »

[quote name=\'Dren\' post=\'30820\' date=\'Dec 26 2005, 11:23 AM\']How's this?! <img src=\'http://www.killanet.net/forum3/public/s ... iggrin.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!
Post Reply

Return to “PhotoShop”