Wiggle ist eine JavaScript-basierte After-Effects-Expression, die einer Eigenschaft zufällige, kontinuierlich wechselnde Werte zuweist – ohne dass ein einziger Keyframe gesetzt werden muss.
Rubrik: Software & Tools · Unterrubrik: Adobe After Effects · Niveau: Einsteiger Synonyme / Auch bekannt als: wiggle(), Rütteln-Expression, Schütteln-Expression; Menüpfad: Keine Menüoption – direkte Eingabe im Expressions-Feld
Was ist die Wiggle Expression?
Die Wiggle Expression ist eine der meistgenutzten Expressions in After Effects. Sie erzeugt pseudozufällige Wertveränderungen für nahezu jede animierbare Eigenschaft – Position, Rotation, Skalierung, Deckkraft und mehr. Das Ergebnis wirkt organisch und natürlich, vergleichbar mit dem Wackeln einer Handkamera oder dem Flattern eines Blattes im Wind. Die Stärke von Wiggle liegt darin, dass vollständig auf Keyframes verzichtet werden kann, was den Workflow erheblich beschleunigt.
Erklärung
Grundsyntax
``javascript wiggle(frequency, amplitude) ``
| Parameter | Typ | Bedeutung |
|---|---|---|
frequency | Zahl (Float) | Wie oft pro Sekunde sich der Wert ändert |
amplitude | Zahl (Float) | Maximale Abweichung vom Ausgangswert |
Erweiterte Syntax
``javascript wiggle(frequency, amplitude, octaves, amp_mult, t) ``
| Parameter | Typ | Bedeutung |
|---|---|---|
octaves | Zahl | Anzahl der überlagerten Rausch-Schichten (Standard: 1) |
amp_mult | Zahl | Multiplikator für jede weitere Oktave (Standard: 0,5) |
t | Zeit | Zeitbasis (Standard: time) |
Expression anwenden
- Eigenschaft im Timeline-Panel auswählen (z. B. Position)
- Alt + Klick auf die Stoppuhr-Symbol der Eigenschaft
- Im Expressions-Feld eingeben:
wiggle(3, 50) - Enter drücken – die Ebene beginnt zu wackeln
Wiggle auf einzelne Achsen beschränken
Standardmäßig beeinflusst Wiggle bei der Position beide Achsen (X und Y). Um nur die Y-Achse zu wackeln:
``javascript // Nur Y-Achse wackelt, X-Position bleibt fest bei Ausgangswert x = value[0]; y = wiggle(3, 50)[1]; [x, y] ``
Nur X-Achse wackeln:
``javascript x = wiggle(3, 50)[0]; y = value[1]; [x, y] ``
Wiggle zeitlich begrenzen
Um Wiggle nur in einem bestimmten Zeitraum aktiv zu schalten:
``javascript startTime = 1; // Sekunde, ab der Wiggle beginnt endTime = 4; // Sekunde, ab der Wiggle endet if (time >= startTime && time <= endTime) { wiggle(5, 30); } else { value; } ``
Smooth Wiggle mit loopOut kombinieren
Für nahtlos loopende Wiggle-Animationen (z. B. für endlose Schleifen):
``javascript // Zwei Keyframes setzen, dann loopOut auf dem Wiggle-Ergebnis: // Alternativ: loopOut("cycle") auf der Eigenschaft ohne Expression, // oder eigene Noise-Funktionen verwenden. ``
Seed für reproduzierbare Ergebnisse
``javascript seedRandom(42, true); // Fixer Seed für reproduzierbares Ergebnis wiggle(3, 50); ``
Beispiele
- Kamera-Handheld-Effekt: Position einer Kamera-Ebene:
wiggle(2, 8)– subtiles, realistisches Wackeln - Flackernde Leuchtreklame: Deckkraft (Opacity):
wiggle(15, 30)– schnelles, nervöses Flackern - Atmende Grafik: Skalierung:
wiggle(1.5, 5)– langsames, organisches Pulsieren - Zitternder Text: Rotation:
wiggle(10, 3)– rasches kleines Zittern, ideal für Stresssituationen - Partikel-Drift: Position mit Achsenbeschränkung auf Y: sanftes vertikales Driften von Elementen
In der Praxis
Alt + Klick auf die Stoppuhr ist der schnellste Weg, um eine Expression zu öffnen. Wer häufig Wiggle einsetzt, sollte Expression-Presets anlegen (Menü: Animation > Expression Presets speichern).
Ein häufiger Fehler ist das Verwechseln von Frequency und Amplitude: Frequency bestimmt die Geschwindigkeit der Veränderung, Amplitude die Intensität. Für organische Kamerabewegungen eignen sich niedrige Frequenzwerte (1–3) mit moderater Amplitude; für nervöse Effekte hohe Frequenz (10–20) mit kleiner Amplitude.
Wiggle reagiert auf die Framerate der Komposition: In 24 fps wirkt dieselbe Expression anders als in 60 fps. Bei Bewegungsgrafiken, die auf verschiedene Auflösungen exportiert werden, sollte thisComp.frameDuration berücksichtigt werden.
Tipp für saubere Prekompositions-Workflows: Wiggle direkt auf Null-Objekte anwenden und Ebenen per Parent-Child verknüpfen – so lässt sich das Wackeln zentral steuern.
Vergleich & Abgrenzung
| Methode | Vorteil | Nachteil |
|---|---|---|
| Wiggle Expression | Kein Keyframe-Aufwand, immer aktiv | Eingeschränkte Kontrolle über genaue Kurven |
| Manuelle Keyframes + Easy Ease | Vollständige Kontrolle | Zeitaufwändig, schwerer zu variieren |
| Motion Sketch (Menü: Window > Motion Sketch) | Echte Handbewegungen aufzeichnen | Eher grob, nicht deterministisch reproduzierbar |
| Noise-Effekt auf Null-Objekt | Visuell anpassbar | Komplexerer Setup |
Häufige Fragen (FAQ)
Warum hat meine Wiggle Expression nach dem Rendern eine andere Amplitude als in der Vorschau? After Effects berechnet Wiggle zeitbasiert. Wenn die Kompositions-Framerate oder der Start-Timecode verändert wurde, verschieben sich die zufälligen Werte. Mit seedRandom(n, true) kann ein fixer Seed gesetzt werden, der das Ergebnis reproduzierbar macht.
Kann Wiggle auf Effekt-Parameter angewendet werden? Ja – Alt-Klick auf den Stoppuhr-Symbol eines beliebigen Effektparameters öffnet das Expressionsfeld. Wiggle funktioniert auf jedem animierbaren numerischen Wert, einschließlich Farbe (als Array), Blur-Stärke oder Masken-Pfad-Expansion.
Verwandte Einträge
Weiterführend
- Adobe After Effects Benutzerhandbuch – helpx.adobe.com/de/after-effects
- Motionscript.com – Dan Ebberts Expression-Referenz (englisch)
- Hasson, M.: After Effects Expressions. Focal Press, 2007
