Creador de animaciones flipbook
Dibuja una imagen, añade un fotograma, dibuja el siguiente paso y mira cómo se mueve. El papel cebolla muestra tenuemente los fotogramas anteriores para que cada dibujo quede alineado. Ajusta la velocidad en fotogramas por segundo y guarda tu animación como GIF en bucle, video o sprite sheet.
Última actualización:
Cómo usar Creador de animaciones flipbook
- Pulsa Reproducir para ver la pelota que rebota de ejemplo, o elige un tamaño de lienzo y pulsa Empezar nueva animación.
- Dibuja el primer fotograma con el lápiz. Usa el borrador para corregir líneas y el bote de pintura para colorear formas cerradas.
- Pulsa Duplicar (para cambiar ligeramente una copia) o Añadir fotograma (para dibujar desde cero). El papel cebolla rojo muestra los fotogramas anteriores como guía.
- Repite para cada paso del movimiento y pulsa Reproducir para comprobarlo. Ajusta el control de Velocidad hasta que el movimiento se vea bien.
- Exporta como GIF para compartir, como video para redes sociales o como sprite sheet para juegos.
Conceptos básicos de animación para principiantes
- Empieza por los fotogramas clave. Dibuja primero las poses más importantes (para un salto: agacharse, punto más alto, aterrizaje) y luego añade los fotogramas intermedios.
- Aceleración y desaceleración. Los objetos se frenan cerca de lo más alto de un rebote y aceleran al caer. Coloca los dibujos más juntos donde el movimiento es lento y más separados donde es rápido.
- Aplastar y estirar. Una pelota se aplasta al chocar contra el suelo y se estira mientras se mueve rápido. La animación de ejemplo usa ambos efectos.
- Fotogramas de pausa. Para hacer una pausa, duplica un fotograma varias veces. A 8 fps, cuatro fotogramas idénticos crean una pausa de medio segundo.
- Bucles limpios. Haz que el último fotograma lleve de forma natural al primero, o activa Ping-pong para que la animación se reproduzca hacia delante y luego hacia atrás.
¿Cuántos fotogramas necesito?
| Velocidad | Fotogramas para 1 segundo | Fotogramas para 3 segundos | Aspecto |
|---|---|---|---|
| 4 fps | 4 | 12 | Entrecortado, el clásico flipbook de papel |
| 8 fps | 8 | 24 | Dibujo animado sencillo, bueno para practicar |
| 12 fps | 12 | 36 | Animación fluida dibujada a mano ("a dos") |
| 24 fps | 24 | 72 | Fluidez de cine, mucho que dibujar |
¿Qué formato de exportación debo elegir?
El GIF se repite automáticamente y se reproduce casi en cualquier sitio, incluidos chats, foros y presentaciones; está limitado a 256 colores, lo que va bien con los dibujos de líneas. El video (MP4 o WebM) es lo mejor para redes sociales y suele ocupar menos en animaciones largas. Un sprite sheet coloca todos los fotogramas en una sola imagen en cuadrícula para motores de juegos y animaciones CSS, y el ZIP de fotogramas PNG numerados es práctico para importarlos en editores de video u otro software de animación.
Atajos de teclado
B lápiz, E borrador, F rellenar, , y . fotograma anterior y siguiente, N nuevo fotograma, D duplicar fotograma, Espacio reproducir o detener, Ctrl+Z deshacer, Ctrl+Y rehacer.
Preguntas frecuentes
¿Cómo hago una animación flipbook online?
Dibuja la primera imagen en el fotograma 1 y luego pulsa Duplicar o Añadir fotograma y dibuja la siguiente posición, ligeramente cambiada. Con el papel cebolla activado, los fotogramas anteriores aparecen como dibujos rojos tenues para que puedas alinear las cosas. Repite para cada paso, pulsa Reproducir para verlo y exporta un GIF o un video.
¿Qué velocidad de fotogramas debo usar?
La animación dibujada a mano suele usar de 8 a 12 fotogramas por segundo, lo que se ve bastante fluido sin necesitar muchos dibujos. Usa de 4 a 6 fps para un efecto entrecortado de flipbook y de 15 a 24 fps para un movimiento muy fluido. Una animación de 2 segundos a 12 fps necesita 24 fotogramas.
¿Qué es el papel cebolla?
El papel cebolla muestra los fotogramas cercanos semitransparentes debajo del fotograma que estás dibujando, como el papel fino que usan los animadores tradicionales. Te ayuda a mantener las formas coherentes y a espaciar los movimientos de manera uniforme. Es solo una guía de dibujo y nunca aparece en la animación exportada.
¿Por qué la velocidad del GIF es un poco distinta de mis FPS?
El GIF guarda los retrasos entre fotogramas en centésimas de segundo, así que el retraso se redondea: 8 fps pasan a 12/100 s por fotograma (unos 8.3 fps) y 30 fps pasan a 3/100 s (unos 33 fps). Muchos navegadores también ralentizan los GIF con retrasos inferiores a 2/100 s, así que la herramienta nunca baja de ese valor.
¿El video será MP4?
El video se graba en tu navegador con la API MediaRecorder. Las versiones recientes de Chrome, Edge y Safari pueden grabar MP4 directamente; otros navegadores graban WebM, que se reproduce en la mayoría de los reproductores y en YouTube. La grabación se hace en tiempo real, así que un clip de 3 segundos tarda unos 3 segundos.
¿Puedo hacer un GIF o un sprite sheet transparente?
Sí. Ajusta Fondo en Transparente antes de exportar. El sprite sheet y los fotogramas del ZIP conservan entonces toda la transparencia. El GIF solo admite píxeles totalmente transparentes o totalmente opacos, así que los bordes suaves semitransparentes se vuelven sólidos.
¿Se guarda mi animación?
Tus fotogramas permanecen en esta pestaña del navegador mientras trabajas y nunca se suben. No se guardan de forma permanente, así que exporta un GIF, un sprite sheet o un ZIP de fotogramas antes de cerrar la página. El navegador te avisa si intentas salir con dibujos sin guardar.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.