After Effects: Wiggle Expression – Organische Zufallsbewegungen erzeugen

Die Wiggle Expression in After Effects ist eine der meistgenutzten Expressions des Motion Designs und erzeugt durch zwei Parameter – Frequenz und Amplitude – automatisierte, organisch wirkende Zufallsbewegungen auf nahezu jeder Eigenschaft.

Rubrik: Software & Tools Deep-Dive · Unterrubrik: After Effects · Niveau: Einsteiger Synonyme / Auch bekannt als: wiggle(), Zufallsbewegung, Organic Motion Expression

Was ist die Wiggle Expression?

Wiggle ist eine eingebaute After-Effects-Funktion der Expression Language, die in einem einzigen kurzen Befehl Zufallswerte erzeugt. Sie wird direkt an eine Eigenschaft angehängt und generiert dort kontinuierlich variierende Werte, die wie organische Bewegungen oder Unruhe wirken – zum Beispiel ein zitternder Kameraausschnitt, flatterndes Licht oder zufällige Positions-Schwankungen eines Textelements.

Erklärung

Grundsyntax: ``javascript wiggle(frequency, amplitude) ``

• frequency: Anzahl der Zufallswechsel pro Sekunde (z. B. 2 = zweimal pro Sekunde neuer Zufallswert)
• amplitude: Maximale Abweichung vom aktuellen Wert in der jeweiligen Einheit (Pixel für Position, Grad für Rotation, Prozentwerte für Opacity)

Beispiel – Position: ``javascript wiggle(3, 20) `` Bewegt die Layer-Position dreimal pro Sekunde um bis zu 20 Pixel in zufällige Richtungen.

Erweiterte Syntax: ``javascript wiggle(frequency, amplitude, octaves, amp_mult, t) ``

• octaves: Anzahl der überlagerten Rausch-Schichten (Standard: 1; mehr Octaves = detailreichere Bewegung)
• amp_mult: Faktor, mit dem jede Octave die Amplitude verringert (Standard: 0.5)
• t: Zeitversatz – nützlich, um den Startpunkt des Wiggles zu verschieben

Seed-Kontrolle: Standardmäßig erzeugt jeder Layer einen anderen Wiggle-Verlauf. Will man reproduzierbare Ergebnisse, lässt sich mit seedRandom(seed, true) vor dem Wiggle-Aufruf ein fester Seed setzen: ``javascript seedRandom(42, true); wiggle(3, 20); ``

Achsen-Kontrolle: Wiggle auf Position beeinflusst standardmäßig beide Achsen (X und Y). Soll nur eine Achse wackeln, kann man die jeweils andere festhalten: ``javascript [value[0], wiggle(3, 20)[1]] `` Nur Y-Achse wackelt; X bleibt konstant.

Wiggle auf spezifischen Eigenschaften:

• Rotation: wiggle(5, 10) – dreht zufällig um bis zu 10 Grad fünfmal pro Sekunde
• Opacity: wiggle(3, 15) – lässt Transparenz zufällig schwanken (Flicker-Effekt)
• Scale: wiggle(2, 5) – leichtes Pulsieren der Größe
• Color (über Effect): Auf einem Slider Control kombiniert mit wiggle ermöglicht indirekte Farbvariation

Wiggle vs. Keyframe-Animation: Während manuelle Keyframes exakte Kontrolle über jeden Zustand geben, erzeugt Wiggle nicht-deterministisch zufällige Zwischenwerte. Das macht Wiggle ideal für lebendige, sich nie wiederholende Hintergrundanimationen und atmosphärische Effekte.

Beispiele

1. Handheld-Camera-Look: wiggle(8, 4) auf der Kamera-Position oder einem Null Object mit angehängter Kamera – simuliert einen verwackelten, handheld-gefilmten Look.
2. Flackerndes Leuchtzeichen: wiggle(12, 30) auf Opacity eines Text-Layers – unregelmäßiges Flackern wie eine defekte Neonröhre.
3. Brodelnde Partikel: Wiggle auf Position mehrerer kleiner Shape-Layer-Kreise – erzeugt das Aussehen schwimmender oder brodelnder Partikel.
4. Organischer Hintergrundtext: Subtiles wiggle(1, 3) auf Rotation von Decorating-Text-Layern – verleiht Hintergrundelementen Leben ohne Ablenkung.
5. Wackelndes UI-Element: wiggle(5, 8) auf einem Icon-Layer, der auf einen Button-Klick reagieren soll – playful Feedback-Animation für Erklärvideos.

In der Praxis

Wiggle auf Position anwenden:

1. Layer in der Timeline auswählen
2. Taste P für Position
3. Alt+Klick auf Stoppuhr-Icon
4. Im Expression-Feld eingeben: wiggle(3, 20)
5. Klick außerhalb oder Enter bestätigt

Nur eine Achse wackeln lassen: ```javascript // Nur X-Achse: [wiggle(3, 20)[0], value[1]]

// Nur Y-Achse: [value[0], wiggle(3, 20)[1]] ```

Wiggle mit Keyframe kombinieren: Wer den Wiggle auf bestimmte Zeiten beschränken will, kann mit dem Ausdruck linear(time, startTime, endTime, 0, 1) als Multiplikator den Wiggle sanft einblenden.

Vergleich & Abgrenzung

In Cinema 4D existiert der Noise-Effector mit ähnlicher Funktion; er ist aber node-basiert und nicht so unmittelbar wie die Wiggle Expression. Adobe Animate kennt kein natives Wiggle, erfordert Actionscript. Premiere Pro ermöglicht grundlegendes Wackeln über den Camera-Shake-Filter, aber ohne die Feinheit und Kombinierbarkeit von AE-Expressions.

Häufige Fragen (FAQ)

Warum sieht mein Wiggle anders aus als der eines anderen Layers? After Effects berechnet den Wiggle-Verlauf per Layer-Zufall-Seed, der standardmäßig von der Layer-ID abhängt. Zwei identische wiggle()-Expressions auf verschiedenen Layern erzeugen deshalb unterschiedliche Bewegungen. Einheitliche Bewegung erzwingt man durch seedRandom(0, true) gefolgt von wiggle().

Kann ich Wiggle mit Easy Ease kombinieren? Wiggle ersetzt die Keyframe-Werte vollständig, deshalb haben Easy-Ease-Keyframes keinen Einfluss mehr auf eine Expression-gesteuerte Eigenschaft. Es ist aber möglich, den Wiggle-Wert additiv zu einem Keyframe-Wert zu addieren: value + wiggle(3, 20) – so behält der Keyframe-Verlauf seinen Einfluss, und Wiggle addiert darüber hinaus Zufälligkeit.

Verwandte Einträge

• AE Expressions Grundlagen
• AE Loopout & Loopin
• AE Parenting & Null Object
• AE Graph Editor

Weiterführend

• Harrington, R. (2017): After Effects for Designers. Focal Press.
• Adobe After Effects Hilfe – helpx.adobe.com/after-effects/expressions
• Evan Abrams – YouTube-Channel „Wiggle and Beyond"