Benutzerhandbuch Abbrechen

Verwenden von Expressions zum Erstellen von Dropdown-Listen in Animationsvorlagen

  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)
      2. 3D-Modellimport (Beta)
      3. OpenColorIO- und ACES-Farbmanagement (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
  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. 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 und Masken
    3. Spurmasken und Traveling Mattes
  12. Anpassen der Farbe
    1. Farben – Grundlagen
    2. Farb-Management
    3. 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 Mercury 3D-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. H.264-Codierung in After Effects
    3. Exportieren eines After Effects-Projekts als Adobe Premiere Pro-Projekt
    4. Konvertieren von Filmen
    5. Multi-Frame-Rendering
    6. Automatisches Rendern und Netzwerk-Rendern
    7. Rendern und Exportieren von Standbildern und Standbildsequenzen
    8. 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. Frame.io installieren und aktivieren
      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. Wie After Effects Probleme mit unzureichendem Arbeitsspeicher bei der Vorschau behandelt    
    3. Verbessern der Leistung
    4. Voreinstellungen
    5. Anforderungen an GPU und GPU-Treiber für After Effects

Erstellen Sie Animationsvorlagen mit Dropdown-Listen, sodass Benutzer sie in Premiere Pro anpassen können.

Dropdown-Menüsteuerung

Wenn Sie eine Animationsvorlage (MOGRT) erstellen, können Sie die Eigenschaften flexibel lassen und es Bearbeitern erlauben, sie in Premiere Pro anzupassen. Eine Möglichkeit hierfür ist das Erstellen von Schiebereglern und Kontrollkästchen. Sie können sie auch mithilfe von Dropdown-Listen mit verschiedenen Optionen erstellen.

Das Erstellen von Dropdown-Listen ist praktisch, da es mehr Menüsteuerungen und eine einfachere Bearbeitungsumgebung für Premiere Pro-Bearbeiter bietet. Sie können die Einstellungen für die Dropdown-Steuerung als Vorlage speichern und später in verschiedenen Kompositionen und Projekten verwenden.

Verschiedene Textoptionen, die bei Verwendung der Dropdown-Listen in After Effects angezeigt werden
Verschiedene Textoptionen, die bei Verwendung der Dropdown-Listen in After Effects angezeigt werden

Gründe für das Erstellen Dropdown-Listen

Sie können Bearbeitern in Premiere Pro Regler und Kontrollkästchen als Bearbeitungsoptionen zur Verfügung stellen. Die Verwendung dieser Elemente kann jedoch manchmal wenig intuitiv und zeitaufwendig sein. In solchen Fällen sind Dropdown-Listen hilfreich. Verwenden Sie sie, um einem Premiere Pro-Bearbeiter Folgendes zu ermöglichen:

 Verschiedene Farbthemen – Sie können beispielsweise eine Dropdown-Liste für eine Gruppe von Farben erstellen, die Sie für einen Filmtitel verwenden möchten.

 Unterschiedliche Positionen oder Designs – Fügen Sie beispielsweise eine Dropdown-Liste hinzu, in der der Benutzer wählen kann, ob Einblendungen im unteren Drittel auf der rechten oder linken Seite angezeigt werden sollen.

 Animationsoptionen – Fügen Sie beispielsweise eine Dropdown-Liste hinzu, um verschiedene Animationsdauern auszuwählen.

 Text- oder Elementoptionen – Fügen Sie beispielsweise eine Dropdown-Liste für die verschiedenen Wochentage hinzu. Dadurch wird eine erneute Eingabe von Quelltext vermieden und die Wahrscheinlichkeit von Fehlern bei der Postproduktion reduziert.

Einrichten einer Dropdown-Listensteuerung

Verwenden Sie die Einstellung Dropdown-Menüsteuerung, um Dropdown-Listen zu erstellen. Führen Sie die folgenden Schritte aus, um zu verstehen, wie diese Funktion funktioniert:

  1. Erstellen von Kompositionen.
    Klicken Sie auf das Kompositionssymbol am unteren Rand des Bedienfelds „Projekt“ oder wählen Sie im Startbildschirm Neue Komposition aus.

  2. Um eine Textebene hinzuzufügen, wählen Sie Ebene > Neu > Text aus und geben Sie den Text ein, den Sie hinzufügen möchten. In diesem Beispiel lautet der Text „Morgen“.

  3. Öffnen Sie das Effekte- und Vorgabenfenster, suchen Sie die Flächenfarbe, und legen Sie dies auf der Textebene ab.

  4. Sobald sich alle Ebenen an Ort und Stelle befinden, suchen Sie im Fenster Effekte und Vorgaben nach Dropdown-Menüsteuerung und legen Sie dies auf den Ebenen ab. Sie können auch über Effekt > Einstellungen für Expressions > Dropdown-Menüsteuerung darauf zugreifen.

    Öffnen Sie im Zeitleistenfenster die Textebeneneigenschaften und klicken Sie auf das Stoppuhrsymbol neben Quelltext.

    Kopieren Sie im Expression-Textfeld das folgende Expression-Codefragment, um den Quelltext zu ändern:

    var x = effect("Wochentag")("Menü").value;

    if ( x === 1 ) {
    "Morgen";
    } else if ( x === 2 ) {
    "Abend";

    } else if ( x === 3 ) {

    "Nacht";

    }

    Verwenden Sie das Auswahlwerkzeug und verknüpfen Sie das Dropdown-Menü „Wochentag“ mit der Quelltexteigenschaft.

    Klicken Sie im Effektfenster auf Bearbeiten. Die Dropdown-Menüsteuerung enthält ein Standardmenü mit drei Elementen: Element 1, Element 2, Element 3. Benennen Sie damit Ihre Menüoptionen. Sie können dem Menü auch weitere Optionen mit dem Symbol „+ -“ hinzufügen.

  5. Fügen Sie ein weiteres Dropdown-Menü hinzu und benennen Sie es in „Farbe“ um. Öffnen Sie als Nächstes die Flächenfarbenebene und klicken Sie bei gedrückter Alt-Taste auf die Eigenschaft „Farbe“. Um die Textfarbe zu ändern, kopieren Sie den folgenden Text in das Expression-Feld:

    dropDownIndex = effect("Farboptionen")("Menü").value;

    switch ( dropDownIndex )
    {
    case 1: hexToRgb("FF3211");
    break;
    case 2: hexToRgb("CC1234");
    break;
    default: hexToRgb("BBB001")
    };

    Verwenden Sie das Auswahlwerkzeug und verknüpfen Sie das Dropdown-Menü mit der Eigenschaft „Farbe“. Benennen Sie dieses Dropdown-Menü „Farboptionen“. Sie können die Farbe im Farbdiagramm neben der Eigenschaft „Farbe“ entsprechend ändern. 

  6. Um die beiden Dropdown-Menüeigenschaften miteinander zu verknüpfen, verwenden Sie das Auswahlwerkzeug „Farboptionen“ und verknüpfen Sie es mit dem Dropdown-Menü „Wochentag“. Das Dropdown-Menü „Farboptionen“ verweist auf das Dropdown-Menü „Wochentag“, was bedeutet, dass sich durch den ausgewählten Wochentag auch die Textfarbe ändert.

  7. Ziehen Sie dieses Dropdown-Menü in das Bedienfeld Essential Graphics und verwenden Sie es zum Erstellen von Animationsvorlagen.

Um sich den Einstieg in die Projekterstellung zu erleichtern, können Sie diese Beispieldatei herunterladen.

Herunterladen

Beispiel-Expressions für Dropdown-Listensteuerungen

Wie bei anderen Expression-Steuerelementen (z. B. Reglern) werden die Werte des Menüs in Expressions als Indizes bezeichnet. Sie können die Beispiel-Expression unten in das Expression-Textfeld kopieren, um mit dem Dropdown-Menü unterschiedliche Ergebnisse zu erzielen.

Hinweis:

Die Namen der Menüpunkte selbst werden von der Expression nicht gelesen. Stattdessen wird der Index gelesen, d. h. die hierarchische Position eines Menüpunkts in der Liste.

Beispiel 1: Farbe einer Ebene definieren und in Menüpunkten der Dropdown-Steuerung darauf verweisen

Beispiel 2

dropDownIndex = thisComp.layer("Null 2").effect("Dropdown-Menüsteuerung")("Menü").value;

switch ( dropDownIndex )
{
case 1: hexToRgb("FF4678");
break;
case 2: hexToRgb("CC1234");
break;
default: hexToRgb("BBB007")
};

Ändern von Farben mithilfe des Expression-Fragments
Ändern von Farben mithilfe des Expression-Fragments

dropDownIndex = thisComp.layer("Null 2").effect("Dropdown-Menüsteuerung")("Menü").value;

switch ( dropDownIndex )
{
case 1: hexToRgb("FF3211");
break;
case 2: hexToRgb("CC1234");
break;
default: hexToRgb("BBB001")
};

Beispiel 2: Quelltext mit einer Dropdown-Menüsteuerung verwenden

Wenn Sie ein Dropdown-Menü mit den folgenden Menüpunkten in dieser Reihenfolge haben:

  1. Montag
  2. Dienstag
  3. Mittwoch

„Montag“ ist Index 1, „Dienstag“ ist Index 2, solange er das zweite Element in der Liste ist. Wenn Sie „Dienstag“ in etwas anderes umbenennen, funktioniert der Ausdruck weiterhin, da das Element weiterhin Index 2 entspricht.

Hier ein einfaches Beispiel zur Verwendung von Quelltext mit „Dropdown-Menüsteuerung“:

x = comp("Kompositionsname").layer("Ebenenname").effect("Dropdown-Menüsteuerung")("Menü");

if (x == 1) {

text.sourceText = ("Montag");

}

if (x == 2) {

text.sourceText = ("Dienstag");

}

if (x == 3) { 

text.sourceText = ("Mittwoch");

}

Beispiel 3: Quelltext für eine Textebene definieren und in den Menüpunkten der Dropdown-Steuerung darauf verweisen

var listItems = [

"Lämmer",
"Welpen",
"Nichts",
];
var dropDownValue = effect("Einstellungen für das Dropdown-Menü")("Menü").value;
listItems[ dropDownValue - 1 ];

var x = effect("Einstellungen für das Dropdown-Menü")("Menü").value;if ( x === 1 ) {
"Lämmer";
} else if ( x === 2 ) {
"Welpen";
} else {
"Nichts";
}

x = effect("Einstellungen für das Dropdown-Menü")("Menü").value;
switch (x) {
case 1 : "Hund";
break;
case 2 : "Katze";
break;
default : "Standard" }

Das sollten Sie bei der Verwendung von Dropdown-Listensteuerungen beachten

  • Geben Sie der Dropdown-Listensteuerung immer einen Namen, der den Inhalt am besten widerspiegelt.
  • Bei den Menüoptionen im Effekt Dropdown-Menüsteuerung werden Groß- und Kleinschreibung bzw. Text nicht beachtet. Die Expression funktioniert weiter, auch wenn Sie die Menüpunkte umbenennen. Die Position der Menüpunkte ist jedoch wichtig. Wenn Sie diese ändern, wird die Expression beschädigt.
  • Achten Sie auf ein ausgewogenes Verhältnis zwischen den verschiedenen Komponenten in Ihren Animationsvorlagen. Wählen Sie beispielsweise Regler für Bereiche und verwenden Sie Kontrollkästchen für Optionen wie „Ja“ und „Nein“. 
  • Das Dropdown-Menü, mit dem Sie alle anderen Dropdown-Menüs verknüpfen, wird zum übergeordneten Menü. Die Dropdown-Menüs in der Komposition verweisen auf das übergeordnete Menü und verhalten sich entsprechend.

Scripting-Unterstützung für die Dropdown-Menüsteuerung

Property.setPropertyParameters()

Methode:

app.project.item(index).layer(index).propertySpec.setPropertyParameters([param-array])

Beschreibung:

Legt die Parameter für eine Eigenschaft fest.

Anmerkungen

  • Der Dropdown-Menüsteuerungeffekt (Übereinstimmungsname: ADBE Dropdown-Steuerung) ist die einzige Eigenschaft, bei der Parameter festgelegt werden können. 
  • Wenn diese Methode fehlschlägt, entsteht ein Ausnahmefehler.
  • Um zu überprüfen, ob bei einer Eigenschaft Parameter festgelegt werden können, prüfen Sie erst mit isDropdownEffect, bevor Sie diese Methode aufrufen (siehe Property.isDropdownEffect).

Parameterdetails:

param-array

Ein Zeichenfolgen-Array. Diese Methode überschreibt den vorhandenen Satz von Menüelementen mit dem bereitgestellten Zeichenfolgen-Array.

Für die als Menüelemente angegebenen Zeichenfolgen gibt es einige Einschränkungen:

1.     Leere Elementzeichenfolgen sind nicht zulässig.

2.     Doppelte Elementzeichenfolgen sind nicht zulässig.

3.     Das Zeichen „|“ ist in Elementzeichenfolgen nicht zulässig.

4.     Es sind nur Zeichenfolgen zulässig.

5.     Elementzeichenfolgen sollten in ASCII oder MultiByte auf der aktuellen Codepage codierbar sein. Anders gesagt: Die Elementzeichenfolgen sollten im Skript des laufenden Systems bereitgestellt werden. Beispiel: Wenn Sie die Elementzeichenfolgen auf Japanisch angeben, während Sie das Skript auf einem englischen System ausführen, wird ein Dropdown-Effekt mit unleserlichen Zeichen in den Elementzeichenfolgen erstellt.

Hinweis: Die Zeichenfolge „(-“ kann als Elementzeichenfolge angegeben werden. Diese werden als Trennlinien im Dropdown-Menü angezeigt. Der Autor muss daran denken, dass jede Trennlinie einen Index für sich beansprucht.

Beispiel:

Dropdowneffect = Dropdowneffect.setPropertyParameters(["Montag", "Mittwoch", "Freitag", "Sonntag"]);

Durch die obige Anweisung werden im Dropdown-Menü „Montag“, „Mittwoch“, „Freitag“ und „Sonntag“ als die Elemente angezeigt. Die zurückgegebene Eigenschaft ist die aktualisierte und sollte für alle weiteren Verwendungen benutzt werden.

Rückgaben:

Die aktualisierte Eigenschaft. Der Benutzer sollte beachten, dass das für diese Methode aufgerufene Eigenschaftsobjekt aufgrund der internen Implementierung ungültig ist und daher die zurückgegebene Eigenschaft für alle weiteren Verwendungen benutzt werden sollte.

Property.isDropdownEffect

Methode:

app.project.item(index).layer(index).propertySpec.isDropdownEffect

Beschreibung:

Gibt „true“ zurück, wenn es sich bei der Eigenschaft um einen Dropdown-Menüsteuerungseffekt handelt.

Beispiele:

appliedEffect.property("Menü"),isDropdownEffect  // gibt true zurück

appliedEffect.property("Farbe"),isDropdownEffect  // gibt false zurück  

appliedEffect.property("Weiche Kante"),isDropdownEffect  // gibt false zurück

Rückgabe:

Boolescher Wert

Haben Sie Fragen oder Anregungen?

Wenn Sie eine Frage stellen oder Anregungen teilen möchten, können Sie Teil der After Effects Community werden. Wir würden uns freuen, von Ihnen zu hören und Ihre Animationsvorlagen zu sehen.

Adobe-Logo

Bei Ihrem Konto anmelden