Pixel Art Online Animieren
Erwecke Sprites Frame für Frame zum Leben: Onion Skin, sortierbarer Filmstreifen, geteilte Hintergrundebenen, GIF oder Sprite Sheet per Klick.
Turn Pictures Into Pixel Art
Verwandle Fotos in Sekunden in Pixel Art. Bearbeite jedes Pixel, animiere es und lade deine Kreation.
🔒 Deine Bilder verlassen nie dein Gerät. Alles läuft in deinem Browser.
Sakura
Gemacht mit PixiMelon · Hochladen. Pixeln. Bearbeiten. Animieren. Laden.
Verwandle dein Foto in Pixel Art
Lade ein Foto hoch und erstelle in Sekunden Pixel Art.
Foto hierher ziehen und ablegen
oder
PNG · JPG · WEBP · SVG · PDF · AI — du kannst auch ein Bild einfügen (Strg/⌘ + V)
Neues Pixel Art erstellen
Wähle eine Canvasgröße zum Zeichnen.
Pixel Art animieren
Wähle eine Canvasgröße zum Animieren.
Verwandle dein Video in Pixel Art
Lade ein Video hoch und erstelle in Sekunden eine Pixel-Art-Animation. Alles läuft auf deinem Gerät.
Video hierher ziehen und ablegen
MP4 · WebM · MOV — lokal verarbeitet, nie hochgeladen
Verarbeite Frame 1 / 1
Der Animations-Loop Schritt für Schritt
- Canvasgröße — Presets oder eigenes B × H, wie im Editor.
- Frame 1 zeichnen im eingebetteten Editor (gleiche Tools, Ebenen, Palette).
- Frames dazu (+ Frame) oder Duplizieren und nur Bewegtes ändern.
- Tempo mit FPS (1–24): Abspielen. Loop läuft mit Zähler.
- Export als GIF, Sprite Sheet oder aktuellen Frame als PNG/SVG/PDF.
Frames und Filmstreifen
Nummerierter Streifen unterm Canvas: Klick springt, ◀ ▶ sortiert, ← → steppt. Löschen entfernt (letzter leert), „Leeren“ wischt ungesperrte Ebenen des Frames. Duplizieren vor dem Ändern hält Bewegung konsistent.
Onion Skin und Timing
Onion Skin zeigt vorher rot, nachher blau, Geist-Stärke regelbar — Standard für Bögen und Abstände. Timing in Bildern/Sekunde: 4–6 FPS retro-holprig, 8–12 FPS Sprite-Sweet-Spot, 24 FPS smooth Effekte. Vertiefung: Pixel Art animieren.
Hintergründe ohne Flackern
🔗 teilt Ebenen über alle Frames — typisch Hintergrund oder Schatten. Einmal gespeichert, unter jeden Frame komponiert: Statik wackelt nie. Normale Ebenen bleiben pro Frame für Bewegtes.
Vom Standbild zur Animation
Beide Editoren haben „Pixel Art animieren“: sendet das Komposit (inkl. Canvas) in den Animator, Projektname wandert mit. Starte im Editor oder wandle ein Foto und animiere: wandeln → bearbeiten → animieren → exportieren.
Export: GIF vs. Sprite Sheet
- GIF — Endlos-Loop, Transparenz, lange Seite ab 512 px für scharfes Teilen.
- Sprite Sheet — ein PNG, alle Frames nebeneinander, bereit für Engines.
- Einzelframe — wie Maker-Art: PNG nativ (1×), Vektor-SVG oder PDF.
Häufige Fragen
Wie viele Frames?
Kein festes Cap — nur Speicher. 2–8 decken Idle, Gehen, Blinzeln; Effekte mehr.
Welche FPS?
Starte mit 8. 4–6 kernig retro, Richtung 12 weiche Loops. Der Vorschau trauen.
Was ist Onion Skin?
Verblasste Nachbar-Frames: vorher rot, nachher blau. Zeigt die Pixelreise je Frame.
Hintergrund still halten?
🔗 auf der Hintergrundebene: über alle Frames geteilt, automatisch darunter gezeichnet.
GIF oder Sprite Sheet?
GIF zum Teilen und Vorschauen — Loop plus Transparenz. Sheet für Spiele und Engines.
Wie schaue ich meine Animation an?
Play drücken: Der Loop läuft endlos mit Live-Zähler, während du den FPS-Regler stellst.
Eine Zeichnung in mehreren Frames nutzen?
Ja — Frame duplizieren und nur bewegen, was sich bewegt. Kleine Wege lesen sich flüssig.
Warum wirkt meine Bewegung falsch?
Mit Pfeiltasten steppen, einen Leitpixel mit Onion Skin verfolgen: gleiche Lücken, gleiches Tempo; Klumpen bremsen.