Wie du eine Pixel-Art-Farbpalette erstellst

Um eine Pixel-Art-Palette zu erstellen, fang mit einer Hauptfarbe für jedes Material an, so wie es bei normalem Licht aussieht. Mach daraus dann einen Schatten- und einen Lichtton, indem du Farbton und Hellwert verschiebst, nicht nur die Helligkeit. Drei bis fünf Farben pro Material reichen für die meisten Sprites.

Wie wähle ich die Farben aus? Das ist die Frage, die ich von meinen Schülern am häufigsten höre, öfter als alles zu Konturen oder Schattierung. Und ich verstehe das, ein Farbwähler hat Millionen Farben und keine Anleitung. Also zeige ich dir hier, wie ich es mache, Schritt für Schritt, mit den echten Paletten aus meinen Lektionen.

Zuerst: woraus eine Farbe besteht

Jede Farbe hat drei Teile. Der Farbton (Hue) ist das Spektrum: Rot, Gelb, Blau. Die Sättigung (Saturation) ist, wie intensiv dieses Spektrum ist. Der Hellwert (Value) ist, wie hell oder dunkel sie ist. Der Farbwähler in deinem Editor hat für jeden einen Regler, meistens mit HSV beschriftet. Wenn ich unten „verschieb den Farbton“ oder „dunklerer Hellwert“ sage, meine ich diese Regler.

Romans Folie: das Farbspektrum und die HSV-Regler in Aseprite für Farbton, Sättigung und Hellwert

Und warum ist ein Apfel rot? Licht enthält alle Spektren. Der Apfel absorbiert alle außer Rot und wirft das Rot zurück in dein Auge. Deshalb ändern Schatten und Lichter auch die Farbe, nicht nur die Helligkeit: Das Licht selbst hat eine Farbe.

Romans Folie: Schwarz heißt keine Spektren, Weiß heißt alle, und ein Apfel absorbiert alle Spektren außer Rot

Schritt 1: Wähl den Hauptton

Der Hauptton, oder Mittelton, ist die Farbe des Materials bei normalem Licht: das Braun des Holzes, das Blau des Wassers. Nicht der Schatten und nicht der Glanz. Wähl ihn zuerst und setz ihn auf die größte Fläche deines Sprites. Alles andere baust du aus dieser einen Farbe.

Schritt 2: Mach den Schattenton

Nimm den Hauptton mit der Pipette auf und mach ihn dunkler. Dann verschieb auch den Farbton ein wenig, Richtung Rot oder Richtung einer kühleren Farbe, und gib etwas Sättigung dazu. Ein Schatten, der nur dunkler ist, sieht oft schmutzig und grau aus. Ein Schatten mit einer kleinen Farbtonverschiebung sieht aus wie dasselbe Material im Schatten.

Schritt 3: Mach den Lichtton

Dasselbe in die andere Richtung. Mach ihn heller, verschieb den Farbton Richtung Gelb und nimm etwas Sättigung weg. Lichter, die nur heller werden, können verwaschen oder neonartig aussehen. Mit der Farbtonverschiebung wirken sie warm und natürlich.

Schritt 4: Füg Zwischentöne nur dort hinzu, wo du sie brauchst

Jetzt hast du drei Farben. Zeichne zuerst mit ihnen. Wenn ein Übergang zwischen zwei Farben zu hart aussieht, mach einen Ton genau dazwischen: Nimm die eine und schieb sie in Farbton und Hellwert Richtung der anderen, bis sie in der Mitte liegt. Das ist auch deine Anti-Aliasing-Farbe. Meistens lande ich bei vier oder fünf Farben pro Material.

Echte Paletten aus meinen Lektionen

Hier sind drei Paletten aus meinen interaktiven Lektionen, von der dunkelsten Farbe links bis zur hellsten rechts.

Feuer: Von Rot über Orange zu Gelb: Der Farbton wandert stark, weil Feuer zur Quelle hin heißer und heller wird.
Holz: Ein Braun, dunkler und heller. Der Farbton bewegt sich kaum, nur der Hellwert ändert sich.
Wasser: Von tiefem Blau bis fast Weiß. Es bleibt dasselbe Blau, und das helle Ende steigt für die Lichtreflexe fast bis Weiß.

Schau dir Feuer und Holz nebeneinander an. Die Farben des Feuers wandern den ganzen Weg von Rot bis Gelb. Das Holz bleibt durchgehend braun. Beides ist richtig: Wie weit sich der Farbton bewegt, hängt vom Material ab. Feuer ändert seine Farbe mit der Hitze, Holz wird im Schatten einfach dunkler.

Regeln, die eine Palette sauber halten

  • Fang klein an. Drei Farben, und füg nur dann eine hinzu, wenn du sie brauchst. Eine kleine Palette ist viel leichter einheitlich zu halten.
  • Benutz nie Deckkraft oder das Weichzeichner-Werkzeug. Halbtransparente Pixel mischen sich zu neuen Farben, die du nie ausgewählt hast, und die Palette wird matschig.
  • Halte die Sättigung in der ganzen Szene ähnlich. Eine sehr gesättigte Farbe neben sanften zieht die ganze Aufmerksamkeit auf sich.
  • Ein Hauptton pro Teil. Wenn ein Teil zu viele Schattierungen hat, geh zurück zu einer flachen Farbe und bau Schatten und Licht neu auf.
  • Grenzen sind eine Entscheidung. Die berühmten Grenzen von 16 oder 32 Farben kommen von alten Konsolen. Sie sind eine gute Übung, keine Regel der Kunstform.

Wenn du nicht weiterkommst

Nimm eine Palette, die schon jemand ausbalanciert hat. Lospec hat Tausende kostenlose Pixel-Art-Paletten, und ich nutze sie oft. Um Farben zu finden, die zusammenpassen, hilft ein Farbkreis-Tool wie Paletton: benachbarte Farben für ruhige Szenen, eine Triade für mehr Kontrast. Dann nimm die Farben in deinen Editor und bau die Schatten und Lichter daraus genauso wie oben.

Romans Folie: vier Farbkreise, monochrom, benachbart, Triade und Tetrade, jeder mit einer Beispielpalette
Die vier Farbkreise aus meinem Kurs: monochrom (eine Farbe und ihre Abstufungen), benachbart, Triade und Tetrade.