Illustrator Tipps – Vorbereitung von Assets für die Animation
In diesem Beitrag werden wir sehen, wie wir Adobe Illustrator für die Entwicklung von 2D-Charakteren verwenden können, die dann in ein Programm wie After Effects exportiert werden können, um sie zum Leben zu erwecken – Pro Illustrator Tipps!
Ein Video, in dem wir dies demonstrieren, ist das Shippo-Video. Bevor ein Animator mit seiner Arbeit beginnen kann, braucht er etwas, mit dem er arbeiten kann. Deshalb erstellen wir die Objekte in Illustrator.
Einer der wichtigsten Aspekte bei der Entwicklung von Charakteren für die Animation ist die Tatsache, dass wir in Ebenen arbeiten und dass alles, was wir animieren, auf einer eigenen Ebene liegt. Einfach ausgedrückt: Damit eine Figur laufen kann, braucht sie zwei Beine. Es ist wichtig, dass wir eine kohärente Ebenenstruktur einrichten, damit wir, wenn wir unsere Arbeit an einen Animator oder jemanden, der Erfahrung mit Adobe After Effects hat, weitergeben, genau wissen, was damit zu tun ist, und sie effizienter arbeiten können.
Hier sind die Schritte, die Sie unternehmen müssen, wenn Sie Ihre Figuren für die Animation entwerfen.
Die komplette Figur in Illustrator, wie sie im Ebenenbedienfeld zu sehen ist, besteht aus einzelnen Elementen, die alle im Programm erstellt und dann sorgfältig positioniert werden, um der Figur eine Form zu geben.
Die Reihenfolge der Ebenen ist sehr wichtig, denn wie sie angeordnet sind, hat Auswirkungen darauf, wie die Figur gesehen wird. Zum Beispiel müssen sich die Augen auf einer Ebene befinden, die sich über dem Kopf befindet, damit man sie sehen kann. Im obigen Bild sind die obersten Ebenen also die Augen und der Mund, da dies die Hauptmerkmale sind, die animiert werden sollen. Die Arme und Füße wurden auf separaten Ebenen erstellt und mit links und rechts benannt, um sie voneinander zu unterscheiden.
Körperteile erstellen und benennen.
Der Kopf und die Haare können zu einer Ebene verschmolzen werden.
Im Ebenenbedienfeld kann man dies HEAD nennen.
Augen &Mund
Die Augen sind zwei einfache Kreise, die mit dem Ellipsenwerkzeug erstellt werden
In diesem Fall erstellen wir ein Auge nach dem anderen und nennen sie rechtes Auge und linkes Auge, die Augen dürfen nicht zusammengelegt werden, um eine Ebene zu bilden, sie müssen separat sein.
Nachdem du die Augen erstellt hast, musst du sie rechts und links nennen. Wenn du komplexere Charakteraugen mit Hornhäuten erstellst, würdest du auch die gleiche Referenz verwenden, nämlich links und rechts.
Der Mund des Charakters ist recht einfach. Um den Mund zu erstellen, müssen wir das Stift-Werkzeug verwenden, um eine Kurve zu erstellen. Die Kurve kann einem Lächeln oder einem Stirnrunzeln ähneln, je nachdem, in welche Richtung sie verläuft.
Wenn du mit dem Stift-Werkzeug in Adobe Illustrator vertraut bist, weißt du, dass man Kurven zeichnen kann, indem man die Maustaste gedrückt hält, um die gewünschte Kurve zu erhalten, und dann einen Punkt aufzeichnet, an dem die Kurve enden soll.
Eine Kurve zu erstellen ist sehr einfach. Oben haben wir zwei Punkte A und B, die Kurve wird eine Linie sein, die Punkt A und B verbindet.
Wählen Sie Ihr Stiftwerkzeug in Illustrator.
Mit dem Stiftwerkzeug auf Punkt A klicken und bewegen Sie die Maus in einer geraden Linie zu Punkt B. Sobald die gerade Linie gebildet wird, klicken Sie und halten Sie dann die Maustaste gedrückt und bewegen Sie die Maus in die gewünschte Richtung, die Sie die Kurve in diesem Fall bewegen Sie die Kurve nach unten wird ein Lächeln geben und bewegen Sie die Maus in eine Richtung nach oben wird eine traurige Stirn zu schaffen. Das Endergebnis sollte so aussehen. Vergiss nicht, die Fülloptionen auszuschalten und dem Strich eine Gewichtung zu geben, vorzugsweise eine starke Gewichtung von 2-4 Punkten, je nachdem, wie dick die Linie sein soll.
Das Endergebnis sollte ungefähr so aussehen.
Hier ist ein Mund, den ich früher gemacht habe und der gut mit Charakteren funktioniert.
Wenn wir den Mund und die Augen kombinieren, erhalten wir so etwas.
Diese befinden sich alle auf separaten einzelnen Ebenen und werden über der Kopfebene positioniert.
Ebenen werden durch Farben gekennzeichnet
Blaue Ebene – Linkes Auge
Grüne Ebene – Rechtes Auge
Lila Ebene – Kopf und Haare (HEAD)
Rote Ebene – Mund
Wenn Sie sich das Ebenen-Bedienfeld ansehen, haben wir jedes Element der Figur auf einer Ebene, die durch eine Farbe dargestellt wird. Wie bereits erwähnt, befindet sich der Mund
auf einer roten Ebene, du solltest die farbige Linie neben deiner Ebene sehen und ganz rechts auf der Ebene ein farbiges Quadrat. Unter dem Mund befindet sich das rechte Auge auf einer grünen Ebene, das linke Auge auf einer dunkelblauen Ebene und der Kopf mit den Haaren befindet sich ebenfalls auf einer lila Ebene.
Ebenen können jederzeit neu geordnet werden, also wenn deine Ebenen unordentlich sind, mach dir keine Sorgen, denk einfach daran, die Ebenen nach und nach anzuordnen, dann machst du es dir leichter.
Der Kopf sollte so aussehen.
Das ist eine Komposition von Ebenen, die so angeordnet wurden, dass sie ein Charaktergesicht ergeben. Wenn man sich das Bild anschaut, ist es einfach zu sagen, dass die untere Schicht der Kopf ist und die Augen und der Mund über dem Kopf sind.
Der Rest der Figur ist nach den gleichen Prinzipien wie der Kopf gestaltet.
Wir haben zwei Arme, Beine und zwei Füße. Und den Körper. Wenn wir komplexere Körperbewegungen erstellen würden, dann müssten wir Drehpunkte erstellen, die als Gelenke für die Arme fungieren würden, das wären
die Ellbogen und für die Beine wären das die Knie. Wenn du jemals wolltest, dass dein Charakter natürliche menschliche Bewegungen hat, wie z.B. Gehen, dann ist das der Punkt, an dem sie gebraucht werden.
Wenn die Arme sich separat bewegen würden, dann müssten sie auf separate Ebenen gelegt werden und die Namen links und rechts bekommen.
Nach dem Ebenen-Panel ist der rechte Arm auf einer cyanfarbenen Ebene und der linke Arm auf einer grauen Ebene.
Der Körper ist ein weißes/graues T-Shirt, das durch eine gelbe Markierung auf dem Ebenen-Panel dargestellt wird. Wenn es in der
Arbeit ausgewählt ist, wird es gelbe Auswahlmarkierungen haben.
Schließlich sollten wir so etwas haben.
Die Beine dieser Figur bewegen sich nicht, aber wie oben erwähnt, wenn wir gehen wollen, würden sie Drehpunkte für die Knie brauchen.
Die Füße sind jedoch links und rechts geschichtet.
Wenn man sich die Zusammenstellung der Schichten ansieht, kann man sehen, dass alle Schichten farblich kodiert und geordnet sind, so dass sie sich nicht überschneiden.
Hier sind alle Schichten dieser Figur. Du kannst sehen, dass bestimmte Ebenen rechts und links benannt wurden, das sind die Augen, die Arme und die Füße.
Wenn es darum geht, diese Figur zu animieren, ist es aufgrund der Art und Weise, wie die Datei angeordnet wurde, für den Animator sehr kohärent, welche Elemente animiert werden können. In erster Linie, obwohl die Beine nicht mit Bewegung im Sinn entworfen wurden, gibt es viele Effekte, um diese Animation funktionieren zu lassen.