Eine Animation ist kein Film. Sie besteht aus einzelnen Bildern (Frames). Erst wenn du sie in der richtigen Reihenfolge und mit der richtigen Zeit abspielst, wird daraus Bewegung.
Alles läuft in deinem Browser: nichts wird hochgeladen.
1. Bild für Bild: Zeichne im Bild, klicke auf + Bild und zeichne weiter. Jedes Bild ist ein eigenes Standbild. Mit ⧉ Doppel kopierst du ein Bild samt Ebenen. Das Formen-Werkzeug zeichnet Rechtecke, Ellipsen, Dreiecke, Sterne, Linien und Pfeile: auf dem Blatt ziehen, die Form entsteht mit Vorschau und wird beim Loslassen fest. Der Textmarker malt breit und durchsichtig – gut für Bewegungslinien. Mit Stift-Druck folgt die Strichstärke dem Druck eines echten Stifts (mit dem kleinen Regler stellst du ein, wie dünn ganz leichte Berührungen sind; Maus und Finger zeichnen normal). ↶ Undo / ↷ Redo (Strg+Z / Strg+Y) nimmt Schritte zurück oder stellt sie wieder her.
2. Tempo: Bilder/s sagt, wie viele Bilder in einer Sekunde gezeigt werden. Bei 12 Bildern/s steht jedes Bild rund 83 ms still. Gib einem Bild im Feld unter dem Vorschaubild eine eigene Dauer in ms – dann bleibt es genau so lange stehen. Eine lange Dauer wirkt wie eine Pause, ein Wimpern- Schlag oder ein Blinzeln. Beim Abspielen kannst du mit dem Tempo-Regler (×0,25 bis ×3) live spielen: Er verändert nur das Abspielen, nicht deine Bilder/s – so spürst du, wie Tempo entsteht. Die dünne Zeitspur unter der Leiste zeigt, wie weit die Zeit gerade ist.
3. Zwiebel-Haut: Schalte sie mit dem Knopf mit den drei Blättern in der Werkzeugleiste ein, dann siehst du die Nachbarbilder durchsichtig – frühere rot, spätere blau. Du zeichnest nie auf diese Schatten, sie sind nur eine Hilfe zum Nachzeichnen.
4. Ebenen: Jedes Bild hat Ebenen (Hintergrund, Figur, Details). Mit dem Auswahl-Werkzeug verschiebst, drehst und skalierst du eine Ebene. ↔ Spiegeln und ↕ Kippen drehen die Ebene an ihrer Mitte um – gut, wenn eine Figur in die andere Richtung laufen soll. Ziehst du eine Ebene nahe an die Blattmitte, einen Rand oder (mit Raster) eine Rasterlinie, rastet sie dort ein – rote Linien zeigen dir das; mit gedrückter Alt-Taste ziehst du frei. ⧉ Duplizieren kopiert die gewählte Ebene, das Schloss in der Ebenenliste schützt eine fertige Ebene: nichts kann darauf passieren, bis du es wieder öffnest. Auf alle Bilder überträgt diese Bewegung auf alle Bilder mit derselben Bilddatei – so wird aus einem Ball eine Bewegung.
5. Speichern und Teilen: Dein Projekt speichert sich automatisch. 💾 Projekt sichert ein Paket (ZIP), in dem alles zusammen ist: die Projektdatei und alle Bilder als echte Dateien. Dieses eine Paket kannst du teilen – die Werkstatt liest es über 📂 Laden wieder ein (alte reine JSON-Dateien gehen auch noch). 🖼️ GIF macht daraus eine animierte Bilddatei – die läuft überall. 🎬 Video nimmt die Animation einmal als WebM auf; das Format spielen nicht alle Programme (auch nicht jedes MP4-Programm), das GIF dagegen schon.
6. Rechtsklick: Mit der rechten Maustaste geht überall ein Menü auf. Auf ein Bild unter der Leiste kannst du es duplizieren, löschen oder verschieben; auf eine Ebene in der Liste daneben kannst du sie kopieren oder wegräumen. Entf löscht das gerade markierte Bild – fragt aber vorher nach, damit nichts verloren geht. Esc macht das Menü wieder zu. Auf Tablet und Handy: antippen und kurz stehen bleiben – nach einer halben Sekunde kommt dasselbe Menü. Ziehen verschiebt das Bild, also: erst ziehen, dann ruhig halten.
7. Text und neue Werkzeuge: Mit dem Text-Werkzeug schreibst du einen Titel, ein Namensschild oder eine Beschriftung. Du gibst den Text ein und klickst dann auf das Blatt – der Text kommt auf eine eigene Ebene und lässt sich mit dem Auswahl-Werkzeug verschieben, drehen und skalieren. Mit Deckkraft malst du halb durchsichtig (Schatten, Geisterbilder). Symmetrie zeichnet jeden Strich zusätzlich spiegelverkehrt an der Blattmitte – perfekt für ein symmetrisches Gesicht oder einen wippenden Ball. Weiche Linien rundet den Strich weich ab, statt ihn eckig zu lassen.
Das markierte Bild wird gelöscht. Mit ↶ Undo holst du es zurück.
6 Aufträge, je drei Sterne. Ein Stern kommt für jeden Schritt, den du wirklich gemacht hast. Prüfen schaut dein Projekt ehrlich an und sagt dir, was noch fehlt. Sterne gibt es nur für deine eigene Arbeit – für das Beispiel Projekt am Anfang nicht.
Drei fertige Animationen zum Untersuchen: Schau hin, beantworte die Fragen – und lade das Beispiel, um es zu verändern. Sterne gibt es erst, wenn du etwas Eigenes daran änderst (die Beispiel-Sperre gilt auch hier).
Wie soll das Bild in die Werkstatt?
Achtung: dein Projekt wird ersetzt. Das aktuelle Projekt ist danach weg. Wenn du es behalten willst, sichere es vorher mit 💾 Projekt.
Achtung: dein Projekt wird verworfen. Sicher es vorher mit 💾 Projekt, wenn du es behalten willst.