Ｄｉｇｉｔａｌｌｙ Ｄｉｓｔｉｎｃｔ: Signature Tutorial Thread

[.mickey]

Nooo,

I mean by both sides, not Inside.

[Erwin Smith]

Code: Select all

[center][size=150][color=#0080FF]▓[/color][/size] [img]https://24.media.tumblr.com/f9fa654d40abc2766895ebed49b6d0e8/tumblr_mpn0awvMFl1szxwbko1_500.gif[/img][/center]

I have this, and I am ALWAYS Stuck with this this. I want BOTH of those weird box things to be on either sides, and I want them at the top, going all the way down the gif, until Its ALL At the bottom of It.

Any help/suggestions?

With code, if you group a piece of text with an image together, it will always go to the bottom of that image.
To fix this, you divide them into separare groups. Aka, [left ][ /left] treatment as stated at the front.

▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓

▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓

Like this is what you want?


Code: Select all

[left][size=150][color=#0080FF]▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓[/color][/size][/left][left][img]https://24.media.tumblr.com/f9fa654d40abc2766895ebed49b6d0e8/tumblr_mpn0awvMFl1szxwbko1_500.gif[/img][/left][left][size=150][color=#0080FF]▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓[/color][/size][/left]

[+30mg]

hoy. me again ahaha (awkward laugh of awkwardness)


anyway, i managed to make my first overlay yay...


YET. one thing bugs me so freakin hard, it's the white residue around the picture.

not the gif, but only the picture.






what can I do to delete said residue? is there something wrong during the overlaying process?

[.mickey]

Thanks, Levi. So, I need to make a line of those alts first, with [ /left]?

[Erwin Smith]

hoy. me again ahaha (awkward laugh of awkwardness)


anyway, i managed to make my first overlay yay...


YET. one thing bugs me so freakin hard, it's the white residue around the picture.

not the gif, but only the picture.






what can I do to delete said residue? is there something wrong during the overlaying process?

If you look at most of the signatures I make, they tend to have the white residue around them.
This is mainly because if there is any one colour is in an gif without a background available, aka on a transparent background, it will end up leaving a residue behind.
For the gif overlay image, the eraser tool is used to get rid of that residue before gif overlaying it.
For the gifs, you need to do it frame by frame, or I need to do so.

Thanks, Levi. So, I need to make a line of those alts first, with [ /left]?

Pretty much I guess if you mean what I think you mean

x
x
x
x
x
x

x
x
x
x
x
x

x
x
x
x
x
x

hello there

x
x
x
x
x
x

x
x
x
x
x
x

x
x
x
x
x
x

Code: Select all

[left]x
x
x
x
x
x[/left][left]x
x
x
x
x
x[/left][left]x
x
x
x
x
x[/left][left]hello there[/left][left]x
x
x
x
x
x[/left][left]x
x
x
x
x
x[/left][left]x
x
x
x
x
x[/left]

Like this.
See how each [left ][/ eft] is not on a new line? it keeps the code nice and together. c:
So whenever you want a new column you want, you plan it out and do the [left ][/ left] stuff as shown above and on the front page.

[.mickey]

Cool!

So then, if you wanted to put another text image or a block of text In the center, you have to put It In before the right layer of alts?

[Erwin Smith]

Cool!

So then, if you wanted to put another text image or a block of text In the center, you have to put It In before the right layer of alts?

Like with the text I said above yes. Just between every [ left] [/left ] add the image code and put the image in.

[+30mg]

once again, thank you so very much @Levi! Seriously, yet overlaying images are hard to apply/execute into a signature *sigh* this is too difficult for me *cries in the corner*


anyway, thank you again for answering to my request, i have to learn a lot about executing complicated signatures. in the meantime... i'm just gonna remake stuff. ugh.


:3

[Zenzie]

Hello there
So in my sig I have two gifs of dean, and I'm wondering how to put a column between the text area and the gif to make it look closer? My dean gif won't hug the text area as tightly as preferred, probably because I don't know how to make it behave >-<

This is the code:

Code: Select all

[left][url=http://s296.photobucket.com/user/Kayleeharris121231/media/oie_rounded_corners_zpsfqiyhnxg.gif.html][img]http://i296.photobucket.com/albums/mm162/Kayleeharris121231/oie_rounded_corners_zpsfqiyhnxg.gif[/img][/url][/left][left][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjY2LjAwMDAwMC5TU2RrSUhKaGRHaGxjZywsLjAA/frenchpress.regular.png[/img][/left][right][url=http://s296.photobucket.com/user/Kayleeharris121231/media/rounded_corners_zpsstlxcvuo.gif.html][img]http://i296.photobucket.com/albums/mm162/Kayleeharris121231/rounded_corners_zpsstlxcvuo.gif[/img][/url][/right]



[left][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjM2LjAwMDAwMC5hR0YyWlNCNWIzVWcuMAAA/dyer-arts-and-crafts.normal.png[/img][/left]


[left]『ｘ』[/left] Hi, Delle here!   『ｘ』
[left]【Ｏ】[/left] Christian, Texan 【Ｏ】
▓▓[left]╔══════════════╗
    [center]Supernatural <3[/center]╚══════════════╝[/left]▓▓
➹➷➹
 ▰ ▰ ▰

[left][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQ0LjAwMDAwMC5RMVZTVTBWRS4wAAAA/paljain-jaloin.regular.png[/img][/left]


[left][center][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjMyLjAwMDAwMC5UM0ksLjAAAAAA/hyvae-voittaa-pahan-6-0.regular.png[/img][/center][/left]
[left][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQ0LjAwMDAwMC5UazlVLjEAAAAA/modern-serif.regular.png[/img]▰ ▰ ▰[/left]

[solflo]

Hello there
So in my sig I have two gifs of dean, and I'm wondering how to put a column between the text area and the gif to make it look closer? My dean gif won't hug the text area as tightly as preferred, probably because I don't know how to make it behave >-<

This is the code:

Code: Select all

[left][url=http://s296.photobucket.com/user/Kayleeharris121231/media/oie_rounded_corners_zpsfqiyhnxg.gif.html][img]http://i296.photobucket.com/albums/mm162/Kayleeharris121231/oie_rounded_corners_zpsfqiyhnxg.gif[/img][/url][/left][left][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjY2LjAwMDAwMC5TU2RrSUhKaGRHaGxjZywsLjAA/frenchpress.regular.png[/img][/left][right][url=http://s296.photobucket.com/user/Kayleeharris121231/media/rounded_corners_zpsstlxcvuo.gif.html][img]http://i296.photobucket.com/albums/mm162/Kayleeharris121231/rounded_corners_zpsstlxcvuo.gif[/img][/url][/right]

{personally, I think it would look better just centered cx just use center on the text to get what I have on my sig vv
maybe it's not what you're looking for, but then I have yet another solution: center the whole thing, or add transparent stuff before the first image and after the second; this sort of things.
I believe you would like:



Code: Select all

[center][left][url=http://s296.photobucket.com/user/Kayleeharris121231/media/oie_rounded_corners_zpsfqiyhnxg.gif.html][img]http://i296.photobucket.com/albums/mm162/Kayleeharris121231/oie_rounded_corners_zpsfqiyhnxg.gif[/img][/url][/left][left][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjY2LjAwMDAwMC5TU2RrSUhKaGRHaGxjZywsLjAA/frenchpress.regular.png[/img][/left][right][url=http://s296.photobucket.com/user/Kayleeharris121231/media/rounded_corners_zpsstlxcvuo.gif.html][img]http://i296.photobucket.com/albums/mm162/Kayleeharris121231/rounded_corners_zpsstlxcvuo.gif[/img][/url][/right]



[left][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjM2LjAwMDAwMC5hR0YyWlNCNWIzVWcuMAAA/dyer-arts-and-crafts.normal.png[/img][/left]


[left]『ｘ』[/left] Hi, Delle here!   『ｘ』
[left]【Ｏ】[/left] Christian, Texan 【Ｏ】
▓▓[left]╔══════════════╗
    [center]Supernatural <3[/center]╚══════════════╝[/left]▓▓
➹➷➹
 ▰ ▰ ▰

[left][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQ0LjAwMDAwMC5RMVZTVTBWRS4wAAAA/paljain-jaloin.regular.png[/img][/left]


[left][center][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjMyLjAwMDAwMC5UM0ksLjAAAAAA/hyvae-voittaa-pahan-6-0.regular.png[/img][/center][/left]
[left][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQ0LjAwMDAwMC5UazlVLjEAAAAA/modern-serif.regular.png[/img]▰ ▰ ▰[/left][/center]



or something like that; I got a bit confused with your code :p}