Animar Pixel Art Online
Da vida a tus sprites fotograma a fotograma: onion skin, tira de fotogramas reordenable, fondos compartidos y GIF o sprite sheet con un clic.
Turn Pictures Into Pixel Art
Convierte fotos en pixel art en segundos. Edita cada píxel, anímalo y descarga tu creación.
🔒 Tus imágenes nunca salen de tu dispositivo. Todo funciona en tu navegador.
Sakura
Hecho con PixiMelon · Sube. Pixeliza. Edita. Anima. Descarga.
Convierte tu foto en pixel art
Sube una foto y crea pixel art en segundos.
Arrastra y suelta tu foto aquí
o
PNG · JPG · WEBP · SVG · PDF · AI — también puedes pegar una imagen (Ctrl/⌘ + V)
Crear pixel art nuevo
Elige un tamaño de lienzo para empezar a dibujar.
Animar Pixel Art
Elige un tamaño de lienzo para empezar a animar.
Convierte tu vídeo en pixel art
Sube un vídeo y crea una animación pixel art en segundos. Todo funciona en tu dispositivo.
Arrastra y suelta tu vídeo aquí
MP4 · WebM · MOV — procesado local, nunca subido
Procesando fotograma 1 / 1
El bucle de animación, paso a paso
- Elige tamaño —preajustes o W × H personalizado, igual que el editor.
- Dibuja el fotograma 1 en el editor integrado (mismas herramientas, capas y paleta).
- Añade fotogramas con + Fotograma, o Duplica para copiar el actual y mover solo lo necesario.
- Ajusta la velocidad con FPS (1–24) y pulsa Reproducir. El bucle corre continuo con contador.
- Exporta GIF, sprite sheet o el fotograma actual como PNG/SVG/PDF.
Fotogramas y tira de película
Los fotogramas viven numerados bajo el lienzo: clic para saltar, botones ◀ ▶ para reordenar, teclas ← → para avanzar. Eliminar quita el actual (el último se vacía en su lugar) y Limpiar borra las capas desbloqueadas del fotograma. Duplicar antes de editar es la forma rápida de mantener el movimiento coherente.
Onion skin y ritmo
El onion skin muestra el anterior en rojo y el siguiente en azul tras tu dibujo, con deslizador Fantasma para la intensidad —la forma clásica de juzgar arcos y espaciados. El ritmo se controla en fotogramas por segundo: 4–6 FPS se lee retro entrecortado, 8–12 FPS es ideal para la mayoría de bucles, 24 FPS para efectos suaves. Las técnicas están en cómo animar pixel art.
Fondos que no parpadean
Activa 🔗 en una capa para compartirla en todos los fotogramas —típicamente fondo o sombra. Las compartidas se guardan una vez y se componen bajo cada fotograma solas: lo estático nunca tiembla. Las normales siguen siendo por fotograma para lo que se mueve.
De imagen fija a animación
Ambos editores tienen botón “Animar Pixel Art” que envía el compuesto actual al animador (lienzo incluido) conservando el nombre del proyecto. Empieza un ciclo en el editor o convierte una foto y anímala: el flujo previsto es convertir → editar → animar → exportar.
Exportar: GIF frente a sprite sheet
- GIF — en bucle infinito, con transparencia, y lado largo a 512 px o más para que los sprites pequeños se vean nítidos al compartir.
- Sprite sheet — un PNG con todos los fotogramas en fila, listo para motores de juego.
- Fotograma suelto — el actual se exporta como arte normal: PNG a tamaño nativo (1×), SVG o PDF.
Preguntas frecuentes
¿Cuántos fotogramas puedo tener?
Sin tope fijo —solo la memoria. Bucles cortos de 2–8 cubren reposo, caminar y parpadeos; los efectos piden más.
¿Qué FPS uso?
Empieza en 8. Baja a 4–6 para movimiento retro seco, sube hacia 12 para bucles suaves. Manda la vista previa, no el número.
¿Qué es el onion skin?
Una vista atenuada de los fotogramas vecinos: anterior en rojo, siguiente en azul. Muestra cuánto viaja cada píxel entre fotogramas.
¿Cómo dejo quieto el fondo?
Activa 🔗 en la capa de fondo para compartirla en todos los fotogramas. Se dibuja sola bajo cada uno.
¿GIF o sprite sheet?
GIF para compartir, vistas previas y pegatinas —en bucle y con transparencia. Sprite sheet para juegos y motores que recortan fotogramas.
¿Cómo previsualizo mi animación?
Pulsa Reproducir: el bucle corre continuo con contador en vivo mientras ajustas el deslizador de FPS.
¿Puedo reutilizar un dibujo en varios fotogramas?
Sí —Duplica el fotograma y cambia solo lo que se mueve. Desplazamientos pequeños se leen como movimiento suave.
¿Por qué mi movimiento se ve mal?
Avanza con las flechas mirando un píxel de referencia con onion skin: huecos pares, velocidad par; agrupados, frenada.