Ich bin Jess, Motion-Designerin und Art-Direktorin.
Ein bisschen Planung und Organisation macht fast alles leichter.
Ich zeige dir, wie du Illustrator-Grafiken in After Effects importierst.
Und wie du Ebenen in Formen konvertierst, um mehr Kontrolle zu haben.
Öffne die Beispielgrafik in Illustrator.
Als Farbmodus soll RGB eingestellt sein.
Hier oben siehst du, dass es sich um ein CMYK-Dokument handelt.
CMYK-Farben werden beim Druck verwendet.
Drucker verwenden Mischungen aus Cyan, Magenta, Gelb und Schwarz, um Farben zu erstellen.
Bildschirme dagegen arbeiten mit rotem, grünem und blauem Licht.
Deshalb lässt sich ein CMYK-Farbmodus nicht präzise in einen RGB-Farbraum übertragen.
Der Unterschied ist gering, aber bei der RGB-Datei rechts sind die Farben satter und leuchtender als bei der CMYK-Datei links.
Da die finale Datei für Bildschirme ist, sollten wir in RGB arbeiten.
Klicke zum Ändern in Illustrator auf „Datei“ (File) > „Dokumentfarbmodus“ (Document Color Mode) > „RGB“.
Alles, was zusammen animiert wird, soll als Gruppe auf einer eigenen Ebene platziert werden, damit sich alle Formen der Blume gemeinsam bewegen.
Dazu gruppiere ich sie mit der Tastenkombination Strg+G.
Klicke auf das Bedienfeld „Ebenen“ (Layers) rechts.
Wenn du es nicht siehst, klicke oben auf „Fenster“ (Window) > „Ebenen“ (Layers).
Aktuell gibt es nur eine Ebene.
Wir müssen die Grafikelemente auf verschiedene Ebenen legen, um die einzelnen Teile in After Effects zu animieren.
Wähle „Layer 1“ aus, und klicke im Menü rechts oben im Bedienfeld „Ebenen“ (Layers) auf „Ebenen für Objekte erstellen (Sequenz)“ (Release to Layers (Sequence)).
Jetzt kannst du alle Ebenen markieren und sie aus Layer 1 herausziehen.
Alle Teile der Grafik sind jetzt auf einer eigenen Ebene.
Gruppierte Elemente sind auf derselben Ebene.
Benenne die Ebenen, damit du den Überblick behältst und dich zurechtfindest.
Doppelklicke auf die Ebene.
Gib den Namen ein.
Wechsle mit der Tabulatortaste zur nächsten Ebene.
Ich kürze das hier mal ab.
Zum Speichern klickst du auf „Datei“ (File) > „Speichern unter“ (Save As).
Gib der Datei einen neuen Namen.
Ich nenne sie „Dogillo-Layered“.
Wähle den Dateityp „AI“ aus dem Dropdown-Menü, und speichere die Datei.
Alle Einstellungen hier können so bleiben.
Klicke auf „OK“.
Öffne After Effects, und wähle „Neues Projekt“ (New Project).
Zum Importieren der Grafik in After Effects doppelklickst du links in das Bedienfeld „Projekt“ (Project) und navigierst zur Datei.
„Importieren als“ (Import as) hat ein Dropdown-Menü.
Mit „Footage“ wird die Grafik als einzelne flache Ebene importiert.
„Komposition“ (Composition) erstellt eine neue Komposition mit Ebenen.
Der Rahmen jeder Ebene entspricht der Größe der Illustrator-Datei.
Bei „Komposition – Ebenengrößen beibehalten“ (Composition – Retain Layer Sizes) entspricht der Rahmen der Größe der Grafik.
In unserem Beispiel sollen die Ebenengrößen beibehalten werden.
Klicke auf „Importieren“ (Import).
Du siehst die Komposition im Projektfenster und einen Ordner mit allen Ebenen aus Illustrator.
Per Doppelklick öffnest du die importierte Komposition.
Wenn du Illustrator-Ebenen in Formen umwandelst, kannst du sie bearbeiten und z.
B.
Pfade animieren.
Mache einen Rechtsklick auf die Ebene „Grass Bunch 3“.
Wähle „Erstellen“ (Create) > „Formen aus Vektorebene erstellen“ (Create Shapes from Vector Layer).
Die Ebene wird in Formen umgewandelt, und du siehst jetzt mehr Optionen.
Die Illustrator-Originalebene ist noch darunter.
Sie verbirgt sich hinter dem Augensymbol links neben der Ebene.
Änderungen an der Grafik in Illustrator werden automatisch in After Effects übernommen.
Wähle im Kontextmenü einer Ebene „Öffnen“ (Open) > „Datei extern bearbeiten“ (Edit Original...).
Die Grafik sollte in Illustrator geöffnet werden.
Klicke rechts auf „Grass Bunch 1“, und ändere die Farbe.
Speichere die Änderung mit Strg+S.
In After Effects wurde die Farbänderung übernommen.
Ein Vorteil von Illustrator ist, dass du Vektorgrafiken erstellst, die sich skalieren lassen, ohne an Detailtreue zu verlieren.
Beim Vergrößern des Schmetterlings in After Effects wird er unscharf.
Wir müssen After Effects mitteilen, dass das eine Vektorebene ist.
Dazu aktivierst du „Optimieren“ (Continuously Rasterize) mit dem Symbol in Form einer Sonne.
Sofort wird die Grafik wieder scharf.
Mit etwas Organisation sparst du Zeit und animierst Grafiken flexibel in After Effects.
Vielen Dank fürs Zuschauen.
