Zeichne eine Figur in Pixel Art, Schritt für Schritt

Um eine Pixel Art Figur zu zeichnen, fängst du mit einer sauberen Kontur an, machst den Kopf groß (etwa halb so groß wie der Körper), füllst flache Farben ein, schattierst die Seite, die vom Licht weg zeigt, mit etwas Dithering, setzt Glanzlichter, die den Falten der Kleidung folgen, und schließt mit einem Schlagschatten und ein paar Anti-Aliasing-Pixeln ab. Zeichne den Weisen unten, Schritt für Schritt.

Dieses Sprite ist breit. Am Computer zeichnet es sich leichter, oder mit dem Handy quer.

Schritt 1

Farben für diesen Schritt
Tools
Vorlage

Fertigen Schritt zeigen
Zeitraffer aus Romans Kursvideo: dasselbe Bild in Aseprite gezeichnet, 95-fach beschleunigt
Aus meinem Kursvideo: dasselbe Bild, vor der Kamera gezeichnet, 95-fach beschleunigt.

Das ist der Weise

Er hat einen großen Hut, einen weißen Bart und ein langes Gewand mit weiten Ärmeln. Seine Hände liegen übereinander und sind größtenteils in den Ärmeln versteckt. Das Gewand ist so lang, dass du seine Füße kaum siehst, sie liegen in seinem Schatten. Und das Licht kommt von oben rechts.

RPG oder Platformer?

Das ist ein RPG-Charakter, wie du ihn aus Top-down-Spielen kennst. Wir schauen ein bisschen von oben auf ihn, also sehen wir die Oberseite seines Kopfes, oder hier: seines Huts. Einen Platformer-Charakter sieht man von der Seite, auf Augenhöhe, darum siehst du nur ganz oben ein Stück vom Kopf. Entscheide dich für die Ansicht, bevor du zeichnest.

Und hab keine Angst vor Proportionen. Sein Körper ist nur etwa zwei Köpfe hoch. Große Köpfe und übertriebene Hände oder Füße geben Pixel-Art-Charakteren Charme. Das hier ist kein Anatomiekurs, mach es einfach mit Absicht.

Schritt 1: Kontur

Schwarze Kontur eines Charakters mit breitem Hut, langem Gewand und Armen mit Ärmelaufschlägen

Fang oben am Hut mit einer kurzen Linie an und lass sie sanft nach unten laufen: keine verirrten Pixel, keine Zacken, keine Doppelpixel. Dann die breite Krempe, die Schultern, das lange Gewand bis zu den Füßen, das Gesicht und der Bart, eine kurze Linie in der Mitte des Gewands und die Arme mit ihren Aufschlägen. Beide Seiten sind spiegelgleich, also kannst du eine zeichnen und sie kopieren.

Ehrlich, die Kontur eines Charakters ist simpel: ein Kopf, ein Gesicht, zwei Arme und ein Körper. Doppelpixel, die jetzt noch drin sind, kannst du später korrigieren. Im Moment legst du nur die Fläche fest.

Schritt 2: Farben

Der Charakter mit flachen Farben gefüllt: orangefarbenes Gewand, helleres Orange am Hut, weißer Bart, hautfarbenes Gesicht

Füll das Gewand mit dem kräftigen Orange und den Hut mit dem helleren Orange. Zeichne den Bart in Weiß und füll dann das Gesicht mit dem Hautton. Färb die Kontur um das Gesicht orange um, damit sie nicht so schwer wirkt.

Schritt 3: Schattierung

Der Charakter mit dunkelroter Schattierung, einem Schachbrettmuster auf dem Hut und einem grauen Schatten unter dem Gewand

Schau, was die Schattierung hier bewirkt. Der Charakter hat plötzlich Volumen und ist auf einen Blick lesbar. Unterschätz das nie.

Auf dem Hut siehst du ein Schachbrettmuster. Das ist Dithering: Zwei benachbarte Farben wechseln sich Pixel für Pixel ab, sodass sie ineinander übergehen. Die andere Art, Farben zu mischen, ist Banding: Du setzt die Farben in Streifen nacheinander. Beides ist verbreitet, aber Dithering ist der Klassiker.

Dann überleg, was das Licht blockiert. Die langen Ärmel verdecken die Hände, also ist die Fläche darunter ein sehr tiefes Rot. Die Arme stehen vom Körper ab, darum ist die untere Hälfte des Gewands einen Tick dunkler als die obere. Nimm die Schattenfarben für die Falten und glätte die Ränder von Gesicht und Bart mit ein paar Zwischenpixeln. Zum Schluss der Schlagschatten unter dem Gewand, in Grau. Er versteckt die Füße, und genau das würde ein langes Gewand tun.

Schritt 4: Licht

Der Charakter mit einer hellen weißen Kante rechts am Hut und hellorangen Glanzlichtern auf dem Gewand

Das Licht kommt von oben rechts, also bekommt die rechte Kante des Huts Weiß. Auf dem Gewand nimmst du die helleren Orangetöne, rechts ein bisschen mehr. Die Glanzlichter folgen der Form des Körpers und der Richtung der Falten, hier ein paar Pixel, da ein kleiner Zickzack.

Schritt 5: Details

Der fertige Weise in Pixel Art auf einem warmen grauen Hintergrund

Die Details an diesem Charakter sind nur ein paar Stellen Anti-Aliasing. Drei Pixel. Manchmal reicht das schon.

Jetzt du: drei weitere Charaktere

Vier Versionen des Weisen: kleine, mittlere und große Platformer-Charaktere und der RPG-Charakter

Die ersten drei sind Platformer-Versionen des Weisen, in drei Größen: Wir sehen sie von der Seite, also ist nur die Spitze des Huts zu sehen. Sie sind einfacher als der RPG-Charakter, den du gerade gezeichnet hast. Probier sie aus und ändere, was du willst, vielleicht eine andere Hutfarbe.