Sí, puedes crear tus propias animaciones de pixel art para una pantalla Divoom, y el proceso es más sencillo de lo que parece. Crear tus propias animaciones no consiste solo en llenar una pantalla, sino en convertir una pantalla genérica en un compañero personal de píxeles que cuenta tu historia sobre el escritorio. El flujo de trabajo completo se reduce a cinco pasos: adaptar el lienzo al dispositivo, elegir una herramienta de animación, dibujar los fotogramas, exportar un GIF e importarlo mediante la aplicación Divoom. Tanto si tienes un Pixoo-64 con su panel LED de 64×64, un Pixoo Max de 32×32 o un Ditoo Pro de 16×16, se aplican los mismos principios fotograma a fotograma. Esta guía explica cada paso con recomendaciones específicas de herramientas, indicaciones sobre la velocidad de fotogramas y el proceso exacto para importar el archivo en la aplicación.
El vídeo de arriba muestra el recorrido completo desde el lienzo en blanco hasta la pantalla encendida. El creador desarrolla una animación de un cráneo giratorio en una cuadrícula de 64×64, la exporta y la envía a un Pixoo-64 mediante la aplicación Divoom. El mismo enfoque funciona para animaciones más sencillas en cuadrículas más pequeñas.
¿Qué es la animación de pixel art?
La animación de pixel art consiste en secuenciar fotogramas de píxeles dibujados a mano para crear la ilusión de movimiento. Cada fotograma es una imagen estática dibujada píxel a píxel y, al reproducirlos a una velocidad constante, tu cerebro rellena los espacios entre ellos. Según la definición de pixel art de Wikipedia, es «una forma de arte digital dibujada con software gráfico, en la que las imágenes se construyen utilizando píxeles como único elemento básico». Animar simplemente significa dibujar varias de esas imágenes de píxeles y reproducirlas en secuencia.
En las pantallas Divoom, el resultado final es un archivo GIF. La aplicación Divoom lee el GIF, extrae cada fotograma y los envía al panel LED a la velocidad que establezcas. Como la pantalla utiliza LED físicos en lugar de una pantalla convencional, cada píxel es claramente visible, lo que proporciona a la animación de pixel art una cualidad táctil y luminosa que las herramientas basadas en pantallas no pueden reproducir.
Adapta tu lienzo a tu dispositivo Divoom
Antes de dibujar un solo píxel, necesitas conocer el tamaño de tu lienzo. Las pantallas Divoom vienen en tres tamaños de cuadrícula principales, y cada uno determina qué tipo de animación es práctica.
El Pixoo-64 te ofrece una cuadrícula de 64×64, es decir, 4.096 píxeles en total. Es el lienzo más grande de la línea Pixoo y permite crear personajes detallados, escenas con múltiples elementos y rotaciones fluidas. Si quieres animar a un personaje caminando por un pequeño paisaje o una esfera de reloj con engranajes en movimiento, esta es la pantalla capaz de hacerlo.
El Pixoo Max se sitúa en un punto intermedio, con una cuadrícula de 32×32, es decir, 1.024 píxeles. Es un buen equilibrio entre detalle y simplicidad. Los logotipos, los iconos que rebotan y los bucles cortos de personajes funcionan bien aquí. No podrás incluir tantos detalles como en el de 64×64, pero también necesitarás menos fotogramas para llenar el espacio de forma convincente.
El Ditoo Pro tiene una cuadrícula de 16×16, es decir, solo 256 píxeles. Aquí es donde la economía de píxeles importa más. Cada píxel es valioso, y la legibilidad depende de siluetas claras más que de los detalles finos. Los movimientos simples funcionan mejor: un ojo que parpadea, una pelota que rebota, un cambio de color o un icono meteorológico que cambia del sol a la lluvia. Un lienzo de 16×16 puede necesitar solo entre cuatro y seis fotogramas para crear un bucle convincente, mientras que uno de 64×64 puede necesitar entre doce y veinticuatro fotogramas para lograr la misma fluidez.
Elige tu herramienta de animación
Tienes cuatro opciones realistas para crear animaciones de pixel art, y la adecuada depende de tu plataforma, presupuesto y del nivel de control que quieras.
Aseprite es la herramienta de animación de pixel art más popular entre los desarrolladores de juegos independientes y los aficionados al pixel art. Cuesta alrededor de 20 $ y funciona en Windows, Mac y Linux. Incluye una línea de tiempo real, piel de cebolla (para ver los fotogramas anteriores y siguientes como fantasmas), gestión de paletas y exportación directa a GIF. Si planeas crear animaciones con regularidad, Aseprite es la herramienta que crecerá contigo. Puedes obtener más información o descargarla desde el sitio web oficial de Aseprite. Para consultar una guía detallada sobre cómo exportar específicamente de Aseprite a Divoom, visita nuestro tutorial de exportación de Aseprite a Divoom.
Piskel es una alternativa gratuita basada en el navegador. No necesitas instalar nada y permite editar fotograma a fotograma, usar piel de cebolla y exportar a GIF. Es más lento que Aseprite en lienzos grandes, pero para probar la animación sin gastar dinero, es difícil de superar. Visita piskelapp.com para empezar a dibujar de inmediato.
Procreate en iPad no es una herramienta dedicada al pixel art, pero su función Asistencia de animación funciona bien para crear animaciones fotograma a fotograma. Cada grupo de capas se convierte en un único fotograma y puedes desplazarte por la línea de tiempo para comprobar tu progreso. Si ya tienes un iPad y Procreate, es un punto de partida natural. El video insertado arriba muestra un flujo de trabajo completo de Procreate a Divoom.
El editor integrado de la aplicación Divoom es la opción más sencilla. Es gratuito, está disponible en iOS y Android y no requiere software externo. Las herramientas de edición son básicas, pero suficientes para animaciones simples, como un icono que cambia de color o un parpadeo de dos fotogramas. También es la vía más rápida para pasar de la idea a la pantalla, porque omites por completo los pasos de exportación y carga.
Configura la frecuencia de fotogramas
La frecuencia de fotogramas determina cuántas imágenes se reproducen cada segundo y tiene un impacto mayor en la sensación de tu animación que cualquier otra configuración. La mayoría de las animaciones de pixel art se ven mejor a entre 8 y 12 fotogramas por segundo (FPS). Doce FPS es un punto de partida habitual porque coincide con una técnica llamada «animar de dos en dos»: dibujas un fotograma nuevo cada dos posiciones a la frecuencia estándar de 24 FPS del cine, lo que produce un movimiento fluido sin duplicar el trabajo.
Las frecuencias de fotogramas más bajas (de 4 a 8 FPS) crean una sensación entrecortada y retro que puede funcionar para ciertos estilos, especialmente en cuadrículas pequeñas de 16×16, donde hay menos píxeles que mover. Las frecuencias más altas (15+ FPS) producen un movimiento más fluido, pero requieren más fotogramas, archivos GIF más grandes y más tiempo de dibujo. Para las pantallas Divoom, de 8 a 12 FPS es el punto ideal, porque los paneles LED se actualizan de forma distinta a las pantallas y las cuadrículas de píxeles son lo bastante pequeñas como para que las frecuencias más altas no aporten mucha fluidez visible.
Consejo rápido: Lo más importante es cómo se siente el movimiento, no el número del control deslizante. Prueba tu animación a 8 FPS y 12 FPS una junto a otra; si no puedes notar la diferencia, elige la frecuencia de fotogramas más baja y ahórrate tiempo de dibujo.
Para profundizar en cómo elegir la frecuencia de fotogramas adecuada para distintos tipos de animación, lee nuestra guía sobre la frecuencia de fotogramas en animaciones de pixel art.
Dibuja tu animación fotograma a fotograma
Una vez que el lienzo esté configurado y la herramienta lista, comienza el dibujo propiamente dicho. El proceso es el mismo tanto si haces un parpadeo de cuatro fotogramas como un ciclo de caminata de veinticuatro. En los gráficos por computadora, cada fotograma a veces se denomina sprite: una imagen bidimensional que se compone en una escena más grande. En las pantallas Divoom, toda tu animación vive dentro de esa única cuadrícula de sprites.
Paso 1: Planifica tu animación. Antes de dibujar, decide qué se mueve y cómo. Esboza mentalmente o en papel las poses clave. En una animación en bucle, identifica las posiciones inicial y final: deben coincidir. Una pelota que rebota sigue un arco sencillo: arriba, centro, abajo, centro, arriba. Un cráneo que gira tiene vistas frontal, lateral y posterior. Planificar te evita tener que volver a dibujar fotogramas más adelante.
Paso 2: Dibuja los fotogramas clave. Estas son las posiciones más importantes de tu animación. En un ciclo de caminata, son la pose de contacto (cuando el pie golpea el suelo) y la pose de paso (a mitad de la zancada). Para una rotación, dibuja primero las vistas frontal, lateral y posterior. Todavía no te preocupes por la fluidez: asegúrate de que las posiciones clave sean correctas.
Paso 3: Completa los fotogramas intermedios. Añade fotogramas entre los fotogramas clave para crear transiciones suaves. Usa la piel de cebolla para ver los fotogramas anterior y siguiente como siluetas fantasma tenues, lo que te ayudará a mantener las proporciones uniformes. El número de fotogramas intermedios determina la suavidad del movimiento: más fotogramas significa una animación más suave, pero más lenta.
Paso 4: Aplica aceleración y desaceleración. En la vida real, los objetos no se mueven a velocidad constante. Comienzan despacio, aceleran y vuelven a disminuir la velocidad antes de detenerse. En el pixel art, esto significa mover el sujeto de 1 a 2 píxeles por fotograma al principio y al final del movimiento, y de 8 a 9 píxeles por fotograma en el centro. Esta técnica, llamada aceleración y desaceleración progresivas, es la mayor diferencia entre una animación amateur y una convincente.
Paso 5: Añade animación secundaria. Los elementos de la escena deben reaccionar al movimiento principal. Si un personaje salta, su pelo o su ropa deben retrasarse y asentarse después de aterrizar. Si una pelota golpea el suelo, pueden levantarse partículas de polvo. Esta relación de causa y efecto hace que la animación parezca viva en lugar de mecánica.
Paso 6: Comprueba el impacto y el difuminado. Para movimientos rápidos, como un golpe de espada o un puñetazo, no dibujes todos y cada uno de los fotogramas. Dos o tres fotogramas bastan para algo que se mueve tan rápido. Para transmitir la velocidad, usa el difuminado: estira el sujeto hasta convertirlo en una mancha de color que muestre la dirección. Piensa en ello como un desenfoque de movimiento para el pixel art. Úsalo con moderación, solo en los fotogramas más rápidos.
Haz que el bucle sea perfecto
Una animación en bucle se reproduce continuamente sin un salto visible. El secreto es sencillo: el último fotograma debe pasar suavemente al primero. Si tu personaje termina un píxel a la izquierda de donde empezó, el bucle dará un salto.
Para probar el bucle, reproduce la animación a la velocidad de fotogramas objetivo y observa la transición del último fotograma al primero. Si ves un salto, ajusta las posiciones de los píxeles del último fotograma hasta que coincidan con las del primero. En movimientos circulares, como el de un objeto que gira, el último fotograma debe estar un paso antes del primero, no ser un duplicado de este. En movimientos de rebote, el último fotograma debe ser un reflejo del segundo para que el rebote se invierta de forma natural.
Algunos tipos de bucle son más fáciles que otros. Un cambio de color (del sol a la luna y de vuelta) es el más sencillo porque la posición no importa. Una pelota que rebota es el siguiente, porque el movimiento es simétrico. Un ciclo de caminata es más difícil porque las extremidades deben volver a sus posiciones iniciales. Empieza con un rebote sencillo de cuatro fotogramas o un cambio de color antes de intentar animar un personaje.
Exportar como GIF
Cuando termines la animación, expórtala como archivo GIF. El GIF es el formato que la aplicación Divoom acepta para ilustraciones pixel art animadas. Ten en cuenta estos ajustes:
- Tamaño del lienzo: Debe coincidir exactamente con la cuadrícula de tu dispositivo: 64×64, 32×32 o 16×16. Si el lienzo es más grande, redúcelo antes de exportarlo.
- Retraso entre fotogramas: Para 12 FPS, establece el retraso en aproximadamente 83 milisegundos (1/12 de segundo). La mayoría de las herramientas permiten especificarlo en el cuadro de diálogo de exportación.
- Paleta de colores: El formato GIF admite un máximo de 256 colores. Usa colores comunes y evita los degradados sutiles, ya que el formato GIF les aplicará tramado y pueden verse con ruido en un panel LED.
- Tamaño del archivo: Mantenlo por debajo de 1 MB para garantizar una carga fiable mediante la aplicación Divoom. Menos fotogramas y tamaños de lienzo más pequeños producen naturalmente archivos más pequeños.
- Bucle: Configura el GIF para que se repita infinitamente (recuento de bucles = 0 en la mayoría de las herramientas de exportación).
Si ya tienes una hoja de sprites —una sola imagen que contiene todos los fotogramas organizados en una cuadrícula—, puedes convertirla en un GIF animado usando herramientas como Aseprite o convertidores en línea. Consulta nuestra guía sobre cómo convertir una hoja de sprites en un GIF para Divoom para ver instrucciones paso a paso.
Importa tu animación a la aplicación Divoom
Una vez que tengas el archivo GIF, el último paso es transferirlo a tu pantalla. La aplicación Divoom se encarga de este proceso:
- Abre la aplicación Divoom en tu teléfono y asegúrate de que tu dispositivo esté conectado mediante Bluetooth o Wi-Fi.
- Toca el botón Galleria (el icono del cubo en la parte inferior central de la pantalla).
- Toca el icono de más (+) para crear una nueva entrada.
- Selecciona «Convertir animaciones» para cargar el archivo GIF desde el almacenamiento de tu teléfono.
- La aplicación procesa el GIF y muestra una vista previa de cómo se verá en tu pantalla.
- Asigna la animación a un canal personalizado — Personalizado 1, 2 o 3. Cada canal funciona como una lista de reproducción y puedes mezclar tu animación con otros diseños.
- Envíalo a tu dispositivo. La animación aparecerá en tu pantalla en unos segundos.
Si tienes problemas durante la carga —por ejemplo, si el GIF no se importa o aparece distorsionado—, comprueba que las dimensiones del lienzo coincidan exactamente con la cuadrícula de tu dispositivo y que el tamaño del archivo sea inferior a 1 MB. Para consultar instrucciones generales sobre cómo cargar arte (imágenes estáticas, fotos y otros tipos de archivo), visita nuestra guía sobre cómo cargar arte personalizado en Divoom. Para solucionar problemas específicos del dispositivo, el manual de producto de Divoom incluye información de configuración y conexión para cada modelo.
¿En qué pantalla Divoom deberías animar?
Si estás eligiendo específicamente una pantalla Divoom para animación, así se comparan los tres modelos:
| Característica |
Pixoo-64 Lienzo creativo grande
|
Pixoo Max Punto medio equilibrado
|
Ditoo Pro Modo de desafío compacto
|
|---|---|---|---|
| Tamaño de la cuadrícula | 64×64 (4.096 px) | 32×32 (1.024 px) | 16×16 (256 px) |
| Mejor estilo de animación | Personajes detallados, escenas, rotaciones | Logotipos, iconos, bucles cortos | Parpadeos, rebotes, cambios de color |
| Fotogramas para un bucle fluido | 12–24 | 8–12 | 4–6 |
| Dificultad para principiantes | Media — más espacio, pero más trabajo | Baja — un buen punto de partida | Alta — cada píxel cuenta |
Si eres nuevo en la animación, la Pixoo Max de 32×32 es el punto de entrada más fácil: tiene suficientes píxeles para crear un dibujo reconocible, pero no tantos como para sentirte abrumado. La Pixoo-64 es la mejor opción si ya tienes algo de experiencia dibujando y quieres libertad creativa. La Ditoo Pro es un desafío divertido para animadores minimalistas a quienes les gusta trabajar con limitaciones estrictas.
Preguntas frecuentes
¿Cuántos fotogramas necesito para una animación de pixel art en una pantalla Divoom?
Para una pantalla de 16×16 como la Ditoo Pro, normalmente bastan de 4 a 6 fotogramas para crear un bucle fluido. Para una Pixoo Max de 32×32, apunta a entre 8 y 12 fotogramas. Para una Pixoo-64 de 64×64, entre 12 y 24 fotogramas producirán un movimiento fluido. Empieza con menos fotogramas y añade más solo si la animación se ve entrecortada. Para obtener indicaciones detalladas sobre la velocidad de fotogramas, consulta nuestra guía sobre la velocidad de fotogramas.
¿Puedo usar IA para animar pixel art para Divoom?
Existen herramientas de animación de pixel art asistidas por IA, pero aún se encuentran en una etapa temprana de desarrollo y suelen producir resultados inconsistentes en los tamaños de lienzo pequeños que requieren las pantallas Divoom. Por ahora, crear la animación manualmente, fotograma a fotograma, te ofrece más control y resultados más predecibles. Si quieres experimentar, usa la IA para generar fotogramas estáticos de pixel art y luego ensámblalos manualmente en Aseprite o Piskel.
¿Por qué no se importa mi GIF en la aplicación Divoom?
Las causas más comunes son que el tamaño del lienzo no coincida, que el archivo supere 1 MB o que haya demasiados fotogramas. Asegúrate de que las dimensiones de tu GIF coincidan exactamente con la cuadrícula de tu dispositivo (64×64, 32×32 o 16×16). Reduce el número de fotogramas o la cantidad de colores si el archivo es demasiado grande. Si la aplicación se bloquea durante la importación, intenta cerrar otras aplicaciones del teléfono para liberar memoria antes de volver a intentarlo.
¿Puedo animar directamente en la aplicación Divoom sin herramientas externas?
Sí. La aplicación Divoom tiene un editor de pixel art integrado compatible con animaciones fotograma a fotograma. Es básico en comparación con Aseprite o Piskel, pero funciona para animaciones sencillas, como cambios de color, ojos que parpadean o iconos que rebotan. La ventaja es que te saltas por completo los pasos de exportación y carga: lo que dibujas va directamente a la pantalla.
¿Cuál es el mejor tamaño de lienzo para principiantes en la animación de pixel art?
32×32 es el mejor punto de partida para principiantes. Te proporciona suficientes píxeles para crear ilustraciones reconocibles sin el nivel de detalle abrumador de 64×64 ni la limitación extrema de 16×16. El Pixoo Max es la pantalla que corresponde a este tamaño de lienzo. Cuando te sientas cómodo, puedes pasar al Pixoo-64 o bajar al Ditoo Pro.
Sigue aprendiendo
Empieza con un ciclo sencillo de cuatro fotogramas: una pelota que rebota, un ojo que parpadea o un icono que cambia de color. Cuando eso te resulte natural, pasa a la animación de personajes y a secuencias más largas. Aquí tienes recursos más detallados sobre subtemas específicos:
- Guía de velocidad de fotogramas para animaciones de pixel art — cuántos fotogramas y FPS necesitas realmente
- Convierte una hoja de sprites en un GIF para Divoom — conversión de hojas de sprites existentes
- Exporta pixel art de Aseprite a Divoom — flujo de trabajo detallado para exportar desde Aseprite
- Cómo subir ilustraciones personalizadas a Divoom — proceso general de carga de imágenes y GIF
- Encuentra, guarda y aplica plantillas de la aplicación Divoom — usa diseños de la comunidad como inspiración
Las herramientas y técnicas de esta guía funcionan con todas las pantallas de píxeles de Divoom. Lo importante no es el tamaño de tu lienzo ni el costo de tu software, sino el tiempo que dedicas a hacer que cada fotograma quede bien. Elige tu lienzo, toma una herramienta y empieza a dibujar tu primer fotograma. El resultado será una animación memorable y única, iluminando tu escritorio como un compañero pixelado que creaste desde cero.