Animationsgrundlagen in Pixel Art

Animation ist Änderung über Zeit, und Pixel machen sie zählbar: Wie weit jeder Punkt je Frame wandert, ist das Handwerk.

Frames, Timing, Spacing

Frame ist eine Zeichnung; Timing ihre Dauer. Spacing — Weg je Frame — erzeugt Gewicht: gleichmäßig gleitet, wachsend beschleunigt, gestaucht stoppt. Mit 2–8 Zeichnungen alles choreografiert; Zahl zählt weniger als Spacing-Entscheide. PixiMelon spielt 1–24 FPS vor — Timing fühlen statt rechnen.

Vier Frames eines hüpfenden Pixelballs mit Spacing und Squash — Abbildung: Gleiche Lücken gleiten, Klumpen stoppen — Squash verkauft Aufprall.

Squash, Stretch und Charme

Volumenerhaltende Verformung verkauft Physik: Ball squash beim Aufprall, stretch im Flug, grob gleiche Pixelzahl durchweg. Im Sprite-Maßstab reichen 1–2 Pixel — Übertreibung liest besser als Genauigkeit. Gleiches für Blinzeln (Auge squashen), Sprünge, Treffer.

Loops ohne Ruckler

Fast alles loopt ewig: Letzter Frame muss in ersten fließen — enden wo begonnen oder Startpose mittig passieren. Idle versteckt Naht symmetrisch; Walk mit Kontaktposen. Loop vorschauen, nicht Frames scrubben — Naht zeigt nur Bewegung. Der Animator loopt dauemd genau darum.

Mit Onion Skin, nicht dagegen

Onion Skin (vorher rot, nachher blau) macht Spacing sichtbar: gleiche Lücken Rot–Aktuell–Blau sind Tempo. Per Pfeiltasten steppen, Leitpixel schauen, Frame justieren — nicht Intuition. Geteilte Hintergründe dazu, nur Bewegtes fordert auf.

Häufige Fragen

Welche FPS zum Animieren?

Mit 8 starten. Retro-Snap 4–6, weiche Loops Richtung 12, Effekte bis 24.

Was ist Spacing?

Weg zwischen Frames. Gleichmäßig gleitet; wechselnd erzeugt Tempo, Gewicht, Stopps.

Warum Loop ruckelt?

Letzter fließt nicht in ersten. Auf Startpose enden, in Bewegung prüfen.

Einfachste erste Animation?

Blinzeln oder Hüpfen in zwei Frames: Zeichnung duplizieren, Handvoll Pixel ändern, 6–8 FPS. Kleine Siege lehren Timing.

Sprite fertig? Online animieren