Motion Design auf Knopfdruck? Mit Expressions in After Effects ist das keine Magie, sondern smarter Workflow. Während klassische Animationen viele Keyframes brauchen, reichen oft ein paar Zeilen Code, um komplexe Bewegungen zu automatisieren. In diesem Artikel zeigen wir dir fünf extrem nützliche Expression-Techniken – inklusive Profi-Tipps, praktischen Tastenkombinationen und sofort einsetzbaren Snippets.
Der Klassiker: wiggle(frequency, amplitude) erzeugt zufällige Bewegung. Aber: Was, wenn du die Intensität live steuern willst?
Setup:
Cmd+Alt+Shift+Y auf macOS, Ctrl+Alt+Shift+Y auf Windows).Effekte > Expression Controls > Schieberegler (für „Frequency“ & „Amplitude“).Alt + Klick auf das Stoppuhrsymbol).Expression:
freq = thisComp.layer("CTRL").effect("Wiggle_Freq")("Slider");
amp = thisComp.layer("CTRL").effect("Wiggle_Amp")("Slider");
wiggle(freq, amp)
Pro-Tipp: Du kannst sogar über Keyframes auf dem Slider Control eine „Wiggle-Dramaturgie“ erzeugen.
LoopOut ist super, aber standardmäßig endet die Animation einfach. Was, wenn du eine „PingPong“-Animation willst – sauber rückwärts, ohne Zeiteffekte?
So geht’s:
Alt + Klick auf das Stoppuhrsymbol).Expression:
loopOut("pingpong")
Weitere Optionen:
"cycle" – wiederholt von vorne"pingpong" – vor/zurück"offset" – addiert Bewegung"continue" – extrapoliert BewegungTipp: Verwende diese Technik für z. B. Hover-Animationen, Loading-Icons oder sich wiederholende UI-Elemente.
Du willst mehrere Textebenen gleichzeitig animieren – z. B. alle von links reinfahren und skalieren? Nutze ein Controller-Rig.
Workflow:
Beispiel für Position-Expression (Text-Ebene):
ctrl = thisComp.layer("CTRL_Text");
offset = ctrl.effect("Text_PosX")("Slider");
[value[0] + offset, value[1]]
Vorteil: Du kannst z. B. alle Texte auf einmal reinfliegen lassen – durch nur ein Keyframe auf dem Null-Objekt.
Extra: Nutze ease() oder linear() für weichere Übergänge!
Statt Time-Reverse über den Zeit-Remapping-Effekt manuell zu setzen, kannst du ihn per Checkbox steuern.
Workflow:
Rechtsklick > Zeit > Zeit-Remapping aktivieren).ctrl = thisComp.layer("CTRL").effect("Reverse")("Checkbox");
dur = thisLayer.outPoint - thisLayer.inPoint;
if (ctrl == 1) {
dur - time
} else {
time
}
Vorteil: Du kannst über das UI kontrollieren, wann dein Clip rückwärts läuft – super für Effekte, Übergänge oder kreative Gags.
Du willst, dass deine Grafik im Takt der Musik pulsiert oder sich bewegt? Mit Audio Amplitude klappt das ganz ohne Plugins.
Setup:
Animation > Keyframe-Assistent > Audio in Keyframes umwandeln.Both Channels > Slider-Eigenschaft.amp = thisComp.layer("Audio Amplitude").effect("Both Channels")("Slider");
value + [amp, amp]
Tipp: Nutze linear() oder ease() um die Reaktion feiner zu gestalten:
amp = linear(thisComp.layer("Audio Amplitude").effect("Both Channels")("Slider"), 0, 50, 0, 30);
[value[0] + amp, value[1] + amp]
Einsatzmöglichkeiten:
Expressions in After Effects sind mächtiger als viele denken und sie sparen nicht nur Zeit, sondern öffnen kreative Türen. Ob du Texte smarter riggst, Musik sichtbar machst oder Loops veredelt: Mit ein paar Zeilen Code hebst du deine Motion Designs auf Studio-Level.
Starte noch heute durch wie ein Profi. Lightingandthunder.com