[How To] Signature Image links

[WolfX2]

have you ever wanted to make links to different resources in YOUR SIGNATURE IMAGE? *surprised gasp*

that's right, its simple just follow this tutorial

the whole basis of this is that the one image is cut up into rectangles and then fit back together, in the same order it was before it was cut. The reason behind doing this is so that parts can be linked, since you can only like separate images and not parts of one, mabye in the near future we won't need this method, but for now, its the only way.

Section 1:Start in Photoshop

I'm going to assume that you have made an image in photoshop and you have it open NOT in PSD format but in .png or so they're are NO separate layers, only 1 main one!

first start by selecting the first part of your image

http://img400.imageshack.us/my.php?image=1qv4.png

next, cut that image

http://img81.imageshack.us/my.php?image=2fw7.png

then, paste that image

http://img464.imageshack.us/my.php?image=3ns6.png

now all that's left to do is go to it and save it

http://img400.imageshack.us/my.php?image=4ea7.png

just repeat these steps for the rest of them

Section 2: Reassemble it

now that we have our image cut up, we must upload the pieces and reassemble it

there it is, just like it was when you first made it (if you see any seam lines, you cut it wrong and your spacing is off, go back in photoshop and make sure you cut it PERFECT)

the code for this is as follows

[img=http://img159.imageshack.us/img159/9319/untitled1018er.gif]
[img=http://img222.imageshack.us/img222/8766/untitled1024sm.gif[/img][img]http://img85.imageshack.us/img85/4607/untitled1036ci.gif]
[img=http://img228.imageshack.us/img228/6488/untitled1044fq.gif[/img][img]http://img240.imageshack.us/img240/9687/untitled1053ty.gif]

Section 3: Link it up

all we have to do is put links to the images we want and we're finished.

this image has been cut up into 5 pieces and reassembled, but we are not going to link anything to the top piece, but gfx1, gfx2, gfx3, and gfx4 we will link to different places

if we wanted gfx1 to link to say...www.google.ca, we would change the code like this

[img=http://img159.imageshack.us/img159/9319/untitled1018er.gif]
[url=http://www.google.ca][img=http://img222.imageshack.us/img222/8766/untitled1024sm.gif[/img][/url][img]http://img85.imageshack.us/img85/4607/untitled1036ci.gif]
[img=http://img228.imageshack.us/img228/6488/untitled1044fq.gif[/img][img]http://img240.imageshack.us/img240/9687/untitled1053ty.gif]

so now we have this

go ahead and click "gfx 1". brings you to Google right?

now just repeat for the other images and there you go, a perfect linked image

[ricktendo]

WOW Wolf Nice Tuto

[NIM]

Does this tutorial means that you're sick and tired of doin' sigs

BTW, I've increased the limit for no. of images in post, so now you don't have to put a link to the image anymore. You can post an image instead.. :thumbsup:

[MGadAllah]

Thanks mate, I really learned

[WolfX2]

@N1K - haha, no, i wrote this tutorial the day after i joined

[blady]

very cool....nice