So erstellen Sie eine einfache Animation mit Adobe Illustrator und After Effects

Haben Sie schon einmal eine fantastische Illustration mit Adobe Illustrator erstellt und sich gefragt, was Sie damit noch alles machen können? Sie können es in After Effects importieren und in eine fantastische Animation verwandeln. Folgen Sie uns, um zu sehen, wie einfach es sein kann.

Erstellen Sie eine Illustration in Adobe Illustrator

Es gibt verschiedene Möglichkeiten, eine Illustration für eine zukünftige Animation zu erstellen. Die Verwendung von Adobe Illustrator bietet Ihnen intuitive Illustrationslösungen, die einfach in After Effects importiert und verstanden werden können. Du könntest auch Verwenden Sie Photoshop, um eine Komposition für After Effects zu erstellen, aber wir werden uns auf die Arbeit mit Illustrator konzentrieren.

Stellen Sie beim Erstellen Ihres Illustrator-Dokuments die Größe Ihres beabsichtigten Videos ein (wir verwenden 1920 x 1080). Um ein neues Dokument zu beginnen, klicken Sie auf Neue Datei und wählen Sie Ihre Maße. Klicken OK und Sie können mit dem Entwerfen beginnen.

Verwenden Sie einfache Formen

Ein echter Vorteil der Verwendung von Illustrator für Ihr Animationsdesign sind die Pathfinder-Optionen. Sie können mit einfachen Formen wie einer Ellipse oder einem Rechteck entwerfen, und mit den Pfadfinderfunktionen können Sie diese einfachen Formen ganz einfach in kompliziertere Illustrationen umwandeln.

Die Verwendung einfacher, minimalistischer Formen für Ihre Illustration hilft Ihnen auch bei der Animation. Eine einfache Illustration ist einfacher zu animieren als etwas viel Komplexeres. Sie werden wahrscheinlich feststellen, dass die meisten Animationen, die Sie online finden, ziemlich einfach sind.

Eine minimalistische Farbpalette ergänzt Ihre einfache Animation – wir haben eine Anleitung zum Erstellen geschrieben eine automatisierte Farbpalette in Illustrator.

Arbeiten Sie auf separaten Ebenen

Das Arbeiten auf separaten Ebenen in Illustrator ist nicht nur eine gute Übung, sondern auch für den späteren Import Ihrer Illustration in After Effects unerlässlich. Die Ebenen bleiben erhalten und Sie können problemlos Ebene für Ebene animieren.

Jedes Element Ihres Designs, das Sie animieren oder nicht animieren möchten, muss sich auf einer separaten Ebene befinden. Wenn ein Element komplex ist, aber keine einzelnen Teile hat, die animiert werden können, sollte sich der gesamte Abschnitt zusammen auf derselben Ebene befinden. Jede Ebene sollte umbenannt werden, damit Sie sie alle in AE verfolgen können. Um eine Ebene umzubenennen, doppelklicken Sie auf ihren aktuellen Namen.

Beim Importieren Ihrer Illustration in AE bleiben nicht nur die Datei- und Ebenenabmessungen gleich – also Halten Sie Ihre Elemente an ihren richtigen Positionen – aber die animierten Elemente werden alle korrekt getrennt auch.

Speichern Ihrer Illustrator-Datei

Wenn Ihre Illustration fertig ist, gehen Sie zu Datei > Speichern unter und als AI-Datei speichern. Nachdem Sie geklickt haben Speichern, wird ein Popup-Fenster angezeigt. Stellen Sie sicher, dass die PDF-kompatible Datei erstellen Kontrollkästchen aktiviert ist, klicken Sie dann auf OK.

Der Grund für das Speichern Ihrer Illustration als AI-Datei ist, dass sie zu einer Live-Datei wird. Wenn Sie Ihre Animation mit derselben Datei erstellt haben, aber später feststellen, dass Sie die Farbe oder einen Aspekt der Illustration ändern möchten, können Sie dies tun. Alle in der AI-Datei gespeicherten Änderungen werden sofort in der After Effects-Animation wiedergegeben, solange Sie die AI-Datei verwenden.

Dies ist eine Option, die Sie hoffentlich nicht benötigen, wenn Sie die Illustration so erstellt haben, wie Sie es möchten. Aber es ist großartig, die Möglichkeit zu haben, Aspekte in Zukunft bei Bedarf zu ändern.

Importieren Ihres Designs in Adobe After Effects

Wenn Ihre AI-Datei gespeichert ist, ist es an der Zeit, die Illustration in After Effects zu importieren. AE hat drei Hauptbereiche: Projektfenster, Zeitleiste und Komposition. Doppelklicken Sie in das Projektfenster und ein Popup wird angezeigt. Suchen Sie Ihre Illustrator-Datei und wählen Sie sie aus Importieren als > Komposition – Ebenengrößen beibehalten, und klicken Sie Importieren. Stellen Sie sicher Komposition erstellen wird geprüft.

Wenn es geöffnet wird, sehen Sie zwei Dateioptionen im Projektfenster. Eine ist die Kompositionsdatei und die andere ein Ordner mit den separaten Ebenen. Sie müssen den Ordner nicht verwenden. Ziehen Sie die Kompositionsdatei nach unten auf die Timeline, und Ihre Illustration wird im Kompositionsbereich angezeigt. Sie sehen alle Ihre Ebenen in der Timeline.

Sie können die Dauer der Animation anpassen, indem Sie das Zeitband über der Zeitachse verlängern oder verkürzen. Dies ist die Länge Ihres Videos beim Export, kann aber während des Designprozesses jederzeit geändert werden.

Transformieren Sie in After Effects

In der Timeline kann jede Ebene individuell mit vielen verschiedenen Übergangsoptionen animiert werden. Um die Übergänge zu sehen, klicken Sie auf das kleine weißer Pfeil auf einer Ebene, und klicken Sie dann auf den Pfeil neben Verwandeln um die Animationstypen anzuzeigen und zu ändern.

Sie sehen diese Transformationsoptionen:

• Ankerpunkt
• Position
• Skala
• Drehung
• Opazität

Neben jeder der Optionen befindet sich eine Reihe von Zahlen. Diese Zahlen können ein Prozentsatz, Koordinaten oder etwas anderes sein. Sie beziehen sich jeweils auf die Transformationsoption, neben der sie sich befinden; Wenn Sie einen Teil Ihrer Animation transformieren, spiegeln die Zahlen die Änderung wider.

Das Ändern der Transformationsoptionen wird ohne die Verwendung von Keyframes nichts bewirken. Sie sind der wichtigste Teil der Animation in After Effects.

Arbeiten mit Keyframes

Keyframes sind rautenförmige Symbole, die ein Transformationselement für die Zeitanzeige darstellen. Bevor Sie die Keyframes verwenden können, müssen Sie auf das Stoppuhr-Symbol neben der ausgewählten Transformationsoption drücken – es fungiert als Schalter und erkennt, dass die Transformationsoption verwendet wird.

Bei eingeschalteter Stoppuhr können Sie die Zeitanzeige – eine vertikale blaue Linie mit einem Tab oben – entlang Ihrer Animationszeitachse an die Stellen verschieben, an denen Animationselemente stattfinden sollen. Wenn Sie die Zahlenparameter ändern, wird ein Keyframe hinzugefügt. Bei einigen Transformationsoptionen – wie Skalierung oder Position – können Sie das Element auch manuell im Kompositionsfenster verschieben, anstatt die Zahlen zu ändern.

Jedes Mal, wenn Sie die Zeitanzeige verschieben und dann einen Transformationsparameter ändern, wird ein Keyframe hinzugefügt. Sie können Keyframes von ihren Positionen verschieben und der Parameter wird an die Stelle verschoben, an der Sie den Keyframe platzieren.

Sie können einen Keyframe auch kopieren und einfügen, um ihn auf einer anderen Ebene wiederzugeben. Wenn Sie beispielsweise möchten, dass sich mehrere Ebenen gleichzeitig bewegen, können Sie die Positions-Keyframes einer Ebene kopieren und sie dann in eine andere Ebene einfügen. Sie werden dort eingefügt, wo die Zeitanzeige sitzt. Wenn Sie mehrere Ebenen gleichzeitig auswählen und Keyframes zu einer hinzufügen, wird derselbe Keyframe auf allen ausgewählten Ebenen platziert.

EasyEase verwenden

Die Easy Ease-Funktion wird häufig verwendet, aber was macht sie? Der Hinweis liegt schon im Namen – er vereinfacht die Animationselemente.

Das Hinzufügen von „Easy Ease“ zu einem Keyframe verleiht der Option „Transformieren“ eine natürlichere Leichtigkeit statt eines plötzlichen Endes (oder Anfangs). Es ist ein sehr subtiler Unterschied, aber einer, der Ihren Animationen wohl ein gewisses Maß an Fachwissen verleiht.

Um Easy Ease zu verwenden, klicken Sie mit der rechten Maustaste auf eine beliebige Keyframe-Raute und gehen Sie zu Keyframe-Assistent > Easy Ease. Sie können auch die Verknüpfung verwenden F9 Easy Ease zu implementieren. Die Keyframe-Raute verwandelt sich in eine Sanduhrform, um Easy Ease darzustellen.

Exportieren Ihrer Animation

Wenn Sie mit der Animation in After Effects fertig sind und mit dem Aussehen zufrieden sind, müssen Sie Ihr Video speichern. Sie können Verwenden Sie Plugins wie LottieFiles, um Lottie-Animationen zu erstellen aus Ihrem Video, oder Sie können es als Video mit verschiedenen Rendering-Optionen exportieren.

Gehe zu Datei > Exportieren > Zur Renderliste hinzufügen. Wählen Sie ein Ausgabeziel und klicken Sie auf Machen. Sie können Ihre Animation ohne Aufsicht rendern lassen; Je nach Länge und Anzahl der Elemente kann es eine Weile dauern. Sobald das Rendern abgeschlossen ist, haben Sie Ihr Animationsvideo.

Verwandeln Sie Ihre Illustrator-Kunst in After Effects

Sie können Ihre Adobe Illustrator-Fähigkeiten maximieren, indem Sie eine einfache Illustration in eine beeindruckende Animation verwandeln. Wenn Sie das Pathfinder-Tool und die Ebenen von Illustrator verwenden, werden Sie das Tool nach dem Import in After Effects zu schätzen wissen. Folgen Sie dieser Anleitung und erstellen Sie eine coole Animation.

Über 75 Tastenkombinationen für Adobe After Effects, die Ihnen das Leben leichter machen

Lesen Sie weiter

Über den Autor