After Effects: Shape Layers

Shape Layers in After Effects sind vollständig vektorbasierte Ebenen, die Formen, Pfade und komplexe visuelle Strukturen per parametrischem Add-Menü erzeugen und animieren – ohne externe Bildressourcen.

Rubrik: Software & Tools Deep-Dive · Unterrubrik: Adobe After Effects · Niveau: Fortgeschritten Synonyme / Auch bekannt als: Formebenen, Vektorebenen, Shape Layer

Was sind Shape Layers?

Shape Layers sind die primäre Methode zur Erstellung von vektorbasierter Grafik direkt in After Effects. Im Gegensatz zu importierten Illustrator- oder PNG-Dateien sind Shape Layers vollständig parametrisch: Jede Eigenschaft – Größe, Farbe, Pfad-Kurven, Strichstärke – ist animierbar und verlustfrei skalierbar.

Shape Layers entstehen durch Zeichnen mit den Zeichen-Werkzeugen (Rechteck, Ellipse, Polygon, Stern, Freihand-Pfad) bei deaktivierter Layer-Auswahl oder durch Konvertierung aus einem Solid oder importierten Pfad. Sie werden in der Timeline in einer Baum-Hierarchie aus Gruppen und Operatoren organisiert und können nahezu unbegrenzt komplexe visuelle Systeme darstellen.

Erklärung mit konkreten Parametern

Aufbau eines Shape Layers

`` Shape Layer └── Inhalt (Contents) ├── Gruppe 1 │ ├── Pfad 1 (Path) │ ├── Füllung (Fill) │ └── Kontur (Stroke) └── Gruppe 2 └── ... ``

Gruppen sind das zentrale Organisations-Werkzeug. Jede Gruppe kann eigene Transformationen (Position, Rotation, Scale, Opacity) tragen.

Das Add-Menü: Shape-Operatoren

Das Add-Menü (Pluszeichen im Contents-Bereich der Timeline) enthält alle verfügbaren Operatoren:

Trim Paths (Kurzübersicht)

Trim Paths animiert, wie viel eines Pfades sichtbar ist – von Start (0 %) bis End (100 %). Detaillierte Dokumentation: Eintrag Trim Paths.

Repeater

Der Repeater multipliziert alle Shapes oberhalb seiner Position in der Gruppen-Hierarchie:

Merge Paths

Merge Paths kombiniert mehrere Pfade mit Boole'schen Operationen:

Offset Paths

Erweitert oder verkleinert einen Pfad um eine definierte Distanz in Pixel. Mit Linejoin-Optionen (Miter, Round, Bevel) für die Eckenbehandlung.

Schritt-für-Schritt Anleitung: Logo-Animation mit Repeater

1. Neuen Shape Layer erstellen: Zeichenwerkzeug aktivieren, ohne Layer-Auswahl ins Viewport klicken – After Effects erstellt automatisch einen neuen Shape Layer.
2. Mit dem Ellipse-Werkzeug einen kleinen Kreis zeichnen (Shift gedrückt halten für perfekten Kreis).
3. Im Shape Layer Contents-Bereich: Add > Repeater.
4. Repeater-Eigenschaften aufklappen:

- Copies: 8 - Transform > Position: [0, −100] (Kreis-Radius 100 px) - Transform > Rotation: 45° (360° / 8 Kopien)

1. Das Ergebnis: 8 gleichmäßig um den Ursprung verteilte Kreise (Kreis-Formation).
2. Rotation des gesamten Shape Layers animieren: Einfacher Keyframe von 0° auf 360° in 2 Sekunden → rotierende Kreise.

Beispiele – 5 konkrete Anwendungen

1. SVG-Schreib-Effekt: Buchstaben als Pfad importiert oder gezeichnet, Trim Paths von 0 % auf 100 % animiert – der Text "schreibt sich" organisch auf die Leinwand. Kombiniert mit variabler Strichstärke für kalligraphischen Look.
2. Ladekreis: Ellipse mit Stroke (kein Fill), Stroke-Dash-Array auf "round cap" gestellt, Trim Paths End von 0 % auf 85 % animiert, Layer rotiert mit time * 120. Ergibt den klassischen iOS/Android-Ladekreis.
3. Infografik-Tortendiagramm: Mehrere Ellipsen mit Trim Paths für verschiedene Segmente. Jedes Segment hat einen Trim Paths Offset-Wert entsprechend seiner Position im Diagramm. Animation: Alle Segmente "wachsen" gleichzeitig aus dem Nullpunkt.
4. Burst-Effekt mit Repeater: Linie mit Repeater (Copies: 12, Rotation: 30°), Trim Paths End animiert von 0 % auf 100 % und wieder zurück → explodierender Stern-Effekt für Impact-Momente.
5. Morphing zwischen Formen mit Merge Paths: Zwei Shape-Pfade auf einem Layer mit Merge Paths im "Subtract"-Modus – durch Animations-Keyframes auf den Pfad-Vertices entsteht ein organisches Morphing.

In der Praxis

Shortcuts:

• Q → Rechteck-Werkzeug
• W → Rotations-Werkzeug
• G → Stift-Werkzeug (Freihand-Pfad)
• U → Keyframes anzeigen
• Strg/Cmd + G → Shape-Gruppen gruppieren
• Strg/Cmd + Shift + G → Gruppierung aufheben

Häufige Fehler:

• Zeichnen erzeugt keine neuen Shapes, sondern Masken: Ein vorhandener Layer ist ausgewählt. Lösung: Auswahl aufheben (F2) vor dem Zeichnen.
• Repeater dreht sich um falschen Mittelpunkt: Der Anchor Point der Gruppe stimmt nicht. Lösung: Transform > Anchor Point in den Repeater-Einstellungen auf [0, 0] und den Shape zum Ursprung verschieben.
• Merge Paths zeigt keine Wirkung: Merge Paths muss in der Gruppen-Hierarchie unterhalb der Pfade stehen. Reihenfolge: Pfad 1, Pfad 2, dann Merge Paths.
• Skalierung verändert Stroke-Stärke: Standardmäßig skaliert AE die Stroke-Breite proportional mit. Um das zu verhindern: Layer > Qualität und Sampling > Continuous Rasterization aktivieren, oder Stroke-Stärke per Expression relativ zur Scale berechnen.

Profi-Tipp: Shape Layers aus Illustrator importieren: In Illustrator als .ai speichern, in AE importieren (Footage-Modus), dann Layer > Erzeugen > Vektoren in After Effects-Shapes umwandeln. So werden alle AI-Paths als vollständig animierbare Shape Layers übertragen.

Vergleich & Abgrenzung

Häufige Fragen (FAQ)

Können Shape Layers in Cinema 4D oder andere 3D-Programme exportiert werden? Direkt nicht. Der Standard-Workflow: Shape Layers als SVG über Bodymovin/Lottie exportieren (für Web-Nutzung) oder als gerenderte Video-Sequenz. Für 3D-Integration: Shape Layers in Cinema 4D als EPS/AI-Pfad importieren.

Wie viele Shapes sind auf einem einzelnen Shape Layer sinnvoll? Es gibt kein hartes Limit, aber die Performance leidet bei sehr vielen Shapes (100+). Für komplexe Grafiken: Shapes auf mehrere Layer verteilen oder Precompose nutzen.

Verwandte Einträge

• Trim Paths
• Text Animator
• Precompose

Weiterführend

• Adobe After Effects Benutzerhandbuch – helpx.adobe.com/de/after-effects/using/creating-shapes.html
• School of Motion: Shape Layers in After Effects – schoolofmotion.com
• Motionographer: Shape Layer Techniques – motionographer.com