Para personajes de juego
Animador de hojas de sprites
¿Tienes varios dibujos de un personaje? Reprodúcelos en orden para comprobar el movimiento y guarda la animación como GIF.
Ejemplo: 4 poses de caminata → una animación de caminata
Prueba esta herramienta- 1. AñadirFotogramas de personaje o una imagen en cuadrícula
- 2. AjustaElige el orden y la velocidad
- 3. GuardaVista previa en movimiento o GIF
Opción A · Tengo imágenes separadas
Elige hasta 100 Imágenes PNG, JPG o WebP: una por pose.
Opción B · Tengo una imagen en cuadrícula
Una cuadrícula de poses del mismo tamaño en una imagen. Indica cuántas celdas tiene y después elige la imagen.
Observa el movimiento
Elige imágenes arriba. Su movimiento aparecerá aquí.
GIF tiene hasta 256 colores y transparencia de borde duro. La temporización se redondea a 10 ms; la exportación está limitada a 1024 px por lado y 20 millones de píxeles de fotogramas en total.
Cómo utilizarlo
1. Elige fotogramas separados o una hoja uniforme
Selecciona juntos fotogramas PNG, WebP o JPG, o introduce Filas y Columnas antes de cargar una hoja. Se leen de izquierda a derecha y de arriba abajo. Una hoja de 256 × 128 con 4 columnas y 2 filas produce ocho fotogramas de 64 × 64. No se restan automáticamente bordes ni huecos.
2. Comprueba la secuencia antes de ajustar la velocidad
Haz clic en una miniatura para examinar una pose. Usa las flechas inferiores para mover un fotograma antes o después. Mantén los pies y el pivote en el mismo lugar entre fotogramas: cambiar la velocidad de reproducción no corrige ilustraciones recortadas o alineadas de forma diferente.
3. Previsualiza el bucle y descarga
Empieza con 8 imágenes por segundo, pulsa Reproducir y observa el enlace del último al primero con Bucle activo. Descarga GIF cuando el movimiento sea correcto. Conserva los PNG para el motor y ediciones: GIF sirve para compartir, no sustituye al original sin pérdida.
El número de fotogramas, los FPS y la calidad GIF son decisiones diferentes
Todos los fotogramas de vista previa tienen la misma duración. Ocho fotogramas a 8 FPS duran un segundo; las mismas imágenes a 16 FPS duran medio segundo. Más FPS acelera el movimiento existente, no añade detalle. Si un pie vuelve de golpe, comprueba el orden de los fotogramas y la transición del bucle en vez de aumentar la velocidad.
Usa un lienzo común para fotogramas independientes. El GIF usa las dimensiones mayores y centra las imágenes pequeñas. El centrado no conoce el pivote previsto del pie o la cara. Restaura el relleno antes de cargar si la alineación importa.
La exportación GIF cuantiza cada fotograma a un máximo de 256 colores y convierte la transparencia parcial en píxeles transparentes u opacos. Los retardos se redondean a unidades de 10 ms: 8 FPS pide 125 ms, pero este exportador escribe 130 ms. Vuelve a abrir la descarga para evaluar la temporización real y los bordes suaves.
| Ajuste o entrada | Qué significa |
|---|---|
| Vista previa a 8 FPS | 8 × 125 ms = 1 segundo |
| Exportación GIF a 8 FPS | 8 × 130 ms = 1.04 segundos |
| Exportación GIF a 16 FPS | 8 × 60 ms = 0.48 segundos |
Comprueba antes de descargar
Una pose cortada suele indicar que la cuadrícula es incorrecta
El ancho de la hoja debe ser divisible por Columnas y el alto por Filas. Si hay relleno, separación o una distribución irregular, divide primero los fotogramas en vez de probar números arbitrarios de filas.
La vista previa y la exportación tienen límites distintos
El espacio de trabajo admite hasta 100 fotogramas e imágenes de entrada de hasta 8192 px por lado. La exportación GIF está limitada a 1024 px por lado y 20 millones de píxeles de fotogramas en total. Una secuencia grande puede cargarse y aun así superar el límite.
Preguntas
¿Puedo mantener un fotograma durante más tiempo?
No directamente. Los FPS se aplican a toda la secuencia. Prepara poses repetidas para mantenerla aproximadamente, o usa un editor con tiempos por fotograma si necesitas pausas precisas.
¿Por qué el GIF difiere de la vista previa PNG?
GIF tiene una paleta limitada y carece de un canal alfa suave. Las sombras tenues pueden desaparecer y los degradados convertirse en bandas. Utiliza los fotogramas PNG originales como recursos de juego, no fotogramas extraídos de un GIF recodificado.
¿Puedo animar un atlas empaquetado con rectángulos irregulares?
El modo Hoja espera una cuadrícula regular sin metadatos. Restaura primero una exportación recortada de Aseprite con el desempaquetador de hojas de sprites de Aseprite y luego carga sus PNG con lienzo completo.
¿La vista previa ampliada aumenta mi salida?
No. El escalado por vecino más cercano de la vista previa permite examinar sprites pequeños sin suavizarlos. La exportación conserva las dimensiones originales; usa un ampliador por separado para obtener un archivo mayor.
¿Se suben mis archivos de ilustraciones?
No. La decodificación, la vista previa y la codificación GIF se ejecutan en esta pestaña. Descarga lo que necesites antes de recargarla o cerrarla; este espacio de trabajo no es un proyecto guardado.
Herramientas y tutoriales relacionados
Tutorial de hoja de sprites a GIF — Usa una hoja de 4 × 2, calcula el ritmo del bucle y revisa el GIF exportado.
Corrige una animación de sprites que da saltos — Distingue errores de origen de recorte, movimiento intencional y una transición de bucle rota.
Divisor de hojas de sprites — Separa una hoja con márgenes o límites irregulares de fotogramas.
Desempaquetador de hojas de sprites de Aseprite — Restaura posiciones recortadas antes de probar una animación.