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

[hound.]

gahh, i don't know if this goes here, but i thought i'd give it a try ;n;

i was just wondering, how would i put words into the columns on this signature without make the bar in the center move?

the code --


Code: Select all

[left][img]http://i.imgur.com/u1HLlPK.png[/img][/left][right][img]http://i.imgur.com/76k5fVo.png[/img][/right][center][img]http://i.imgur.com/43sOyNc.jpg[/img][/center]

[shibatown]

gahh, i don't know if this goes here, but i thought i'd give it a try ;n;

i was just wondering, how would i put words into the columns on this signature without make the bar in the center move?

the code --


Code: Select all

[left][img]http://i.imgur.com/u1HLlPK.png[/img][/left][right][img]http://i.imgur.com/76k5fVo.png[/img][/right][center][img]http://i.imgur.com/43sOyNc.jpg[/img][/center]

Code: Select all

[left][img]http://i.imgur.com/u1HLlPK.png[/img][/left][left]text[/left][right][img]http://i.imgur.com/76k5fVo.png[/img][/right][right]text[/right][center][img]http://i.imgur.com/43sOyNc.jpg[/img][/center]

Was this what you were wanting? c:

[deaf]

mark

[hound.]

gahh, i don't know if this goes here, but i thought i'd give it a try ;n;

i was just wondering, how would i put words into the columns on this signature without make the bar in the center move?

the code --


Code: Select all

[left][img]http://i.imgur.com/u1HLlPK.png[/img][/left][right][img]http://i.imgur.com/76k5fVo.png[/img][/right][center][img]http://i.imgur.com/43sOyNc.jpg[/img][/center]

Code: Select all

[left][img]http://i.imgur.com/u1HLlPK.png[/img][/left][left]text[/left][right][img]http://i.imgur.com/76k5fVo.png[/img][/right][right]text[/right][center][img]http://i.imgur.com/43sOyNc.jpg[/img][/center]

Was this what you were wanting? c:

gah, thank you so much !! i'm such an idiot sorryy

[Falls]

Due to an excess of questions about coding on a mobile device, I would like to make an FAQ section about this. This will save me the trouble of having to decide which of those questions is spam or not (because honestly, most of them toe the line and make me feel conflicted).

If you code on a mobile device, message me so that I may conduct an interview via PM. I will be asking questions about your process and then posting some form of you answers here on the tutorial. Thanks!

...

Two guides about asking and answering questions have now been added to the front page. In order to make sure that we're all operating on the same rules, everyone is required to read them before posting again.

How to ask a good coding question:
An easy 4-step process

Step 1: Read the tutorial!

If you don’t read the tutorial, then how do you know you aren’t about to make yourself look very silly for asking an already answered question?


How to search the thread:
- Read the post labels. (ie: for image issues, find the Image Manipulation post and read the sublabels.)
- Type ctrl+F and type in a keyword to search the front page for that phrase or word.
- Use the search box on the top of the page to search the entire thread for your keyword.

Still can’t find it? Are you sure? Alright, then move to step 2.

Step 2: Paste the code in your post when you ask the question.

If you don’t paste the code, then how can we find the problem? If there is no code to paste, then your question probably violates the anti-spam rules.

Step 3: Point out exactly what needs fixing. Tell us if you want an explanation as well!

If you don’t tell us exactly what you want, how can we fix it?


A bad request for help: “I need help with this text.”
Some good requests for help:
- “I need help getting the text on the top to line up with the image on the very left, please. No explanation needed, I just want it to stop giving me trouble. Thanks!”
- “Every time I do a signature the images are all pushed down. Here is the code. [Insert code here.] Could someone explain why this happens?”

Step 4: Thank your helpers!

Fixing code can sometimes take hours! Be sure that your helper gets the recognition that they deserve.

How to be a good coding helper:
An easy checklist of 5 things to remember

1. Did the asker read the tutorial?

If the question is already answered on the front page, do not waste post space by repeating that information. Instead, politely redirect the asker to the post that can help them so that they know for next time. If they read the tutorial and still don't get it, that is when you may offer help.

2. Did the asker follow the guide to asking questions?

If not, politely redirect them to the “How to ask a good coding question” guide so that they know for next time.

3. Is the person you’re helping taking longer to understand than you expected?

No worries, just take your conversation to the PMs so that your extended help session doesn’t spam the thread.

4. Did someone answer a question before you finished typing your own answer?

Sometimes this happens, and it’s best to just let that one person help out. Don’t waste post space if no additional help is needed.

5. Do you feel that someone is spamming or giving insufficient help?

Do NOT post about it. PM a staff member (Falls, Levi, or chrome) and let us deal with it.

[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?

[Goostarion]

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???