Fundamentos de Animación en Pixel Art
Animar es cambio en el tiempo, y los píxeles lo vuelven contable: cuánto viaja cada punto entre fotogramas es todo el oficio.
Fotogramas, ritmo, espaciado
Un fotograma es un dibujo; el ritmo, cuánto dura cada uno. El espaciado —cuánto se mueve cada cosa por fotograma— crea peso: espaciado uniforme desliza, huecos crecientes aceleran, agrupados frenan hasta parar. Con 2–8 dibujos coreografías todo; el conteo importa menos que las decisiones de espaciado. PixiMelon previsualiza de 1–24 FPS para sentir el ritmo en vez de calcularlo.
Squash, stretch y encanto
La deformación que conserva volumen vende física: una pelota se aplasta al impacto y se estira en vuelo, manteniendo más o menos los mismos píxeles. A escala de sprite, 1–2 píxeles de squash bastan —la exageración se lee mejor que la exactitud. Aplica la idea a parpadeos (aplastar el ojo), saltos (estirar el cuerpo) y golpes (aplastarlo todo un fotograma).
Bucles que no saltan
Casi toda animación píxel va en bucle, así que el último fotograma debe fluir al primero: termina donde empezaste o pasa por la pose inicial a mitad. El reposo esconde la costura con movimiento simétrico (baja y sube); caminar, con poses de contacto iguales. Previsualiza el bucle, no pases fotogramas —la costura solo se ve en movimiento. El animador repite continuo justo por eso.
Trabaja con onion skin, no contra él
El onion skin (anterior rojo, siguiente azul) vuelve visible el espaciado: huecos uniformes entre rojo, actual y azul es velocidad uniforme. Avanza con flechas, mira un píxel de referencia y ajusta el fotograma —no tu intuición. Combina con fondos compartidos para que solo lo móvil exija atención.
Preguntas frecuentes
¿Qué FPS para animar píxeles?
Empieza en 8. Retro seco en 4–6, bucles suaves hacia 12, efectos hasta 24. Juzga en la vista previa.
¿Qué es el espaciado?
Cuánto se mueve cada cosa entre fotogramas. Uniforme desliza; variable crea aceleración, peso y paradas.
¿Por qué salta mi bucle?
El último no fluye al primero. Termina en la pose inicial o pasa por ella a mitad, y previsualiza en movimiento.
¿Cuál es la primera animación más fácil?
Un parpadeo o rebote de dos fotogramas: duplica el dibujo, cambia un puñado de píxeles, previsualiza a 6–8 FPS. Lo pequeño enseña ritmo rápido.
¿Tienes un sprite? Anímalo online