Corrige una animación de sprites que da saltos: tamaño del lienzo, líneas de base y desplazamientos de recorte
Cada pose se ve bien por separado, pero el personaje salta al reproducirlas. La velocidad rara vez es lo primero que hay que cambiar. Determina si el movimiento proviene de los dibujos, de distintos orígenes de recorte o de la transición entre la última pose y la primera.
Pausa y compara los límites reales de fotograma
Carga la secuencia y recorre las miniaturas sin reproducirla. Anota en tu editor las dimensiones de cada fotograma original. Una pose de 64 × 64 seguida de una recortada a 28 × 45 ya no describe el mismo sistema de coordenadas. Centrarlas en una vista previa puede hacerlas parecer razonables mientras desplaza los pies.
El animador centra fotogramas pequeños en el lienzo mayor al exportar GIF. No deduce pies, pivotes ni empuñaduras. Para alineación precisa, prepara un lienzo transparente común antes de cargar, sin depender del centrado automático.
Elige un anclaje adecuado para el movimiento
| Secuencia | Referencia útil | Evita |
|---|---|---|
| Reposo con apoyo en el suelo | Línea de base del suelo y pie apoyado | Alineación de la parte superior de la cabeza |
| Icono de interfaz que gira | Centro de rotación previsto | Centrar cada recorte cambiante |
| Movimiento de arma | Mango o punto de unión | Alineación de la punta de la hoja |
| Explosión | Origen previsto del efecto | Forzar que cada pose asimétrica parezca centrada |
Una caminata incluye movimiento corporal intencional. No fijes todas las partes del personaje en la misma coordenada. Un pie apoyado puede permanecer en el suelo mientras el torso sube. Elige la referencia que exprese el propósito de la animación y deja intacto el movimiento intencional del resto.
Restaura fotogramas recortados si existen desplazamientos
Si Aseprite exportó un recorte de 22 × 38 de una pose de 64 × 64 con desplazamiento (19, 20), crea una imagen transparente de 64 × 64 y devuelve el recorte a (19, 20). El JSON correspondiente proporciona ese desplazamiento mediante spriteSourceSize. Las coordenadas de atlas en frame indican de dónde leer los píxeles, no dónde colocarlos en la pose restaurada.
Usa el desempaquetador si hay metadatos. Si solo quedan PNG ajustados, faltan los desplazamientos originales: alínea manualmente contra una referencia. Ni más FPS ni un GIF mayor recuperan coordenadas ausentes.
Distingue un salto de alineación de un salto de secuencia
- Examina despacio las poses adyacentes. Si el mismo anclaje cambia respecto al lienzo por el recorte, corrige la colocación original.
- Si un cuerpo cambia de pose bruscamente pero el anclaje es estable, comprueba si falta un fotograma o está fuera de orden.
- Examina la última pose seguida inmediatamente de la primera. Una secuencia puede ser suave por dentro y aun así fallar en la transición del bucle.
- Solo después de comprobarlo elige la velocidad. Aumentar FPS oculta algunos saltos, pero no los repara.
Comprueba la salida sin convertir movimiento intencional en defecto
Un retroceso, salto o embestida puede desplazar legítimamente el anclaje. Compara con la acción que buscas en vez de aplanar la secuencia hasta convertirla en una silueta estática. Conserva una versión alineada sin pérdida, exporta el GIF y observa varios bucles. Los cambios de color y el redondeo de retardos del GIF son independientes de la alineación espacial.
Prueba el flujo de trabajo
Recorre fotogramas, compara anclajes, reordena la secuencia y previsualiza el bucle antes de exportar GIF.
Examina fotogramas de animación →