Für Spielfiguren

Sprite-Sheet-Animator

Hast du mehrere Zeichnungen einer Figur? Spiele sie der Reihe nach ab, um die Bewegung zu prüfen, und speichere die Animation dann als GIF.

Beispiel: 4 Gehposen → eine Gehanimation

Dieses Werkzeug ausprobieren
StandbilderBewegte Animation
  1. 1. HinzufügenFiguren-Einzelbilder oder ein Bildraster
  2. 2. AnpassenReihenfolge und Geschwindigkeit wählen
  3. 3. SpeichernBewegte Vorschau oder GIF

Option A · Ich habe einzelne Bilder

Wähle bis zu 100 Bilder im Format PNG, JPG oder WebP – eines pro Pose.

Option B · Ich habe ein Bildraster

Ein Raster gleich großer Posen in einem Bild. Gib an, wie viele Felder es hat, und wähle dann das Bild aus.

Bewegung ansehen

Wähle oben Bilder aus. Ihre Bewegung erscheint hier.

Einzelbild 0 / 0

GIF hat bis zu 256 Farben und Transparenz mit harten Kanten. Zeitangaben werden auf 10 ms gerundet; der Export ist auf 1024 px pro Seite und insgesamt 20 Millionen Einzelbildpixel begrenzt.

So verwendest du es

  1. 1. Einzelne Bilder oder ein gleichmäßiges Sprite-Sheet wählen

    Wähle PNG-, WebP- oder JPG-Einzelbilder gemeinsam aus oder gib Zeilen und Spalten ein, bevor du ein Sheet lädst. Die Zellen werden von links nach rechts und dann von oben nach unten gelesen. Ein Sheet mit 256 × 128, 4 Spalten und 2 Zeilen ergibt acht Einzelbilder mit 64 × 64. Ränder und Zwischenräume werden nicht automatisch abgezogen.

  2. 2. Reihenfolge vor dem Anpassen der Geschwindigkeit prüfen

    Klicke auf ein Vorschaubild, um eine Pose zu prüfen. Mit den Pfeilen darunter verschiebst du ein Einzelbild nach vorn oder hinten. Halte Füße und Pivot über alle Einzelbilder hinweg an derselben Position: Eine Änderung der Wiedergabegeschwindigkeit korrigiert keine unterschiedlich zugeschnittene oder ausgerichtete Grafik.

  3. 3. Schleife ansehen, dann herunterladen

    Beginne mit 8 Bildern pro Sekunde, drücke Abspielen und beobachte bei aktivierter Schleife den Übergang vom letzten zum ersten Einzelbild. Lade das GIF herunter, wenn die Bewegung stimmig wirkt. Bewahre die PNG-Originale für deine Spiel-Engine und spätere Bearbeitungen auf. Das GIF ist ein Format zum Teilen, kein qualitätserhaltender Ersatz.

Einzelbildanzahl, FPS und GIF-Qualität sind unterschiedliche Entscheidungen

Jedes Vorschau-Einzelbild erhält dieselbe Dauer. Acht Einzelbilder bei 8 FPS dauern eine Sekunde; dieselben Bilder bei 16 FPS eine halbe Sekunde. Mehr FPS machen vorhandene Bewegung schneller, nicht detailreicher. Springt ein Fuß zurück, prüfe die Einzelbildreihenfolge und den Schleifenübergang, statt die Geschwindigkeit zu erhöhen.

Nutze für einzelne Einzelbilder eine gemeinsame Arbeitsfläche. Der GIF-Export verwendet die größten Einzelbildabmessungen und zentriert kleinere Bilder. Die Zentrierung kennt den vorgesehenen Bezugspunkt eines Fußes oder Gesichts nicht. Stelle Ränder vor dem Laden wieder her, wenn die Ausrichtung wichtig ist.

Der GIF-Export quantisiert jedes Einzelbild auf höchstens 256 Farben und wandelt teilweise Transparenz in transparente oder undurchsichtige Pixel um. Verzögerungen werden auf 10-ms-Einheiten gerundet: 8 FPS verlangen 125 ms, aber dieser Exporter schreibt 130 ms. Öffne den Download erneut, um das tatsächliche Timing und weiche Kanten zu beurteilen.

Schleife mit acht Einzelbildern: Vorschau- und Export-Timing im Vergleich
Einstellung oder EingabeWas es bedeutet
Vorschau mit 8 FPS8 × 125 ms = 1 Sekunde
GIF-Export mit 8 FPS8 × 130 ms = 1.04 Sekunden
GIF-Export mit 16 FPS8 × 60 ms = 0.48 Sekunden

Vor dem Herunterladen prüfen

Eine abgeschnittene Pose deutet meist auf ein falsches Raster hin

Die Sheet-Breite muss durch Spalten und die Höhe durch Zeilen teilbar sein. Sind Ränder, Zwischenabstände oder ein unregelmäßiges Layout vorhanden, schneide zuerst die Einzelbilder aus, statt beliebige Zeilenanzahlen auszuprobieren.

Vorschau und Export haben unterschiedliche Grenzen

Der Arbeitsbereich akzeptiert bis zu 100 Einzelbilder und Eingabebilder mit bis zu 8192 px pro Seite. Der GIF-Export ist auf 1024 px pro Seite und insgesamt 20 Millionen Einzelbildpixel begrenzt. Eine große Sequenz lässt sich möglicherweise laden, überschreitet aber trotzdem das Exportlimit.

Fragen

Kann ich ein Einzelbild länger stehen lassen?

Nicht direkt. Ein FPS-Wert gilt für die ganze Folge. Bereite wiederholte Posen für eine ungefähre Haltephase vor oder verwende bei wichtigen präzisen Verzögerungen einen Animationseditor mit Einzelbild-Timing.

Warum unterscheidet sich das GIF von der PNG-Vorschau?

GIF hat eine begrenzte Palette und keinen abgestuften Alphakanal. Schwache Schatten können verschwinden und Verläufe zu Farbbändern werden. Verwende für Spielressourcen ursprüngliche PNG-Einzelbilder, keine aus einem neu kodierten GIF extrahierten Bilder.

Kann ich einen gepackten Atlas mit ungleichmäßigen Rechtecken animieren?

Der Sheet-Modus erwartet ein regelmäßiges Raster ohne Metadaten. Stelle einen beschnittenen Aseprite-Export zuerst mit dem Aseprite-Sprite-Sheet-Entpacker wieder her und lade anschließend seine PNG-Einzelbilder mit vollständiger Arbeitsfläche.

Vergrößert die vergrößerte Vorschau auch meine Ausgabe?

Nein. Nearest-Neighbor-Skalierung der Vorschau hilft, kleine Sprites ohne Glättung zu prüfen. Der Export behält die Abmessungen der Quelleinzelbilder. Nutze für eine größere Datei separat einen Vergrößerer.

Werden meine Grafikdateien hochgeladen?

Nein. Dekodierung, Vorschau und GIF-Kodierung laufen in diesem Tab. Lade alles Benötigte vor dem Neuladen oder Schließen herunter. Dieser Arbeitsbereich ist kein gespeichertes Projekt.

Passende Werkzeuge und Anleitungen

Schritt-für-Schritt-Anleitung vom Sprite-Sheet zum GIF — Nutze ein 4 × 2-Sheet, berechne die Schleifendauer und prüfe das exportierte GIF.

Eine springende Sprite-Animation korrigieren — Unterscheide Fehler des Zuschnittursprungs, beabsichtigte Bewegung und einen fehlerhaften Schleifenübergang.

Sprite-Sheet-Schneidewerkzeug — Teile ein Sheet mit Rändern oder unregelmäßigen Einzelbildgrenzen auf.

Aseprite-Sprite-Sheet-Entpacker — Stelle beschnittene Positionen wieder her, bevor du eine Animation testest.