Dein Einstieg in die Welt der Animation

Du hast den Kopf voller Ideen und möchtest endlich selbst Animationsprojekte umsetzen, weisst aber noch nicht wie du es angehen sollst? Du möchtest deine Website, deine App, deine Illustrationen, dein Interface durch Animationen lebendig und unverwechselbar machen? Oder warst du verknallt in Flash und hast seitdem nie wieder dein Herz an eine Animations-Software verschenken wollen?

Dann herzlich Willkommen bei unserem Animations-Workshop. In diesem Kurs geht es darum, die Sinne dafür zu schärfen, welche Prinzipien bei der Animation genutzt werden, um die Illusion von Lebendigkeit zu erzeugen. Du erlebst Schrift für Schritt wie deine statischen Grafiken, deine Figuren oder deine Texte das Laufen lernen. Ein wichtiges Thema wird auch sein, welche Animations-Formate auf welche Weise in digitale Projekte integrierbar sind und welche Interaktivität ermöglichen. Was läuft auf welchen Devices, wo funktioniert HTML 5 Canvas, wo muss man auf Animated Gif zurückgreifen?

Die Anwendungsmöglichkeiten sind vielfältig:

• Du kannst damit animierte Infografiken oder Erklärvideos für YouTube erstellen 
• klickbare High-Fidelity Prototypen und animierte Interfaces entwickeln
• mit dem Format HTML5 Canvas weblauffähige interaktive Anwendungen und Banner erstellen 
• ganze Animationfilme mit Characters und Figuren realisieren
• didaktische interaktive Lernanwendungen und Spiele entwickeln  
• und natürlich auch Animated GIFs erzeugen oder Videos für Instagram ausgeben

Im Workshop arbeiten wir mit der leicht erlernbaren Software Adobe Animate CC. Du bekommst aber auch einen Überblick über andere Animationstools und wo ihre Stärken und Schwächen liegen, wofür man sie einsetzen kann und welche Restriktionen sie haben.

Animationsprinzipien von Disney bis Google Material Motion 

Um wirklich faszinierende und lebendige Animationen zu erstellen, werden wir eine Reihe universeller bis heute gültiger Animationsprinzipien beleuchten. Viele davon sind in den Disney Animationsstudios entwickelt worden, und haben unter anderem das Material Motion Design von Google inspiriert.

• Timing & Spacing: ihre richtige Anwendung lassen eine Animation dynamisch und spannend wirken
• Ease in/Ease Out: Animationen wirken authentisch wenn physikalische Gesetze wie Abbremsen, Beschleunigen, Abprallen oder Schwerkraft imitiert werden 
• Exaggeration: ein Prinzip, das durch Übertreibung Komik und Dramatik entstehen lässt 
• Strech & Squeeze: die Stauchung und Verformung perfektioniert die Illusion der Lebendigkeit
• Staging, das mit Bühnenpräsenz oder Inszenierung übersetzen werden kann. Hier geht es unter anderem um die Komposition in einem Bewegtbildformat 
• Anticipation: mit ihr wird der Betrachter auf eine zukünftig stattfindende Handlung vorbereitet
• Arcs: das Animieren entlang von Pfaden, was für eine harmonische, organische Bewegung sorgt
• Follow Through & Overlapping Action: Wenn verschiedene Animationen als System ineinander greifen, sorgen sie für einen höheren Grad an Realismus 

Grundlagen im Programm Adobe Animate

Diese Adobe-Animate-Basics lernst du im Workshop kennen:

• generelles Interface von Adobe Animate  
• Import von Daten aus Photoshop und Illustrator und Export aus Animate
• Animation mit der Zeitleiste 
• Arbeiten und Anlegen von Symbolen: Grafik, Movieclip, Button 
• Animationsprinzipien: Frame by Frame. Klassischer Tween, Motiontween, Formtween  
• Das Anlegen von ineinander verschachtelten Animationen und synchroner Animationsloops 
• Pfadanimation in Animate
• wiederverwendbare Typografieanimation richtig aufbauen 
• Arbeiten mit dem Motion-Editor: Die schöne Kurve macht die Animation perfekt 

Achtung: Seien wir realistisch - es ist ein langer Weg zum Animations-Profi. Dieser Workshop ist ein erster Schritt - du darfst danach aber noch keine Wunder erwarten. Ein Aufbau-Workshop nach dem Basis-Kurs ist also sicherlich eine gute Idee.