Kostenlos Pixel Art Editor — Erschaffe Pixel Art Schritt für Schritt

Pixel-Art-Größen sind Konventionen, und die Konventionen gibt es, weil sie funktionieren. 16×16 ist die klassische Tile- und Sprite-Größe — eine NES-Figur, ein Minecraft-Item-Icon, ein Favicon. 32×32 gibt einer Figur ein Gesicht und eine Pose. 64×64 ist ein Porträt oder ein detaillierter Gegner, und 100×100 ist eine ganze Szene. Nimm die Größe, die zum Verwendungszweck passt: Ein Sprite, das du auf 64×64 zeichnest und auf 16×16 schrumpfst, wird zu Brei, und ein hochskaliertes 16×16-Icon ist bloß ein größeres 16×16-Icon.

Leg dich fest, bevor du zeichnest. Späteres Vergrößern behält die Pixel, aber nicht die Komposition: Eine Figur, die einen 32×32-Rahmen ausgefüllt hat, wird zur kleinen Gestalt in der Ecke eines 64×64-Rahmens. Wenn du ein Set zeichnest — ein Tileset, ein Icon-Pack, eine Heldengruppe — entscheide dich für eine Leinwandgröße für das gesamte Set und halte jedes Stück darauf, damit alle im Spiel oder auf der Seite im selben Maßstab nebeneinanderstehen.

Die 256-Farben-Palette ist eine Speisekarte, kein Ziel. Die meisten fertigen Sprites nutzen acht bis sechzehn Farben, angeordnet in Rampen: drei bis fünf Stufen eines Materials von Schatten bis Glanzlicht. Was gute Pixel-Art von flacher Pixel-Art trennt, ist, dass eine Rampe nicht einfach nur heller wird — sie verschiebt den Farbton. Schatten kippen Richtung Blau oder Violett, Lichter Richtung Gelb oder Orange, sodass der Schatten eines roten Hemds ein kühles Karmesin ist und sein Glanzlicht ein warmes Koralle statt eines rosigeren Rots.

Bau zuerst die Rampen, dann zeichne. Wähl für jedes Material den Mittelton, dazu einen Schatten und ein Licht, die neben der Helligkeit auch den Farbton verschieben, und versuch, eine Rampe für mehrere Materialien wiederzuverwenden — dieselben drei Grautöne können Rüstung, Stein und Wolke sein. Wenn zwei Farben in deinem Sprite so nah beieinanderliegen, dass du hineinzoomen musst, um sie auseinanderzuhalten, verdient eine davon ihren Platz nicht.

Diagonale Linien sind in der Pixel-Art Treppen, und das Auge liest eine Treppe nur dann als glatte Linie, wenn die Stufen regelmäßig sind. Eine 45°-Linie ist ein Pixel pro Stufe. Eine flachere Linie besteht aus Läufen von zwei, drei oder vier Pixeln — und alle Läufe müssen gleich lang sein, sonst wirkt die Linie geknickt. Der klassische Fehler ist eine Ecke, an der zwei Linien aufeinandertreffen und ein doppeltes Pixel hinterlassen; radier es weg, und die Ecke wird scharf. Zeichne mit dem Stift in Ein-Pixel-Breite und zoom oft heraus: Treppchen, die bei 8× unsichtbar sind, fallen bei 1× sofort auf.

Dithering — ein Schachbrett aus zwei Farben — ist die Art, wie Pixel-Art mit begrenzter Palette eine dritte Farbe und einen Verlauf vortäuscht. Ein 50-%-Schachbrett zwischen zwei Rampenstufen liest sich als die Stufe dazwischen; ein lockereres Muster als weicherer Übergang. Nutz es für Himmel, für Schatten auf großen Flächen und für Metall, und lass es bei kleinen Sprites weg — auf 16×16 sieht ein Schachbrett schlicht nach Rauschen aus.

Die Grafik wird in ihrer echten Größe gesehen oder in einem ganzzahligen Vielfachen davon — nie in dem Zoom, in dem du zeichnest. Schalte das Raster alle paar Minuten aus und betrachte die Leinwand als Ganzes; besser noch, kneif die Augen zusammen. Wenn Pose, Objekt oder Buchstabe auch ohne die Details noch zu erkennen sind, stimmt die Silhouette. Wenn nicht, rettet keine Schattierung der Welt sie — bring erst die Kontur in Ordnung.

Eine Ein-Pixel-Kontur in einer dunkleren Version der Füllfarbe (nicht Schwarz) hält ein Sprite vor jedem Hintergrund lesbar. Eine rein schwarze Kontur funktioniert auf hellen Hintergründen und verschwindet auf dunklen; eine selektive Kontur — dunkel, wo sich die Form vom Licht abwendet, heller, wo sie ihm zugewandt ist — ist die Technik, die die meiste moderne Pixel-Art nutzt, und mit dem Stift und einer fertig gebauten Rampe ist es nur noch eine Frage, welchen Ton du anklickst.

Der PNG-Export schreibt pro Leinwandzelle genau ein Bildpixel, ohne Glättung — genau das, was eine Game-Engine haben will. Was es danach trotzdem noch verwischen kann, ist der nächste Schritt: das Skalieren. Skaliere Pixel-Art ausschließlich um ganze Zahlen — 2×, 3×, 4× — mit Nearest-Neighbour-Interpolation. In Unity heißt das Filter Mode auf Point und Compression auf None an der Textur; in Godot der Texturfilter auf Nearest; im Browser image-rendering: pixelated. Eine Skalierung auf 150 % oder irgendein bilineares Resampling weicht jede Kante auf, die du gezeichnet hast.

Zellen, die du leer lässt, werden transparent exportiert, ein Sprite braucht also überhaupt keine Hintergrundfarbe. Wenn die Grafik auf eine Webseite oder in ein Dokument soll statt in ein Spiel, exportiere in Leinwandgröße und lass die Seite skalieren — oder exportiere einmal in 4× für den Druck. Und ändere die Größe des PNG niemals in einem Bildbearbeitungsprogramm mit dessen Standardeinstellungen.