After Effects Expressions einfach erklärt

Vor allem DesignerInnen kennen und lieben das Tool von Adobe: After Effects. Es ist eine leistungsstarke Software für die Erstellung von visuellen Effekten sowie Animationen. Neben zahlreichen Werkzeugen und Funktionen gibt es die sogenannten Expressions. Diese Funktion ermöglicht es den NutzerInnen, komplexe Animationen zu erstellen. Was genau Expressions sind, welche Vorteile sie haben und welche allgemeinen Expressions man verwenden kann, zeigen wir euch in diesem Blogbeitrag.

Das erwartet euch

Was sind After Effects Expressions?

Eine kurze Zusammenfassung für alle, die nicht wissen, was Expressions bei After Effects sind: Eine Expression ist ein kurzer JavaScript-Code, den man in die Animationseigenschaften in After Effects-Projekten einbinden kann. Ihr könnt also Animationen erstellen und außerdem Eigenschaften von Ebenen steuern. Die Programmiersprache JavaScript ist dabei in After Effects integriert.

So können die NutzerInnen mathematische Berechnungen durchführen, Eigenschaften so miteinander verbinden und komplexe Animationen mit ziemlich wenig Aufwand erstellen. Zusammenfassend lässt sich sagen, dass Expressions es uns also erlauben, Animationen mit Codeschnipseln zu automatisieren.

Dabei wird nur einfachste Mathematik angewendet. Einfache Expressions können mit dem Auswahlwerkzeug erstellt werden und anschließend mit mathematischen Operationen angepasst werden.

Das + bedeutet dabei wie auch in der Mathematik „Addieren“, das – „Subtrahieren“ und das * zum Beispiel „Multiplizieren“. Ergebnisse lassen sich mit *2 verdoppeln oder mit /2 halbieren. Im weiteren Verlauf unseres Blogartikels zeigen wir euch insgesamt drei Anwendungsbeispiele auf, in denen ihr auch die mathematischen Zeichen sehen werdet. 

Welche Vorteile ergeben sich mit Expressions?

Expressions haben einige Vorteile, wenn es um das Designen bestimmter Animationen geht. Wir als Performance Marketing Agentur bauen sehr auf die Automatisierung sowie die Flexibilität, die sich aus Expressions ergeben, denn dadurch wird unsere tägliche Arbeit sehr erleichtert. Im Folgenden nennen wir euch ein paar weitere Vorteile, die sich mithilfe von Expressions ergeben.

4 Vorteile mit Expressions

1. Mehr kreative Möglichkeiten:

Adobes After Effects Expressions eröffnen eine Vielzahl von kreativen Möglichkeiten, Designs individuell zu gestalten. Auch könnt ihr mit Expressions gut experimentieren und so unterschiedlichste Animationen erstellen. 

2. Gesparte Zeit:

Durch entstehende Automationen sowie eine Optimierung des Workflows könnt ihr enorm viel Zeit bei der Erstellung euerer Designs sparen. Auch könnt ihr Aktionen, z.B. Verwackeln, Flattern oder Hüpfen, automatisieren. Dadurch müsst ihr nicht jedes Mal neue Keyframes erstellen und eurer Workflow wird dadurch optimiert. 

3. Präzision und Flexibilität:

Expressions erlauben eine präzise Kontrolle über Animationen und Effekte. Mit den im Absatz zuvor erwähnten mathematischen Funktionen kann man komplexe Bewegungsabläufe erstellen und animierte Grafiken an bestimmte Kriterien anpassen. Dadurch habt ihr die Flexibilität, Animationen genau nach deinen Vorstellungen oder nach den Wünschen der KundInnen zu gestalten. 

4. Wiederverwendung:

Durch das Abspeichern häufig genutzter Expressions könnt ihr diese immer wieder verwenden. Denn so habt ihr sie als Vorlagen bereits gespeichert und könnt eure Lieblings-Expressions in neuen Projekten verwenden. Ihr müsst das Rad also nicht neu erfinden.

3 After Effects Expressions Anwendungsbeispiele

Nun habt ihr eine kurze Einführung in Expressions bekommen. Es geht aber natürlich nichts über spannende Beispiele, um die Thematik ein wenig zu veranschaulichen. Daher haben wir insgesamt drei allgemeine After Effects Expressions für euch inklusive Codes, sodass ihr es auch gleich selbst ausprobieren könnt. Übrigens: Ihr könnt Adobe After Effects ganz einfach 7 Tage lang kostenlos testen. Wir wünschen euch viel Spaß! 

 

Zeitbasierte Animationen (time)

Ein erstes Beispiel, das wir für euch mitgebracht haben, ist das der Expression “Zeit”. Die time Expression wird verwendet, um eine kontinuierliche Bewegung von Objekten zu erzeugen. Diese zeitbasierten After Effects Expressions sind einfach zu verstehen und vielseitig einsetzbar, von einfachen, gleichmäßigen Bewegungen bis hin zu komplexen Animationen, die sich über die Zeit ändern. Soll sich ein Objekt für eine unbestimmte Zeit bewegen und beispielsweise immer im Kreis drehen? Dafür eignet sich die zeitbasierte Animation sehr gut.

Ein einfacher Weg, die time Expression zu verwenden, ist es, sie mit einer konstanten Zahl zu multiplizieren, um eine gleichmäßige dauerhafte Bewegung zu erzeugen. Wenn sich das Objekt schneller drehen soll, dann könnt ihr z.B. time*20 oder time*40 eingeben. Bei 40 dreht sich ein Objekt schneller, als bei einer Rechnung mit 20. 

Der JavaScript-Code lautet also: time* (Zahl). Als Beispiel: time*20 – In diesem Fall bewegt es sich 20 Pixel pro Sekunde. 

Looping-Animationen (loopOut)

Angenommen, wir haben eine einfache Bewegung entworfen, die wir wiederholen möchten. Anstatt diese Bewegung manuell zu kopieren und wieder einzufügen, können wir eine Loop Expression verwenden. Wenn ihr mehrere Keyframes verwendet, um sich wiederholende Animationen zu erstellen, ist dies möglicherweise mit viel Zeitaufwand verbunden. Deshalb könnt ihr mit der Expression loop den Vorgang automatisieren und komplexe Endlosschleifen animieren.

Dabei gibt es insgesamt zwei Arten: loopIn und loopOut. Der Ausdruck loopOut wird dabei häufiger verwendet und ist gängiger. Zum JavaScript-Code haben wir ein Beispiel für euch mitgebracht: Mit der Expression loopOut (“cycle”) könnt ihr eine Endlosschleife erzeugen. Ihr könnt auch andere Loop-Typen verwenden, beispielsweise “pingpong”, um die Animation hin und her zu spielen. Die Möglichkeiten sind also vielfältig.

Random Motion (wiggle)

Als drittes und letztes Beispiel für diesen Blogbeitrag haben wir das Beispiel der Random Motion mitgebracht, zu Deutsch heißt die Expression “Verwackeln”. Wir können After Effects Expressions also auch verwenden, um Zufallsbewegungen zu erzeugen. Sie ist eine der am häufigsten genutzten Expressions und sorgt dafür, dass ein Objekt nach dem Zufallsprinzip verwackelt wird.

Der Code dafür lautet wiggle und ist gefolgt von zwei Zahlen, die in Klammern stehen. Die erste Zahl bedeutet, dass es das Wackeln pro Sekunde ist und die zweite Zahl erklärt, wie stark das Verwackeln ist. Als Beispiel: wiggle(5,20). Die Expression wackelt also fünfmal pro Sekunde um bis zu 20 Pixel.

Fazit

Nun habt ihr einen ersten Einblick in die After Effects Expressions bekommen und welche Möglichkeiten sich daraus ergeben. Die Vorteile des erleichterten Arbeitens sind logisch und außerdem haben wir euch noch ein paar weitere Argumente aufgezeigt, weshalb ihr Expressions in euren Arbeitsalltag beim Designen von Bewegtbild integrieren solltet. Gut zu wissen: Die Codes findet ihr beispielsweise auch ganz einfach bei ChatGPT oder in sozialen Netzwerken. So müsst ihr euch die Codes nicht auswendig merken und könnt sie immer nachschauen.

Ihr möchtet mehr zum Thema Conversion-Psychologie im Ad-design erfahren? Dann schaut euch gerne unseren Blogbeitrag zu diesem Thema an. 

Eure Fragen

FAQ

Was sind After Effects Expressions?

After Effects Expressions sind kleine Code-Snippets auf Basis von JavaScript, mit denen ihr Animationen automatisieren und Eigenschaften von Ebenen steuern könnt, ohne manuell viele Keyframes setzen zu müssen. Sie helfen euch dabei, effizienter und flexibler zu arbeiten.

Wie erstellt man eine Endlosschleife (Loop) in After Effects?

Eine Endlosschleife könnt ihr mit der Expression loopOut("cycle") erzeugen. Damit wird eine bestehende Keyframe-Animation automatisch wiederholt, ohne dass ihr sie manuell kopieren müsst.

Wie funktioniert der Wiggle-Effekt in After Effects?

Mit der Expression wiggle(Frequenz, Amplitude) erzeugt ihr zufällige Bewegungen. Die Frequenz bestimmt, wie oft sich das Objekt pro Sekunde bewegt, die Amplitude legt fest, wie stark die Bewegung ist.

Muss ich programmieren können, um Expressions zu nutzen?

Nein, ihr müsst kein EntwicklerInnen-Level haben. Für den Einstieg reichen einfache Grundlagen und fertige Expressions. Viele Anwendungsfälle lassen sich mit wenigen Zeilen Code umsetzen oder direkt kopieren und anpassen.

Welche Vorteile bieten After Effects Expressions?

After Effects Expressions bringen euch vor allem Effizienz und Flexibilität. Die wichtigsten Vorteile sind:

  • weniger manuelle Keyframes notwendig
  • Animationen lassen sich schnell anpassen
  • wiederkehrende Abläufe können automatisiert werden
  • komplexe Bewegungen werden einfacher umsetzbar
  • bessere Skalierbarkeit bei größeren Projekten

Wo finde ich hilfreiche After Effects Expressions und Beispiele?

Neben der Adobe-Dokumentation findet ihr viele praktische Expressions in Blogs, Tutorials, YouTube-Videos oder auf Plattformen wie Reddit. Auch KI-Tools können euch helfen, passende Codes für eure gewünschten Animationen zu generieren..

Performance Marketing Agentur

Starke Performance ist kein Zufall, sondern das Ergebnis aus klarer Strategie, datenbasierter Optimierung und überzeugenden Creatives. Als Performance Marketing Agentur entwickeln wir kanalübergreifende Setups, die gezielt auf eure Ziele einzahlen von Leadgenerierung und Sales bis hin zu Social Recruiting und nachhaltigem Wachstum. Egal ob Meta, TikTok, Pinterest, LinkedIn oder Google Ads wir sorgen dafür, dass ihr nicht nur Reichweite aufbaut, sondern messbare Ergebnisse erzielt.

Unser interdisziplinäres Team kombiniert hochwertige Stills, Videos und UGC mit serverseitigem Tracking und einem zentralen Live Reporting über alle Plattformen hinweg. Transparent, effizient und mit budgetunabhängigen Servicegebühren. Als zertifizierter Meta Business Partner, Google Partner und Plattform ExpertInnen bringen wir Best Practices aus zahlreichen KundInnenprojekten ein und optimieren eure Kampagnen kontinuierlich entlang eurer KPIs.

Lasst uns gemeinsam prüfen, welche Lösung für euer Unternehmen wirklich Sinn ergibt. Viele KundInnen setzen dabei auf einen smarten Mix aus Kanälen und Maßnahmen. Der Einstieg ist ein unverbindliches Audit, bei dem wir euer Setup analysieren, Potenziale aufdecken und klare nächste Schritte definieren. Klingt nach einem Plan? 🚀

Wie hilfreich war dieser Beitrag?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 4.5 / 5. Anzahl Bewertungen: 4

Bisher keine Bewertungen! Sei der Erste, der diesen Beitrag bewertet.

Meet the author

Anja

Anja ist Communication Managerin bei ZweiDigital. Sie hat ein Talent für Social Media und Projektmanagement, bei ZweiDigital setzt sie diese Kombination perfekt ein für die Organisation unserer Social Media Außendarstellung.

Performance

Wie gut ist dein Performance Marketing? Du schaltest bereits Werbung, aber die Performance könnte besser sein? Gerne schauen wir uns zunächst dein bestehendes Konto an und erstellen für dich eine individuelle Analyse.

Mehr dazu
Ei Gude
Kontakt
Lasst uns darüber sprechen, welche Marketingmaßnahmen für euer Unternehmen sinnvoll sind.
Teamfoto ZweiDigital Performance Marketing Agentur