Puede que parezca obvio cómo hacer una línea… y si solo fuera un línea recta, no habría mayor problema, pero cuando se hacen diagonales y curvas en pixel art hay ciertos puntos que se deben tomar en cuenta. En este artículo explico todo lo que debes saber para hacer líneas hermosas en pixel art.
También dejo la versión en video, si no tienes ganas de leer.
Las tres reglas para hacer líneas en pixel art
1. Haz líneas limpias
Tus líneas deben verse limpias, es decir debe distinguirse claramente cada pixel que la forma.
En la siguiente imagen, la línea de la izquierda no está limpia. Tiene líneas dobles, que hacen que los pixeles sevean amontonados y no se distingan.
Simplemente hay que identificar los pixeles que le sobran, como muestra la imagen del centro, y borrarlos, para que la línea quede completamente limpia, como la de la izquierda.
Una forma simple de evitar tener líneas dobles es activar el modo pixel perfecto (pixel perfect) en tu aplicación de pixel art preferida. En este modo los pixeles jamás se enciman.
En Aseprite, puedes encontrarlo en la barra superior, del lado izquierdo, al seleccionar la herramienta Lápiz.
2. Sigue la cadencia
Para que las líneas se muestren de manera correcta, deben seguir una secuencia numérica. Hay dos tipos de secuencia: la constante y la progresiva.
- Constante: Se usa para líneas rectas. Cada parte de la línea tiene el mismo número de pixeles. Entre más largo sea cada segmento de la línea, la línea será más parecida a una recta. Dependiendo del número de pixeles que se usen, cambia la inclinación de la línea.
- Progresiva: Se usa para hacer curvas. cada segmento de la línea aumenta o disminuye un pixel a la vez. Puede aumentar más de uno a la vez, dependiendo de la curva que quieras hacer.
3. Distribuye los pixeles de forma equitativa en la línea
A veces las líneas se ven poco armónicas porque los segmentos que la forman tienen largos muy disparejos.
Por ejemplo, la siguiente línea es de 18px. Al inicio se ve rara porque sus segmentos están disparejos (uno de 5px, uno de 3px y otro de 10). Al final los emparejamos para que cada parte sea de 6px y eso hace que la línea luzca mucho más armónica.
¿Qué pasa si no sigues las reglas?
Si no sigues las reglas dos y tres, obtienes lo que llaman jaggies. Los jaggies son líneas que se ven «rotas» o disparejas porque no siguen la cadencia correcta o están mal distribuidas.
En la imagen de abajo podemos ver un par de jaggies del lado izquierdo. En el centro hemos identificado las fallas y, a la derecha, las corregimos siguiendo las reglas.
¡Rompe las reglas!
Ok, mentí… estas no son «reglas» en sí. Son más como sugerencias. ¡Y puedes romperlas si el dibujo lo amerita! Es una cuestión del estilo que quieras darle a tu dibujo y, aunque comúnmente las personas siguen estas reglas, a veces romperlas funciona bien.
Veamos algunos ejemplos:
En estos dibujos de monstruos, Alphon63 usa puras líneas dobles. ¡Y se ven geniales! A fin de cuentas es una decisión de estilo.
En este dibujo, Lux rompe todas las reglas: tiene jaggies, líneas dobles, líneas discontinuas… y todo funciona perfectamente para crear un gran dibujo.
¿Por qué?
Si no hiciera algunas de estas cosas, no podrían crearse los ángulos que este dibujo requería, la forma de las líneas no sería lo suficientemente flexible.
Practica
¡No olvides practicar cómo hacer líneas! Simplemente abre un documento en blanco, dibuja líneas (rectas y curvas) sin usar el modo de pixel perfecto y límpialas siguiendo las reglas. Al final tendrás algo como esto y serás un maestro de las líneas.
En resumen…
Sigue las reglas, pero rómpelas si hace falta y practica mucho.
¿Te gustó este tutorial? Compártelo con tus amigos o dona en mi Ko-fi, me ayuda un montonal a mantener el blog.