Sprite-Editor
Zeichnen Sie Pixel-Art, erstellen Sie eine Animation Bild für Bild und sehen Sie sich die Bewegung während der Arbeit an. Dieser kostenlose Sprite-Maker bietet Stift, Radierer, Füllwerkzeug, Farbpipette und Onion-Skin-Ansicht zum Vergleich mit dem vorherigen Bild. Erstellen Sie animierte Vorschauen für Perlenkunst oder Spiel-Sprites und laden Sie ein Endlos-GIF, ein horizontales PNG-Sprite-Sheet oder eine bearbeitbare Projektdatei herunter. Alles läuft in Ihrem Browser. Echte Perlen bewegen sich nicht: Jedes Einzelbild ist ein eigenes Design.
Wird automatisch in diesem Browser gespeichert. Laden Sie die JSON-Datei als übertragbare Sicherung herunter.
So animieren Sie einen Sprite
- Beginnen Sie mit einem 16 × 16-Raster und zeichnen Sie eine klare Silhouette.
- Duplizieren Sie den Frame und verschieben Sie einige Pixel für die nächste Pose.
- Nutzen Sie die Zwiebelhaut, um den vorherigen Frame zu vergleichen. Sie erscheint nicht in Exporten.
- Drücken Sie auf „Abspielen“ und passen Sie die Geschwindigkeit an. Ordnen Sie Frames neu, damit die Schleife flüssiger wirkt.
- Laden Sie das GIF zum Teilen oder das Sprite-Sheet für eine Spiele-Engine herunter.
Export- und Projektgrenzen
Nutzen Sie bis zu 32 Einzelbilder auf Rastern von 8 × 8 bis 64 × 64. PNG und JSON erhalten Ihre Originalfarben. GIF verwendet eine angenäherte Palette mit 256 Farben und Transparenz und läuft in einer Endlosschleife. Das Sprite-Sheet ordnet die Einzelbilder ohne Abstand und in Originalauflösung in einer Zeile an.
Animation sichern
Dieser Editor speichert separat vom Musterdesigner im Browser. Der Import eines Projekts lässt sich rückgängig machen. Speichern Sie alle Animationsbilder in Ihrem Konto oder veröffentlichen Sie ein Endlos-GIF in der Galerie. Exportieren Sie die JSON-Datei, bevor Sie Browserdaten löschen oder das Gerät wechseln.
Animationstipps
Beginnen Sie mit zwei oder vier Einzelbildern und niedriger Wiedergabegeschwindigkeit. Halten Sie die Grundform gleich, ändern Sie zwischen den Bildern nur ein kleines Detail und prüfen Sie den Übergang vom letzten zum ersten Bild. Vermeiden Sie schnelles Blinken und starke Kontrastwechsel.