Contornos

Los tres tipos de línea

• Silueta. El borde exterior, donde el sprite se encuentra con el fondo. Es la que más trabajo hace: un sprite con una silueta clara se lee incluso en un solo color.
• Líneas interiores. Bordes entre partes dentro de la silueta: un brazo delante del cuerpo, un cinturón sobre una túnica, un yelmo sobre una cara.
• Pliegues. Dobleces y giros bruscos dentro de una misma superficie: el puente de una nariz, una tabla de una tela, el borde de una caja.

La mayoría de los artistas tratan estas líneas de forma distinta. La silueta suele ser la más oscura y la más completa. Las líneas interiores son más claras o parciales. Los pliegues a menudo se omiten, y el sombreado hace el trabajo en su lugar.

Oscuras o de color

Una línea casi negra alrededor de todo es contundente y legible, y va bien para sprites pequeños y fondos recargados. Un negro puro puede resultar duro, así que muchos artistas usan en su lugar un color muy oscuro de la paleta, como un azul o un marrón profundos.

Las líneas de color toman el color de la forma contra la que están: una línea rojo oscuro sobre una capa roja. Si se lleva más lejos, con líneas que se aclaran en el lado iluminado, se convierte en selout.

Errores comunes

• Líneas de dos píxeles de grosor. A tamaños pequeños, una línea doble se come el sprite. Las líneas deben tener un píxel.
• Esquinas en L. Cuando una línea cambia de dirección, un píxel de esquina que toca a ambos vecinos forma una L y se ve grueso. Avanza en diagonal.
• Partes finas rotas. La hoja de una espada o un bastón de un píxel de ancho puede romperse en puntos si se dibuja sin cuidado. Mantenlo como una línea continua de un píxel.
• Contornear cada pliegue. Demasiadas líneas interiores convierten un sprite en un modelo alámbrico. Deja que el sombreado se ocupe de los detalles pequeños.
• Líneas interiores tan oscuras como la silueta. La forma deja de leerse como un solo objeto.

Cómo hacerlo a mano

1. Rellena la forma del sprite con un único color plano y revisa la silueta sola.
2. Dibuja la línea de la silueta, de un píxel de ancho, sin esquinas en L.
3. Añade líneas interiores solo donde las partes se solapan y podrían confundirse.
4. Sombrea y luego añade pliegues solo donde el sombreado no basta.
5. Decide entre líneas oscuras o de color y aplícalo en todas partes.

Cómo lo hace Pixor

Pixor encuentra las líneas a partir de la profundidad, las normales y los ids de las partes del render, y trata las líneas de silueta, interiores y de pliegue como tipos separados. Cada una se puede omitir, dibujar oscura en un color que elijas, o dibujar como contorno selectivo. Las líneas son de un píxel de ancho sin esquinas en L, las partes finas del modelo se conservan como líneas de un píxel, y las líneas que aparecen solo durante un fotograma se limpian. Cada ajuste de línea es un nodo del grafo de Estilo.

Relacionado

• Selout
• Rampas de paleta
• Aspectos y el manual de ajustes