Emotes animados da Twitch a partir de uma animação de mascote

Quais são os requisitos da Twitch para emotes animados?

Da página de ajuda Animated Emotes da Twitch:

Os emotes animados têm espaços próprios. Afiliados começam com 5 espaços animados e podem desbloquear até 20; Parceiros podem conquistar até 60 espaços animados de Tier 1, mais 5 de Tier 2 e 5 de Tier 3. Os novos envios são revisados por pessoas, a menos que você tenha direito ao upload instantâneo, então espere ver "Pending Approval" (aguardando aprovação) por um tempo.

A Twitch também observa que "usuários do Android verão os emotes animados em todo o app", enquanto ela "ainda está trabalhando para levar a experiência animada aos usuários do iOS". Confira nos dispositivos que seus espectadores usam.

Quais animações de mascote rendem bons emotes?

Emotes são reações, então reações únicas (que tocam uma vez) costumam funcionar melhor que loops de ambiente. Um mapeamento que serve para a maioria dos canais:

Cada um precisa ser entendido em menos de 3 segundos a 20 fps (60 frames). Reações curtas cabem naturalmente. Para um loop, confira se o ponto de corte não dá um salto.

Como manter um emote legível em 28 px?

28×28 é o tamanho que a maioria dos espectadores vê no chat, e o guia do MakeEmoji o chama de "o verdadeiro teste de qualidade para legibilidade". O que sobrevive nesse tamanho:

• Mudanças de silhueta. Um aceno de cabeça, pulo ou tchau com o corpo todo. Um leve levantar de sobrancelha desaparece.
• Um enquadramento fechado. Cabeça e ombros, preenchendo o quadrado. Margens vazias desperdiçam boa parte dos 28 pixels.
• Contornos grossos e poucas cores. O GIF já tem uma paleta de 256 cores por frame; em 28 px, menos cores ficam mais nítidas.
• Um primeiro frame legível. Ele também serve de miniatura estática.

Use o modo manual se o redimensionamento automático deixar sua versão de 28 px borrada, e gere esse tamanho a partir do mesmo enquadramento da versão de 112 px para manter o conjunto consistente.

Como converter um WebM com fundo transparente em GIFs de emote da Twitch?

Comece com um arquivo mestre transparente, como um WebM VP9 com alfa de uma reação. Para o modo de redimensionamento automático, um GIF de 512 px limitado a 60 frames:

ffmpeg -c:v libvpx-vp9 -i reaction.webm -t 3 -filter_complex "fps=20,scale=512:512:flags=lanczos,split[a][b];[a]palettegen=reserve_transparent=1[p];[b][p]paletteuse=alpha_threshold=128" -frames:v 60 -loop 0 emote.gif

Para o modo manual, os três tamanhos, com menos cores e sem dithering, para que os tamanhos pequenos fiquem limpos:

for s in 112 56 28; do
  ffmpeg -c:v libvpx-vp9 -i reaction.webm -t 3 -filter_complex \
    "fps=20,scale=${s}:${s}:flags=lanczos,split[a][b];[a]palettegen=reserve_transparent=1:max_colors=128[p];[b][p]paletteuse=alpha_threshold=128:dither=none" \
    -frames:v 60 -loop 0 emote-${s}.gif
done

No nosso teste com uma reação de 1,5 segundo, esses comandos geraram GIFs de 30 frames com 32 KB (112 px), 15 KB (56 px) e 7 KB (28 px), bem abaixo dos limites. Depois, confira:

• Frames: -t 3 com fps=20 mais -frames:v 60 mantém você em 60 ou menos.
• Tamanho: 1 MB no redimensionamento automático, 512 KB por arquivo no manual. Reduza o fps ou o max_colors se passar do limite.
• Bordas: a transparência do GIF é de 1 bit, e o chat pode ser claro ou escuro, então um brilho suave ou uma sombra vai criar franjas. Prefira contornos duros; veja halos em GIFs transparentes.

O -c:v libvpx-vp9 antes do -i faz diferença: sem ele, o decodificador padrão do ffmpeg descarta a transparência do WebM.

O Charmotion cria emotes para a Twitch?

Não como um pacote de emotes pronto. O Charmotion transforma uma imagem do seu mascote em 17 animações, e todo plano pago (a partir de US$ 20/mês) inclui cada uma como WebM transparente de 1080×1080, que você pode usar nos comandos acima. As reações (success, yes, no) e os humores (wave, sleeping, sad, thinking) correspondem diretamente à tabela. O recorte, o dimensionamento e o upload ficam por sua conta.

Os GIFs de 480 px de todo conjunto têm fundo sólido, então não servem como emotes transparentes. E, se você só precisa de um movimento simples em um emote estático existente, o Easy Animate grátis da Twitch aplica Shake, Rave, Roll, Spin, Slide In ou Slide Out a um PNG para você.

Perguntas frequentes

Por que meus emotes animados da Twitch não se mexem no iPhone?

A página de ajuda da Twitch diz que os emotes animados funcionam em todo o app para Android, mas que a empresa "ainda está trabalhando para levar a experiência animada aos usuários de iOS". Os espectadores também podem desativar as Animações de emotes nas configurações do chat, o que vale na web e no Android.

Um emote animado da Twitch pode ser WebM ou APNG?

Não. O upload de emotes animados da Twitch aceita apenas GIFs quadrados: um GIF no modo de redimensionamento automático ou três no modo manual. Converta antes os arquivos WebM ou APNG para GIF, mantendo o resultado em 60 frames ou menos.

Quem pode enviar emotes animados na Twitch?

Afiliados e Parceiros, que recebem espaços dedicados para emotes animados. Afiliados começam com 5 e podem desbloquear até 20; Parceiros podem conquistar até 60 espaços de Nível 1, mais 5 para cada Nível 2 e Nível 3. Os uploads passam por análise, a menos que você se qualifique para upload instantâneo.

Respostas rápidas deste guia

• Qual é o tamanho dos emotes animados da Twitch?

Fontes

• Animated Emotes, Twitch Help
• Emote Guidelines, Twitch Help
• Twitch emote size guide, MakeEmoji
• FFmpeg filters documentation (palettegen, paletteuse), FFmpeg