Inhalt

• Aufgabenstellung
  • Aufgabe 1: Sonne und Mond
  • Aufgabe 2: Jumping Ball Secondary Action
• Ressourcen
• Abgabe

Aufgabenstellung

Sobald Animationen komplexer werden, müssen Symbole verschachtelt werden.

Wenn wir zum Beispiel eine Figur darstellen wollen, so kann

Erstelle eine Animation, die aus mehreren Teil-Animationen besteht:

• Verschachtelte Symbole (Nested Movieclips)
• Bewegungs-Tween
• Pfadanimationen

^{Beispielhafte Umsetzung}

Aufgabe 1: Sonne und Mond

Erstelle eine Animation, die aus mehreren Teilanimationen besteht:

• Die Sonne geht hinter dem Horizont auf
  • Sie Sonnenstrahlen drehen sich um die Sonne
  • Die Sonne zwinkert dir zu
• Die Umgebung wird heller, wenn die Sonne aufgeht

Berücksichtige dabei das Prinzip des Slow in und Slow out (Ease in Adobe Animate).

Verwende dazu ausschließlich klassische Tweens.

Wichtige Shortcuts

Verwende folgende Shortcuts, um effizienter arbeiten zu können:

• Shortcut v: Auswahl-Werkzeug um Formen mit Hilfe von Punkte zu erstellen
• Shortcut a: Unterauswahl-Werkzeug um Punkte einer Form zu bearbeiten
• Shortcut F6: Schlüsselbild einfügen um eine Endposition einer Animation zu erstellen
• Shortcut shift+F6: Schlüsselbild entfernen um den Endpunkt einer Animation zu löschen
• Shortcut F5: Bild einfügen um die Animationsdauer länger zu machen
• Shortcut shift+F5: Bilder entfernen um ein oder mehrere Frames zu löschen die Animationsdauer kürzer zu machen

Aufgabe 2: Jumping Ball Secondary Action

Es ist eine Animation zu erstellen, bei der ein Ball vom Boden abspringt und dann wieder landet.

2.a Springen

Bevor der Ball abspringt, soll er Schwung holen und beim Landen abfedern. Verwende dazu klassische Tweens und Bewegungstweens.

2.b Secondary Action

Erstelle ein Quadrat, das sich auf dem Ball befindet. Das Quadrat soll beim Sprung hochgeschleudert werden und anschließend wieder auf dem Ball landen.

2.c Schatten

Füge dem Ball einen einfachen Schatten hinzu, um dem Betrachter die Interpretation der Position des Balles zu erleichtern.

Ressourcen

• creativecloud.adobe.com - Training Animate

Abgabe

Animation mit Adobe Animate

• 2D-Animationen
• Aufgabe 1 - 12 Principles of Animation
• Aufgabe 2 - Erste Schritte in Adobe Animate
• Aufgabe 3 - Verschachtelte Animationen
• Aufgabe 4 - Erstellen erweiterte Animationen