Essential Graphics (After Effects) – Motion Graphics Templates (MOGRT)

Essential Graphics (dt.: Grundlegende Grafiken) ist ein After-Effects- und Premiere-Pro-Panel, das Motion Designers ermöglicht, animierte Grafiken als MOGRT-Vorlagen zu erstellen und zu verpacken – so können Redakteure und Cutter diese Templates in Premiere Pro ohne After-Effects-Kenntnisse anpassen.

Rubrik: Software & Tools · Unterrubrik: Adobe After Effects · Niveau: Fortgeschritten Synonyme / Auch bekannt als: Essential Graphics Panel, MOGRT (Motion Graphics Template), Grundlegende Grafiken; Menüpfad: Fenster > Grundlegende Grafiken; Premiere Pro: Fenster > Grundlegende Grafiken

Was ist Essential Graphics?

Essential Graphics löst ein zentrales Problem in professionellen TV- und Produktionsstudios: Motion Designer erstellen komplexe, aufwändige Animationen in After Effects – aber Cutter oder Redakteure müssen täglich denselben Lower Third, dieselbe Bauchbinde oder denselben Sendungs-Opener mit unterschiedlichem Text aktualisieren. Ohne Essential Graphics müsste jeder, der Änderungen vornimmt, After Effects kennen. Mit Essential Graphics kann der Motion Designer eine MOGRT-Datei (.mogrt) exportieren, die ausgewählte Parameter (Text, Farbe, Logo) als einfache Eingabefelder in Premiere Pro bereitstellt – ohne Zugang zu After Effects.

Erklärung

Essential Graphics Panel öffnen

• In After Effects: Fenster > Grundlegende Grafiken
• In Premiere Pro: Fenster > Grundlegende Grafiken (zum Anwenden von MOGRTs)

Template erstellen (After Effects Workflow)

Schritt 1: Master-Komposition festlegen

Im Essential-Graphics-Panel oben auf „Hauptkomposition" klicken und die gewünschte Composition aus dem Dropdown auswählen.

Schritt 2: Editierbare Parameter hinzufügen

In After Effects können folgende Parameter zum Essential-Graphics-Panel hinzugefügt werden:

• Text: Textebene oder Expressions-Quell-Text → Layer in die „Solo Supported Properties"-Zone ziehen
• Farbe: Farb-Eigenschaft einer Ebene (Füllung, Stroke) → per Pickwhip in das Panel hinzufügen
• Checkbox: Boolean-Steuerelement (z. B. Sichtbarkeit einer Ebene)
• Schieberegler: Zahlenwert (Effektparameter, Größe, Position)
• Dropdown: Auswahl zwischen vordefinierten Optionen
• Bild/Footage: Austauschbares Bild oder Logo-Slot

Parameter hinzufügen:

1. Gewünschte Eigenschaft in der Timeline auswählen
2. In der Timeline Strg/Cmd + Klick auf die Eigenschaft → Sie erscheint im Essential-Graphics-Panel
3. Oder: Im Essential-Graphics-Panel auf das „+"-Symbol klicken und Layer/Eigenschaft auswählen

Schritt 3: Parameter benennen und ordnen

Im Panel jeden Parameter umbenennen (Doppelklick auf den Namen) und per Drag & Drop in die gewünschte Reihenfolge bringen.

Schritt 4: Gruppen erstellen

Für bessere Übersicht können Parameter in Gruppen organisiert werden:

• Im Panel: „+" > Gruppe erstellen
• Parameter per Drag & Drop in die Gruppe ziehen

MOGRT exportieren

Methode 1 – Essential Graphics Panel:

• Im Panel unten: „Motion Graphics Template exportieren" klicken
• Speicherort wählen: Lokal oder direkt in die Adobe Fonts Creative Cloud-Bibliothek

Methode 2 – Menü:

• Composition > Motion Graphics Template exportieren

MOGRT-Datei: Eine .mogrt-Datei ist eine gepackte Datei, die die AE-Composition, verlinkte Fonts und Bilder enthält.

MOGRT in Premiere Pro verwenden

1. In Premiere Pro: Fenster > Grundlegende Grafiken > Panel öffnen
2. Tab „Durchsuchen" → Local Drive oder Adobe Creative Cloud Library
3. MOGRT per Drag & Drop in die Premiere-Sequenz ziehen
4. Im „Bearbeiten"-Tab erscheinen die konfigurierten Parameter als einfache Eingabefelder

Textfelder und responsive Design

Essential Graphics unterstützt responsive Text-Layouts:

• Textfelder können als Wortumbruch oder Einzelzeile konfiguriert werden
• Hintergrundformen können auf die Textlänge reagieren (responsive Backgrounds)
• Expression: sourceRectAtTime() gibt Breite/Höhe eines Textelements zurück → für responsive Formen

``javascript // Responsive Hintergrund-Breite (folgt dem Text): textLayer = thisComp.layer("Headline Text"); padding = 30; textWidth = textLayer.sourceRectAtTime(time, false).width; [textWidth + padding * 2, value[1]] ``

Fonts in MOGRT

Fonts in MOGRTs werden separat behandelt:

• Adobe Fonts: Werden automatisch mitgepakt, wenn der Empfänger dieselben Fonts aktiviert hat
• Lokale Fonts: Werden nicht mitgepakt und müssen separat installiert sein
• Empfehlung: Nur Adobe Fonts in Templates verwenden für maximale Kompatibilität

Beispiele

1. TV-Lower-Third-Template: Animierter Namens-Einblender mit 2 Textfeldern (Name, Titel) → MOGRT → Cutter kann täglich 50 verschiedene Lower Thirds in Premiere ohne AE-Kenntnisse anpassen
2. Sendungsöffner-Template: Logo-Slot (austauschbares Bild), Farbschema (3 Farbpicker), Titel-Text → für verschiedene Sendungsausgaben
3. Zähler-Template: Expression-gesteuerter Zahlen-Zähler → Schieberegler für Start- und Endwert → Redakteure setzen Zahlen selbst
4. Social-Media-Pakete: Instagram-Story-Template mit Textfeldern und Farb-Themen → Distribution über Creative Cloud Libraries
5. Sport-Einblender: Heim/Auswärts-Team, Score-Anzahl → Dropdown für Mannschaftsfarbe → Live-Einsatz beim Broadcasting

In der Praxis

MOGRT-Bibliotheken verwalten: Premiere Pro kann MOGRTs aus verschiedenen Quellen laden:

• Lokal: Eigener Speicherort auf der Festplatte
• Creative Cloud Libraries: Geteilte Team-Bibliotheken
• Adobe Stock: Kostenpflichtige Premium-Templates

Responsive Design Grundregel: Responsive AE-Templates sparen enorme Produktionszeit. Der Zeitaufwand beim Template-Erstellen rentiert sich spätestens nach dem 10. gleichen Anwendungsfall.

Shortcut-Übersicht:

Versionierung: MOGRTs sind an eine After-Effects-Version gebunden. Templates, die in AE 2024 erstellt wurden, funktionieren möglicherweise nicht in AE 2021. Für breite Kompatibilität: Templates in der ältesten benötigten AE-Version erstellen.

Vergleich & Abgrenzung

Häufige Fragen (FAQ)

Kann ich ein MOGRT nach dem Export noch editieren? Eine .mogrt-Datei kann in After Effects erneut geöffnet werden: In Premiere Pro das MOGRT im Panel Rechtsklick > „In After Effects bearbeiten" – das öffnet die zugrundeliegende AE-Composition. Nach Änderungen muss die MOGRT neu exportiert werden, und in Premiere Pro verwendete Instanzen aktualisieren sich nicht automatisch (sie müssen ggf. ausgetauscht werden).

Welche Eigenschaften können in Essential Graphics exponiert werden? In AE können fast alle animierbaren Eigenschaften dem Essential-Graphics-Panel hinzugefügt werden: Texte, Farben, Checkboxen, Schieberegler, Point Controls, Dropdown-Menüs und Footage-Slots. Nicht unterstützt: Komplexe Expressions-Parameter, die kein eindeutiges UI-Steuerelement haben, und Frame-genaue Timing-Einstellungen.

Verwandte Einträge

• Dynamic Link
• Pre-Komposition / Precompose
• Render Queue / Renderwarteschlange

Weiterführend

• Adobe After Effects Benutzerhandbuch – helpx.adobe.com/de/after-effects
• Adobe: „Motion Graphics Templates in After Effects" – helpx.adobe.com/de/after-effects/using/motion-graphics-templates.html
• School of Motion: „Essential Graphics Masterclass" – schoolofmotion.com