ES

Cómo Animar Pixel Art

Una buena animación pixelada es movimiento pequeño y bien temporizado. Esta guía cubre el bucle completo: fotogramas, ritmo, onion skin y exportación.

Planifica dos fotogramas antes de dibujar diez

Todo bucle responde dos preguntas: ¿qué se mueve y qué se queda? Dibuja primero los extremos (brazo arriba/abajo, ojos abiertos/cerrados) y añade intermedios solo donde el movimiento tiemble. La mayoría de grandes bucles son 2–4 fotogramas; fuego o chispas merecen más.

Duplica y cambia lo mínimo

En el animador, Duplica el fotograma y mueve lo justo para vender el movimiento. Desplazamientos pequeños se leen suaves; saltos grandes, teletransporte. Reordena con ◀ ▶ cuando la secuencia chirríe —el orden se edita, no es destino.

Temporiza a 8 FPS y ajusta

Previsualiza a 8 FPS: el valor inicial por algo. ¿Entrecortado? Añade un fotograma o sube FPS. ¿Pesado? Quita uno o baja a 6. Caminar vive en 6–8, parpadeos y rebotes en 4, brillos y fuego hasta 12–24. Fíate de la vista previa, no del conteo.

Deja que el onion skin mida por ti

Activa el onion skin y ajusta Fantasma hasta ver vecinos tenues: rojo lo pasado, azul lo que viene. Espaciado uniforme entre rojo, actual y azul es velocidad uniforme; agrupamientos son easing. Avanza con ← → mirando un píxel de referencia.

Sprite con fantasma rojo anterior y azul siguiente en onion skin
Figura: rojo lo pasado, azul lo que viene.

Comparte el fondo, exporta el bucle

Activa 🔗 en fondos para no redibujarlos jamás —ni que parpadeen. Cuando el bucle se vea limpio, exporta GIF para compartir (en bucle, transparente, ampliado para nitidez) o sprite sheet para motores. Los fotogramas sueltos aún salen como PNG, SVG o PDF.

Preguntas frecuentes

¿Cuántos fotogramas para caminar?

Cuatro se lee bien, seis u ocho suave. Empieza con extremos y añade intermedios donde tiemble.

¿GIF o sprite sheet?

GIF para compartir y previas; sprite sheet para motores de juego.

¿Por qué tiembla mi fondo?

Lo redibujaste por fotograma. Compártelo con 🔗 para guardarlo una sola vez.

¿Cómo arreglo un salto en mi bucle?

Haz que el último fotograma vuelva al primero —termina en la pose inicial— y revisa la costura en movimiento, nunca en fijos.

¿Cuántos fotogramas necesita mi primer bucle?

Dos a cuatro: dibuja los extremos primero y añade intermedios solo donde se atasque. Importa menos el número que el espaciado.

¿Tienes un sprite? Anímalo online

Sigue explorando