Editor de Arte Pixel — Dibuja Pixel a Pixel

Los tamaños del pixel art son convenciones, y las convenciones existen porque funcionan. 16×16 es el tamaño clásico de tile y de sprite — un personaje de NES, el icono de un objeto de Minecraft, un favicon. 32×32 le da a un personaje una cara y una pose. 64×64 es un retrato o un enemigo detallado, y 100×100 es una escena. Elige el tamaño que corresponde a lo que va a ser el dibujo, porque un sprite dibujado a 64×64 y reducido a 16×16 se convierte en papilla, y un icono de 16×16 ampliado no es más que un icono de 16×16 más grande.

Comprométete antes de dibujar. Redimensionar después conserva los píxeles pero no la composición: un personaje que llenaba un marco de 32×32 pasa a ser una figurita en la esquina de uno de 64×64. Si estás dibujando un conjunto — un tileset, un pack de iconos, un grupo de personajes — decide un único tamaño de lienzo para todo el conjunto y mantén cada pieza en él, para que convivan a la misma escala en el juego o en la página.

La paleta de 256 colores es un menú, no una meta. La mayoría de los sprites terminados usan entre ocho y dieciséis colores, organizados en rampas: de tres a cinco pasos de un mismo material, de la sombra a la luz. Lo que separa el buen pixel art del pixel art plano es que una rampa no se limita a aclararse — cambia de tono (hue shifting). Las sombras tiran hacia el azul o el violeta, las luces hacia el amarillo o el naranja, así que la sombra de una camiseta roja es un carmesí frío y su brillo un coral cálido, en lugar de un rojo más rosado.

Construye primero las rampas y luego dibuja. Elige el tono medio de cada material, escoge una sombra y una luz que cambien de tono además de valor, e intenta reutilizar una misma rampa en varios materiales — los mismos tres grises pueden ser armadura, piedra y una nube. Cuando dos colores de tu sprite están tan cerca que tienes que hacer zoom para distinguirlos, uno de los dos no se está ganando el sitio.

Las líneas diagonales en pixel art son escaleras, y el ojo lee una escalera como una línea suave solo cuando los escalones son regulares. Una línea a 45° es un píxel por escalón. Una línea más tendida son tramos de dos, tres o cuatro píxeles — y todos los tramos tienen que medir lo mismo, o la línea parece torcida. El error clásico es una esquina donde se juntan dos líneas y dejan un píxel doble; bórralo y la esquina se afila. Dibuja con el lápiz a un píxel de grosor y aleja el zoom a menudo; los dientes de sierra que se ven a 1× se esconden a 8×.

El tramado (dithering) — un damero de dos colores — es la manera en que el pixel art simula un tercer color y un degradado con una paleta limitada. Un damero al 50 % entre dos pasos de la rampa se lee como el paso intermedio; un patrón más disperso se lee como una transición más suave. Úsalo para cielos, sombras sobre superficies grandes y metal, y mantenlo lejos de los sprites pequeños, donde a 16×16 un damero solo parece ruido.

El dibujo se verá a su tamaño real, o a un múltiplo entero de él, nunca al zoom al que dibujas. Desactiva la cuadrícula y mira el lienzo entero cada pocos minutos; mejor aún, entrecierra los ojos. Si la pose, el objeto o la letra siguen leyéndose con el detalle difuminado, la silueta está bien. Si no, ningún sombreado la va a salvar — arregla primero el contorno.

Un contorno de un píxel en una versión más oscura del relleno (no negro) mantiene un sprite legible sobre cualquier fondo. Un contorno negro puro funciona sobre fondos claros y desaparece sobre los oscuros; un contorno selectivo — oscuro donde la forma se aleja de la luz, más claro donde la mira de frente — es la técnica que usa la mayor parte del pixel art moderno, y con el lápiz y una rampa ya construida se reduce a hacer clic en el tono correcto.

La exportación a PNG escribe un píxel de imagen por cada celda del lienzo sin ningún suavizado, que es exactamente lo que quiere un motor de juego. Lo que todavía puede desenfocarlo es el paso siguiente: el escalado. Escala el pixel art solo por números enteros — 2×, 3×, 4× — con interpolación de vecino más cercano (nearest-neighbour). En Unity eso es Filter Mode en Point y Compression en None en la textura; en Godot, el filtro de textura en Nearest; en un navegador, image-rendering: pixelated. Una escala al 150 %, o cualquier remuestreo bilineal, ablanda cada borde que dibujaste.

Las celdas que dejas vacías se exportan como transparentes, así que un sprite no necesita ningún color de fondo. Si el dibujo va a una página web o a un documento en lugar de a un juego, expórtalo al tamaño del lienzo y deja que la página lo escale, o expórtalo una sola vez a 4× para imprimir — nunca redimensiones el PNG en un editor de fotos con sus ajustes por defecto.