Jump to content

[How To] Signature Image links


WolfX2

Recommended Posts

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

that's right, its simple :D 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

untitled1018er.gif

untitled1024sm.gifuntitled1036ci.gif

untitled1044fq.gifuntitled1053ty.gif

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

untitled1018er.gif

untitled1024sm.gifuntitled1036ci.gif

untitled1044fq.gifuntitled1053ty.gif

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 :D

Link to comment
Share on other sites

  • 2 months later...

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

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:

Link to comment
Share on other sites

  • 3 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...