11 replies to this topic

[syndrome]

This tutorial is for those hobby signature/button type thing
Since im hooked on firefox at the moment il be doing one for that. This is my first tut so fogive any unclear instructions, post any queries or comments

Create a new document: width – 80
Height – 15

Create new layer and make a gradient from bottom to top,
Colours- #B00000 -> #FF3030

Drag from top to bottom holding shift.

Set your foreground colour to white Make a new layer and make a selection using the elliptical marquee tool like this - and drag the gradient foreground to transparent. From top to bottom you may need to change the opacity if necessary

Get any picture you want position it on the left, I suggest if it’s a programme use the shortcut button on your task bar eg. do a print screen and cut it out. Right click the picture layer and select blending options, select outer glow and change the colour to white (#FFFFFF). Press ok

Make a new layer and change you foreground color to black using the pencil tool at 1px make a vertical line postioned to the right of the picture, change foreground color to white and make a new layer, do two white lines either side of the black line and change the white pencil layers opacity to 30%

Now get a pixel font like visitor or bitdust 2 in white and add a 1px black stroke around it. Make sure the anti-aliasing is set to none otherwise the text will be fuzzy because its so small. Thanks to everyone who pointed that out

All you need to do now is make a 1px black border around the whole thing. to do that make a new layer select the whole thing with the rectangular marquee tool, then go to edit>stroke then choose #000000 and 1px.
Heres the finished product...

Ther you go finished you can do this for anything you want.
These are a few others i made

[Unlimited]

Hmmm its an okay tut...Your finished products text looks way too blurry because its too small.

Also for those who dont know how to do the 1px border, you would want to add that to the tut. Remember not everyone who looks at this will know what your talking about.

[janinenicole2]

dont want to be rude bc it a good tut. but i cant see any of the words. and what is the purpose for theses buttons to be honest your the 1st one i seen.

[KizZ]

Those ones are quite hard to read, have a look at my tutorial:

http://www.pixel2lif...?showtopic=5979

[syndrome]

Ok guys il change the text, just it was quite hard to fit it on. Il change the 1px border thing aswell

EDIT: just finished that hopefully its a bit better now

Quote

and what is the purpose for theses buttons to be honest your the 1st one i seen.

I spose these are just for sigs and stuff like that

Edited by syndrome, 21 May 2005 - 02:36 PM.

[sig-mixer]

okay tut thanks

[Nmixer]

you must all be blind, lol my res is 1280x1024 and i can see it just fine...

but i do agree, i fine even on affiliate buttons people (and my self) have a hard time making text clear to read, some one should write a tut on that!

anyways, i like this tut, i ever did get thouse buttons though... anyways good one.

[Magnetronkip]

i came out with this is bigger but you can read it better

[D-Sign]

tuff room eh syndrome and we got some blind ppl here lol i can see if fine...tut would be helpful to new desingers good work

[Donna]

D-Sign, on Jul 7 2005, 06:44 PM, said:

tuff room eh syndrome and we got some blind ppl here lol i can see if fine...tut would be helpful to new desingers good work

If you read the entire topic you'll see he changed the text on the buttons at first we couldn't read it.

So we ain't so tuff

[syndrome]

nah ur not tuff here

[Donna]

syndrome, on Jul 8 2005, 06:58 AM, said:

nah ur not tuff here

Your right not tuff enough I'll ask Faken for a bigger stick now vamoosh & stop spamming.