Ir al contenido
charmotion

Emotes animados de Twitch a partir de la animación de una mascota de marca

Por el equipo de Charmotion · Actualizado el

Ilustración de portada de la guía: emotes animados de Twitch a partir de una animación de mascota de marca, con personajes de demostración de Charmotion

Los emotes animados de Twitch son GIF cuadrados. Sube un GIF de entre 112×112 y 4096×4096 px, de hasta 1 MB, en modo de redimensionado automático, o tres GIF de 28, 56 y 112 px, de hasta 512 KB cada uno, en modo manual. Cada GIF puede tener como máximo 60 fotogramas y no debe destellar ni parpadear más de 3 veces en un segundo.

Puntos clave

  • Los emotes animados deben ser GIF cuadrados de 60 fotogramas como máximo.
  • Redimensionado automático: un GIF de 112 a 4096 px, máximo 1 MB. Manual: 28, 56 y 112 px, 512 KB cada uno.
  • El primer fotograma se convierte en la miniatura estática, así que empieza con una pose legible.
  • Elige reacciones con un gran cambio de silueta (asentir, saludar, saltar); las caras desaparecen a 28 px.
  • La página de ayuda de Twitch dice que los emotes animados se reproducen en Android y en la web; consulta la página para ver el soporte actual en iOS.

¿Ya tienes un personaje o logo? Mira tu personaje en pantallas reales de una app: pantallas de splash, onboarding, carga y estado vacío. Es gratis, funciona en tu navegador y no sube nada.

¿Qué requisitos tienen los emotes animados de Twitch?

Según la página de ayuda Animated Emotes de Twitch:

ReglaModo de redimensionado automáticoModo manual
ArchivosUn GIFTres GIF: 28×28, 56×56, 112×112 px
Rango de tamañoDe 112×112 a 4096×4096 pxTamaños exactos indicados arriba
Peso del archivoMáximo 1 MBMáximo 512 KB cada uno
FormaCuadrada (mismo alto y ancho)
Fotogramas60 como máximo
Destellos"No debe destellar ni parpadear más de 3 veces en un período de 1 segundo"
MiniaturaPrimer fotograma por defecto o una imagen estática personalizada

Los emotes animados tienen sus propios espacios. Los Affiliates empiezan con 5 espacios animados y pueden desbloquear hasta 20; los Partners pueden conseguir hasta 60 espacios animados de Tier 1, más 5 de Tier 2 y 5 de Tier 3. Las nuevas cargas las revisan personas, salvo que cumplas los requisitos para la carga instantánea, así que cuenta con ver "Pending Approval" durante un tiempo.

Twitch también indica que "los usuarios de Android verán los emotes animados en toda la app", mientras "sigue trabajando para llevar la experiencia animada a los usuarios de iOS". Compruébalo en los dispositivos que usan tus espectadores.

¿Qué animaciones de mascota funcionan bien como emotes?

Los emotes son reacciones, así que los movimientos puntuales suelen funcionar mejor que los loops ambientales. Una correspondencia que sirve para la mayoría de los canales:

Significado en el chatAnimación de la mascota
Hola, bienvenidowave
Hype, GG, victoriasuccess (celebrar) o happy
De acuerdo, síyes (asentir)
No, en desacuerdono (negar con la cabeza)
Pensando, hmmthinking
Lurk, con sueño, BRBsleeping
Triste, Fsad
Mira, alertaattention

Cada uno debe entenderse en menos de 3 segundos a 20 fps (60 fotogramas). Las reacciones cortas encajan de forma natural. En un loop, comprueba que el punto de corte no salte.

Seis reacciones puntuales: éxito, error, sí, no, entrada y salida
Las reacciones puntuales se disparan con triggers y vuelven al estado de ánimo actual al terminar.

¿Cómo hago que un emote se lea bien a 28 px?

28×28 es el tamaño que ve la mayoría de los espectadores en el chat, y la guía de MakeEmoji lo llama "la verdadera prueba de calidad para la legibilidad". Esto es lo que sobrevive a ese tamaño:

  • Cambios de silueta. Un asentimiento, un salto o un saludo con todo el cuerpo. Una ceja levantada de forma sutil desaparece.
  • Un encuadre ajustado. Cabeza y hombros, llenando el cuadrado. Los márgenes vacíos desperdician gran parte de los 28 píxeles.
  • Contornos gruesos y pocos colores. El GIF ya tiene una paleta de 256 colores por fotograma; a 28 px, menos colores se ven más nítidos.
  • Un primer fotograma legible. También sirve como miniatura estática.

Usa el modo manual si el redimensionado automático desenfoca tu versión de 28 px, y crea ese tamaño a partir del mismo recorte que la de 112 px para que el set sea coherente.

¿Cómo convierto un WebM con fondo transparente en GIF para emotes de Twitch?

Parte de un máster transparente, como un WebM VP9 con alfa de una reacción. Para el modo de redimensionado automático, un GIF de 512 px con un máximo de 60 fotogramas:

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 el modo manual, los tres tamaños, con menos colores y sin dithering para que los tamaños pequeños se vean limpios:

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

En nuestra prueba con una reacción de 1.5 segundos, estos comandos generaron GIF de 30 fotogramas de 32 KB (112 px), 15 KB (56 px) y 7 KB (28 px), muy por debajo de los límites. Luego comprueba:

  • Fotogramas: -t 3 a fps=20 más -frames:v 60 te mantiene en 60 o menos.
  • Peso: 1 MB para el redimensionado automático, 512 KB por archivo para el manual. Si te pasas, baja los fps o max_colors.
  • Bordes: la transparencia del GIF es de 1 bit y el chat puede ser claro u oscuro, así que un brillo o una sombra suave dejarán un halo. Mejor usa contornos definidos; consulta halos en GIF transparentes.

El -c:v libvpx-vp9 antes de -i es importante: sin él, el decodificador predeterminado de ffmpeg descarta la transparencia del WebM.

¿Charmotion puede crear emotes de Twitch?

No como un pack de emotes terminado. Charmotion convierte una imagen de tu mascota en 17 animaciones, y cada plan de pago (desde $20/mes) incluye cada una como WebM transparente de 1080×1080 que puedes usar con los comandos de arriba. Las reacciones (success, yes, no) y los moods (wave, sleeping, sad, thinking) se corresponden directamente con la tabla. Tú te encargas del recorte, el tamaño y la subida.

Los GIF de 480 px de cada set tienen fondo sólido, así que no sirven como emotes transparentes. Y si solo necesitas un movimiento simple en un emote estático existente, Easy Animate, la función gratis de Twitch, aplica Shake, Rave, Roll, Spin, Slide In o Slide Out a un PNG por ti.

Preguntas frecuentes

¿Por qué mis emotes animados de Twitch no se mueven en iPhone?

La página de ayuda de Twitch dice que los emotes animados se reproducen en toda la app de Android, pero que "todavía trabaja para llevar la experiencia animada a los usuarios de iOS". Los espectadores también pueden desactivar Emote Animations en la configuración del chat, lo que aplica en la web y en Android.

¿Un emote animado de Twitch puede ser WebM o APNG?

No. La carga de emotes animados de Twitch solo acepta GIF cuadrados: un GIF para el modo de redimensionado automático o tres para el modo manual. Convierte primero las fuentes WebM o APNG a GIF, con 60 fotogramas o menos.

¿Quién puede subir emotes animados en Twitch?

Los afiliados y los partners, que tienen espacios dedicados para emotes animados. Los afiliados empiezan con 5 y pueden desbloquear hasta 20; los partners pueden obtener hasta 60 espacios de nivel 1, más 5 para el nivel 2 y 5 para el nivel 3. Las cargas se revisan, salvo que cumplas los requisitos para la carga instantánea.

Respuestas rápidas de esta guía

Fuentes

Guías relacionadas