Selout: selektive Konturen

Was es ist

Selout ist kurz für Selective Outlining. Statt dieselbe dunkle Linie um das ganze Sprite zu ziehen, nimmt jedes Konturpixel eine Farbe von der angrenzenden Form, meist eine dunklere Schattierung aus deren eigener Rampe. Wo das Licht auftrifft, wird die Kontur heller oder verschwindet. Wo sich die Form in den Schatten wegdreht, wird die Kontur dunkler.

Ein roter Umhang bekommt eine tiefrote Kontur. Ein grauer Helm eine dunkelgraue. Die Oberseite des Kopfes, dem Licht zugewandt, hat vielleicht gar keine Kontur.

Warum Artists es tun

Eine rein schwarze Kontur ist kräftig und klar, macht ein Sprite aber flach. Jede Form wird von derselben schweren Linie eingezäunt, und die Linie konkurriert mit der Schattierung um Aufmerksamkeit. Selout hält die Kante definiert und lässt das Licht scheinbar um die Form herumfließen. Außerdem fügen sich Sprites so in eine Szene ein, statt wie Aufkleber abzustehen.

Es ist eine Stilentscheidung, keine Regel. Viele beliebte Spiele nutzen durchgehend schwarze Konturen.

Häufige Fehler

• Eine Farbe für die ganze Kontur verwenden. Das ist nur eine farbige Kontur. Der Sinn von Selout ist, dass sich die Farbe mit Form und Licht ändert.
• Die Kontur zu hell machen. Wenn Konturpixel nah an der Füllfarbe liegen, verschwindet die Kante und die Silhouette wird weich, besonders vor ähnlichen Hintergründen.
• Die Kontur auf der Schattenseite entfernen. Behalte die dunkelste Kontur dort, wo das Sprite im Schatten liegt; diese Seite leistet die meiste Arbeit, um die Form zu definieren.
• Verdoppeln. Eine Kontur, die stellenweise zwei Pixel dick ist oder treppenartige „L“-Ecken hat, wirkt schwer. Halte sie bei einem sauberen Pixel.

So machst du es von Hand

1. Zeichne das Sprite zuerst mit einer schlichten dunklen Kontur, damit die Silhouette geschlossen ist.
2. Wähle eine Lichtrichtung.
3. Geh die Kontur entlang. Ersetze bei jedem Pixellauf die dunkle Farbe durch die dunkelste Schattierung aus der Rampe der Form, die er berührt.
4. Mach die Kontur auf der beleuchteten Seite eine oder zwei Schattierungen heller oder entferne sie, wo die Form deutlich hell ist.
5. Prüfe das Sprite auf dunklem und hellem Hintergrund und bei 1×-Zoom.

Dieselbe Idee funktioniert für innere Linien zwischen Teilen, etwa die Kante, wo ein Ärmel auf einen Handschuh trifft.

So macht es Pixor

Pixor behandelt Konturarten getrennt: die Silhouette, die Innenlinien zwischen Teilen und Falten, wo eine Oberfläche knickt. Jede Art lässt sich weglassen, dunkel zeichnen oder als selektive Kontur zeichnen, gefärbt nach der angrenzenden Oberfläche. Linien sind ein Pixel breit ohne L-Ecken. Das Preset „selout“ ist ein Start-Look mit eingeschalteten selektiven Konturen; wie jede Stufe sind die Linieneinstellungen Nodes im Style-Graphen, und einen Look, der dir gefällt, kannst du als Kit speichern.

Verwandt

• Konturen: Silhouette, Innenlinien und Falten
• Palettenrampen: woher Selout-Farben kommen
• Looks und das Einstellungs-Handbuch