Selout: contornos selectivos

Qué es

Selout es la abreviatura de selective outlining (contorno selectivo). En lugar de dibujar la misma línea oscura alrededor de todo el sprite, cada píxel del contorno toma un color de la forma de al lado, normalmente un tono más oscuro de la propia rampa de esa forma. Donde da la luz, el contorno se aclara o desaparece. Donde la forma gira hacia la sombra, el contorno se oscurece.

Una capa roja recibe un contorno rojo intenso. Un casco gris, uno gris oscuro. La parte superior de la cabeza, orientada a la luz, puede no tener contorno.

Por qué lo hacen los artistas

Un contorno negro puro es fuerte y claro, pero aplana un sprite. Cada forma queda cercada por la misma línea gruesa, y la línea compite con el sombreado por la atención. El selout mantiene definido el borde mientras deja que la luz parezca envolver la forma. También ayuda a que los sprites se integren en la escena en lugar de resaltar como pegatinas.

Es una elección de estilo, no una regla. Muchos juegos muy queridos usan contornos negros en todo.

Errores comunes

• Usar un solo color para todo el contorno. Eso es solo un contorno de color. La gracia del selout es que el color cambia con la forma y la luz.
• Hacer el contorno demasiado claro. Si los píxeles del contorno se parecen al color de relleno, el borde desaparece y la silueta se difumina, sobre todo sobre fondos parecidos.
• Quitar el contorno en el lado de la sombra. Mantén el contorno más oscuro donde el sprite está en sombra; ese lado hace la mayor parte del trabajo de definir la forma.
• Engrosar. Un contorno de dos píxeles de grosor en algunos puntos, o con esquinas en escalón en forma de «L», se ve pesado. Mantenlo en un solo píxel limpio.

Cómo hacerlo a mano

1. Dibuja primero el sprite con un contorno oscuro simple, para que la silueta sea sólida.
2. Elige una dirección de luz.
3. Recorre el contorno. En cada tramo de píxeles, sustituye el color oscuro por el tono más oscuro de la rampa de la forma que toca.
4. En el lado iluminado, sube el contorno uno o dos tonos más claro, o quítalo donde la forma sea claramente luminosa.
5. Revisa el sprite sobre un fondo oscuro y uno claro, y con un zoom de 1×.

La misma idea funciona para las líneas interiores entre partes, como el borde donde una manga se junta con un guante.

Cómo lo hace Pixor

Pixor trata los tipos de contorno por separado: la silueta, las líneas interiores entre partes y los pliegues donde una superficie se dobla. Cada tipo se puede omitir, dibujar oscuro o dibujar como contorno selectivo coloreado a partir de la superficie de al lado. Las líneas son de un píxel de ancho sin esquinas en L. El preset selout es un aspecto de partida con los contornos selectivos activados; como cada etapa, los ajustes de línea son nodos del grafo de Estilo, y un aspecto que te guste se puede guardar como kit.

Relacionado

• Contornos: silueta, líneas interiores y pliegues
• Rampas de paleta: de dónde salen los colores del selout
• Aspectos y el manual de ajustes