Sub-Pixel-Animation in der Pixel Art

Sub-Pixel-Animation setzt Spuren aus Nachbarfarben hinter bewegte Pixel, damit die Bewegung weicher wirkt als immer ein ganzer Pixel auf einmal. Sie gleicht aus, dass du nichts um einen halben Pixel verschieben kannst. Nutze sie bei weichen, beweglichen Dingen: Stoff, Blätter, Flüssigkeiten. Probier es unten mit dem atmenden Weisen aus.

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

Warum Sub-Pixel

Zwei animierte, atmende Weise: links ohne Sub-Pixel-Animation, rechts mit
Links: normale Animation. Rechts: mit Sub-Pixel-Animation.
Romans Folie: die Robe des Weisen aus der Nähe, links normale Animation, rechts mit Sub-Pixel-Spuren aus Nachbarfarben
Aus der Nähe: Die Nachbarfarben dazwischen auf der rechten Seite sind die Sub-Pixel.

Der Weise atmet schwer, sein Körper bewegt sich und seine Robe flattert. In der Pixel Art kannst du Dinge nur um einen Pixel auf einmal bewegen, und oft reicht das nicht für eine weiche Bewegung, vor allem bei etwas Weichem wie Stoff.

Also fügen wir Spuren in Nachbarfarben hinzu. Die Textur auf der Robe ist tiefrot, und die Spur daneben ist fast rosa. Das Glanzlicht auf dem Hut hüpft auf und ab und wird für einen Moment durch eine kleine blassgelbe Spur ersetzt. Nebeneinander wirkt der linke Weise ruckelig und der rechte weich.

Sie ersetzt keine normale Animation, sie kommt obendrauf.

Frame für Frame

Ohne Sub-Pixel braucht das Atmen zwei Frames. Mit ihnen kommen zwei dazu. Frame 1 ist in beiden gleich. In Frame 2 ist die normale Version schon fertig, während die Sub-Pixel-Version noch Spuren hat. In Frame 3 holen die Spuren die Haupttextur ein und verschwinden. In Frame 4 geht der Körper wieder nach oben, gefolgt von den Spuren, und dann beginnt der Zyklus von vorn.

Auch das Timing ist ungleichmäßig: Die Posen dauern 400 Millisekunden und die Zwischenframes 200.

Wo du sie sonst noch nutzen kannst

Blätter, die im Wind flattern, ein Umhang oder eine Robe im Wind, Wasser. Alles Bewegliche ist ein guter Ort für ein paar Spuren in Nachbartönen. Und ändere die Spuren ruhig: andere Töne, mehr davon oder weniger.