Ich konnte aus dem Semesterprojekt einiges für mich mitnehmen und bin mit dem Ergebnis zufrieden. Während dem Ausarbeiten der finalen Sequenz hatte ich das Gefühl, gute Fortschritte zu machen. Das Zeichnen ist mir immer leichter von der Hand gegangen und die Zeit, die ich pro Frame gebraucht habe, wurde immer weniger.
Finales Video
Da es schwierig geworden wäre, für die Frame by Frame Sequenz (die doch recht kurz ist) ein Sound Design zu gestalten, habe ich die Sequenz in After Effects noch etwas gestreckt, und mehrere Durchläufe der Animation aneinandergereiht. Dadurch wurde ich hinsichtlich der Sounds flexibler und konnte noch einen kleinen Abspann hinzufügen.
Export aus Procreate Dreams
Export aus After Effects mit Sound
Lernziele
Besser im Zeichnen werden
Auch wenn ich in diesem Semester noch mehr über Anatomie und wie man den menschlichen Körper bestmöglich zeigen kann, lernen hätte können, bin ich mit meinem zeichnerischen Fortschritt zufrieden. Vor allem die Übung und immer wieder zu Überarbeiten hat mir weitergeholfen und mir auch einen Weg gezeigt, wie ich bei zukünftigen Projekten schneller in die Umsetzungsphase kommen kann.
Neue Software kennenlernen
Wie ich schon in anderen Blogbeiträgen beschrieben habe, bin ich sehr zufrieden mit Procreate Dreams und kenne mittlerweile die wichtigsten Funktionen. Das wird mir bei zukünftigen Projekten zugute kommen.
Mich mit Frame by Frame Animation beschäftigen
Mir gefällt der Frame by Frame Stil nach wie vor und es hat mir große Freude bereitet, selbst ein kleines Projekt in dieser Technik umzusetzen. Bei zukünftigen Projekten kann ich auf dieses Wissen zurückgreifen und es möglicherweise auch auf unterschiedliche Weise einfließen lassen.
Ich hoffe, es macht Spaß, das Video anzuschauen/anzuhören! 🙂
Ein funktionierender Workflow zwischen Illustrator und After Effects spart viel Zeit. Ich habe erst vor einigen Wochen das erste Mal mit Illustrator gearbeitet. Sobald man versteht wie Ankerpunkte funktionieren, und das alles aus Formen besteht, ist die Lernkurve steil.
Außerdem kann man, nachdem man eine Illustrator Datei in After Effects hinein geladen hat, in Illustrator noch Sachen anpassen, die automatisch in After Effects übernommen werden. Das funktioniert sogar besser als der Workflow zwischen Photoshop und Lightroom.
Learnings:
Vorher überlegen, was sich genau bewegen soll, und deswegen jede Gliedmaße einzeln zeichnen.
Keine Farbverläufe für Hintergründe verwenden, die lassen sich nachher nicht ordentlich bewegen.
Auf dem IPad kann man gut zeichnen, aber die Struktur der Ebenen organisiert man viel schneller am Computer. Das dauert am IPad sehr lange.
Am Anfang ist es leichter, Charaktere von hinten zu zeichnen.
Als eine Person, die vom Coding überhaupt nichts bzw. kaum etwas versteht, ist die Hürde groß Expressions in After Effects für Animationen anzuwenden. In diesem Blogbeitrag möchte ich den Fragen nachgehen, weshalb Expressions genutzt werden sollten und welche Expressions in jedem Workflow-Toolbox inkludiert sein sollten.
Was sind Expressions?
Die Kraft in Expressions liegt darin, dass komplexe Animationen ohne Hunderte von Hand gesetzte Keyframes gebaut werden können. Das kann dadurch bewerkstelligt werden, dass die Expression, ein kurzer JavaScript-Code, Animationseigenschaften anspricht, welche zu einem bestimmten Zeitpunkt als Wert ausgewertet und dargestellt wird (vgl. Adobe 2023).
Im Gegensatz zu einem Skript, das Anweisungen an die Anwendung gibt, weist eine Expression einer Eigenschaft etwas zu. Zum Beispiel kann eine Expression auf eine Ballbewegung angewendet werden, um dem Ball ein Zittern zu verleihen, anstatt jede einzelne Position mit Keyframes über einen Zeitraum von 30 Sekunden zu animieren (vgl. Adobe 2023).
Vorteile von Expressions
Zeit sparen und Animationen schneller erstellen
Sich wiederholende Aktionen, wie zum Beispiel Verwackeln, Flattern oder Hüpfen, können durch Expressions automatisiert werden. Das ist extrem zeit- und arbeitssparend.
Verknüpfung von verschiedene Eigenschaften
Die Verknüpfung von Eigenschaften lässt zu, dass nur eine Eigenschaft animiert werden kann und die weiteren hängen sich dieser an. In After Effekt kann auch einfach das Pigwhip-Tool verwendet werden (vgl. Adobe 2023).
Expressions und ihre Werte in After Effects
In After Effects können alle animierbaren Eigenschaften einen Wert vor und nach der Anwendung einer Expression haben. Der Wert vor der Expression ist der ursprüngliche Wert der Eigenschaft, entweder statisch oder durch Keyframes animiert. Dieser Wert kann von Expressions verändert oder verwendet werden, ähnlich wie ein Bild bevor es durch Effekte ändert wird. Durch die Veränderung kommt man zum Wert nach der Expression. In After Effects sind Werte vor der Expression blau, während die Werte nach der Expression rot sind (vgl. Adobe 2023)..
Bei Werten vor der Expression kann mit einen Attributwert Veränderungen vorgenommen werden. Beispielsweise fügt man der Expression value bei der Drehung mit ursprünglich 5 Grad ein +90 an, würde die Drehung des Objektes bei 95 Grad anfangen (Im Expression Feld würde das folgend aussehen: value+90). Andere Möglichkeiten sind key(index).value (= Wenn der Index-Wert 1 ist, wird der erste Keyframe abgerufen, wenn der Wert 2 beträgt, der zweite Keyframe, usw.) und key(numKeys).value (=immer gleich der Anzahl der Keyframes für die Eigenschaft, also der Wert des letzten Keyframes) (vgl. Adobe 2023).
Wenn das Attribut Drehung mit Keyframes von 0 bis 45 versehen wird, bewirkt die gleiche Expression value+90 eine Animation von 90 bis 135. Auf die Werte der Keyframes kann auch über key(index).value zugegriffen werden, wobei 1 für den Index verwendet wird, um den Wert des ersten Keyframes abzurufen, 2 für den zweiten usw. Das Attribut numKeys ist immer gleich der Anzahl der Keyframes für die Eigenschaft, also ist key(numKeys).value der Wert des letzten Keyframes. Es gibt auch einige Methoden wie beispielsweise wiggle(), welche implizit den Wert vor der Expression verwenden (vgl. Adobe 2023).
Grundlegende Expressionsbeispiele
Wiggle Expression
Wiggle Expression auf der Position der Kreise; https://www.schoolofmotion.com/blog/wiggle-expression%20
Die Wiggle Expression ist einer der am häufigsten benutzten After Effects-Expressions. Ihre Aufgabe ist es, die angesprochene Eigenschaft nach einem Zufallsprinzip auszuführen. Daher sieht die resultierende Animation verwackelt aus. Der Syntax sind wie folgt aus:
wiggle (2,30);
Die Zahlen innerhalb der Klammer bestimmen den Rahmen, in welchem der Wiggle geschieht. Dabei bezieht sich die erste Zahl auf den Wiggle pro Sekunde (Frequenz) und die zweite Zahl gibt die Amplitude/ Stärke der Verwacklung an. Beispielsweise wackelt eine Expression auf der Positionseigenschaft mit dem Syntax wiggle (2,30), zweimal pro Sekunde und kann bis zu 30 Pixel ausschlagen (vgl. Plummer 2024).
Die loopIn und loopOut Expression wiederholt die Keyframe Animation über die gesamte Dauer der Ebene. Der Unterschied der beiden liegt darin, dass LoopIn die Animation vom Start der Keyframes bis zum Ende der Ebene wiederholt und loopOut die Animation vom Start der Ebene bis zu den Keyframes wiederholt. Für einen infinite loop ohne Anfang oder Ende sollte man folgende Expression verwenden:
loopIn() + loopOut() – value;
Außerdem gibt es noch 2 Arten von Loop-Expressions: LoopOutDuration und LoopInDuration. Diese beiden unterscheiden sich geringfügig, da sie es ermöglichen, After Effects mitzuteilen, den Loop auf Sekunden statt auf Keyframes zu basieren (vgl. Motion Array 2020).
Arten von Loops
PingPong: Der Pingpong loop nimmt den ersten und letzten Keyframe und bewegt sich zwischen diesen zwei hin und zurück.
Cycle: Der Cycle Loop wiederholt die Keyframes in ihrer Reihenfolge. Deshalb sollte man darauf achten, dass der Start- und End-Keyframe denselben Wert hat, um einen flüssigen Lauf zu bewerkstelligen.
Offset: Der Offset Loop ist etwas schwierig zu verstehen, aber unglaublich kraftvoll in der Anwendung. Im Wesentlichen wiederholt der Offset Loop die Keyframe-Animation, versetzt sie jedoch, so dass sie wieder ab dem letzten Keyframe beginnt.
Continue: Der Continue Loop kann helfen, die Enden von animierten Szenen sauber zu verbinden, wenn man möchte, dass alles gleichzeitig vom Bildschirm verschwindet. Dieser Loop setzt die Geschwindigkeit/Wert des letzten Schlüsselbilds fort; die Animation läuft einfach unendlich weiter, oder bis man entscheidet, ihr ein Ende zu setzen (vgl. Motion Array 2020).
PingPong
Cycle
Offset
Continue
Zeit Expression
Die Expression time eignet sich für Objekte, die ständig in Bewegung sind. Wenn Sie beispielsweise möchten, dass sich ein Objekt für unbestimmte Zeit dreht, können Sie die Expression time zur Eigenschaft Drehung hinzufügen, und das Objekt wird um 1 Grad pro Sekunde gedreht. Es funktioniert auch mit grundlegenden mathematischen Gleichungen. Wenn Sie also möchten, dass sich das vorherige Objekt 40-mal schneller dreht, verwenden Sie die Expression time*40.
Adobe 2023
Bei der Zeit Expression wird mit time der Verlauf von einer Eigenschaft angesprochen, wie zum Beispiel die Position. So lautet der Syntax der Expression:
property + expression
Zum Beispiel: Wenn man die Transparenz einer Ebene über die Zeit hinweg verändern möchte, kann man die folgende Expression verwenden:
opacity + time * 10 Diese Expression verstärkt die Transparenz schrittweise über die Zeit hinweg.
Fazit
Dieser Blogbeitrag muss als Einstieg in die Materie der Expressions gesehen werden. Es gibt einige Arten und Weisen sowie Einschränkungen wie man mit Expressions arbeiten kann. Diese Auflistung oder Auseinandersetzung würde den Rahmen dieses Blogbeitrages, aber komplett sprengen. Trotzdem konnte ich ein erstes Gefühl/ Verständnis für Expressions in After Effects erlangen. Vor allem habe ich durch meine Recherche bemerkt, wie ich meinen Flow in After Effects effizient durch Expressions beschleunigen kann.
Plummer, Ryan (2024): Getting Started with the Wiggle Expression in After Effects. In School of motion. Online unter: https://www.schoolofmotion.com/blog/wiggle-expression [zuletzt zugegriffen: 25.01.2024].
