Warum in Schritten zeichnen?
Einer der häufigsten Fehler, die ich sehe: Man versucht, ein Sprite auf einmal fertig zu machen. Man wirft einen Haufen Farben und Textur rein und springt dann hin und her, um alles zu reparieren. In Schritten zu arbeiten geht schneller, weil dir jeder Schritt nur eine Frage stellt. Ist die Kontur sauber? Stimmen die Farben? Woher kommt das Licht?
Ich fange immer mit einer Form an, einer groben Silhouette, die Größe und Proportionen festlegt. Hier hab ich die Form schon für dich gemacht, du fängst also direkt mit der Kontur an.
Schritt 1: Kontur
Outlines sind die Linien um die Form herum. Konturen im Inneren sind Linien in der Form, wie die Ader eines Blatts. Beide sollten sauber und glatt sein. Pass auf drei Fehler auf:
- Doubles. Zwei Pixel, die nebeneinander kleben. Teile einer Linie sollten sich nur an der Ecke berühren, diagonal.
- Jaggies. Ein falsch gesetztes Pixel, das die Linie bricht.
- Die mathematische Reihenfolge brechen. In einer Kurve fügst du immer nur ein oder zwei Pixel hinzu oder nimmst sie weg: 3, 3, 2, 1, dann wieder hoch 2, 3, 4. Springst du von 2 direkt auf 6, sieht die Kurve kaputt aus.
Schritt 2: Flache Farben
Jetzt füllst du die Form mit einer flachen Farbe pro Fläche: Rot für den Apfel, Grün für die Blätter. Ich färbe auch die Kontur um. Sobald die schwarze Kontur ihren Job gemacht und Form und Größe festgelegt hat, muss sie nicht mehr schwarz sein. Dunkelrot kommt um den Apfel, Dunkelgrün um die Blätter.
An dieser Stelle hören viele Anfänger auf und fragen sich, warum ihr Sprite noch nicht nach echter Pixel Art aussieht. Zum Teil liegt es an den Farben, und zum Teil daran, dass Schattierung, Licht und Details noch fehlen.
Schritt 3: Schattierung
Schattierung gibt deiner Pixel Art Tiefe. Sie kann sie aber auch schlechter machen, wenn du nicht weißt, was du tust. Leg also zuerst fest, woher das Licht kommt. Hier kommt es von oben links, also ist die Schattenseite unten rechts. Ich benutze zwei dunklere Rottöne: den Hauptschatten und ein dünnes Band direkt davor. Die Blätter bekommen ein dunkleres Grün auf der Seite, die vom Licht weg zeigt, und der Apfel wirft einen kleinen Schatten auf den Boden.
Schritt 4: Licht
Licht gibt dem Sprite einen knackigen Look. Ein kleines Glanzlicht oben links, wo das Licht zuerst auftrifft, reicht. Hier sind es nur 7 Pixel. Wie bei der Schattierung gilt: Sei vorsichtig und übertreib es nicht.
Schritt 5: Details
Am Ende prüfe ich jeden Schritt noch mal. Stimmt die Form? Die Kontur? Die Farben? Dann kommt der Feinschliff:
- Hellere Blattfalten. Die Blätter sind oben und bekommen viel Licht, also sollten ihre Falten nicht so dunkel sein.
- Reflexlicht. Licht trifft auf den Boden und wird zurück auf die Unterseite des Apfels geworfen. Das ist eine künstlerische Entscheidung, aber genau solche kleinen Details unterscheiden Amateurarbeit von Profiarbeit.
- Anti-Aliasing. Wo zwei kontrastreiche Farben aufeinandertreffen, wie das hellrosa Glanzlicht und das Rot, setze ich ein Pixel in einem Mittelton dazwischen, um die Kante zu glätten. Benutz das nur an wenigen Stellen. Wenn du jede Kante anti-aliast, wird das Sprite verschwommen.
Wie geht es weiter?
Probier dieselben fünf Schritte an deinem eigenen Sprite aus: eine Kirsche, eine Trankflasche, eine Münze. Lass das Licht von oben links kommen, und du wirst überrascht sein, wie schnell es richtig aussieht.