Lektion 5

Lektion 5 – Animierte GIFs

Lektion 5 – Animierte GIFs

Eine einfache Animation mit mehreren Bildern oder Ebenen erstellen.

Bitte gib deinen Namen ein. Er wird auf dem PDF-Export angezeigt.

1. Ziel der Lektion

Heute lernst du:

  • Eine Animation aus mehreren Bildern zu erstellen
  • Die Zeitleiste (Timeline) in Photopea zu benutzen
  • Die GIF-Datei richtig zu exportieren

2. Das Werkzeug

Wir arbeiten wieder mit Photopea.com.

3. Schritt-für-Schritt-Anleitung

Schritt 1 – Neues Projekt: Öffne Photopea und gehe zu File → New. Wähle 800×800 px mit transparentem Hintergrund.

Schritt 2 – Ebenen vorbereiten: Jede „Animationsphase“ muss auf einer eigenen Ebene liegen. Füge mehrere Bilder ein oder gestalte verschiedene Versionen eines Motivs auf separaten Ebenen.

Schritt 3 – Zeitleiste öffnen: Gehe zu Window → Timeline. Klicke auf Create Frame Animation.

Schritt 4 – Frames anlegen: Klicke auf das Menü-Icon in der Timeline und wähle Make Frames from Layers. Stelle bei jedem Frame die Anzeigedauer ein (z.B. 0,5s).

Schritt 5 – Reihenfolge und Loop: Verschiebe Frames per Drag & Drop. Stelle unten „Forever“ ein, damit das GIF in einer Endlosschleife läuft.

Schritt 6 – Vorschau: Drücke auf Play in der Timeline, um deine Animation zu testen.

Schritt 7 – Exportieren als GIF: Gehe zu File → Export as → GIF. Wähle „Loop Forever“ und klicke auf Save.

4. Übung

Erstelle ein GIF, bei dem mindestens:

  • 3 verschiedene Frames enthalten sind
  • Die Animation in einer Endlosschleife läuft
  • Die Anzeigedauer pro Frame sinnvoll eingestellt ist

5. Zusatzaufgaben für Schnelle

Experimentiere mit Fade-Effekten, indem du die Deckkraft (Opacity) von Ebenen änderst.

Versuche eine Stop-Motion-Optik, indem du ein Objekt in kleinen Schritten bewegst.

6. Abgabe

Lade dein fertiges GIF mit dem Dateinamen gif_deinvorname.gif in den Klassenordner hoch.