Corrige los bordes dentados en pixel art colocando manualmente uno o dos píxeles de color intermedio en las esquinas de los escalones donde una curva cambia de dirección en la cuadrícula. Estos píxeles de transición conectan la escalera entre dos escalones, haciendo que la curva se vea más suave desde la distancia, sin añadir suficientes píxeles para difuminar la línea o borrar la cuadrícula visible que le da identidad al pixel art. La regla es simple: si se ve suave cuando te alejas, pero aún puedes contar los píxeles individuales de cerca, has terminado.
Qué causa los bordes dentados en pixel art
Cada lienzo de pixel art es una cuadrícula de cuadrados. Las líneas horizontales y verticales se ajustan perfectamente a esa cuadrícula, pero cualquier línea que se mueva en ángulo — una curva, una diagonal, un arco — debe aproximarse dando pasos de un cuadrado al siguiente. El resultado es un patrón de escalera, y cada escalón visible es un borde dentado.
Cuanto más agudo es el ángulo de la línea, más pronunciada se vuelve la escalera. Una curva suave puede tener escalones de tres o cuatro píxeles antes de cada transición, apenas perceptibles. Un círculo cerrado o una diagonal de 30 grados produce escalones de solo uno o dos píxeles, creando un contorno áspero y dentado que llama la atención.
Algunos artistas lo aceptan. El aspecto de escalera es parte de la estética retro del pixel art, y en lienzos muy pequeños puede ser una elección de estilo deliberada. Pero cuando quieres curvas más suaves — para un retrato de personaje, un logo o una pieza decorativa que planeas mostrar en un panel LED Pixoo-64 — necesitas una técnica que suavice sin destruir.
El Pixoo-64 es una pantalla de pixel art Wi-Fi de 64×64 — un lienzo natural para probar tu técnica de anti-aliasing en un panel LED real. Míralo en acción arriba.
Cómo añadir anti-aliasing sin difuminar
El anti-aliasing manual en pixel art es la práctica de colocar píxeles de transición en las esquinas exactas donde un escalón de la escalera cambia de dirección. Aquí está el proceso, paso a paso.
Paso 1 — Identifica las esquinas de los escalones. Acércate al 1× (un píxel de pantalla equivale a un píxel del lienzo). Traza tu curva y encuentra cada punto donde la línea cambia de moverse horizontalmente a verticalmente, o viceversa. Estas son tus esquinas de escalón — los puntos que parecen el borde exterior de una huella de escalera.
Paso 2 — Elige un color intermedio. Escoge un color que esté entre el color de tu contorno (o borde) y el color de tu relleno (o fondo). Si tu contorno es azul oscuro y el relleno a su lado es azul claro, tu píxel de transición debe ser un azul medio. El objetivo es un solo tono que visualmente conecte ambos.
Paso 3 — Coloca uno o dos píxeles de transición. En cada esquina de escalón, coloca exactamente uno o dos píxeles de tu color intermedio. Posiciónalos en la unión donde se encuentran dos escalones — no a lo largo de todo el borde, solo en la esquina. Piensa en ello como llenar el espacio donde la escalera gira, no pintar un nuevo contorno.
Paso 4 — Revisa desde la distancia. Aleja el zoom al 50% o retrocede del monitor. La curva debería verse notablemente más suave. Si aún se ve dentada, puedes añadir un píxel de transición más en la esquina más visible. Si el borde empieza a verse suave o borroso, has añadido demasiados.
El principio crítico: estás construyendo puentes visuales, no aplicando un filtro de desenfoque. Cada píxel de transición debe ser una colocación discreta e intencional — no parte de un degradado difuso. Cuando se hace bien, el ojo del espectador lee la curva como suave aunque cada píxel individual siga siendo visible de cerca.
Cómo se ve el exceso de anti-aliasing
El error más común es añadir píxeles de transición a lo largo de todo el borde en lugar de solo en las esquinas de los escalones. Cuando esto sucede, el contorno se convierte en una banda de tres o cuatro tonos intermedios que envuelven la forma — y el pixel art empieza a parecer una fotografía de baja resolución con un desenfoque gaussiano aplicado.
Tres señales de que has exagerado:
- El borde parece un degradado. Si no puedes distinguir claramente dónde termina el contorno y comienza el relleno, el anti-aliasing se ha convertido en un desenfoque.
- Los píxeles individuales ya no son visibles. Acércate al 1×. Si los píxeles de transición adyacentes se mezclan y no puedes diferenciarlos, hay demasiados tonos intermedios.
- El arte parece una imagen escalada. La cualidad definitoria del pixel art es la colocación visible e intencional de píxeles. Si un espectador no puede distinguir si la pieza es pixel art o solo una imagen pequeña, se pierde la identidad pixelada.
En caso de duda, quita un píxel de transición en lugar de añadir uno. El pixel art premia la moderación. Una curva ligeramente dentada que aún se lee como trabajo intencional de píxeles siempre es mejor que una curva suave que parece un error.
Cómo saber cuándo has hecho lo suficiente
Tres pruebas prácticas te dirán si tu anti-aliasing está en la zona correcta.
La prueba de alejar el zoom. Reduce la vista del lienzo al 50% o sostiene tu obra a la distancia del brazo. La curva debería verse suave — sin escalones visibles que llamen la atención. Si aún ves bordes dentados evidentes a esta distancia, añade un píxel de transición más en la esquina peor y revisa de nuevo.
La prueba de visibilidad de píxeles. Acércate de nuevo al 1×. Cada píxel — incluyendo los de transición que acabas de añadir — debe ser un cuadrado distinto y contable. Si alguna área parece difuminada o suavizada, has colocado demasiados píxeles intermedios en ese punto.
La prueba del degradado. Mira el borde de tu forma desde una distancia normal. Si el contorno se lee como un límite nítido con un efecto sutil de suavizado, estás en la zona correcta. Si se lee como un borde suave y difuminado — como una pincelada en una app de pintura — retrocede. Quita una capa de píxeles de transición y revisa de nuevo.
Una buena regla general: la mayoría de las curvas necesitan solo un tono intermedio y uno o dos píxeles por esquina de escalón. Si te encuentras usando un tercer tono o un tercer píxel en la misma esquina, detente y aleja el zoom primero.
Por qué los lienzos pequeños como el Pixoo-64 necesitan aún más moderación
En una cuadrícula de 64×64, cada píxel representa aproximadamente el 1.5% del ancho del lienzo. Eso significa que un solo píxel de transición tiene mucho más peso visual que en un lienzo de 256×256 o 512×512. Un píxel intermedio bien colocado puede suavizar una esquina; tres pueden hacer que todo el borde se vea borroso.
El Pixoo-64 es una pantalla LED Wi-Fi que muestra tu pixel art exactamente en 64×64 píxeles físicos. No hay renderizado sub-píxel ni anti-aliasing a nivel de pantalla — lo que colocas en el lienzo es exactamente lo que se ilumina en el panel. Esto hace que el principio de moderación sea aún más importante: cada píxel de transición que añades es una elección deliberada y visible.
Para lienzos pequeños, sigue una versión más estricta de la regla estándar:
- Usa solo un tono intermedio — no dos.
- Coloca solo un píxel de transición por esquina de escalón — no dos.
- Revisa el arte al tamaño real de la pantalla (sostén el Pixoo-64 a la distancia del escritorio) en lugar de confiar solo en alejar el zoom en tu editor.
El mismo principio aplica para el Times Gate, que ofrece una cuadrícula de píxeles más grande pero aún muestra arte a una resolución física fija. En cualquier pantalla dedicada a pixel art, tus elecciones de anti-aliasing son permanentes una vez renderizadas — no hay suavizado a nivel de pantalla para ocultar un exceso de anti-aliasing. Para la configuración y configuración del dispositivo, consulta el manual de producto Divoom.
Consejos para una colocación limpia de píxeles
El anti-aliasing en pixel art comienza con la herramienta correcta. Siempre usa la herramienta Lápiz o una herramienta de colocación de píxel único — nunca la herramienta Pincel. Las herramientas de pincel aplican suavizado automático en cada trazo, añadiendo píxeles de transición no deseados que no elegiste. Esta es la causa más común de desenfoque accidental en pixel art.
En Aseprite, usa la herramienta Lápiz con el modo píxel perfecto activado. En Photoshop, selecciona la herramienta Lápiz y desactiva el anti-aliasing en cualquier herramienta de selección o forma. En Procreate, usa el pincel Monoline con dureza al 100% y StreamLine desactivado.
Trabaja con zoom 1× al colocar píxeles. Usa el zoom-out solo para revisar la suavidad general de la curva. Este hábito te mantiene enfocado en decisiones individuales de píxeles en lugar de pintar trazos amplios que suavizan los bordes accidentalmente.
Preguntas frecuentes
¿Es bueno el anti-aliasing para pixel art?
Sí, cuando se aplica manualmente y con moderación. El anti-aliasing manual — colocar uno o dos píxeles de color intermedio en las esquinas de los escalones — suaviza las curvas sin destruir la cuadrícula visible de píxeles que define el pixel art. El problema no es el anti-aliasing en sí, sino su aplicación excesiva: añadir demasiados píxeles de transición crea desenfoque, lo que hace que el arte parezca una imagen escalada en lugar de un trabajo intencional de píxeles.
¿Cómo evito los bordes dentados en líneas diagonales rectas?
Sigue la regla de pasos iguales: cada escalón en la escalera debe tener el mismo ancho y alto. Una línea 2:1 (dos píxeles a la derecha, uno hacia arriba) debe repetir ese patrón exacto consistentemente a lo largo de toda su longitud. Los tamaños de escalón irregulares — como alternar entre 2:1 y 3:1 — crean bultos visibles que se ven peor que los bordes dentados regulares.
¿Debo usar la herramienta Lápiz o Pincel para pixel art?
Siempre usa la herramienta Lápiz (o herramienta equivalente de píxel único). La herramienta Pincel aplica suavizado automático en los bordes en cada trazo, añadiendo anti-aliasing no deseado que difumina tus líneas. La herramienta Lápiz coloca píxeles con bordes duros exactamente donde haces clic, dándote control total sobre qué píxeles de transición añadir y cuáles dejar fuera.
Ahora tienes la técnica — identifica las esquinas de los escalones, coloca uno o dos píxeles intermedios y detente. Tienes el estándar — suave desde la distancia, píxeles visibles de cerca. Y tienes el principio de moderación — en caso de duda, quita en lugar de añadir.
El siguiente paso es poner tu pixel art suavizado a trabajar. Sube tu arte personalizado a una pantalla Divoom y míralo renderizado en píxeles LED reales, donde cada píxel de transición que colocaste se ilumina exactamente como planeaste. Si quieres empezar con un diseño de la comunidad, explora la biblioteca de plantillas de la app Divoom para inspirarte — luego aplica la misma técnica de anti-aliasing para hacerlo tuyo.
