So erstellen Sie Illustrator-Grafiken für After Effects

Sep 11, 2025
wie man

Ich kann Ihnen nicht anfangen, Ihnen zu sagen, wie viele Adobe Illustrator Die Dateien wurden für Animation an mich übergeben, für die eindeutig nicht bereit waren Nach Effekten . Die Dateien enthalten möglicherweise eine riesige Schicht oder wurden mit dem falschen Farbprofil gespeichert. Manchmal haben sie Elemente, die nur teilweise in die Karton passen oder eine Fülle anderer Probleme enthalten, die es unmöglich machen, mit den After Effects zusammenzuarbeiten.

Es verursacht viel Verwirrung und Reibung zwischen dem Illustrator und dem Animator, der kein großartiger Ort zum Starten eines Projekts ist.

Die überraschendste Sache, die ich gelernt habe, ist, dass der Designer selten aufweist, dass sie zusätzliche Arbeit verursachen. Sie wurden einfach nicht ausgebildet, welchen Animatoren von einer Illustrator-Datei benötigen, um für den Erfolg eingerichtet zu werden.

Um den Schmerz zu erleichtern, habe ich eine Liste von Grundlagen, die jeder Illustrator, der Illustrator-Grafiken für After Effects vorbereitet, bewusst sein sollte.

01. Erstellen Sie mehrere Ebenen

Wenn Ihre Vektorgrafik abgeschlossen ist, aber Sie nur ein oder zwei Ebenen in Illustrator haben, sind Sie noch nicht fertig. Um Ihre neue Grafik zu animieren, müssen Sie jeden Teil (Unterschicht) in seine eigene Ebene trennen. Animieren einer einzelnen Schicht, die viele Teile dazu aufweist, neigt dazu, in einem starren und unprofessionellen Ergebnis zu geben.

Wenn Sie beispielsweise ein Logo mit drei Buchstaben haben, möchten Sie eine Ebene mit allen Elementen herstellen, die den ersten Buchstaben ausmachen, dann eine andere Ebene für den zweiten Buchstaben und einen anderen für den dritten. Sie können jeden Buchstaben einfach unabhängig von den After Effects animieren. Wenn Sie es gerade als ".AI-Datei" gespeichert hätten, ohne zusätzliche Schichten herzustellen und das in After Effects mitzubringen, wäre es eine flache Schicht.

Click the target icon to identify which item is which

Klicken Sie auf das Zielsymbol, um zu identifizieren, welcher Artikel das ist

Klicken Sie in der Abbildung des Illustrator-Schichts auf das Ziel-Symbol neben jedem Element, um zu identifizieren, welcher Punkt das ist. Sie können auch die Sichtbarkeit jedes Elements umschalten, um zu sehen, was der Artikel ist.

Create new layers using the menu shown above

Erstellen Sie neue Ebenen mit dem oben gezeigten Menü

Machen Sie mehrere neue Ebenen, indem Sie auf die Schaltfläche "Neue Layer erstellen" auf der Unterseite der Ebene der Ebene klicken, und benennen Sie jeden von ihnen. Wenn Sie jeden Artikel identifizieren, bewegen Sie ihn in die entsprechende Ebene. Achten Sie darauf, dass die neue Reihenfolge der Elemente in jeder Ebene keine Probleme verursacht, mit dem sie erscheinen.

Wenn Sie jeden Artikel unabhängig in verschiedene Schichten bewegt, kann man langweilig sein, aber es besteht viel einfacher. Wenn sich alles in einer einzelnen Ebene befindet, wählen Sie einfach diese Ebene aus und wählen Sie dann 'Release-to-Layer (Sequence)' aus dem Ebenenmenü der Ebenen. Dadurch werden alle Elemente in der Ebene in Schichten selbst umgewandelt. Diese können dann aus dieser Ebene herausgezogen werden, um die vollständige Liste der Ebenen aufzufüllen.

Make sure you label your layers appropriately

Stellen Sie sicher, dass Sie Ihre Layer angemessen bezeichnen

Alle Ebenen in der Ebenenplatte sind dann in After Effects sichtbar, sodass Sie sie unabhängig voneinander animieren können. Wenn sich einige der neuen Ebenen als kleine Teile von anderen herausstellen, ziehen Sie einfach die beiden zusammen, um sie zu kombinieren.

Helfen Sie dem Animator heraus, indem Sie sicherstellen, dass Sie jede Ebene angemessen nennen! Wenn die Datei in After Effects verschoben wird, bleiben die Layer-Namen beibehalten. Wenn Sie jede Ebene anrufen, was es eigentlich ist, wird jedes Mal schnell und schmerzlos identifiziert.

02. Ändern Sie Ihre Artboards

Die Größe Ihrer Artboard und der Grafiken in Angelegenheiten, wenn Sie nach Effekten importieren. Wenn Sie ein 10x10px-Karton mit einer winzigen Grafik haben, die in eine in eine Zusammensetzung von 1920x1080 importiert wurden, ist es ein guter Deal mehr Arbeit erforderlich, um alles auf die richtige Größe vor dem Animieren zu erhalten. Stellen Sie sicher, dass Ihre Artboard in Illustrator skaliert ist. Daher ist es eine ähnliche Größe oder größer als Ihre After-Effekt-Zusammensetzung.

Ensure your artboard is a similar scale to your After Effects composition

Stellen Sie sicher, dass Ihre Artboard eine ähnliche Skala für Ihre After-Effekt-Zusammensetzung ist

Bevor Sie speichern, stellen Sie sicher, dass kein Teil Ihrer Grafik von den Rändern der Kerzentafel abgeschnitten wird. Es kann als immer noch Image in Illustrator aussehen, aber wenn es für die Animation nach unten skaliert werden muss, ist es nicht gut, wenn die Kanten die gleiche Form wie der Rand der Kerzentafel festsetzen. Was innerhalb des Artboards ist, wird sich in After Effects auftauchen, und irgendetwas außerhalb davon wird es nicht tun. SPIELEN, Seien Sie sicher, dass alles, was Sie animieren müssen, in den Grenzen ist.

Wenn Sie mehrere Artboards haben, können Sie sie als separate Dateien speichern. Wenn Sie Ihre Datei speichern, werden Sie aufgefordert, Ihre Illustrator-Optionen festzulegen. Stellen Sie sicher, dass Sie "jede Artboard speichern in einer separaten Datei speichern". Sie können dann zu jeder neuen Illustrator-Datei gehen, und stellen Sie sicher, dass alle Layer getrennt sind und entsprechend für Animationen benannt werden.

03. Ändern Sie den Dokumentfarbenmodus

CMYK is only for print – set your colour mode to RGB

CMYK ist nur für den Druck - Stellen Sie Ihren Farbmodus auf RGB ein

Bevor Sie Ihre Datei zum Import in After Effects speichern, stellen Sie sicher, dass Sie in RGB arbeiten. CMYK ist großartig für den Druck, aber wenn Sie sich auf After Effects bewegen, werden Sie diese Version Ihrer Grafiken nicht drucken, und Sie möchten sicherstellen, dass die Farben in Ihrer endgültigen Animation ordnungsgemäß angezeigt werden. Sie können dies tun, indem Sie zu 'file & gt; Dokumentfarbenmodus & GT; RGB-Farbe '.

04. Wählen Sie den richtigen Dateityp aus

Save your work out as an ai file

Speichern Sie Ihre Arbeit als AI-Datei

Das ideale Dateiformat für After Effects ist eine Adobe Illustrator-Datei (AI). Vermeiden Sie EPS- oder SVG-Dateien, da sie nicht als Komposition mit vielen Ebenen importieren werden. Speichern Sie Ihr Vektorbild, indem Sie zu 'file & gt; Speichern Sie AS & GT; Format: Adobe Illustrator (AI) '.

Make sure you have ‘Create PDF Compatible File’ checked

Stellen Sie sicher, dass Sie "PDF-kompatible Datei erstellen" überprüft haben

Wenn Sie mit mehr Optionen aufgefordert werden, stellen Sie sicher, dass Sie "PDF-kompatible Datei erstellen" überprüft haben, oder die Datei importiert nicht ordnungsgemäß auf After Effects. Wenn der Animator in einer älteren Version von After Effects arbeitet, können Sie als ältere Version von Illustrator an der Spitze dieser Eingabeaufforderung speichern. Andernfalls sind die Standardeinstellungen großartig. Klicken Sie auf "OK", um zu speichern.

05. Import in After Effects

Nachdem Sie Ihre Illustrator-Datei formatiert haben, ist es an der Zeit, ihn für die Animation zu importieren. In After Effects Wählen Sie 'Datei & gt; Import & GT; Datei 'und wählen Sie Ihre Illustrator-Datei aus. Sie werden aufgefordert, wie Sie nach Effekten, um die Datei zu behandeln, sicherstellen, dass der "Einfuhrart" auf "Komposition" oder alle dieser Ebenen eingestellt ist, oder alle diese Schichten, die Sie gerade verbracht haben, dass es sich um Apartment von Apartment auseinander verbracht, wird wieder zusammengegeben.

Set to 'Composition' to preserve your layers

Setzen Sie sich auf "Komposition", um Ihre Schichten zu erhalten

Die Footage-Abmessungen liegen an Ihnen. Wenn Sie möchten, dass jede Ebene die gleiche Pixelgröße wie der Speicherplatz aufnimmt, dann wählen Sie "Layergröße". Alternativ möchten Sie, wenn Sie jede Ebene so groß sein möchten, dass Ihre gesamte Artboard "Dokumentgröße" auswählen.

Your layers should all appear within your Timeline

Ihre Layer sollten alle in Ihrer Timeline angezeigt werden

Wenn Sie auf "OK" klicken, wird eine neue Komposition innerhalb des Projektfensters erstellt. Doppelklicken Sie auf Ihre neue Komposition, damit Sie alle Ihre neuen Ebenen innerhalb der Timeline öffnen können. Sie sollten alle genauso benannt werden, so wie sie in Illustrator waren und von den Rest Ihrer Schichten einfach unabhängig voneinander animiert werden. Sie sind jetzt für den Erfolg bei der Erstellung der höchsten Qualitätsanimation möglich!

Über Pluralsight.

Pluralsight ist eine Enterprise-Technologie-Lernplattform, die ein vereinheitlichtes, endetes Ende der Lernerfahrung für Unternehmen auf der ganzen Welt liefert. Durch einen Abonnementservice werden Unternehmen befugt, sich mit der Technologiegeschwindigkeit zu bewegen, die Fähigkeiten, Innovation und Effizienz steigern. Für eine kostenlose Testversion und weitere Informationen, Besuch www.pluralight.com .

Zum Thema passende Artikel:

  • So wechseln Sie von Photoshop bis After Effects
  • 43 Erstaunliche After Effects Tutorials
  • Top-Tipps zum Erstellen von Animationen in After Effects

wie man - Die beliebtesten Artikel

Wie zeichnet man einen Hals und Schultern

wie man Sep 11, 2025

Wenn Sie lernen, wie man einen Hals und den Schultern zeichnet, kann es oft herausfordernd sein, die Bände in unserer Arbeit zu zeigen, da wir daran gewöhnt werden, die Menschen vorne zu se..

Wie zeichnet man einen Löwen

wie man Sep 11, 2025

Willkommen in unserem Guide, wie man einen Löwen zeichnet. Der König des Dschungels, der Löwen, ist eins, wenn nicht die größten, stärksten und mäch..

Erstellen Sie ein Multi-Exposition-Bild mit Adobe CC

wie man Sep 11, 2025

Adobe hat mich mit der Erstellung einer Illustration, um das Konzept des Multilokalismus auszudrücken, und darüber kann ich meine Antwort sehen. In diesem Tutorial gehe ich durch meinen kre..

Jump Start Reagieren Sie nativ mit der Expo

wie man Sep 11, 2025

Nativ reagieren ist eine Plattform, mit der Sie native mobile Apps mit JavaScript erstellen können. Wie der Name imp..

So vermitteln Sie den Ton in einem Gemälde

wie man Sep 11, 2025

Es ist zwar nicht möglich, einen Ton in einem herkömmlichen, Standbild (Multimedia-Interaktivität beiseite) anzuzeigen, kann e..

So codieren Sie einen Augmented Reality-Marker

wie man Sep 11, 2025

Seite 1 von 2: Seite 1 Seite 1 Seite 2 ..

Wie man Manga mit einem wilden West-Twist erstellt

wie man Sep 11, 2025

Western ist etwas, das ich immer geliebt habe. In diesem Tutorial schaffe ich ein Bild im typischen Manga-Stil, aber in einem wil..

Erstellen Sie qualität digitale Kopien Ihrer Kunst

wie man Sep 11, 2025

Es geht nicht nur darum, es zu schaffen, es geht auch darum, es zu teilen. Sobald Sie eine schöne Arbeit gemacht haben, sind Sie stolz darauf, es ist nur natürlich, dass Sie möchten, dass ..

Kategorien