Benutzerhandbuch

Hinzufügen von Responsive Designs zu Grafiken

  1. Benutzerhandbuch –After Effects
  2. Beta-Versionen
    1. Übersicht über das Beta-Programm
    2. After Effects Beta Home
  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. Tipp des Tages
  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. Verbesserte Sprachunterstützung für die Benutzeroberfläche
  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. SVG-Dateien importieren
    7. Arbeiten mit Footage-Elementen
    8. Erkennen von Bearbeitungspunkten mithilfe der Szenenbearbeitungs-Erkennung
    9. 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
      5. Schneller und einfacher animieren mithilfe des Bedienfelds „Eigenschaften“
    3. Achsen der variablen Schriftart
      1. Unterstützung für Achsen der variablen Schriftart
      2. Arbeiten mit Achsen der variablen Schriftart
      3. Scripting-Unterstützung für Achsen der variablen Schriftart
      4. Achsen der variablen Schriftart – häufig gestellte Fragen
  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“
    10. KI-gestützte Objektmaske
    11. Erstellen von Nullebenen für Positionseigenschaften und Pfade
  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 Formpfaden und -masken
      4. Animieren von Formen aus Sketch und Capture mit After Effects
      5. Ausgewählte Animationswerkzeuge
      6. Arbeiten mit datengesteuerten Animationen
      7. Proportionales Scrubbing in der Timeline
      8. Suche und wende schnell Effekte, Vorgaben oder Menübefehle an
    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
    4. OpenColorIO- und ACES-Farb-Management
    5. Erweiterte HDR-Unterstützung
    6. HDR-Import und -Export 
  13. Effekte und Animationsvorgaben
    1. Überblick über Effekte und Animationsvorgaben
    2. Effektliste
    3. Effekt-Manager
    4. Effekte unter „Simulation“
    5. Effekte unter „Stilisieren“
    6. Effekte unter „Audio“
    7. Effekte unter „Verzerren“
    8. Effekte unter „Perspektive“
    9. Effekte unter „Kanäle“
    10. Effekte unter „Generieren“
    11. Effekte unter „Zeit“
    12. Effekte unter „Überblenden“
    13. Der Effekt „Rolling-Shutter-Reparatur“
    14. Effekte „Weich- und Scharfzeichnen“
    15. Effekte unter „3D-Kanal“
    16. Effekte unter „Dienstprogramm“
    17. Effekte unter „Matt“
    18. Effekte unter „Störung und Körnung“
    19. Effekt „Details erhalten (Vergrößerung)“
    20. Veraltete Effekte
    21. Cycore-Plug-ins
  14. Ausdrücke und Automatisierung
    1. Expressions
      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. Sprachreferenz für Expressions
      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. Erweiterter 3D-Renderer
    5. Importieren und Hinzufügen von 3D-Modellen zu Ihrer Komposition
    6. Importieren von 3D-Modellen aus Creative Cloud Libraries
    7. Erstellen parametrischer Gitter
    8. Bildbasierte Beleuchtung
    9. Animierte Umgebungslichter
    10. Aktivieren des Schattenwurfs für Lichter
    11. Extrahieren und Animieren von Lichtern und Kameras aus 3D-Modellen
    12. Tracking von 3D-Kamerabewegungen
    13. Standard-Kameraeinstellungen für 3D-Kompositionen anpassen
    14. Werfen und Akzeptieren von Schatten
    15. Eingebettete 3D-Modell-Animationen
    16. Schattenfänger
    17. Extraktion von 3D-Tiefendaten
    18. Aktivieren von In-Engine-Tiefenschärfe in erweitertem 3D
    19. Ändern der Materialeigenschaften einer 3D-Ebene
    20. Substance 3D-Materialien anwenden
    21. Arbeiten im 3D-Designraum
    22. 3D-Transformations-Gizmos
    23. Einzelnes 3D-Gizmo für mehrere 3D-Ebenen
    24. Machen Sie mehr mit 3D-Animation
    25. Vorschau von Änderungen an 3D-Designs in Echtzeit mit der Mercury 3D-Engine
    26. Stereoscopic 3D in After Effects
    27. Hinzufügen von responsiven Designs zu Grafiken 
  16. Ansichten und Vorschau
    1. Vorschau
    2. Videovorschau mit Mercury Transmit
    3. Ändern und Verwenden von Ansichten
    4. Verlustfreie komprimierte Wiedergabe
  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 Anwendungen
      1. Exportieren eines After Effects-Projekts als Adobe Premiere Pro-Projekt
    3. Creative Cloud-Bibliotheken in After Effects
    4. Plug-ins
    5. 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
  21. Wissensdatenbank
    1. Bekannte Probleme
    2. Behobene Probleme
    3. Häufig gestellte Fragen
    4. After Effects und macOS Ventura
    5. Wie After Effects Probleme mit unzureichendem Arbeitsspeicher bei der Vorschau handhabt

Erfahren Sie, wie Sie mit „Responsive Design – Zeit“ in After Effects arbeiten und gestalten können.

Mit der Funktion „Responsive Design“ können Sie adaptive Grafikanimationen erstellen. Die Funktion ermöglicht eine adaptive Zeitstreckung, wenn eine Komposition verschachtelt ist oder als Animationsvorlage exportiert wird. Adaptive Zeitstreckung bedeutet, dass die geschützten Bereiche in derselben Zeit animiert werden, selbst, wenn Sie eine Zeitstreckung der ungeschützten Bereiche durchführen.

Sie können Vor- und Abspanne oder beliebige Bereiche einer Komposition schützen und die Responsive-Design-Vorlagen speichern und in anderen Projekten wiederverwenden, um Duplizierungen und Retiming zu vermeiden.

Mit dieser Funktion wird die Animation der Grafik oder Sequenz angeheftet und passt sich den Änderungen an, die Sie daran vornehmen. So können Sie komplexe Animationen und Animationsvorlagen erstellen, die sich dank responsivem Retiming der Sequenz im jeweiligen Projekt anpassen.

Erstellen Sie beispielsweise einen Inhalt im unteren Drittel, animieren Sie Ein- und Ausblendung und fügen Sie ein zeitbasiertes Responsive Design hinzu. Mit einem Responsive Design wird die Animationszeit beibehalten, unabhängig davon, ob die Dauer des Clips erweitert oder verkürzt wird.

Informationen zu „Responsive Design – Zeit“

Das folgende Beispiel veranschaulicht das Problem:

Sie erstellen eine Textanimation mit Ein- und Ausblendung. Die Animation muss hierbei so lang sein wie die Sequenz. Die Animation besteht aus zwei Gruppen von Texten, die vor einem schwarzen Hintergrund eingeblendet werden.

Sie fügen die Animation zu einer anderen Sequenz hinzu. Jedes Element der Animation, etwa Schriftgröße sowie Start- und Endpunkte der Ein- und Ausblendung, muss mit der Sequenz übereinstimmen. Eine Möglichkeit besteht darin, die Animation so zu duplizieren, dass sie zur Länge der Sequenz passt. Dieser Ansatz kann jedoch sehr zeitaufwändig sein, da Sie die Animationskeyframes verschieben müssen, um die Ein- und Ausblendung mit der Sequenz abzugleichen.

Hier können Sie „Responsive Design – Zeit“ verwenden. Sie können die Ein- und Ausblendungsbereiche (bestehend aus Keyframes) schützen und die Animation erweitern. Hierdurch werden die Regionen an die Sequenz angehängt und die Zeit, die sie für ihre Animation zur Verfügung haben, bleibt unverändert – selbst wenn Sie die Animation zeitlich strecken, um sie an die Länge der Sequenz anzupassen. Einmal angehängt, passt sich die Animation dynamisch der Sequenzlänge an.

„Responsive Design – Zeit“ anwenden

Sie können „Responsive Design – Zeit“ auf die folgenden drei Arten anwenden:

  1. Option 1:

    Wählen Sie im Menü Komposition eine der Optionen aus dem Untermenü Responsive Design – Zeit aus:

    • Vorspann erstellen: Erstellt einen geschützten Bereich für 15 % der Kompositionsdauer, angefangen beim ersten Frame der Komposition.
    • Abspann erstellen: Erstellt einen geschützten Bereich für 15 % der Kompositionsdauer, der beim letzten Frame der Komposition endet.
    • Geschützten Bereich aus Arbeitsbereich erstellen: Erstellt einen geschützten Bereich mit Start- und Endpunkten, die der Arbeitsbereichsleiste entsprechen. Die geschützten Bereiche sind blau schattiert.

  2. Option 2:

    Ziehen Sie die Arbeitsbereichsleiste, um den Bereich auszuwählen, den Sie als geschützten Bereich festlegen möchten. Klicken Sie mit der rechten Maustaste auf die Arbeitsbereichsleiste und wählen Sie Geschützten Bereich aus Arbeitsbereich erstellen aus.

  3. Option 3:

    Klicken Sie auf der rechten Seite der Timeline auf das Markensymbol und erstellen Sie eine Kompositionsmarke.

  4. Doppelklicken Sie auf die Marke, um den Einstellungsdialog Kompositionsmarke zu öffnen, legen Sie eine Dauer fest und aktivieren Sie die Option Geschützter Bereich.

Animation zu einer anderen Sequenz hinzufügen

Nachdem Sie die geschützten Bereiche, Vor- und Abspanne Ihrer Animation festgelegt haben, können Sie sie zu anderen Kompositionen oder Sequenzen hinzufügen.

Das folgende Beispiel veranschaulicht den Prozess:

    • Benennen Sie die Animation mit den geschützten Bereichen, z. B. mit „Komposition A“.
    • Benennen Sie die Komposition, der Sie die Animation hinzufügen möchten, z. B. mit „Komposition B“.

    Öffnen Sie Komposition B im Zeitleistenfenster.

  1. Ziehen Sie im Zeitleistenfenster Komposition A über Komposition B.

  2. Die Zeitleiste zeigt die geschützten Bereiche blau an. Halten Sie den Endpunkt von Komposition A und ziehen Sie ihn auf den Endpunkt von Komposition B.

    Wenn Sie die Komposition in der Vorschau anzeigen, dauert die Animation der geschützten Bereiche genauso lang wie zuvor und nur ungeschützte Bereiche werden gestreckt.

Verschachtelte Kompositionen mit mehreren geschützten Bereichen

  • Wenn Sie die In- und Out-Points einer Komposition verschieben, die mehrere geschützte Bereiche enthält und in einer anderen Komposition verschachtelt ist, wird die Komposition nicht zugeschnitten, sondern zeitlich gestreckt. Die Funktion behält die Dauer der geschützten Bereiche bei. Wenn Sie beispielsweise einen Clip von fünf Sekunden, der zwei Sekunden geschützter Bereiche enthält, auf zehn Sekunden strecken, bleibt die Dauer der geschützten Bereiche bei zwei Sekunden.
  • Um den Start- bzw. Endpunkt der Ebene zu beschneiden, statt den Bereich zeitlich zu strecken, halten Sie die Optionstaste (macOS) oder die Alt-Taste (Windows) gedrückt und ziehen Sie die Start-/Endpunkte.
  • Geschützte Bereiche sind Kompositionsmarken, bei denen die Option „Geschützter Bereich“ aktiviert ist und die verschiedene Symbole aufweisen, damit sie leicht erkennbar sind. Geschützte Regionsmarken verhalten sich in der Regel wie andere Kompositionsmarken. Wenn sie jedoch in einer Komposition mit geschützten Bereichen verschachtelt sind, können diese Marken nicht bearbeitet werden. Stattdessen wird die Ebenenleiste für die Unterkomposition entsprechend markiert, um die geschützten Bereiche anzuzeigen.
  • Wenn Sie einen geschützten Bereich bearbeiten, nachdem Sie eine Komposition verschachtelt haben, werden die Marken des geschützten Bereichs auf Ebene der verschachtelten Komposition nicht automatisch angepasst. Um Marker in einer Unterkompositionsebene zu aktualisieren, wählen Sie die Ebene und anschließend die Option Ebene > Marken > Marken über Quelle aktualisieren aus.
  • Sie können die Option Geschützter Bereich auch über Skripte oder Ausdrücke nutzen. Verwenden Sie hierfür das Attribut protectedRegion der Kompositionsmarken.

Komposition mit geschützten Bereichen als Animationsvorlage exportieren

Wenn Sie eine Komposition mit geschützten Bereichen als Animationsvorlage exportieren und einer Sequenz in Premiere hinzufügen, können Sie die Länge direkt anpassen, ohne die Zeiten neu zuordnen zu müssen.

Sie können die In- und Out-Points des Clips verschieben, um die Komposition zeitlich zu strecken, anstatt den Clip am In- oder Out-Point zuzuschneiden. Die Dauer der geschützten Bereiche wird beibehalten.

  • Wenn Sie eine Komposition exportieren, die einen Audioinhalt als Animationsvorlage enthält, wird dieser in Premiere nicht adaptiv gestreckt.
  • Bei Kompositionen, die den CINEMA 4D-Renderer verwenden und 3D-Ebenen oder eine CINEMA 4D-Ebene mit CINEWARE-Effekt enthalten, können Probleme mit der flüssigen Animation geschützter Bereiche auftreten, wenn die Komposition zeitlich gestreckt wird.

Mehr Möglichkeiten mit After Effects

Erstellen Sie mit Adobe After Effects kreative Grafik- und Textanimationen sowie visuelle Effekte. Erstellen Sie Designs für Filme, TV, Videos und für das Internet.

Adobe, Inc.

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?