Expression Controls sind eine Gruppe von After-Effects-Effekten (unter Effect → Expression Controls), die einzelne steuerbare Parameter bereitstellen – von Gleitkommazahlen über Winkel bis hin zu Farben – und als zentrale Steuerkonsole für Expressions dienen.
Was sind Expression Controls?
Expression Controls sind technisch gesehen normale After-Effects-Effekte, die jedoch keinen visuellen Einfluss auf das Bild haben. Ihr einziger Zweck ist es, einen einzelnen Wert zu halten, der über Expressions von anderen Layern abgefragt werden kann.
Das Konzept dahinter: Statt Werte direkt in Expressions hardzucodieren oder komplizierte Eigenschaftspfade zu verwalten, werden alle steuerbaren Parameter zentral auf einem Null-Objekt (oder einem dedizierten Control-Layer) gesammelt. Expressions verweisen auf diese Controls – und wer etwas ändern möchte, ändert nur den Slider-Wert, nicht den Expression-Code.
Expression Controls sind die Grundlage für professionelle Motion-Rigs, MOGRT-Templates und jedes After-Effects-Projekt, das über einfache Keyframe-Animationen hinausgeht.
Erklärung
Verfügbare Expression Controls
Öffnen: Effect → Expression Controls
| Effekt | Typ | Wertbereich | Typische Verwendung |
|---|---|---|---|
| Slider Control | Zahl (Float) | Beliebig einstellbar | Geschwindigkeit, Größe, Intensität |
| Angle Control | Winkel (Grad) | -180° bis +180° / ∞ | Rotation, Richtung |
| Color Control | RGB-Farbe | 0–255 pro Kanal | Farben in ganzer Komposition steuern |
| Point Control | 2D-Punkt (x,y) | Bildschirmkoordinaten | Positionen, Ankerpunkte |
| Checkbox Control | Boolean (0/1) | An/Aus | Sichtbarkeit, Schalter |
| Layer Control | Layer-Referenz | Beliebiger Layer | Dynamische Layer-Verknüpfungen |
| Dropdown Menu Control | Integer (Index) | 1–n (benutzerdefiniert) | Auswahl aus Optionen (ab CC 2020) |
Slider Control – der Universalregler
Der Slider Control ist der am häufigsten verwendete Expression Control. Er speichert einen einzigen Dezimalwert, der über die Effektsteuerung oder per Keyframe animiert werden kann.
Anwenden: ```
- Null-Objekt auswählen
- Effect → Expression Controls → Slider Control
- Effekt im Effekte-Panel umbenennen (z.B. „Schriftgrösse")
- Wert auf gewünschten Startwert setzen
```
Auf anderen Layern per Expression abrufen: ```javascript // Direkte Referenz: comp("Hauptkomp").layer("Controls_Null").effect("Schriftgrösse")("Slider")
// Kürzer, wenn im gleichen Comp: thisComp.layer("Controls_Null").effect("Schriftgrösse")("Slider")
// Per Variable (empfohlen für Lesbarkeit): var ctrl = thisComp.layer("Controls_Null"); var groesse = ctrl.effect("Schriftgrösse")("Slider"); groesse * 2 // Beispiel: Doppelte Schriftgrösse ```
Typisches Anwendungsbeispiel: ``javascript // Text-Layer: Skalierung gesteuert über Slider var speed = thisComp.layer("CONTROLS").effect("Animation Speed")("Slider"); var t = time - inPoint; [50 + t * speed, 50 + t * speed] // Slider "Animation Speed" = 10 → langsam wachsend // Slider "Animation Speed" = 50 → schnell wachsend ``
Angle Control – Winkelsteuerung
Der Angle Control zeigt eine Winkelscheibe und speichert Gradzahlen. Besonders nützlich für Richtungsangaben und Rotationswerte:
``javascript // Rotation eines Layers abhängig vom Angle Control: var winkel = thisComp.layer("CONTROLS").effect("Pfeil-Richtung")("Angle"); winkel // Direkte Zuweisung zur Rotation-Eigenschaft ``
Der Angle Control rotiert bei Überschreiten von 180° auf -180° zurück – für fortlaufende Rotation ist ein Slider oft geeigneter.
Color Control – zentrale Farbsteuerung
Der Color Control ist besonders wertvoll für Template-Systeme. Eine einzige Farbe auf dem Control-Null steuert hunderte Layer gleichzeitig:
```javascript // Shape-Layer Fill-Farbe per Expression: var hauptfarbe = thisComp.layer("CONTROLS").effect("Brand-Farbe")("Color"); hauptfarbe
// Für Textfarben (Fill Expression): thisComp.layer("CONTROLS").effect("Text-Farbe")("Color") ```
MOGRT-Anwendung: Im Essential Graphics Panel wird der Color Control als „Color Picker" exponiert – der Nutzer in Premiere Pro kann die Farbe ändern, ohne Code zu sehen.
``javascript // Leicht abgedunkelte Variante der Brand-Farbe: var c = thisComp.layer("CONTROLS").effect("Brand-Farbe")("Color"); [c[0] * 0.8, c[1] * 0.8, c[2] * 0.8, c[3]] // 80% der Helligkeit ``
Point Control – Positionssteuerung
``javascript // Layer folgt einem Point Control: var ziel = thisComp.layer("CONTROLS").effect("Zielpunkt")("Point"); // Sanftes Nachfolgen (mit Dämpfung): var pos = transform.position; linear(time, 0, 1, pos, ziel) ``
Checkbox Control – Ein/Aus-Schalter
``javascript // Sichtbarkeit eines Layers per Checkbox steuern: var sichtbar = thisComp.layer("CONTROLS").effect("Logo zeigen")("Checkbox"); sichtbar // 0 = unsichtbar, 1 = sichtbar (in Opacity-Eigenschaft: *100) ``
``javascript // In der Opacity-Eigenschaft: var check = thisComp.layer("CONTROLS").effect("Logo zeigen")("Checkbox"); check * 100 // 0% oder 100% Deckkraft ``
Dropdown Menu Control (ab CC 2020)
``javascript // Dropdown mit Optionen "Blau", "Rot", "Grün": var auswahl = thisComp.layer("CONTROLS").effect("Farbschema")("Menu"); if (auswahl == 1) { [0.2, 0.4, 0.8, 1] } // Blau else if (auswahl == 2) { [0.8, 0.2, 0.2, 1] } // Rot else { [0.2, 0.7, 0.3, 1] } // Grün ``
Naming und Organisation
Best Practice: Alle Expression Controls auf einem dedizierten Null-Objekt namens „CONTROLS" oder „RIG" sammeln. Dieser Layer sollte:
- Ganz oben in der Timeline liegen
- Farb-Label rot/orange haben (zur Unterscheidung)
- Als Solo-Layer markierbar sein
- Im Team mit Kommentaren dokumentiert sein
`` Timeline-Struktur: [CONTROLS] ← alle Expression Controls hier ├── Speed (Slider, 0–100) ├── Hauptfarbe (Color) ├── Logo sichtbar (Checkbox) ├── Textgrösse (Slider, 20–120) └── Rotationswinkel (Angle) ``
Beispiele
Universelles Rig für Text-Animation
```javascript // Auf dem Controls-Null: // - Slider "Einblend-Dauer": Wert 0.5 // - Color "Textfarbe": RGB (255, 255, 255) // - Checkbox "Unterstrich": 0
// Textlayer Opacity Expression: var dur = thisComp.layer("CONTROLS").effect("Einblend-Dauer")("Slider"); var t = time - inPoint; ease(t, 0, dur, 0, 100)
// Textlayer Fill Color Expression: thisComp.layer("CONTROLS").effect("Textfarbe")("Color") ```
Farb-Rig für Corporate-Template
```javascript // Controls-Null mit 3 Color Controls: // - "Primärfarbe": [0.1, 0.3, 0.8, 1] (Dunkelblau) // - "Sekundärfarbe": [1, 0.5, 0, 1] (Orange) // - "Hintergrund": [0.05, 0.05, 0.1, 1] (Fast Schwarz)
// Alle Shape-Layer und Text-Layer referenzieren diese 3 Controls // Neue Farbpalette → 1 Null-Objekt ändern → fertig ```
In der Praxis
MOGRT-Produktion: Expression Controls sind der Standard-Weg, um MOGRT-Parameter nach außen zu geben. Im Essential Graphics Panel werden sie als editierbare Felder für Premiere-Pro-Nutzer sichtbar.
Client-freundliche Rigs: Anstatt dem Kunden eine komplette AE-Timeline zu übergeben, liefert man ein Projekt, das der Kunde über das Controls-Null bedienen kann – ohne Expression-Kenntnisse.
Re-Use: Ein gut aufgebautes Rig mit Expression Controls kann für Folgeaufträge einfach dupliziert und angepasst werden. Die Controls bleiben dieselben, nur Werte ändern sich.
Debugging: Bei Problemen in Expression-gesteuerten Projekten ist der Controls-Layer der erste Anlaufpunkt. Alle relevanten Werte auf einem Blick zu sehen, vereinfacht das Troubleshooting erheblich.
Vergleich & Abgrenzung
| Methode | Für | Gegen |
|---|---|---|
| Expression Controls | Zentrale Steuerung, MOGRT-kompatibel | Erfordert Setup-Aufwand |
| Direkte Keyframes | Einfach, intuitiv | Nicht über Expressions steuerbar |
| Hardcoded Values in Expressions | Schnell | Schlecht wartbar, schwer zu ändern |
| Composition Settings (Variablen) | – | In AE nicht nativ verfügbar |
Häufige Fragen (FAQ)
Kann ein Slider-Wert negativ sein? Ja – der Slider hat keinen festen Wertebereich. Per Doppelklick kann ein beliebiger Wert eingegeben werden, auch negative.
Werden Expression Controls beim MOGRT-Export automatisch exportiert? Nein – sie müssen manuell im Essential Graphics Panel durch Drag-and-Drop hinzugefügt werden.
Kann ein Expression Control von mehreren Layern gleichzeitig genutzt werden? Ja – beliebig viele Layer können denselben Control referenzieren. Das ist gerade der Sinn des Systems.
Ist es möglich, Expression Controls zu animieren? Ja – alle Expression Controls sind über Keyframes animierbar, wie jede andere Eigenschaft in After Effects.
Was passiert, wenn der Controls-Layer gelöscht wird? Alle Expressions, die auf diesen Layer verweisen, werfen Fehler (rote Fehlerbalken). Die Expressions müssen angepasst oder der Layer wiederhergestellt werden.
Verwandte Einträge
- After Effects: Expressions Grundlagen – Animationen mit JavaScript automatisieren – Grundlagen des Expression-Systems
- Null-Objekte & Parenting – Null-Objekte als Träger von Expression Controls
- Essential Graphics & MOGRT – Expression Controls in MOGRT-Templates
- loopOut & loopIn Expression – loopOut und loopIn als Expression-Anwendung
- After Effects: Wiggle Expression – Organische Zufallsbewegungen erzeugen – Wiggle kombiniert mit Slider-Controls
Weiterführend
- Adobe Help Center: „Expression controls effects" (adobe.com/help, 2024)
- Motionscript.com – Dan Ebberts: Expression Controls Reference (2023)
- School of Motion: „After Effects Expression Controls" (schoolofmotion.com, 2023)
- Motion Array: „Using Expression Controls in After Effects" (motionarray.com, 2022)
- Evan Abrams: YouTube-Tutorials zu Expression Controls und Rigs (2023)
