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

Um eine Pixel Art Ziegelmauer zu zeichnen, füllst du den Hintergrund mit einer Mörtelfarbe, legst Reihen kleiner Rechtecke mit einem Pixel Abstand an, verschiebst jede zweite Reihe um einen halben Ziegel, schattierst dann jeden Ziegel unten rechts und hellst ihn oben links auf. Zeichne sie unten auf einer Fläche von 32 mal 32.

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, 30-fach beschleunigt
Aus meinem Kursvideo: dasselbe Bild, vor der Kamera gezeichnet, 30-fach beschleunigt. Auch auf unserem YouTube-Kanal.

Woraus die Mauer besteht

Eine Hintergrundfarbe für den Mörtel, die Ziegel, Schattierung, Licht und ein paar Details. Die Palette ist klein: ein Hauptton, zwei Schattentöne, zwei Lichttöne und die Hintergrundfarbe. Der Hintergrund kommt zuerst, deshalb hat die Fläche hier schon die Mörtelfarbe.

Schritt 1: Die Ziegel anordnen

Reihen flacher graublauer Ziegel auf dunkelgrauem Hintergrund

Jeder Ziegel ist 9 Pixel breit und 4 hoch. Lass ein Pixel Mörtel zwischen den Ziegeln. Für die nächste Reihe verschiebst du die Ziegel so, dass die linke Seite jedes unteren Ziegels genau unter der Mitte des Ziegels darüber sitzt. Wenn du unsicher bist, zähl vier Pixel vom Rand.

In Aseprite zeichne ich einen Ziegel mit seinen Kanten, kopiere ihn und füge ihn über die ganze Reihe ein, dann kopiere ich ganze Reihen nach unten. Viel schneller, als jeden Ziegel einzeln zu zeichnen.

Schritt 2: Schattierung

Die Ziegel mit dunkleren unteren und rechten Kanten und dunklen Mörtelecken

Das Licht kommt von oben links. Also liegen die Unterseite und die rechte Seite jedes Ziegels im Schatten. Dann nimm den dunkelsten Ton und setz ihn in die Ecken, wo die Mörtellinien zusammenlaufen. Diese kleine Berührung gibt der Mauer Tiefe.

Schritt 3: Licht

Die Ziegel mit hellen oberen und linken Kanten, die eine Abschrägung bilden

Jetzt die gegenüberliegenden Seiten: Die obere und die linke Kante jedes Ziegels bekommen den hellen Ton. Schatten auf der einen Seite, Licht auf der anderen, und aus den flachen Rechtecken werden Ziegel mit abgeschrägten Kanten.

Schritt 4: Details

Die fertige Ziegelmauer mit ein paar hellen Pixeln auf den oberen Kanten

Die Details sind einfach eine weitere Lichtschicht: Verteil ein paar Pixel der hellsten Farbe auf den oberen Kanten. Es ist eine gute Angewohnheit, Schattierung und Glanzlichter auf eigenen Ebenen zu lassen, damit du sie später anpassen kannst.

Jetzt du: Sandziegel

Dieselbe Ziegelmauer in warmen Sandfarben

Dieselbe Mauer, neue Palette. Genau darum geht es bei dieser Übung: Nimm ein Sprite, das du schon hast, ändere die Farben, pass ein paar Details an, und du hast ein ganz neues. Willst du mehr? Füg ein paar Risse hinzu wie bei den Felsen, oder treib Glanzlichter und Schattierung weiter.