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

[i'm so sorry...]

hello hello guys

i wanted this gif to have the background transparent
but just in case i'm too afraid to ask this again, how do you make a gif's background
transparent? i'd like to ask. do you have to make the background transparent every
frame and then have it animated?

[Falls]

Yes, or you could try OIE's transparency tool.

[i'm so sorry...]

i've tried it once, but it makes part of the character's skin transparent :c
oops, was this kind of thing on the front page?

[Erwin Smith]

i've tried it once, but it makes part of the character's skin transparent :c
oops, was this kind of thing on the front page?

Defaults tutorial shows a variation of how to do this, so yes, technically on the front page.

With the characters skin being transparent, this could be due to how you are erasing the edges. Gifs tend to have 100% colour or no colour, this being shown as example in the following two images:
- Image with white background. (its slow because I recorded it instead of redoing the whole gif)
- transparent.
With both shown, it shows that the outline of all colour not on a background is either solid or not.

With the custom cutout, the only other way I can gather on how to do it is the way that I do it, which is going through frame by frame and erasing the parts you don't want, and then having the transparent gif.
There is a tutorial done somewhere by someone who did it in several steps if I remember vaguely. This is incorrect.

I made a comment about this here:
http://www.chickensmoothie.com/Forum/viewtopic.php?f=23&t=2167035&p=84503829&hilit=transparent+gif#p84503829
Sharing the pov from my own knowledge.

It is also worth mentioning that you should be careful with drawing and erasing cutouts.
Depending on the format of the gif in the first place, a gif like this:

Could end up exporting to a gif like this.

I haven't figured out why this happens yet, and it is not because of any layer modification, so I am wip in this experiment.
I hope this helps explaining stuff.

[raven queen.]

I could use some help with getting my two images in my signature. It keeps kicking the second one down a line, even though I'm putting them in separate columns.
This is what my sig code looks like, if that helps you guys see where I messed up and if I can fix it:

Code: Select all

[left][img]https://lh6.googleusercontent.com/-4Ijco6nd-Go/VTGc58MyHHI/AAAAAAAAGto/HWs6o_ZFm5Y/w184-h283-no/tumblr_nmvtq7yVn11saa455o1_540%2Bsig.png[/img][/left][left][quote="bio"][size=75][i][b]Name:[/b][/i]Ashlee [Nico]
[i][b]Pronouns:[/b][/i]she/he/they
[i][b]Orientation:[/b][/i][color=#a100ff]a[/color][color=#510080]c[/color][color=#000000]e[/color][color=#34342f]f[/color][color=#68685e]l[/color][color=#9c9c8d]u[/color][color=#bdbdb3]i[/color][color=#ddddd8]d[/color]
& [color=#ff00e1]p[/color][color=#fe2eb5]a[/color][color=#fd5d89]n[/color][color=#fb8b5e]r[/color][color=#faba32]o[/color][color=#f9e806]m[/color][color=#c7d838]a[/color][color=#95c96a]n[/color][color=#64b99b]t[/color][color=#32aacd]i[/color][color=#009aff]c[/color][/size]
[size=75]Signature is a huge wip[/size][/quote][quote="links"][size=85][url=http://i-bet-my-life.tumblr.com/]tumblr[/url] [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=661357]parabatai[/url] [url=https://www.youtube.com/watch?v=vHgSp0_Xumk]song[/url][/size]
[/quote][quote="updates"]
[size=75][b][i]Mood:[/i][/b]introspective
& drowsy
[b][i]Reading:[/i][/b]City of Glass
[i][b]Listening to:[/b][/i]Goodness
Gracious-Ellie Goulding
[b][i]watching:[/i][/b]the following[/size][/quote][/left][left][quote][size=85]For the moon never beams, without bringing me dreams
[color=transparent]XX[/color]Of the beautiful Annabel Lee;
And the stars never rise, but I feel the bright eyes
[color=transparent]XX[/color]Of the beautiful Annabel Lee;
And so, all the night-tide, I lie down by the side
[color=transparent]XX[/color]Of my darling—my darling—my life and my bride,
[color=transparent]XX[/color]In her sepulchre there by the sea—
[color=transparent]XX[/color]In her tomb by the sounding sea.[/size][/quote][quote="favorite"][size=75][b][i]Characters:[/i][/b]Magnus Bane, Jem Carstairs, Nico di Angelo
[b][i]Movie:[/i][/b]Dracula Untold, Prisoner of Azkaban, Big Hero 6
[b][i]Artists:[/i][/b]Imagine Dragons, Nico Vega, Taylor Swift[/size][/quote][/left][left][img]https://lh3.googleusercontent.com/-5S08XHK6neg/VTXUInYacEI/AAAAAAAAG00/E4tpDYbuauI/w138-h283-no/pokemon%2Band%2Bcute%2Balec%2Bwow%2Bsig%2Bthing.png[/img][/left]

I've seen some people with seemingly five+ columns (Chromes would be a decent example on what I mean by this), but if I try to place more than two in mine, it kicks it down.... Is there a code sequence I'm missing here?

ETA: Could it be kicking it down because of the borders quotes make???

[Erwin Smith]

I could use some help with getting my two images in my signature. It keeps kicking the second one down a line, even though I'm putting them in separate columns.
This is what my sig code looks like, if that helps you guys see where I messed up and if I can fix it:

Code: Select all

[left][img]https://lh6.googleusercontent.com/-4Ijco6nd-Go/VTGc58MyHHI/AAAAAAAAGto/HWs6o_ZFm5Y/w184-h283-no/tumblr_nmvtq7yVn11saa455o1_540%2Bsig.png[/img][/left][left][quote="bio"][size=75][i][b]Name:[/b][/i]Ashlee [Nico]
[i][b]Pronouns:[/b][/i]she/he/they
[i][b]Orientation:[/b][/i][color=#a100ff]a[/color][color=#510080]c[/color][color=#000000]e[/color][color=#34342f]f[/color][color=#68685e]l[/color][color=#9c9c8d]u[/color][color=#bdbdb3]i[/color][color=#ddddd8]d[/color]
& [color=#ff00e1]p[/color][color=#fe2eb5]a[/color][color=#fd5d89]n[/color][color=#fb8b5e]r[/color][color=#faba32]o[/color][color=#f9e806]m[/color][color=#c7d838]a[/color][color=#95c96a]n[/color][color=#64b99b]t[/color][color=#32aacd]i[/color][color=#009aff]c[/color][/size]
[size=75]Signature is a huge wip[/size][/quote][quote="links"][size=85][url=http://i-bet-my-life.tumblr.com/]tumblr[/url] [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=661357]parabatai[/url] [url=https://www.youtube.com/watch?v=vHgSp0_Xumk]song[/url][/size]
[/quote][quote="updates"]
[size=75][b][i]Mood:[/i][/b]introspective
& drowsy
[b][i]Reading:[/i][/b]City of Glass
[i][b]Listening to:[/b][/i]Goodness
Gracious-Ellie Goulding
[b][i]watching:[/i][/b]the following[/size][/quote][/left][left][quote][size=85]For the moon never beams, without bringing me dreams
[color=transparent]XX[/color]Of the beautiful Annabel Lee;
And the stars never rise, but I feel the bright eyes
[color=transparent]XX[/color]Of the beautiful Annabel Lee;
And so, all the night-tide, I lie down by the side
[color=transparent]XX[/color]Of my darling—my darling—my life and my bride,
[color=transparent]XX[/color]In her sepulchre there by the sea—
[color=transparent]XX[/color]In her tomb by the sounding sea.[/size][/quote][quote="favorite"][size=75][b][i]Characters:[/i][/b]Magnus Bane, Jem Carstairs, Nico di Angelo
[b][i]Movie:[/i][/b]Dracula Untold, Prisoner of Azkaban, Big Hero 6
[b][i]Artists:[/i][/b]Imagine Dragons, Nico Vega, Taylor Swift[/size][/quote][/left][left][img]https://lh3.googleusercontent.com/-5S08XHK6neg/VTXUInYacEI/AAAAAAAAG00/E4tpDYbuauI/w138-h283-no/pokemon%2Band%2Bcute%2Balec%2Bwow%2Bsig%2Bthing.png[/img][/left]

I've seen some people with seemingly five+ columns (Chromes would be a decent example on what I mean by this), but if I try to place more than two in mine, it kicks it down.... Is there a code sequence I'm missing here?

ETA: Could it be kicking it down because of the borders quotes make???

I don't know why it kicks it down, but I do know what kicks it down. It's this column here that does it.

For the moon never beams, without bringing me dreams
XXOf the beautiful Annabel Lee;
And the stars never rise, but I feel the bright eyes
XXOf the beautiful Annabel Lee;
And so, all the night-tide, I lie down by the side
XXOf my darling—my darling—my life and my bride,
XXIn her sepulchre there by the sea—
XXIn her tomb by the sounding sea.

Characters:Magnus Bane, Jem Carstairs, Nico di Angelo
Movie:Dracula Untold, Prisoner of Azkaban, Big Hero 6
Artists:Imagine Dragons, Nico Vega, Taylor Swift

I managed to make the columns into 4 distinct columns, but honestly I am not really sure how I did it, but it worked and I can fix it if you have any problems.

Code: Select all

[left][img]https://lh6.googleusercontent.com/-4Ijco6nd-Go/VTGc58MyHHI/AAAAAAAAGto/HWs6o_ZFm5Y/w184-h283-no/tumblr_nmvtq7yVn11saa455o1_540%2Bsig.png[/img][/left][left][quote="bio"][size=75][i][b]Name:[/b][/i]Ashlee [Nico]
[i][b]Pronouns:[/b][/i]she/he/they
[i][b]Orientation:[/b][/i][color=#a100ff]a[/color][color=#510080]c[/color][color=#000000]e[/color][color=#34342f]f[/color][color=#68685e]l[/color][color=#9c9c8d]u[/color][color=#bdbdb3]i[/color][color=#ddddd8]d[/color]
& [color=#ff00e1]p[/color][color=#fe2eb5]a[/color][color=#fd5d89]n[/color][color=#fb8b5e]r[/color][color=#faba32]o[/color][color=#f9e806]m[/color][color=#c7d838]a[/color][color=#95c96a]n[/color][color=#64b99b]t[/color][color=#32aacd]i[/color][color=#009aff]c[/color][/size]
[size=75]Signature is a huge wip[/size][/quote][quote="links"][size=85][url=http://i-bet-my-life.tumblr.com/]tumblr[/url] [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=661357]parabatai[/url] [url=https://www.youtube.com/watch?v=vHgSp0_Xumk]song[/url][/size]
[/quote][quote="updates"]
[size=75][b][i]Mood:[/i][/b]introspective
& drowsy
[b][i]Reading:[/i][/b]City of Glass
[i][b]Listening to:[/b][/i]Goodness
Gracious-Ellie Goulding
[b][i]watching:[/i][/b]the following[/size][/quote][/left][left][quote="Insert something here"]
[size=85][list]For the moon never beams,
without bringing me dreams
[color=transparent]XX[/color]Of the beautiful Annabel Lee;
And the stars never rise,
but I feel the bright eyes
[color=transparent]XX[/color]Of the beautiful Annabel Lee;
And so, all the night-tide,
I lie down by the side
[color=transparent]XX[/color]Of my darling—my darling—
my life and my bride,
[color=transparent]XX[/color]In her sepulchre there by the sea—
[color=transparent]XX[/color]In her tomb by the sounding sea.[/size][/list][/quote][quote="favorite"][size=75][b][i]Characters:[/i][/b]
Magnus Bane, Jem Carstairs, Nico di Angelo
[b][i]Movie:[/i][/b]
Dracula Untold, Prisoner of Azkaban, Big Hero 6
[b][i]Artists:[/i][/b]
Imagine Dragons, Nico Vega, Taylor Swift[/size][/quote][/left][left][img]https://lh3.googleusercontent.com/-5S08XHK6neg/VTXUInYacEI/AAAAAAAAG00/E4tpDYbuauI/w138-h283-no/pokemon%2Band%2Bcute%2Balec%2Bwow%2Bsig%2Bthing.png[/img][/left]

Name:Ashlee [Nico]
Pronouns:she/he/they
Orientation:acefluid
& panromantic
Signature is a huge wip

tumblr parabatai song

Mood:introspective
& drowsy
Reading:City of Glass
Listening to:Goodness
Gracious-Ellie Goulding
watching:the following

For the moon never beams,
without bringing me dreams
XXOf the beautiful Annabel Lee;
And the stars never rise,
but I feel the bright eyes
XXOf the beautiful Annabel Lee;
And so, all the night-tide,
I lie down by the side
XXOf my darling—my darling—
my life and my bride,
XXIn her sepulchre there by the sea—
XXIn her tomb by the sounding sea.

Characters:
Magnus Bane, Jem Carstairs, Nico di Angelo
Movie:
Dracula Untold, Prisoner of Azkaban, Big Hero 6
Artists:
Imagine Dragons, Nico Vega, Taylor Swift

It was a wrestle and a half to get it to look like this. And It fits on my browser, Windows 8 Desktop Google Chrome. I am not sure if it will fit on yours, but you can give it a shot. Edit: It fits when you put it into your signature area, it doesn't fit here because forum code =/= signature code for some reason.
I haven't seen many other people have quotes into columns more than three, columns. I remember one of the new mods, pan.; had it sorted / arranged to having three columns, a dog in the middle and it worked out nicely. But other than that, I have no idea otherwise.

To speedingly answer your questions:
FAQ:
I've seen some people with seemingly five+ columns (Chromes would be a decent example on what I mean by this), but if I try to place more than two in mine, it kicks it down.... Is there a code sequence I'm missing here?
Yes, quote boarders take up more space and therefore things end up kicked down so it is accommodating space. If you want a signature similar in design as Chrome, you would be more interested in looking at the more basic shapes on the front or the thread or browse other ideas online so you can get a similar appearance happening as well.
If you wanted a signature with 5 columns, you would need to have all of the columns at best the length of 140px in length. And that is in image size, if you were doing coding, this could be a hell of a lot less because the space code needs to be aligned in columns is about 5 - 10px per side.
You aren't missing anything here, there tends to be an error that occurs, and it pushes it down. Why it does this is perhaps similar to the box text on the front of the thread, where you have to have the code to the right slightly for it to work effectively.
Could it be kicking it down because of the borders quotes make???
I am going to say yes.
This is exactly what is happening.

[Tō bo e]

Gaahh! Me Again DX
Whenever I add anything new under 'Links.' the border on the side is pushed down, does anyone know why this is happening? Thanks if you tell me!

Code: Select all

[left][img]http://i.imgur.com/VMpENyz.png[/img][/left][left][color=#45101a][size=200]♬[/size][size=150]♬[/size][/color]
▂▂▂▂ [color=#45101a]▂[/color]
Ｌｉｎｋｓ
[url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=23&t=2167035&start=3760][size=85]♬[/size][/url]
▂▂▂▂ [color=#45101a]▂[/color][/left]
[left][img]http://i.imgur.com/iBoPjZz.png[/img][/left][left]WIP[/left]

♬♬
▂▂▂▂ ▂
Ｌｉｎｋｓ
♬
▂▂▂▂ ▂

WIP

[chrome]

Gaahh! Me Again DX
Whenever I add anything new under 'Links.' the border on the side is pushed down, does anyone know why this is happening? Thanks if you tell me!
-snip-

♬♬
▂▂▂▂ ▂
Ｌｉｎｋｓ
♬
▂▂▂▂ ▂

WIP

Code: Select all

[left][img]http://i.imgur.com/VMpENyz.png[/img][/left][left][color=#45101a][size=200]♬[/size][size=150]♬[/size][/color]
▂▂▂▂ [color=#45101a]▂[/color]
Ｌｉｎｋｓ
[url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=23&t=2167035&start=3760][size=85]♬[/size][/url]
▂▂▂▂ [color=#45101a]▂[/color][/left][left][img]http://i.imgur.com/iBoPjZz.png[/img][/left][left]WIP[/left]

that's because you pressed space and pushed the left border down, it should be right next to the other stuff

[Tō bo e]

@Chrome.
Thank you!

[.mickey]

i kinda want my signature to be in place, and welp, i think you know those awesome signatures with a lines that lead into gifs, then fancy alt writing, it's hard to explain because, just yeah.

i don't know how to place my writing acurately beside my red line, heres the code ;;

Code: Select all

[left][img]http://i.imgur.com/jJGOilu.gif[/img][/left][color=#800000][size=150]█
█
█
█
█
█
█
█
█
█
█
[/size][/color]