Hinzufügen von Responsive Designs zu Grafiken

Zuletzt aktualisiert am 27. März 2026

Erstelle flexible Kompositionen in Adobe After Effects mit den Responsive Design-Tools, um Layouts an verschiedene Seitenverhältnisse und Formate anzupassen, ohne Animationen neu erstellen zu müssen.

Die Funktion Responsive Design - Zeit ermöglicht es dir, adaptive Motion-Graphics zu erstellen.Die Funktion ermöglicht adaptive Zeitdehnung, wenn eine Komposition verschachtelt oder als Motion Graphics-Vorlage exportiert wird.Adaptives Zeitdehnen bedeutet, dass die geschützten Regionen in der gleichen Zeit animiert werden, auch wenn du die ungeschützten Regionen zeitlich dehnst.

Du kannst die Intros, Outros und beliebige Regionen einer Komposition schützen, die Responsive Design-Vorlagen speichern und sie in verschiedenen Projekten wiederverwenden, um doppelte Arbeit und erneutes Anpassen der Dauer 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.

Du erstellst zum Beispiel ein Lower Third und animierst Ein-/Ausblendungen und fügst Responsive Design-Zeit hinzu. Responsive Design bewahrt die Animationszeit, unabhängig davon, ob die Dauer des Clips verlängert oder getrimmt 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, wie der Schriftgrad und die Start- und Endzeit des Ein-/Ausblendens, sollte mit der Sequenz übereinstimmen.Eine Möglichkeit ist, die Animation zu duplizieren, um sie an die Länge der Sequenz anzupassen. Dieser Ansatz kann jedoch zeitaufwändig sein, da du die Animations-Keyframes verschieben musst, um die Ein-/Ausblendung mit der Sequenz abzustimmen.

Hier kannst du Responsive Design – Zeit verwenden. Du kannst die Ein-/Ausblendungsregionen (bestehend aus Keyframes) schützen und die Animation verlängern. Dies verbindet die Regionen mit der Sequenz, und die Zeit, die sie zum Animieren benötigen, bleibt unverändert, auch wenn du die Animation zeitlich dehnst, 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:

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.

Option 2:

Ziehe die Arbeitsbereichsleiste, um die Region auszuwählen, die du als geschützte Region festlegen möchtest. Klicke mit der rechten Maustaste auf die Arbeitsbereichsleiste und wähle dann Geschützte Region aus Arbeitsbereich erstellen.

Option 3:

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

Klicke im Timeline-Bedienfeld doppelt auf die Markierung, um das Dialogfeld Kompositionsmarkierung zu öffnen, und lege eine Dauer fest und aktiviere die Option "Geschützte Region".

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.

Ziehe in der Timeline Komp A über Komp B und platziere sie dort.

Die Timeline zeigt die geschützten Regionen blau schattiert an. Halten Sie den Endpunkt von Komposition A und ziehen Sie ihn auf den Endpunkt von Komposition B.

Wenn du die Komposition in der Vorschau anzeigst, benötigen die geschützten Regionen in der Animation die gleiche Zeit zum Animieren, und nur die ungeschützten Regionen werden gedehnt.

Verschachtelte Kompositionen mit mehreren geschützten Bereichen

  • Wenn du die In- und Out-Punkte einer Komposition ziehst, die eine oder mehrere geschützte Regionen hat und in eine andere Komposition verschachtelt ist, wird die Komposition zeitlich gedehnt, anstatt getrimmt zu werden. 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 TV, Videos und Web.