Lanzar5 min de lectura

¿Qué es el pixel art? Una guía para creadores

El pixel art pone cada cuadrado a propósito. Por qué encaja en colecciones por capas, cómo exportar los rasgos para KURV y qué escalas los dejan borrosos.

Equipo de KURVTambién en English, Português (Brasil)

Una gran tarjeta de Max Cat enmarcada dibujada en pixel art nítido, con cada cuadrado visible, y al lado la misma pieza dibujada a mano, más pequeña.
En esta página12 secciones

El pixel art es de los estilos más comunes en las colecciones NFT, y de los más fáciles de estropear al exportar sin que se note a primera vista. Qué lo define, por qué funciona tan bien en colecciones por capas en KURV y cómo prepararlo para que cada pieza se vea nítida.

El estilo

El pixel art es arte digital en el que cada cuadrado (píxel) se ve y está puesto a propósito. Lo definen tres cosas:

  • Bordes duros. Sin pinceles suaves, sin desenfoque, sin degradados lisos.
  • Una paleta chica. Muchas veces un puñado de colores, elegidos con intención.
  • Un lienzo chico. El arte se hace en un tamaño mínimo, como 32 por 32 o 64 por 64, y después se muestra más grande.

Nació con el hardware viejo de los videojuegos, que solo podía mostrar unos pocos colores en una cuadrícula pequeña. Se quedó porque se lee claro en tamaño chico y tiene un encanto propio.

Max Cat está dibujado a mano, no es pixel art. La versión en píxeles de arriba es solo una comparación.

Por qué le va bien a las colecciones

  • Las formas simples se parten en capas sin pelea. Un gorro en píxeles encaja en una cabeza en píxeles y ya.
  • Los rasgos se leen en miniatura, que es como la gente ve las piezas por primera vez en Explore.
  • Un lienzo fijo alinea todo. En una cuadrícula de 32 píxeles, un ojo está en el cuadrado correcto o no está.

Dibujar rasgos en píxeles, paso a paso

  1. Elige el tamaño del lienzo y no lo cambies. Todas las capas lo usan.
  2. Arma la paleta antes de empezar, y mantenla chica.
  3. Dibuja primero el personaje base, en la pose que van a compartir todas las piezas.
  4. Dibuja cada rasgo en su propia capa, en su lugar, sobre el lienzo completo.
  5. Cuida la transparencia: nada de píxeles sueltos semitransparentes en los bordes.
  6. Revisa cada rasgo contra la base, a tamaño real y con zoom.

Exportar para KURV, paso a paso

  1. Exporta PNG con transparencia.
  2. Escala hacia arriba con vecino más cercano (nearest neighbor), que copia cada píxel en un cuadrado más grande.
  3. Escala en pasos enteros, por ejemplo 32x, nunca 7.5x, y llega al lienzo de 1000 × 1000 que recomienda KURV, o más arriba (una pieza de 32 píxeles a 32x mide 1,024).
  4. Escala todas las capas lo mismo. Si mezclas escalas, se pierde la alineación.
  5. Arma en Studio y mira las piezas a tamaño completo.

Por qué la escala importa tanto

Casi todas las herramientas de imagen escalan con suavizado, que mezcla los píxeles vecinos y deja bordes suaves y borrosos. Eso le viene bien a una foto y le hace daño al pixel art. Si la escala no es un número entero, unos píxeles quedan de dos cuadrados y otros de tres, y las líneas se ven disparejas. Los dos problemas se notan al momento en una pantalla grande.

Un ejemplo

Leo dibuja una colección de ranas en píxeles, en un lienzo de 32 píxeles, con una paleta de ocho colores. Exporta el primer lote a 1000 píxeles de ancho, o sea 31.25x, con el suavizado de siempre. En Studio cada rana se ve suave y las líneas tiemblan. Vuelve a exportar a 1,024 píxeles (exactamente 32x, y por encima del mínimo de 1000 × 1000 que recomienda KURV) con vecino más cercano. Cada borde queda afilado y cada línea, pareja.

Consejos de paleta

  • Limita los colores de cada rasgo, para que se sientan de la misma familia.
  • Comparte los colores de sombra entre rasgos.
  • Revisa el contraste entre el personaje y cada fondo.
  • Evita colores casi idénticos, que al lado se ven como un error.

Animación en pixel art

El pixel art se anima bien porque cada cuadro es chico. Un ojo que parpadea puede ser dos o tres cuadros. Una cabeza que se mece, cuatro. Si vas a compartir avances animados de tu colección, usa la misma paleta y el mismo lienzo en cada cuadro, y exporta las animaciones con la misma escala de vecino más cercano que las piezas quietas. Un loop corto, con rasgos que se cambian sobre un mismo personaje, es una publicación fácil y llamativa antes de lanzar.

Tramado y textura

Quien hace pixel art usa patrones de dos colores alternados (tramado, o dithering) para sugerir sombra sin sumar colores. Con poca mano, da textura. En todas partes, se ve ruidoso en tamaño de miniatura. En una colección por capas, mantén el tramado parejo entre rasgos, para que un gorro tramado no choque con una cabeza de sombra plana.

Errores comunes

  • Escalar con suavizado, que borra los bordes.
  • Escalas con decimales, que dejan las líneas disparejas.
  • Lienzos de distinto tamaño entre capas.
  • Píxeles sueltos semitransparentes, que dejan un halo.
  • Demasiados colores, y se pierde el look de píxel.

Preguntas frecuentes

¿Qué tamaño de lienzo uso? El que alcance para tu detalle. Los lienzos chicos, de 32 o 64 píxeles, son los de siempre. Usa el mismo en todas partes.

¿Subo la versión chiquita o la grande? Exporta una versión más grande, escalada en pasos enteros con vecino más cercano.

¿Max Cat es pixel art? No. Está dibujado a mano y armado con siete capas.

¿El pixel art puede ser arte terminado, en vez de capas? Sí. Lleva una carpeta de arte más metadata.json.

Por dónde seguir

Sigue leyendo