Benutzerhandbuch Abbrechen

Beispiele für Expressions

  1. Benutzerhandbuch –After Effects
  2. Beta-Versionen
    1. Übersicht über das Beta-Programm
    2. After Effects Beta Home
    3. Funktionen in der Beta-Version
      1. Bedienfeld „Eigenschaften“ (Beta)
  3. Erste Schritte
    1. Erste Schritte mit After Effects
    2. Neue Funktionen in After Effects 
    3. Versionshinweise | After Effects
    4. Systemanforderungen für After Effects
    5. Tastaturbefehle in After Effects
    6. Unterstützte Dateiformate | After Effects
    7. Hardware-Empfehlungen
    8. After Effects für Apple-Chip
    9. Planung und Einrichtung
    10. Einrichtung und Installation
  4. Arbeitsbereiche
    1. Allgemeine Elemente der Benutzeroberfläche
    2. Lernen Sie die After Effects-Oberfläche kennen
    3. Arbeitsabläufe
    4. Arbeitsbereiche, Bedienfelder und Anzeigen
  5. Projekte und Kompositionen
    1. Projekte
    2. Kompositionen – Grundlagen
    3. Erstellen von Unterkompositionen, Verschachteln und Vor-Rendern
    4. Anzeigen detaillierter Leistungsinformationen mit Composition Profiler
    5. CINEMA 4D-Kompositions-Renderer
  6. Importieren von Footage
    1. Vorbereiten und Importieren von Standbildern
    2. Importieren aus After Effects und Adobe Premiere Pro
    3. Importieren und Interpretieren von Video und Audio
    4. Vorbereiten und Importieren von 3D-Bilddateien
    5. Importieren und Interpretieren von Footage-Elementen
    6. Arbeiten mit Footage-Elementen
    7. Erkennen von Bearbeitungspunkten mithilfe der Szenenbearbeitungs-Erkennung
    8. XMP-Metadaten
  7. Text und Grafiken
    1. Text
      1. Formatieren von Zeichen und das Bedienfeld „Zeichen“
      2. Effekte unter „Text“
      3. Erstellen und Bearbeiten von Textebenen
      4. Formatieren von Absätzen und das Bedienfeld „Absatz“
      5. Extrudieren von Text- und Formebenen
      6. Animieren von Text
      7. Beispiele und Ressourcen zur Textanimation
      8. Live-Text-Vorlagen
    2. Animationen
      1. Arbeiten mit Animationsvorlagen in After Effects
      2. Verwenden von Expressions zum Erstellen von Dropdown-Listen in Animationsvorlagen
      3. Verwenden von erforderlichen Eigenschaften zum Erstellen von Animationsvorlagen
      4. Ersetzen von Bildern und Videos in Animationsvorlagen und erforderlichen Eigenschaften
  8. Zeichnen, Malen und Pfade
    1. Überblick über Formebenen, Pfade und Vektorgrafiken
    2. Malwerkzeuge: Pinsel, Kopierstempel und Radiergummi
    3. Vorgehensweise beim Verjüngen von Formenkonturen
    4. Formenattribute, Malvorgänge und Pfadvorgänge bei Formebenen
    5. Verwenden des Formeneffekts „Offset-Pfade“ zum Ändern von Formen
    6. Erstellen von Formen
    7. Erstellen von Masken
    8. Entfernen von Objekten aus Videos mit dem Bedienfeld „Inhaltsbasierte Füllung“
    9. „Roto-Pinsel“ und „Maske verbessern“
  9. Ebenen, Marken und Kamera
    1. Auswählen und Anordnen von Ebenen
    2. Füllmethoden und Ebenenstile
    3. 3D-Ebenen
    4. Ebeneneigenschaften
    5. Erstellen von Ebenen
    6. Verwalten von Ebenen
    7. Ebenenmarken und Kompositionsmarken
    8. Kameras, Lichter und Interessenbereiche
  10. Animation, Keyframes, Motion-Tracking und Keying
    1. Animation
      1. Animation – Grundlagen
      2. Animation mit Marionettenwerkzeugen
      3. Verwalten und Animieren von Formenpfaden und -masken
      4. Animieren von Formen aus Sketch und Capture mit After Effects
      5. Ausgewählte Animationswerkzeuge
      6. Arbeiten mit datengesteuerten Animationen
    2. Keyframe
      1. Keyframe-Interpolation
      2. Festlegen, Auswählen und Löschen von Keyframes
      3. Bearbeiten, Verschieben und Kopieren von Keyframes
    3. Bewegungs-Tracking
      1. Tracking und Stabilisieren von Bewegung
      2. Gesichts-Tracking
      3. Masken-Tracking
      4. Maskenreferenz
      5. Geschwindigkeit
      6. Zeitdehnungen und Zeitverzerrungen
      7. Timecode und Zeitanzeigeeinheiten
    4. Keying
      1. Keying
      2. Effekte unter „Keying“
  11. Transparenz und Komposition
    1. Erstellen von Kompositionen und Transparenz – Überblick und Ressourcen
    2. Alphakanäle, Masken und Matten
  12. Anpassen der Farbe
    1. Farben – Grundlagen
    2. Verwenden der Erweiterung „Adobe Color-Designs“
    3. Farb-Management
    4. Effekte zur Farbkorrektur
  13. Effekte und Animationsvorgaben
    1. Überblick über Effekte und Animationsvorgaben
    2. Effektliste
    3. Effekte unter „Simulation“
    4. Effekte unter „Stilisieren“
    5. Effekte unter „Audio“
    6. Effekte unter „Verzerren“
    7. Effekte unter „Perspektive“
    8. Effekte unter „Kanäle“
    9. Effekte unter „Generieren“
    10. Effekte unter „Überblenden“
    11. Der Effekt „Rolling-Shutter-Reparatur“
    12. Effekte unter „Weich- und Scharfzeichnen“
    13. Effekte unter „3D-Kanal“
    14. Effekte unter „Dienstprogramm“
    15. Effekte unter „Matt“
    16. Effekte unter „Störung und Körnung“
    17. Effekt „Hochskalieren mit Detailerhaltung“
    18. Veraltete Effekte
  14. Ausdrücke und Automatisierung
    1. Ausdruck
      1. Expressions – Grundlagen
      2. Verstehen der Sprache für Expressions
      3. Verwenden von Einstellungen für Expressions
      4. Syntaxunterschiede zwischen den Expression-Engines für JavaScript und das veraltete ExtendScript
      5. Bearbeiten von Expressions
      6. Fehler bei Expressions
      7. Verwenden des Expressions-Editors
      8. Verwenden von Expressions zum Bearbeiten und Zugreifen auf Texteigenschaften
      9. Expression-Sprachreferenz
      10. Beispiele für Expressions
    2. Automatisierung
      1. Automatisierung
      2. Skripte
  15. Immersives Video, VR und 3D
    1. Erstellen von VR-Umgebungen in After Effects
    2. Anwenden von immersiven Videoeffekten
    3. Kompositionswerkzeuge für VR/360-Grad-Videos
    4. Tracking der 3D-Kamerabewegung
    5. Arbeiten im 3D-Designraum
    6. 3D-Transformations-Gizmos
    7. Machen Sie mehr mit 3D-Animation
    8. Vorschau von Änderungen an 3D-Designs in Echtzeit mit der Real-Time Engine
    9. Hinzufügen von responsiven Designs zu Grafiken 
  16. Ansichten und Vorschau
    1. Vorschau
    2. Videovorschau mit Mercury Transmit
    3. Ändern und Verwenden von Ansichten
  17. Rendern und Exportieren
    1. Grundlagen zum Rendern und Exportieren
    2. Exportieren eines After Effects-Projekts als Adobe Premiere Pro-Projekt
    3. Konvertieren von Filmen
    4. Multi-Frame-Rendering
    5. Automatisches Rendern und Netzwerk-Rendern
    6. Rendern und Exportieren von Standbildern und Standbildsequenzen
    7. Verwenden des GoPro CineForm-Codecs in After Effects
  18. Arbeiten mit anderen Programmen
    1. Dynamic Link und After Effects
    2. Arbeiten mit After Effects und anderen Programmen
    3. Synchronisationseinstellungen in After Effects
    4. Creative Cloud-Bibliotheken in After Effects
    5. Plug-ins
    6. CINEMA 4D und Cineware
  19. Zusammenarbeit: Frame.io und Team Projects
    1. Zusammenarbeit in Premiere Pro und After Effects
    2. Frame.io
      1. Installieren und Aktivieren von Frame.io
      2. Verwenden von Frame.io mit Premiere Pro und After Effects
      3. Häufig gestellte Fragen
    3. Team Projects
      1. Erste Schritte mit Team Projects
      2. Erstellen eines Team-Projekts
      3. Zusammenarbeiten mit Team Projects
  20. Arbeitsspeicher, Speicherung und Leistung
    1. Arbeitsspeicher und Speicherung
    2. Verbessern der Leistung
    3. Voreinstellungen
    4. Anforderungen an GPU und GPU-Treiber für After Effects

Viele der in diesem Abschnitt genannten Beispiele basieren auf Expressions von Dan Ebberts.

Beispielprojekt herunterladen

Herunterladen

Ebene dreht sich im Kreis

Sie können Expressions erstellen, ohne dazu die Eigenschaften aus anderen Ebenen verwenden zu müssen. Sie können beispielsweise festlegen, dass sich eine Ebene um den Mittelpunkt der Komposition dreht.

Wählen Sie eine Ebene aus. Drücken Sie „P“, um die Eigenschaft „Position“ im Zeitleistenfenster anzuzeigen. Klicken Sie bei gedrückter Alt-Taste (Windows) bzw. bei gedrückter Wahltaste (Mac OS) auf die Stoppuhr links neben dem Namen der Eigenschaft.

Geben Sie den folgenden Codeausschnitt in das Expression-Feld ein:

var centerOfComp = [ ( thisComp.width / 2 ), ( thisComp.height / 2) ]; var circleOverTime = [ Math.sin( time ) * 50, -Math.cos( time ) * 50 ]; centerOfComp + circleOverTime;

Verwackeln nach dem Zufallsprinzip

Die Expression „Verwackeln“ ist eine der häufigsten After Effects-Expressions. Damit wird ein Objekt mithilfe zufälliger Werte verwackelt. Sie können diese Expression verwenden, um Ihre Szene natürlicher erscheinen zu lassen. Fügen Sie diese Expression zur Eigenschaft „Position“ der Ebene hinzu.

Zum Beispiel wiggle(Frequenz, Umfang), wobei die erste Zahl die Anzahl der Wackler pro Sekunde und die zweite Zahl den Wert für das Wackeln angibt. Wenn Sie also wiggle(2,30) verwenden, wird die Ebene 2Mal pro Sekunde um bis zu 30 Pixel in eine beliebige Richtung verwackelt.

Steuern des Verwackelns über Schieberegler

Verwackeln mit Schieberegler

Expressions können mit Keyframes versehen werden, indem Werte durch Verknüpfungen mit Expression-Steuerelementen ersetzt werden, z. B. mit einem Regler-Steuerelement. Indem Sie das zweite Argument der wiggle()-Expression durch eine Verknüpfung mit einem Regler-Steuerelement ersetzen, können Sie das Verhalten mit einem Keyframe so definieren, dass es zu bestimmten Zeiten gestartet und beendet wird.

  1. Fügen Sie zu einer beliebigen Ebene einen Regler-Steuerelement-Effekt hinzu und geben Sie ihm den Namen „Wackelumfang“
  2. Wenden Sie auf die Position derselben Ebene die folgende Expression an:
// Verwendung des Auswahlwerkzeugs, um die Verknüpfung von „effect(...)“ mit dem Regler herzustellen: var wiggleAmount = effect(“Wackelumfang”)(“Slider”); // 4 Mal pro Sekunde um den vom Regler festgelegten Wert verwackeln: wiggle( 4, wiggleAmount );

Überschießen

Diese Expression verwendet die Animation der Keyframes einer Ebene, um ein natürliches Überschießen zu erzeugen. Sie erzeugt eine Sprungbewegung eines beliebigen Parameters von einem Keyframe zum nächsten, die auf seiner Geschwindigkeit basiert. Der Sprung findet in jede Richtung statt, in die sich das Objekt bewegt. So erstellen Sie diese Animation: · Erstellen oder importieren Sie Ihre Grafiken in After Effects.

Fügen Sie Keyframes zu der Eigenschaft „Position“ der Ebene hinzu, die Sie animieren möchten. · Fügen Sie die folgende Expression zur Eigenschaft „Position“ der Ebene hinzu:

// Festlegen von Werten für die Steuerung des Überschießens. // Verknüpfen Sie diese mit der Regler-Expression, um schnell eine Vorschau verschiedener Einstellungen anzuzeigen. var amp = 40; var freq = 30; var decay = 50; // Findet den aktuellsten Keyframe: var nK = nearestKey(time); var n = (nK.time <= time) ? nK.index : --nK.index; var t = (n === 0) ? 0 : time - key(n).time; // Berechne das Überschießen, wenn die aktuelle Zeit nach einem Keyframe liegt. // Wenn nicht, verwende den Originalwert. if ( n > 0 && t < 1 ) { var v = velocityAtTime( key( n ).time - thisComp.frameDuration /10 ); value + v * amp * .001 * Math.sin(freq * .1 * t * 2 * Math.PI) / Math.exp(decay * .1 * t); } else { value; }

Mit der Zeit drehen

Sie können das Auswahlwerkzeug verwenden, um Drehungswerte zwischen Ebenen zu verknüpfen, um Objekte zu animieren. Dies funktioniert wie eine Uhr. Betrachten Sie diese drei Kreise als drei Zeiger der Uhr – der Stundenzeiger bewegt sich von Stunde zu Stunde, der Minutenzeiger dreht sich einmal komplett um das Zifferblatt.

  1. Importieren oder erstellen Sie drei Kreise als Farbflächenebenen. Nehmen wir an, einer davon arbeitet wie ein Stundenzeiger, der andere wie ein Minutenzeiger und der dritte wie ein Sekundenzeiger. (Siehe Farbflächenebenen und vollflächig farbige Footageelemente.)
  2. Legen Sie die Ankerpunkte an den Enden der Ebenen fest. (Siehe Ebenenankerpunkte.)
  3. Verschieben Sie die Ebenen so, dass die Ankerpunkte sich in der Mitte der Komposition befinden. (Siehe Verschieben von Ebenen im Raum.)
  4. Richten Sie Keyframes für die Eigenschaft „Drehung“ der Stundenzeigerebene ein. (Siehe Festlegen oder Hinzufügen von Keyframes.) Wählen Sie für die Ebene „hour hand“ die Eigenschaft „Drehung“ aus und klicken Sie dann auf „Animation“ > „Expression hinzufügen“.
  5. Ziehen Sie das Auswahlwerkzeug für den größten Kreis auf die Eigenschaft „Drehung“. Die folgende Expression wird angezeigt:   thisComp.layer("circle").rotation.
  6. Damit sich der zweite Kreis 12 Mal so schnell dreht wie der erste, fügen Sie am Ende der Expression „*12“ hinzu: thisComp.layer("circle").rotation*12.
  7. Wiederholen Sie dasselbe mit dem dritten Kreis und fügen Sie am Ende der Expression „*24“ hinzu: thisComp.layer("circle").rotation*24.

Schleife

Mit der Expression können Sie eine Schleife für eine Animation erstellen, ohne dass Sie kontinuierlich Keyframes hinzufügen müssen. Beispielsweise, damit sich mehrere Formen bis zum Ende der Komposition drehen. Hier können Sie einen anfänglichen Keyframe für die Startdrehung und einen weiteren für die Enddrehung festlegen. Wenn Sie dann die loopOut-Expression zum Parameter „Drehung“ hinzufügen, wird die Drehung fortgesetzt.

Die Variablen in der folgenden Expression beziehen sich auf den Schleifentyp und die Anzahl der Keyframes, die in die Schleife aufgenommen werden.

Sehen wir uns zuerst den Schleifentyp an. In der folgenden Expression haben wir für den Typ „Cycle“ festgelegt.

//loopOut für das Durchlaufen aller Keyframes festgelegt: loopOut(“cycle”, 0);

Typen können mit loopOut-Expressions verwendet werden. Die Schleifentypen „Cycle“, „Continue“, „Offset“ und „Ping PongThis“ enden am letzten Keyframe und beginnen dann erneut mit dem ersten Keyframe im ausgewählten Bereich. Die zweite Variable ist die Anzahl der einzuschließenden Keyframes. loopOut basiert auf dem letzten Keyframe und bewegt sich rückwärts. Standardmäßig werden mit „0“ alle Keyframes des Satzes vom Anfang bis zum Ende berücksichtigt. Wenn Sie nicht alle Keyframes für die Schleife verwenden möchten, legen Sie eine Zahl fest, die vom Ende her rückwärts zählt. Wenn Sie für die Variable „1“ festlegen, wird 1 Keyframe vor dem letzten Keyframe einbezogen, bei „2“ wird 2 Keyframes zurückgegangen und so weiter.

Abrufen der wahren Position einer untergeordneten Ebene

Wenn eine Ebene eine übergeordnete Ebene besitzt, gibt der in ihrer Eigenschaft „Position“ angezeigte Wert nicht ihre „wahre“ Position in der Komposition wieder, sondern ihre Position relativ zur übergeordneten Ebene. Um die wahre Position der untergeordneten Ebene zu ermitteln, muss der Koordinatenraum der übergeordneten Ebene mit einer Expression in den Koordinatenraum der Komposition konvertiert werden. Wenden Sie die folgende Expression auf die Position einer Ebene ohne übergeordnete Ebene an, um sie mit der Position der übergeordneten Ebene zu verknüpfen:

// Definieren der untergeordneten Ebene: var targetLayer = thisComp.layer(“Untergeordnete Ebene”); // Suchen des Ankerpunkts der untergeordneten Ebene in der Komposition: targetLayer.toComp( targetLayer.anchorPoint );

Verzögerung der Position einer Ebene in Bezug auf die ihr übergeordnete Ebene

Die Verzögerung und die Verschiebung bieten eine großartige Möglichkeit, Animationen dynamischer und natürlicher zu gestalten. Diese Arten von Verschiebungen können Sie erstellen und steuern, indem Sie einer übergeordneten Ebene viele Ebenen unterordnen und dann eine Expression auf die Position jeder untergeordneten Ebene anwenden, um die von der übergeordneten Ebene geerbte Bewegung zu verzögern.

Hinweis: Dies funktioniert nur mit untergeordneten Ebenen

// Festlegen einer Verzögerung in Frames: var delay = 5; // Verschieben der Position der Ebene in der Zeit basierend auf der Verzögerung: parent.fromComp( toComp( anchorPoint, time - framesToTime( delay ) ));

Sie können den Umfang der Verzögerung auch basierend auf dem Index der untergeordneten Ebene relativ zur übergeordneten Ebene steuern. Damit können Sie die Animation der untergeordneten Ebenen auf einfache Weise neu anordnen, indem Sie sie in der Zeitleiste unter der übergeordneten Ebene (oder darüber, falls die Animation vor der übergeordneten Ebene erfolgen soll) neu anordnen:

// Festlegen des Umfangs der Verzögerung in Frames: var delay = 5; // Multiplizieren der Verzögerung basierend auf dem Index dieser Ebene relativ zur übergeordneten Ebene: var multiplyDelay = delay * ( index - parent.index ) // Verschieben der Position der Ebene auf der Zeitleiste basierend auf der Verzögerung: parent.fromComp( toComp( anchorPoint, time - framesToTime( multiplyDelay ) ) );

Erstellen eines Bilderpfades

Mit dieser Beispiel-Expression weisen Sie eine Ebene an, dieselbe Position wie die nächsthöhere Ebene im Zeitleistenfenster einzunehmen, dabei aber eine genau festgelegte Verzögerung einzuhalten (in diesem Fall 0,5 Sekunden). Auch für die anderen geometrischen Eigenschaften können Sie gleichartige Expressions einrichten.

  1. Beginnen Sie mit einer auf etwa 30 % der Kompositionsgröße skalierten Formebene. (Siehe Farbflächenebenen und vollflächig farbige Footageelemente.)
  2. Öffnen Sie die Eigenschaft „Position“ und fügen Sie Keyframes hinzu. Wählen Sie die Ebene aus. Drücken Sie die Taste „P“, um die Eigenschaft „Position“ anzuzeigen. Klicken Sie bei gedrückter Alt-Taste (Windows) bzw. bei gedrückter Wahltaste (macOS) auf die Stoppuhr links neben dem Namen der Eigenschaft. (Siehe Festlegen, Auswählen und Löschen von Keyframes.)
  3. Geben Sie im Expression-Feld Folgendes ein:
    thisComp.layer(thisLayer, -1).position.valueAtTime(time - .5)
  4. Duplizieren Sie die letzte Ebene fünf Mal, indem Sie diese markieren und die Strg-Taste+D (Windows) bzw. die Befehlstaste+D (macOS) fünf Mal drücken. Alle Ebenen folgen demselben Pfad, wobei zwischen den Ebenen eine Verzögerung von jeweils 0,5 Sekunden auftritt.
if ( toCompVec([0, 0, 1])[2] > 0 ) { value; } else { 0; }

Weitere Ressourcen zu Expressions

Da Sie jetzt einige der Konzepte im Zusammenhang mit Expressions verstanden haben, können Sie der Community beitreten, um echte Anwendungsbeispiele zu erhalten und Ihre Arbeit zu teilen.

Sie können sich auch die hervorragende Sammlung von Beispiel-Expressions und die Tutorials von Dan Ebberts auf seiner MotionScript-Website ansehen.

Darüber hinaus bietet Dan Ebberts auf seiner MotionScript-Website Beispiel-Expressions und Lehrgänge mit Erläuterungen für die Arbeit mit Expressions an. Dort finden Sie beispielsweise eine hervorragende Seite zur Kollisionserkennung.

Weitere Beispiele für Expressions

Rick Gerard zeigt auf seiner Website anhand eines Beispiels, wie ein quadratisches Objekt so auf dem Boden gerollt werden kann, dass die Seiten in Kontakt mit dem Boden bleiben.

Colin Braley zeigt auf seiner Website anhand eines Lehrgangs und eines Beispielprojekts, wie mit Expressions erreicht werden kann, dass eine Ebene andere Ebenen auf natürlich wirkende Weise abstößt.

Im AE Enhancers-Forum finden Sie viele Beispiele und nützliche Informationen zu Expressions sowie Skripte und Animationsvorgaben: In diesem Beitrag im AE Enhancers-Forum verdeutlicht Paul Tuersley anhand eines Lehrgangs und eines Beispielprojekts, wie mit Expressions mehrere Ebenen in einem Schwarm animiert werden können.

Adobe-Logo

Bei Ihrem Konto anmelden