Convierte una foto o un dibujo en pixel art: elige un lienzo de 8 a 128 píxeles de ancho y de 4 a 64 colores, o adáptalo a tu propia paleta. Cada bloque de la imagen se promedia en un píxel; luego retoca el resultado con el lápiz.
Cómo se usa
- Toca el botón de tamaño para elegir un lienzo de 8×8 a 128×128 píxeles, o empieza a dibujar sobre el ejemplo.
- Elige una herramienta y un color, y dibuja. Con Espejo activado, cada trazo se copia al otro lado.
- Usa capas para separar contornos y colores, y fotogramas para animar. Reproducir muestra la animación en la vista previa.
- Abre Exportar para descargar un PNG de 1× a 32×, una hoja de sprites o un GIF animado.
- El dibujo se guarda solo en este navegador y nunca sale de tu dispositivo. Guarda un archivo de proyecto (.json) para tener una copia o seguir en otro equipo.
- El clic derecho dibuja con el color secundario y Alt+clic toma un color. Mayús+clic con el lápiz traza una recta desde el último punto; con el bote, recolorea todos los píxeles de ese color en la capa.
- Cada fotograma tiene su propia copia de todas las capas. El papel cebolla muestra el fotograma anterior, y más tenue el siguiente, para alinear el movimiento.
- Las exportaciones conservan los bordes nítidos a cualquier escala. Los GIF mantienen la transparencia salvo que actives el fondo blanco.
- Importar promedia cada bloque de la imagen y la reduce a 4–64 colores o a la paleta actual. Elige Capa actual para calcar encima.
- En pantallas táctiles, dibuja con un dedo; pellizca con dos para hacer zoom y arrastra con dos para moverte.
Elegir el tamaño del lienzo
16 × 16 es el tamaño clásico para iconos, objetos y personajes pequeños; 32 × 32 deja espacio para caras y detalles y es habitual en personajes de videojuegos; 64 × 64 sirve para retratos y escenas más grandes. Los lienzos pequeños obligan a simplificar, lo que ayuda mucho a aprender.
El pixel art se dibuja pequeño y se muestra grande. Exporta a 8× o 16× para redes sociales: un sprite de 32 × 32 a 16× se convierte en un PNG nítido de 512 × 512, porque cada píxel se copia como un bloque sin difuminar.
Capas, fotogramas y papel cebolla
Usa una capa para el contorno y otra para el color o las sombras, así puedes cambiar colores sin redibujar líneas. En animación, cada fotograma tiene su propia copia de todas las capas. El papel cebolla muestra tenue el fotograma anterior, y aún más tenue el siguiente, para alinear el movimiento. Reproducir muestra el bucle de 1 a 30 fotogramas por segundo; entre 8 y 12 fps es una velocidad típica para un ciclo de caminar.
Atajos y consejos
El clic derecho dibuja con el color secundario, Alt+clic toma un color y Mayús+clic con el lápiz traza una línea recta desde el último punto. Mayús+clic con el bote de pintura recolorea todos los píxeles de ese color en la capa, útil para cambiar paletas. Guarda un proyecto .json como copia o para seguir en otro dispositivo.
Preguntas frecuentes
¿Cuál es el mejor tamaño para pixel art?
Para empezar se suele usar 16 × 16 o 32 × 32. El primero mantiene las formas simples y el segundo deja sitio para expresiones y sombras. Para escenas detalladas, 64 × 64 o más.
¿Cómo exporto pixel art sin que se vea borroso?
Exporta el PNG con una escala como 8× o 16×. Cada píxel se amplía como un cuadrado sólido, así que los bordes siguen definidos a cualquier tamaño.
¿Puedo hacer un GIF animado?
Sí. Añade fotogramas, dibuja cada pose, revisa el bucle con Reproducir y ajusta la velocidad, luego exporta el GIF. La transparencia se mantiene salvo que actives el fondo blanco.
¿Cómo hago una hoja de sprites para un juego?
Dibuja los fotogramas de la animación, elige hoja de sprites en Exportar y colócalos en fila o en cuadrícula. La hoja conserva el tamaño exacto en píxeles para los motores de juego.
¿Se guarda mi dibujo?
Se guarda automáticamente en este navegador. Para tener una copia o pasar a otro dispositivo, descarga el proyecto como archivo .json y ábrelo allí.
¿Puedo convertir una foto en pixel art?
Sí. Importar promedia cada bloque de la imagen y la reduce a entre 4 y 64 colores o a tu paleta actual; después puedes retocar el resultado a mano.