Pixel Art Frame für Frame Animieren

Gute Pixel-Animation ist kleine Bewegung mit sauberem Timing. Diese Anleitung deckt den ganzen Loop ab.

Zwei Frames planen statt zehn zeichnen

Jeder Loop fragt: Was bewegt sich, was bleibt? Extreme zuerst (Arm hoch/runter, Augen auf/zu), Inbetweens nur wo es ruckelt. Die meisten starken Loops sind 2–4 Frames; Feuer und Funken verdienen mehr.

Duplizieren, minimal ändern

Im Animator duplizieren und das Kleinste bewegen, das Bewegung verkauft. Kleine Wege wirken smooth; große Sprünge teleportieren. Per ◀ ▶ sortieren, wenn die Folge holpert.

Auf 8 FPS timen, dann justieren

Vorschau bei 8 FPS: Standard mit Grund. Holprig? Frame dazu oder FPS hoch. Träge? Frame weg oder runter auf 6. Gehen: 6–8, Blinzeln und Bouncen: 4, Schimmer und Feuer: bis 12–24. Vorschau schlägt Zählung.

Onion Skin messen lassen

Onion Skin an, Geist bis Nachbarn blass: Rot war, Blau wird. Gleichmäßige Abstände Rot–Aktuell–Blau sind gleichmäßiges Tempo; Klumpen sind Easing. Per ← → an einem Leitpixel entlang steppen.

Sprite mit rotem Vor- und blauem Nach-Geist im Onion Skin — Abbildung: Rot war, Blau wird.

Hintergrund teilen, Loop exportieren

🔗 auf Hintergründe: nie neu gezeichnet — nie flackernd. Läuft die Vorschau sauber: GIF zum Teilen (Loop, transparent, scharf hochskaliert) oder Sprite Sheet für Engines. Einzelframes weiter als PNG, SVG oder PDF.

Häufige Fragen

Wie viele Frames zum Gehen?

Vier lesen sich, sechs bis acht smooth. Extreme zuerst, Inbetweens wo es ruckelt.

GIF oder Sprite Sheet?

GIF zum Teilen und Vorschauen; Sheet für Spiele-Engines.

Warum flackert der Hintergrund?

Pro Frame neu gezeichnet. Per 🔗 einmal speichern und teilen.

Sprung im Loop reparieren?

Letzten Frame zurück auf den ersten führen — in Startpose enden — und die Naht in Bewegung prüfen, nie in Stills.

Wie viele Frames für den ersten Loop?

Zwei bis vier: Extreme zuerst, Inbetweens nur wo es stockt. Weniger Zahl als Spacing.

Sprite fertig? Online animieren