Expressive Animation: Photoshop, Illustrator und After Effects kombinieren

1. Einführung: Essen macht wirklich Spaß zu animieren, weil es so viele verschiedene Eigenschaften hat. Ich werde definitiv viel von Essen inspiriert. Ich bin Sylvia Yang, ich bin Illustratorin, Animatorin und GIF-Künstlerin in Brooklyn, New York. Für meine professionelle Arbeit mache ich viele animierte Illustrationen für Videoserien, Erklärer und Produkte. Aber was ich wirklich liebe, auf der Seite zu tun, ist Spaß und skurrilen animierte Grafiken, die Menschen lächeln lässt. In dieser Klasse werde ich vorstellen, wie man mehrere Medien verwendet, um eine Charakteranimationen zu erstellen, die Sie teilen können. Wir werden Adobe Illustrators, Photoshops und After Effects verwenden, um den Charakter am Leben zu erhalten. Wir werden durch die Schritte gehen, wie man Funken zu Ideen, von Fotos zu illustrieren und animieren Sie Ihren netten Charakter. Wenn Sie ein großer Fan von einem Essen sind und Sie gerne etwas Spaß und Schrullige kreieren, sollten Sie auf jeden Fall diese Klasse nehmen. Selbst wenn Sie nie in After Effects animieren, können Sie mir Schritt für Schritt folgen und fühlen sich zuversichtlich, das Werkzeug zu verwenden, um alles zu erstellen, was Sie sich vorstellen können. 2. Spaß mit Animation: Ich bin wirklich aufgeregt, dass du dich entschieden hast, diesen Kurs zu nehmen. Ich wuchs in Taiwan auf und studierte bildende Kunstschule, als ich klein war. Ich genoss Zeichnungen immer, aber ich fühlte mich langsam von einem sehr traditionellen Bildungsstil verfolgt. Außerdem hatte ich das Gefühl, dass ich meine eigene Stimme und Persönlichkeit nicht wirklich durch die traditionellen Kunstwerkzeuge ausdrücken konnte . Aber das Lernen dieser bildenden Künste hat mir sicherlich geholfen, eine Grundlage dafür zu schaffen, wo ich jetzt bin. Ich wechselte zur Designschule im College und zog dann nach New York für die Graduiertenschule in Parsons. Dann begann ich mit dem Experimentieren und Erlernen der Animationen und digitalen Künste. Ich entdeckte, dass die Animationen mir die Kraft gaben, Bewegung und Illustration zu kombinieren , um die Geschichten visuell so dynamisch zu erzählen. Gestalten kann wirklich Spaß machen. Pommes frites Charakter Animation, es ist Teil einer Reihe von Gifs, die ich vor erstellt. Die Gifs, die ich auf Giphy geteilt habe, haben bereits 7 Milliarden Ansichten. Essen inspiriert mich sehr, weil es viele Eigenschaften hat. Nehmen Sie ein Beispiel für einen würzigen Pfeffer. Auf den würzigen Paprika, würzigen Aromen und roten Farben könnten die Emotionen von Irritationen, Wut und Zufall sein. Wir können diese Idee mit verschiedenen Lebensmitteln verwenden und dann finden was die Emotionen es Ihnen präsentieren wird und welche Art von Charakteren, mit denen wir arbeiten können. Heutzutage lieben die Menschen die Gifs mit einem starken emotionalen Ausdruck, die sie als ihre Reaktionen in einer Nachricht teilen können. Deshalb denke ich, dass es für deine Gifs wirklich wichtig ist, eine einzige Emotion zu haben , die für Menschen relevant ist. Heute werde ich Pommes frites wählen. Jedes Mal, wenn ich Pommes frites habe, fühle ich mich wirklich zufrieden, dass sie glücklich sind. In meinem Kopf steht das für fröhliche Emotionen. Für die ersten Schritte werden wir die Ideen und Konzepte für das Charakterdesign erkunden, und dann werden wir nach dem Bild und den Fotos suchen , entweder im Internet oder machen Sie Ihr eigenes Foto. Sobald wir das Bild für ein Charakterdesign haben, werden wir es dem Bild hinzufügen und am Texturdesign mit Pinseln in Photoshop arbeiten. Nachdem wir den Körper des Charakters in Photoshops gebaut haben, werden wir dieses Bild ohne Hintergrund bringen, um fortzuentwickeln und dann die Charakterentwürfe für Gesicht, Arm und Beine in Fortpflanzung auf dem iPad skizzieren . Nachdem wir die Skizze fertig haben, exportieren wir das Bild und bringen es dann zu Illustratoren, und dann werden wir das Zeichendesign in Illustrator verfeinern. Wichtig ist, dass Sie die Ebenen organisieren und jede Ebene in Illustratoren benennen möchten , bevor Sie die Dateien zu After Effects bringen. Schließlich müssen wir die Keyframes in After Effects einrichten und dann den Charakter zum Leben erwecken. Zuletzt, sobald die Charakter-Animation erstellt und abgeschlossen ist, werde ich Ihnen zeigen, wie Sie die Animationsdatei in Gibbs-Datei exportieren, die Sie weit verbreitet, entweder in Ihr Portfolio oder soziale Medien. Ich weiß, es klingt sehr, dass es viele Programme gibt, die Sie durchlaufen müssen, aber ich glaube, dass Sie die Schönheit finden werden die verschiedenen Elemente durch die verschiedenen Programme miteinander zu kombinieren. Es könnte so mächtig sein. Auch werden Sie feststellen, dass Ihre Charakter-Designs waren einzigartig, interessant und niedlich. Nachdem Sie alle Aufgaben abgeschlossen haben, möchte ich Sie ermutigen, Ihre Videodateien für Charakteranimationen hochzuladen und Dateien in die Projektgalerie zu geben. Als Nächstes werden wir an den Konzepten arbeiten und die Ideen des Charakterdesigns erforschen. Sobald wir die eine Richtung entschieden haben, werden wir die Assets für das Charakterdesign und die Animation vorbereiten. 3. Dein Projekt planen: In diesen Schritten werden wir uns mit den Konzepten und Ideen von Charakterdesigns auseinandersetzen. Sobald wir eine Idee haben, werden wir nach einigen Assets suchen, die Sie benötigen, oder Sie können sogar Ihre eigenen Fotos machen. Normalerweise, wenn ich nach den Ideen suche, werde ich skizzieren und dann wird mir das wirklich helfen, visuell zu denken. Hier sind einige Beispiele. Ich werde normalerweise anfangen, die Ideen zu entwerfen und dann sehen, wie die Pommes frites aussehen wird. Vielleicht geben Sie ihm ein Gesicht und dann sehen, welche Emotionen es auch darstellen wird. Die Emotionen von den Pommes Frites sind wie fröhlich, glücklich, lustig, und dann vielleicht diese Emotionen auf ihre Charaktere anwenden. Ich denke auch, was ist, wenn ein Haufen Pommes zusammen kommen? Was könnte es sein? Das wird wirklich rau sein. Dann die frittierten Charaktere selbst, vielleicht die Arme, mit dem halben Bündel über den Pommes. Das sieht aus wie ein Cheerleader, er tanzt mit einem Haufen Pom-Pom. Nach dem Skizzieren möchten wir die Fotos und Bilder auswählen, um Ihre Charakterdesigns zu erstellen. Es gibt ein paar Websites, die ich gerne das Referenzbild oder alle Fotos, die ich für die Animationen brauche, sind iStock, Adobe Stock oder Shutterstock. Manchmal können Sie das Bild leicht auf der Google-Suche finden. Ich habe die Vorschläge für die Google-Suche. Wenn Sie die Keywords eingeben, die Sie suchen möchten, würde ich unter die Einstellung gehen und dann sicherstellen , dass Ihre Nutzungsrechte für die kreativen Kommentare ausgewählt werden. Sobald Sie diese Einstellungen ausgewählt haben, sollte das Bild, das Sie hier sehen, ziemlich sicher sein, für jeden kreativen Zweck zu verwenden. Wenn ich das Bild und Foto suche, mag ich wirklich, dass auf den Pommes und Kartons soll der separate Asset sein, da sie individuell animiert werden können. Ich kann zuerst die Pommes frites durchsuchen und dann wahrscheinlich die klarsten Nahaufnahmen von Pommes herunterladen, die Sie hier finden können, oder die Pommes Frites Kartons durchsuchen und sehen, was das Ergebnis kommen würde, oder Sie können das Bild herunterladen, das ich bereite für die Klasse und Sie können es herunterladen und üben mit. Eine andere Möglichkeit, die Vermögenswerte am meisten zu sammeln, ist, Ihre eigenen Fotos zu machen. Für dieses Projekt werde ich sie auf den schwarzen Kartons für den Hintergrund anordnen und ein Foto davon machen. Du brauchst keine Pommes Frites, du brauchst nur ein paar. Später werden wir das Bild zu Photoshop nehmen und es dann hinzufügen und den Hintergrund entfernen. Der Vorteil des Fotografierens besteht darin, mehr kreative Freiheit zu haben, die Kontrolle zu übernehmen. Sie können Ihre Lieblings-Pommes frites auswählen, die die besten Formen hat und nach dem Fotografieren können Sie sie essen und genießen. Jetzt bist du dran. Es ist völlig Ihr Aufruf zu entscheiden, wie Sie die Vermögenswerte sammeln wollen. nächsten Schritten bearbeiten wir die Fotos und arbeiten an den Texturdesigns mit den Pinseln in Photoshop. 4. Photoshop: Den Figurenkörper vorbereiten: Jetzt haben Sie die Fotos fertig. Dies ist die Zeit, die wir die Fotos hinzufügen und auch an den Texturen mit den Pinseln in Photoshop arbeiten möchten . Ich hier legt die Fotos auf die Computer und habe die Bilddateien bereit und öffnet sich in Photoshop. Jetzt habe ich ein französisches Kartonbild und ein Bild von einer Pommes, die ich aufgenommen habe. Lasst uns anfangen. Jetzt würde ich die neue Datei starten. Ich werde mit einem quadratischen Verhältnis für die animierten Aufkleber beginnen. Ich möchte auch meine Leinwand wie 1.000 mal 1.000 einrichten. Normalerweise würde ich mit einer höheren Auflösung beginnen, weil es einfacher ist, die Größe nach unten als Größe höher zu legen, wenn Sie Ihre Meinung ändern oder man die Größen für verschiedene Zwecke und Anwendungsfall erreicht hat . Stellen Sie sicher, dass Ihre Auflösung 75 digitale Pixel ist, was cool ist, erstellen. Dann gehen wir zurück zu den Bearbeitungsfotos. Jetzt habe ich ein frites Kartonbild, und dann möchte ich den Hintergrund entfernen. Ich brauche es nicht. Ich würde das magnetische Werkzeug hier verwenden und dann die Formen der Objekte fallen lassen , die ich für den Körper des Charakters brauche. Ich möchte den Ort auswählen, den ich eigentlich nicht benötige. Nachdem die Form von Objekten ausgewählt wurde, ich die Maskenebene hinzu. Jetzt sehen Sie die Shapes, die Sie gerade ausgewählt , und dann wird der nicht ausgewählte Bereich entfernt. Das sieht ziemlich gut aus, aber ich möchte nur sicherstellen, dass die Details. Die Magnetische Werkzeuge würden einen wirklich guten Job machen, aber wenn Sie vergrößern, vielleicht gibt es einige Bereiche wie hier, und einige Orte fehlen oder vielleicht ist der Rand der Formen nicht so glatt. Die Art und Weise, wie ich eingraben und überprüfen würde, ob ich eine andere Ebene hinzufügen würde und dann die Farbe anwenden würde. Ich sehe, dass die Kanten ein bisschen besser sind. Jetzt sehe ich hier, dass wir es nicht brauchen. Ich werde in die Maskenschicht gehen und dann den Pinsel verwenden und dann den schwarzen Pinsel verwenden. Dann arbeiten Sie an Details und entfernen Sie dann den Bereich, den wir nicht brauchen. Hier, vielleicht ist die Kante nicht so glatt, lassen Sie mich die Größe eines Pinsels etwas kleiner ändern. Nur kleine Details, an denen Sie mit den Bürsten arbeiten und polieren können. Jetzt sieht es ziemlich gut für mich aus. Wir wissen also, dass wir eine Pommes frites in der Kiste haben, also möchte ich die vorderen Teile eines Kartons und die hinteren Teile trennen. Was ich tun würde, würde ich diese Ebene einfach wieder duplizieren und dann vielleicht als Front benennen, und dann ist diese Ebene zurück. Dann möchte ich die Rückseite der Pommes Frites Karton entfernen. Gehen Sie zur Maskenebene, verwenden Sie die schwarze Farbe. Das wäre unsichtbar. Ich benutze gerne Pinsel manchmal mehr als das Magnetic Tool, weil ich mit ihm an mehr Details arbeiten kann, oder es gibt einen anderen schnelleren Weg. Sie können das Lasso-Werkzeug verwenden und dann den größeren Bereich zeichnen, den Sie nicht schnell benötigen und dann den Bereich auswählen, den Sie löschen möchten, und wenden Sie die schwarzen Farben wie auf dem ausgewählten Bereich an und Sie werden die schwarzen Farben sehen, die Sie apply löscht das Bild hier. Der größere Bereich, den Sie nicht brauchen, wurde gelöscht, und jetzt gehen wir zurück zum Pinsel und zeichnen dann um die Formen. Stellen Sie sicher, dass die rechte Seite der Formen ähnlich ist wie die linke Seite. Es scheint, als wäre dies mehr Bereich, den Sie glätten möchten. Die Vorderseite eines Pommes-Kartons sieht ziemlich gut aus für mich, und dann gehen wir zurück nach hinten. Für einen Rücken wollen wir nur den Bereich neben der Vorderseite behalten. Ich würde die Klickauswahl hier machen. Lassen Sie mich den Bereich zeichnen, den ich brauche, und löschen Sie dann den Bereich, den ich hier nicht brauche, und dann sehen Sie, dass und löschen Sie dann den Bereich, den ich hier nicht brauche, die Vorder- und Rückseite gut zusammen sind. Ich will den Rücken machen. Die sind hier etwas kleiner. Dann sitzen hinter der Vorderseite und ändern Sie dann die Größe nach unten ein wenig. Gehen Sie nach unten. Nun, es scheint, als es wie ein seltsames Bild an der Ecke. Vielleicht so, wie ich es tun würde, verwendet es diese Farbe und dann erweitern Sie sich. Ich werde dieses Klonstempelwerkzeug und dann plus Optionen verwenden . Dann wählen Sie im Grunde den Bereich aus, aus dem Sie kopieren können. Es muss hier nicht so perfekt sein, man kann hier einfach schnell arbeiten. Es sieht ziemlich gut aus für mich. Die Rückseite unseres Kartons sieht ziemlich gut aus. Ich werde nur diese Ebenen, den Körper, zurück in die Projektdatei kopieren , die wir gerade erstellt haben. Wieder klicken wir mit der rechten Maustaste, duplizieren dann die Ebenen und gehen zu der neuen Projektdatei, die wir gerade erstellen, und jetzt ist es hier. Auch hier werde ich die Hintergrundfarbe anwenden, so dass Sie das Objekt sehen können, sie werden deutlicher sein. Ich denke, vielleicht möchte ich vielleicht mehr Farben auf dem Körper geben. Hier gibt es ein kleines Symbol, auf das Sie klicken können. Es ist, wo der Layer-Stil und ich die Farbe Overlay machen. Sie können auf alle Farben anwenden, die Sie für die Zeichen geben möchten. Dann für hier wird im Allgemeinen die Standardeinstellung normal sein. Aber ich möchte wählen, um zu multiplizieren weil die Multiplikationsfarben etwas natürlicher aussehen und es wird die Beleuchtung von den ursprünglichen Objekten und dann den Schatten sowie halten, und dann können Sie die Kapazität ändern, wenn Sie wollen. Für mich denke ich, dass 100 Prozent gut für mich aussieht. Sieht gut aus. Dann für den Rücken, vielleicht ist es zu hell. Ich werde auch eine Farbe geben, und die Mischung hat Farbmodus als auch multipliziert. Es ist ziemlich einfach. Jetzt sind wir fertig, den Körper unseres Charakters. 5. Photoshop: Die Pommes vorbereiten: Jetzt haben wir ein Bild von Pommes und jetzt können Sie einfach sagen, ich brauche nur drei verschiedene Pommes frites für die Charaktere. Dieser sieht ziemlich gut aus mit einer schönen Kurve und dieser, gerade und hat eine schöne Farben. Wählen Sie einfach die drei aus, die Sie mögen. Für mich sieht dieser gut aus und dann sehen die beiden auf der rechten Seite gut aus. Ich werde Ihnen zeigen, vielleicht wählen Sie diese, um zu arbeiten, und es ist wie die gleiche Technik wie wir für den Körper des Charakters und das Bild der Karikatur tun. Sobald es fertig ist, können Sie die Ebenenmaske vollständig anwenden, wenn Sie benötigen. Jetzt wird es nur ein einziges frittiertes Bild. Nachdem ich eine Braten fertig bin, werde ich die gleiche Technik verwenden, um die Hintergründe für den Rest der Pommes zu entfernen, und ich werde voran springen, und dann, wenn ich mit dem Rest der Pommes fertig bin, werde ich alle Pommes zusammenbauen zusammen mit den braten Cartoons als Körper eines Charakters. Jetzt sehen die einzelnen Pommes für mich gut aus. Weil die Farben im Moment sieht ein wenig aus, und jetzt bin ich auch wollen, um es ein bisschen mehr Cartooning-Look durch die Erhöhung der Sättigung oder den Kontrast zu geben . Ich werde diese Ebene in Smart-Objekte konvertieren. Dann ist die Macht der intelligenten Objekte, den Inhalt hinzuzufügen, und Sie können auch doppelklicken, und dann werden Sie diese einzelnen Pommes hier am Ende auf einem Bildschirm sehen. Dann können Sie eine andere Farbkorrektur durch den Ebenenstil geben eine andere Farbkorrektur durch oder auf das „Bild“ gehen und Anpassungen hinzufügen. Sobald die Farbanpassungen für Sie gut aussehen, können Sie das Fenster schließen und dann mit der rechten Maustaste klicken und dann „ Ebenen rasterisieren“ auswählen , die Sie von den Ebenen des Objekts zu nur einer einzigen Ebene führt. 6. Photoshop: Letzte Schliffe: Das sind die drei Pommes Frites, die ich hinzugefügt und den Hintergrund entfernt habe. Ich werde die Ebenen zurück in die Projektdatei kopieren, die ich habe. Sie sehen riesig aus, lassen Sie uns die Größe ändern. Ich will, dass die Pommes zwischen den vorderen und hinteren Kartons sitzen. Dann können Sie hier an der Arrangement arbeiten. unsere Variationen zu geben, können Sie manchmal einfach ganz drehen und dann haben Sie ein anderes Aussehen einer Braten, so dass Sie nicht an so vielen Pommes arbeiten müssen. Es sieht ziemlich gut für mich aus, und jetzt werde ich nur die Benennung für jede Ebene vereinfachen. Im Moment denke ich, ich möchte ihm einige Schatten und Highlight geben. Ich kann es ein bisschen mehr Tiefe auf den Körpern für einen Charakter geben, so dass Sie ein wenig mehr 3D-Aussehen haben. Nach diesem Stil würde ich den Pinsel, vielleicht den Texturpinsel oder Stile Pinsel für den Schatten verwenden. Ich benutze hier die Kyle Bürste. Wenn Sie den Kyle-Pinsel nicht heruntergeladen haben, können Sie hier die Einstellung „Mehr Pinsel erhalten“ aufrufen, die Sie auf die Photoshop-Pinselseite der Adobe-Website führen würde, und Sie können dann herunterladen. Dies ist die, die ich herunterladen, das Make-up-Paket von Kyle, und eine andere, die ich wirklich mag, ist die Keith Haring-inspirierte Bürste, die gerade vor kurzem gestartet. Dies ist die, die ich heruntergeladen habe und es ist Decke auf meinem Photoshop gewesen. Ich werde eine von ihnen für die Linien Animationen verwenden, die ich später zeigen werde. Für die Bürste ist es die Kyle Spatters Bürste, organisches Rauschen eins. Dann sieht die Größe 100 gut aus. Ich werde diesen Pinsel nur für Schatten verwenden. Ich würde eine weitere Ebene hinzufügen, neue Layer, und dann den Namen Schatten und dann um die Kante zeichnen. Hier wollen wir ein wenig schwereres, dunkleres Aussehen geben. Wir würden den Stift etwas härter drücken und hier wollen wir einen leichteren Pinselstil haben. Ich würde einfach den Stift etwas leichter drücken. Sieht gut für mich aus. Manchmal möchte ich hier die Dichte eines Pinsels reduzieren. Ich würde Maskenebene hinzufügen und dann wählen Sie die schwarzen Farben, die unsichtbar ist, und dann würde ich nur zeichnen, so können Sie sehen, ein Teil der körnigen Textur wurde von oben entfernt. Hier, wahrscheinlich ein bisschen zu schwer, ich will es leichter machen. Vielleicht können Sie die weißen Farben wählen und dann den Pinsel, den Sie einfach zurückzeichnen, indem Sie auf die helle Farbe klicken. Es sieht also in Ordnung aus. Jetzt will ich die Texturen sehen, sie sitzt im Körper. Ich werde mit der rechten Maustaste klicken und eine Clipping-Maske erstellen und Sie können sehen, dass es perfekt maskiert ist. Jetzt sieht es ein bisschen dunkel und wahrscheinlich möchte ich die Farben ein bisschen natürlicher machen. Also wähle ich multiplizieren und ändere dann die Kapazität ein wenig, damit es nicht zu viel färbt, editiere den Wert oder den Einstellungsstil, der für dich am natürlichsten aussieht. Ich werde die Ebenenmaske anwenden, dann möchte ich vielleicht ein wenig mehr Schatten hier hinzufügen und dann werden wir jetzt an Highlights arbeiten. Für Highlights würde ich die Rahmenfarbe über Blau wählen. Sie können diese Farbe auch auf dem Körper wählen und dann die Farbe auf die hellere Seite ändern. Klicken Sie dann auf Create Clipping Mask. Dann sitzt man am Rand und wird dann perfekt auf dem Körper maskiert. Im Moment ist es normal; vielleicht möchte ich ein Highlight setzen. Ich möchte den Bildschirmmodus auswählen, das Ändern der Farben der Highlights hier wird die hellere Seite über der Farbe. Für den Schatten auf der Rückseite werde ich die Farbe der hinteren Kartons auswählen und dann die Farben auf die dunklere Seite über das dunkelgrau verschieben, und ich benutze den gleichen Pinsel, Zeichnung, eine größere Größe eines Pinsels geben. Sie dann mit der rechten Maustaste, um eine Schnittmaske zu erstellen, damit die obersten Grafiken von der hinteren Ebene maskiert werden. Ich kann hier arbeiten und es wird mehr sein. Ich würde ändern, um zu multiplizieren und dann die Kapazität anzupassen. Jetzt haben wir einen perfekten Charakterkörper mit etwas Stil, Texturen, Schatten und Highlights darauf. So, jetzt können Sie sehen, die Grafik hat mehr Tiefe und haben dann eine mehr 3D Aussehen. Nachdem die Schattentexturen abgeschlossen sind, werde ich die Ebenen zusammenführen auswählen, und dann würde ich nur die eine einzelne Ebene werden. Ich habe es in den Körper umbenannt , dann dasselbe für den Schatten mit dem Rücken. Machen Sie die Verschmelzungsschichten, ich werde nur [unhörbar] die Rückseite. Bevor Sie die Datei speichern, Sie sicherstellen, dass alle einzelnen Ebenen ziemlich sauber sind. Das sieht gut aus für mich. Dann könnte der Hintergrund wirklich optional sein, also kannst du ihn behalten oder ohne ihn, das ist völlig in Ordnung. Jetzt werden wir speichern, Export in die PNG, speichern Sie die Datei und dann können wir dieses Bild verwenden und bringen Sie das Bild zu Procreate für die Skizzen. Jetzt haben wir den Körper eingerichtet, und die Datei wurde als PNG-Datei gespeichert. Jetzt können wir zu den nächsten Schritten gehen, die wir gehen, um einige Zeichnungsstil in Procreate zu erkunden. 7. Gesichtsausdrücke erkunden: Jetzt haben wir den Körper für Charaktere entwickelt und machen den Bearbeitungsprozess in Photoshop. Jetzt wollen wir zum Procreate springen und einige Design-Zeichnungsstile für den Gesichtsausdruck oder jedes Charakterdesign wie Augen, Arme und Beine erkunden . Wenn Sie Procreate oder iPads nicht haben, was völlig in Ordnung ist, können wir völlig in Photoshop bleiben und dann nach der Fotobearbeitung dort skizzieren. Ich mag Procreate, weil ich gerne mit digitalen Dateien in Procreate skizziere, und dann einfach die Oberfläche abflachen und dann hier zeichnen, wie ich auf den Notizbüchern zeichne. Bevor wir in der Skizze in Procreate springen, habe ich ein paar Referenzen auf den Brettern für dein Charakterdesign vorbereitet. In den Mimik-Boards füge ich einige Charakterdesign und -studie für Mimik ein, und darin auch wenige Charaktere, die ich normalerweise referenziere und von denen ich mich inspirieren lasse. Heute konzentrieren wir uns nur auf die Freude Emotionen. Dieser wird eine sehr gute Referenz sein, wertvolle Studie, von der Sie lernen und die Referenz nehmen können. Aus dieser Studie können Sie sehen, dass in der Regel, wenn Sie wie freudige Emotionen haben, können Sie sehen, die Muskeln neigen dazu, ein wenig mehr nach oben zu bewegen, so dass der Abstand zwischen den Augenbrauen und den Augen größer wird, wenn sich Ihre Muskeln lösen, und dann, wenn man lächelt, die Muskeln zwischen Augen und Mund geht es ein wenig hoch. Diese Details sind wirklich gute Dinge, die Sie im Auge behalten können , wenn Sie die Zeichenausdrücke entwerfen. 8. Skizzieren in Procreate: Nachdem wir diese Referenz gesehen haben, können wir zu den Zeugen springen, und dies ist eine Zeit, die ich möchte, dass Sie kreativ sind und dann Ihr Bestes versuchen so viel wie den Zeichnungsstil zu erkunden, den Sie für das Design des Charakters erstellen möchten , Fangen wir damit an. Jetzt habe ich die PNG-Dateien importiert, die ich aus Photoshops exportiert habe, und jetzt habe ich ein Bild hier und ich nannte es als Fry. Daher möchte ich viele Variationen für den verschiedenen Zeichnungsstil erstellen. Ich werde duplizieren, paar Pommes Bild, und dann, wenn Sie dieses Pfeilwerkzeug auswählen, können Sie eine einzelne Ebene auswählen und dann einfach anordnen, sieht gut aus, und dann können wir sie gruppieren, so dass Sie eine neue Gruppe haben, wir können einfach umbenennen und dann kopieren, es dupliziert die Ebenen wieder, dupliziert einfach eine Ebene und dann aufspüren. Jetzt haben wir mehrere Körper, an denen wir arbeiten können, und jetzt erstelle ich eine neue Ebene, benenne sie einfach als Gesicht. Ich werde das Mimik Design beginnen, ich werde das Gesicht hier machen, jetzt kann ich einfach wie mit dem Zeichnen beginnen, dann kann ich die Farbe wählen, die Pinselgröße hier ändern, und Sie können viele verschiedene Formen der Augen. Sie können sogar etwas Größeres tun, oder manchmal muss es nicht wie kreisförmig sein, könnte eher wie ein Rechteck sein, aber mit einer runden Kante. Manchmal muss es nicht wie weiß sein, es kann nur schwarz sein, oder vielleicht ist ein Auge geschlossen, und dann halten Sie einige Farben verfügbar, Sie können mit Schwarz bleiben, wenn Sie wollen. Sie wollen ihm die Farben geben, die helle lindgrüne Farbe, vielleicht möchte ich diese Formen hier ändern, verwenden Sie den Radiergummi, dann gehen Sie zurück zum Pinsel. Lass uns mit dem Mund herumspielen, ihm eine schwarze Farbe geben, Mund kann diese Linie sein. In Ordnung, also die den Mund, und ich würde gerne ein wenig Zähne geben, es ein bisschen süßer machen, vielleicht einen Zahn, Zunge, ich denke, vielleicht werde ich den Charakteren auch gerne Augenbrauen geben. Sobald Sie einige Gesichter gemacht haben, können wir jetzt andere Schichten erstellen, es könnte die Erkundungen für die Arme und Beine sein. Für Arme und Beine können sie auch verschiedene Stile sein, daher werden wir für diese Animation einige einfache Charakteranimation verwenden. Also werde ich die Entwürfe behalten, dieses Symbol für Arm und Bein setzen und dann einige wie fröhliche Gesten geben, vielleicht kann das wie Sprung und offene Arme sein. Was ist, wenn wir erkunden, nicht nur ein Liniendesign, können wir ihm eine Art ein bisschen mehr Arme mit Beinen geben. Es gibt so viele Möglichkeiten und Designstile, die Sie hier erkunden können. Ich werde einfach zu den Erkundungen springen, die ich habe, von denen Sie eine Referenz nehmen können, und dann, wenn Sie hier fertig sind, können Sie völlig Ihre Lieblings-auswählen und darüber nachdenken welche Art von Bewegungen oder Aktionen, die Zeichen können beliebige Verknüpfungen sein. Heute werde ich mich nur auf die konzentrieren, die ich bereits meine Top habe, also werde ich jetzt denken, was für ein also werde ich jetzt denken, nächstes Bild sein könnte, oder wie die Aktionen, die ein Charakter ausführen kann. Jetzt würde ich mich nur auf diese Charakterrichtungen konzentrieren und dann denken, vielleicht kann ich einige auf Java wie Pommes als fröhlichen Pompon hinzufügen , dass der Charakter halten kann, Ich werde die Farbe ähnlich wie die Pommes frites durch Drücken auf einem Bildschirm auswählen, Sie können sehen, es gibt ein kleines Werkzeug, das Farbauswahlwerkzeug hier, und jetzt werde ich nur eine Farbe hier wählen, und dann gehen Sie zurück zu Pinsel, der Bleistift, ist gut zu mir. Stellen Sie sicher, dass wir auf der rechten Seite vielleicht nennen wir Pompon, und dann ziehen Sie einfach einige Pompon sie unter der braten sein sollten, nur schnelle Skizze, so dass Sie ein wenig mehr Vorstellung davon bekommen, wie endgültig aussehen könnte. Dann werden Sie auch könnte Referenz für Sie zu Illustrationen und Verfeinerungen in Illustrator bekommen , das sieht gut aus, und dann gruppiere ich sie zusammen, und dupliziere es dann, ich benenne dieses duplizierte, und wählen Sie sie aus. Jetzt habe ich eine weitere Duplikatebene hier, und es ist gut, dass wir die Gesten hier ändern und dann darüber nachdenken können , welche Art von Bewegungen die Charaktere haben könnten. Ich denke am Anfang, der Charakter kann nach unten hocken und dann springt und dann den einen Arm hochheben. Ich würde hier irgendwie die Gliedmaßen ändern und die Körperdrehungen bewegen, den Winkel ändern und dann ein wenig ausziehen, dann das Gesicht, wir könnten uns auch drehen, sieben Zahlen, wie wir vorher hatten, und ich möchte das Gesicht und den Körper ein wenig nach oben bewegen, es springt. Dies ist ein Prozess, den wir sehen können, als würden wir Story-Boards bauen. Geben Sie einfach ein besseres Gefühl dafür, wie die Charakterbewegung sein könnte. Nachdem Sie die Skizzen erstellt haben, können Sie Ihre endgültige Skizze als JPEG-Datei speichern und dann Ihren Computer an Gmail oder Airdrops senden. Dies ist eine wirklich gute Referenz für Sie, um Ihre Vektorformen in Illustrator zu verfeinern. 9. Illustrator: Vorbereitung deines Projekts: Jetzt haben wir bereits eine Skizze und Designstile, die wir von Procreate haben. Jetzt werden wir die endgültigen Vektorformen für die Charakterdesigns verfeinern. Die Vektorformen werden hauptsächlich für Gesicht und Arm und Beine sein. Später, nachdem die Vektorformen fertig sind, werden wir die Dateien in Illustrators organisieren bevor wir die Entwurfsdatei in After Effects importieren. Jetzt haben wir unsere Illustratoren hier geöffnet und öffnen dann, sagen wir, eine Photoshop-Datei, die Sie gerade erstellt haben. Öffnen Sie mit Adobe Illustrator. Stellen Sie in diesem Bildschirm sicher, dass Sie die Option „Ebenen in Objekte konvertieren“ haben, die Auswahl aktiviert ist und dann „OK“. Dann werden alle Ebenen, die Sie in Photoshops erstellt haben, hier geöffnet. Dann würde ich die Skizze, die wir aus Procreate erstellt haben, in diese Datei bringen. Ich werde nur dieses Bild auf der Seite als Referenz für ein Charakterdesign haben. Das ist die Leiche. Ich wähle alles aus und gruppiere es einfach. Dies ist die Referenz. Wir haben es genannt, die Ebenen und dann Gruppe A wird der Körper sein. Ich werde anfangen, die restlichen Grafiken zu zeichnen, die wir brauchen. Ich werde die eine Schicht hinzufügen. Nennen Sie es einfach als Gesicht. Ich denke, wir werden nur noch ein paar weitere Zeichnungen in unsere Tafel aufnehmen. Ich denke, die Leiche ist gerade ein bisschen zu groß. Hier unten proportional skaliert zu machen, ist vielleicht 70 Prozent gut. 10. Illustrator: Expressions: Jetzt können wir einfach anfangen, das Gesicht mit den Vektorformen zu bauen. Wir fangen mit den Augen an. Ich denke, Sie können die Formen völlig zeichnen und AfterEffects hinzufügen. Aber der Grund, warum ich die Vektorformen in Illustrator wirklich verfeinern möchte ist, dass Sie definitiv mit den Formen in Illustrator arbeiten können. Dann wird auch in einer professionellen Industrie manchmal der Illustrator nur für Illustrationsarbeiten eingestellt und dann wird die Illustrationsarbeit an den Animator übertragen. Für einige Illustrator wissen sie nicht, wie man mit AfterEffects arbeitet, aber sie müssen die Datei für Animator vorbereiten, also die Ideen, wie die Datei zu organisieren und die Vektorformen für Animator zu erstellen, mit denen Animator animiert werden kann. Dies ist der Prozess wird für jeden Animator hilfreich sein um zu lernen, Ihre Vektorformen in Illustrator vorzubereiten oder zu verfeinern. Jeder Vektorformen werden mit einem meist geometrischen Formen kombiniert, kleineren Mund, bilden auch einen Kreis. Dann können wir auf dieser Linie abschneiden. Dann finden Sie die Pfadfinder hier. Wählen Sie dann die Teilung aus. Grundsätzlich werden die Teilenfunktionen von den beiden Formen Stil abgeschnitten , die Sie zwischen dem Kreis und in der Linie haben. Jetzt können Sie sehen, dass sie geteilt sind, aber immer noch, sie sind in der gleichen Gruppe. Ich würde nur die Gruppierung hier aufheben. Das ist ein Mund. Es sieht noch nicht wie ein Mund aus, weil es weiß ist. Lassen Sie uns es ein wenig vielleicht orange-ish-rot in der Farbe geben, vielleicht hellere Farbe. Diese Kanten sind scharf für mich. Ich werde das runde Werkzeug benutzen. Wenn Ihr Mund auf die Formen hüpfen und dann können Sie sehen, gibt es zwei kleine weiße Punkte. Dann gibt es im Grunde, Sie können es ziehen. Dann können Sie sehen, dass es gerade die Kante hier abgerundet. Dies ist ein sehr nützliches Werkzeug, wenn Sie die Formen runden möchten. Ich werde die Augäpfel hier geben. Sieht aus wie stinkende Augäpfel, die wir hier tun werden. Ich möchte von der Volltonfarbe zu Umriss wechseln. Die schwarze Farbe ist gut. Nun, das Strichgewicht, es ist ein bisschen zu dünn. Lassen Sie uns das Gewicht des Strichs ändern, ich werde 13. Wir haben hier ein Smiley-Auge und ich möchte auch halbieren. Was ich tun würde, ist, das Scherenwerkzeug zu verwenden und dann die Ankerpunkte hier zu finden, und dann einfach darauf klicken. Dann werden Sie sehen, dass die Form in zwei Hälften geschnitten wurde. Das sieht gut aus für mich. Sie können dieses komplett mitbringen und es dann drehen. Dann kopiere ich noch eine Hälfte. Ich möchte, dass der Strich eine abgerundete Kante hat. Sie können die Kappe in runde Kappe ändern und die Ecke könnte ebenfalls rund sein. Das einfache Gesicht kann hier einfach ohne Verlust von geometrischen Formen gebaut werden. Dann siehst du gut aus. Dann geben Sie vielleicht ein wenig vollständiges Gesicht. Durch Zugabe der Augenbraue. Das sieht gut aus für mich. Kopieren. Es scheint, als wäre es ein rechter Winkel zu mir. Ich kann mich einfach an die beiden Linien anschließen. Jetzt sind sie in einer Form. Ok. Vielleicht möchte ich hier mehr Kurve haben. Sieht gut aus. Aus der Skizze. Wir haben ein bisschen zwei hier, die ich behalten möchte. Ich gehe zurück zum Mund und füge das kleine kleine hinzu, ändere hier die weiße Farbe. Dann wieder, der gleiche Prozess. Um die Ecke zu runden, wählen Sie hier zwei Ecken aus, die Sie runden möchten, und ziehen Sie dann. Dann können Sie die Zahlen daneben sehen. Wenn eine Zahl im Grunde höher ist, wie gerundet sie sein wird. Das sieht gut aus für mich. Dann denke ich, dass ich ihm vielleicht noch ein paar Zähne geben sollte. Unten sieht es gut aus. Abgerundet, das Gleiche. Das sieht gut aus. Jetzt möchte ich die Zähne haben, um mit einem Mund zu maskieren. Ich würde einfach zwei auswählen und sie dann gruppieren und dann diese auswählen. Es gibt die Tastenkombinationen, die Sie tun können, indem Sie darauf und dann Umschaltbefehl C und dann Umschaltbefehl V ausführen, dass die Kopierebene nur an den richtigen Positionen von den Shapes platziert würde , aus denen Sie gerade kopieren. Diese sind ausgewählt. Stellen Sie dann sicher, dass Ihre maximale Ebene über den Grafiken liegt, die Sie maskieren möchten. Klicken Sie hier. Klicken Sie mit der rechten Maustaste, und erstellen Sie die Zuschneidemaske. Jetzt haben Sie das ziemlich gute Gesicht, das gebaut wurde. Sieht gut aus zu mir. Ich denke, vielleicht können wir dem Pommes-Typ etwas putzen. Geben Sie ein wenig mehr süße Elemente im gleichen Ton wie die Mundfarbe. Ein bisschen leichter. Wir können die Farben später ändern, wenn wir das Know-Character Design in AfterEffects abschließen. Genau wie die Idee zu bekommen. Schön. Das Gesicht sieht ziemlich symmetrisch aus. Sieht gut aus. 11. Illustrator: Arme und Beine: Jetzt möchten wir die Beine und den Arm hinzufügen. Ich werde die ganzen Charaktere nach oben bewegen, um ihr mehr Platz für ein Bein zu geben. Wir können eine Reihe von Schichten für die Hinken hinzufügen. Wir wollen haben, es ist eine Linie statt einer einfarbigen Form Farbe. Wählen Sie den Strich aus, und ändern Sie dann die Farben in Schwarz. Dann möchte ich sicherstellen, dass die Strichgewichte im Aufstieg bleiben, damit das Bild zusammenhängender aussieht. Ändern Sie die Farbe zurück und stellen Sie dann sicher, dass der Strich die 13 angibt, ja, das ist, was ich will. Ich möchte das kopieren, vielleicht geben Sie es ein wenig Winkel, und dann um es die geraden Linien ein wenig. Ich werde hier noch einen Punkt hinzufügen. Bewegen Sie sich dann nach oben und finden Sie den runden Kreis wieder. Dann haben wir unser einziges Bein hier und dann müssen wir es nur für das Ende auf dem einen spiegeln. Reflektieren, vertikal, kopieren. Wir haben jetzt eine Reihe von unseren Beinen. Jetzt brauchen wir nur noch die Arme. Ich würde mir die Pommes ausleihen, damit ich individuell auswählen kann. Lassen Sie uns die paar Pommes kopieren, die ich hier habe. Jetzt möchten Sie sie auf eine andere neue Ebene kopieren. Ich werde weitere Ebenen hinzufügen. Aber jetzt bleiben die Pommes hier immer noch in einer Körperschicht, ich würde es einfach mit Befehl X schneiden und die Schicht sperren, an der ich nicht arbeiten muss. Dann gehen Sie zum [unhörbaren] und dann tun Befehl V, fügen Sie die Pommes, die ich gerade aus anderen Schichten ausleihen. Jetzt sieht die Pommes ein bisschen zu groß aus. Ich werde proportional herunterskalieren, vielleicht 50 Prozent. Sieht gut aus für mich. Sie können mehr kopieren und sogar die Größe nach unten, wenn es reflektiert werden muss, oder Sie können sogar horizontal reflektieren. So werden Sie anders aussehen auf der Oberseite, wir sind wirklich dort. Wir haben eine [unhörbare] Das sieht aus wie eine gute Menge. Sieht gut aus für mich. Also haben wir unten die eine Seite der Arme [unhörbar] können wir einfach alles zusammen kopieren. Wir können Befehl C und dann Befehl Shift B drücken, so dass sie die gleiche Position bleiben, und jetzt gibt es eine Kopie hier. Wir können es vertikal reflektieren und dann auf die rechte Seite verschieben. Okay, jetzt sieht der Charakter ziemlich vollständig aus. 12. Organisation für After Effects: Nun, was ich tun würde, ist, die Dateien für After Effects zu organisieren. Wir brauchen diese Referenz wahrscheinlich nicht, daher können wir sie löschen. Was ich hier tun würde, denke an jede Ebene hier muss individuell in After Effects animiert werden. Ich möchte sicherstellen, dass die Ebenen hier, es ist nicht unter irgendwelchen Ebenen, jede Ebene sollte unabhängige Schichten sein. Was ich tun würde, ist zu öffnen, klicken Sie auf jede Ebene, und klicken Sie dann auf „Release to Layers Sequenz“. Sobald Sie darauf klicken, würden Sie feststellen, dass jede Ebene, das Ende jeder Ebene wird einen Namen für sich als Ebene haben. Es gibt einige Zahlen, aber Sie können den Namen später ändern. Aber die Schichten sollten nicht in einer großen Gruppe sitzen. Ich würde diese Schichten außerhalb einer Gruppe aufgreifen. Dann können wir diese Ebene löschen, und dann die gleichen Dinge, die Sie für eine auf der Ebene als auch tun möchten. Stellen Sie sicher, dass diese Pfade Layer sind. Die Art und Weise, wie ich diesen Pfad als einzelne Ebenen konvertieren möchte, würde ich dasselbe tun, klicken Sie auf die großen Ebenen, und dann auf Ebenen freigeben. Dieser einzelne Pfad wird der Layer sein. Jetzt möchte ich sehen, die Grafik und das Bild in den guten Arrangements sind. Ich werde sicherstellen, dass der Körper und dann das Gesicht auf der Oberseite von allem sind. Ich werde sehen, dass die Beine hinter einem Körper sind. Ich werde es bis zum Ende bewegen, dann das linke Bein, das rechte Bein. Dann die Arme hier mit den Pommes. Lassen Sie uns dann auf sie klicken, indem auch die „Shift“ drücken, so dass Sie auswählen können, um dorthin zu gelangen. Es scheint, als würden sie direkt über den rechten Armen sitzen, an denen wir gerade gearbeitet haben. Das sieht gut aus für mich. Benennung ist hier wirklich wichtig. Es hilft Ihnen wirklich, die Ebenen und Artefakte zu finden. Da Animationen wirklich komplex sein könnten, möchten Sie auf jeden Fall die richtigen Ebenen zum Animieren finden. Wie Sie sehen, gibt es so viele Ebenen. Wenn Sie es also nicht benennen, müssten Sie nur Ihren Speicher verwenden, um sich daran zu erinnern, was Layer 25 oder 29 bedeutet, es wird wirklich kompliziert. Es ist gut, dass du das nennen kannst, damit alles für dich organisiert ist. Aber für die Animation will ich nicht, dass diese Zähne maskiert werden. Ich kann das in After Effects mischen, wo ich hier einfach die Clipping-Maske loslassen würde. Bewegen Sie die Form, dass es sehr einfach ist und ich brauche es nicht. Ok. Sieht so aus, als würden wir es hier ziemlich gut machen. Alles heißt es. Fügen Sie es dann in eine Datei ein. Ja, es sieht gut aus. Speichern Sie diese Datei, indem Sie auf „Datei“ klicken und speichern Sie sie. Dann können wir das in Schritt 4 für Illustrator umbenennen , und es hat es gespeichert. Jetzt würden wir einige Vektorformen in Illustratoren verfeinern und auf allen Ebenen organisiert. Ich denke, wir sind bereit für die Animationsarbeit in After Effects. 13. After Effects: Vorbereitung von Ebenen: Wir haben alle Illustrationen Datei bereit für die Animationsarbeit. Jetzt mit diesem Schritt werden wir Dateien organisieren und die Charakterdesigns in After Effects vorbereiten. Jetzt habe ich die endgültige Illustrationsdatei, die ich in Illustrator erstellt habe, und ziehe dann einfach in das Projektfenster. Dann gibt es ein Fenster, das auftaucht. Wir möchten die Komposition auswählen und dann sicherstellen, dass die Dokumente die gleiche Größe haben und dann „OK“ auswählen, und jetzt haben wir die eine Komposition, die hier zeigt. Dann können wir nachsehen. Name bedeutet, hier sieht es gut aus, Sie werden sich wirklich glücklich fühlen, dass Sie die Organisation bereits in Ihrem Illustrator gemacht haben. Stellen Sie sicher, dass die Kompositionseinstellung es gut für Sie aussieht. Die Größe 1.000 mal 1.000 sieht gut aus und dann können wir das nennen. Wir können es nennen, um den Kerl zu braten. Für die Frameraten, normalerweise für längere Animationen, an denen ich arbeite, würde ich die Bildrate von 60 wählen, die wirklich glatt ist, aber für GIF oder für eine kürzere Animation möchte ich normalerweise die reduzierte Größe, so würde ich die niedrigeren Bildraten wählen. Ich werde 30 machen, sieht gut aus zu mir. Manchmal, wenn Sie wirklich Größe für GIF reduzieren möchten, würden einige Leute auch an der Bildrate 15 für GIF-Projekte arbeiten, aber ich möchte, dass dieses Projekt sowohl ein GIF als auch Animationsarbeit ist, also werde ich etwas dazwischen wählen, 30 sieht gut aus für mich. Die Dauer, ich denke, das sollte ziemlich kurz sein. Die meisten GIF-Animationen, die ich erstellt habe, sind etwa 3-7 Sekunden, weil wir auch wirklich wollen, um die große Projektdatei zu vermeiden. Ich denke, diese 10 Sekunden ist eine ziemlich gute Dauer, um an der Arbeit zu arbeiten. Das sieht gut aus und klicke auf „Okay“. Vor allem für diesen Schritt möchte ich sicherstellen, dass die Vektorformen, die wir in Illustrator erstellt haben, in die Vektorformen konvertiert werden. Aber im Moment ist dies wie eine einfache Ebene, aber es ist noch nicht wie die Vektorformebenen, also werde ich daran arbeiten und dann diese Ebenen ändern, indem Sie mit der rechten Maustaste klicken und das Erstellen finden. Es gibt eine Auswahl namens Formen aus Vektorebene erstellen. Diese Vektorebenen werden zu Formebenen, sodass die Ebenen, die Sie in Illustrator erstellt haben, nicht sichtbar sind. Diese Ebenen, die Sie eigentlich nicht brauchen. Sie können es komplett löschen. Stellen Sie sicher, dass Sie den Vektor-Shape-Layer auswählen. Körper ist das Bild, das wir nicht in Shape-Ebene konvertieren wollen, also habe ich es nur gesperrt, und dann braten Sie unser Bild als auch, wir brauchen das nicht für die Formebene. Mund, Brauen hier sieht so aus, als müssten sie als eine Formebene animiert werden, und so werden wir diese Formvektoren in Form Ebene konvertieren , indem Sie mit der rechten Maustaste klicken und dann finden Sie die Erstellt, und wählen Sie dann die „Formen aus Vektorebene erstellen“ und dann können wir es nach oben verschieben. Jetzt können Sie sehen, dass die Vektoren, die Sie konvertieren, sind Dies ist jetzt gesperrt, also brauchen wir das nicht, löschen Sie es einfach. Jetzt werden hier die Form-Layer erstellt, Sie können überprüfen. Hier ist die Formebene. Der Grund, warum Sie den Vektor zu Shape-Ebene ändern möchten, ist es, dass wir die Form durch den Pfad hier animieren können. Wenn Sie beispielsweise die Form der Augenbraue ändern möchten, können Sie dies tun, indem Sie diese Schlüsselbilder hinzufügen und dann die Formen wie folgt ändern. Sie können sehen, dass die Shapes vom Start-Schlüsselbild bis zu den End-Keyframes geändert werden. Aber ich glaube, dass wir nicht wollen, dass sich die Augenbraue so bewegt. Das ist einfach. Später werden wir sicherstellen, dass und auf den Vektorformen in die Formebene umgewandelt werden. Die Fritte zu unserem Bild, wir brauchen es nicht. Die Beine auf der rechten Seite sollten die Formebenen sein, damit wir die Form animieren können. Erstellen Sie eine Form aus Vektorebene, löschen Sie die, die wir nicht benötigen. Der Arm sollte auch die Formschicht sein, in Form umwandeln. Es sieht ziemlich gut aus, wenn ich den Vektor in die Formebene umwandle. 14. After Effects: Ankerpunkte: Jetzt möchte ich sicherstellen, dass die Ankerpunkte an den richtigen Positionen sitzen, damit ich sie nicht animieren kann. Sie hier klicken, können Sie einfach die Ebenen einzeln überprüfen. Wenn Sie die Ansicht Punkt Dinge nachgelassen, und dann können Sie jetzt die Ankerpunkte sehen, es ist nicht wirklich auf der braten sitzen. Grundsätzlich ist der Ankerpunkt es der Punkt über den Positionen, von denen die Objekte drehen und skalieren. Wir möchten sicherstellen, dass der Ankerpunkt an den richtigen Positionen sitzt , von denen Sie animieren möchten. Nun, wenn der Ankerpunkt sitzt von dort, wo er ursprünglich sitzt. Wenn Sie es drehen, wird es nicht wirklich von der Unterseite des Bratens gedreht. Wir wollen sicherstellen, dass der Ankerpunkt, es sitzt genau hier. So wie wir das tun, ist es zu einem ausgewählten Ankerpunkt-Werkzeug, und ziehen Sie dann den Ankerpunkt an die Stelle, die Sie wollen, oder Sie können die [unhörbar] platzieren und dass Sie automatisch in die Mitte des Bildes fallen würden oder unten. Ich würde den ähnlichen Prozess für die meisten Schichten durchführen. Dies ist ein wenig zeitaufwendig, aber das wird sehr hilfreich sein, wenn Sie es animieren. Die Animationen drehten Skala von der Position, die sie sein muss. Zum Verschieben von Ankerpunkten. Manchmal verwende ich den Sperrcode Motion 2, der alles wirklich einfach und schneller macht , nur um den Ankerpunkt in der richtigen Position zu ersetzen. Für die braten möchte ich, dass der Ankerpunkt auf der Unterseite eines Bildes sitzt, oder vielleicht zentriert. Sieht gut aus. Wir können auch individuell überprüfen. Es ist ein wenig zeitaufwendig, aber es ist auch notwendig zu tun, da wir einzelne Fry hier animieren wollen. Selbst der transparente Spake Grant sieht ein wenig zu hart aus, um die Ankerpunkte zu finden. Sie können auf das Transparenzraster klicken, und wenn Sie mit der rechten Maustaste klicken, wird der transparente Hintergrund verschwunden. Jetzt können Sie wahrscheinlich den Ankerpunkt mit schwarzem Hintergrund ein wenig leichter sehen. Der Arm, den ich um die Schulter sehen will, sieht gut aus. Das ist die Schicht, die ich nicht brauche. Das sieht gut aus für mich. Jetzt sieht die Animationsdatei ziemlich organisiert aus und Ankerpunkte sitzen an den richtigen Positionen für Animationsarbeiten. Jetzt können wir mit dem nächsten Schritt zum Hinzufügen der Bewegung fortfahren. 15. After Effects: Übergeordnete Ebenen: Bevor wir die Keyframes hinzufügen, möchte ich den Start-Frame von einer Sekunde einrichten und dann Schätzungen vornehmen, vielleicht wird diese Animation fünf Sekunden dauern. Beginnend von einer Sekunde und ich werde es auf sechs Sekunden für die gesamte fünf Sekunden Animation verschieben . Ich werde in sechs Sekunden tippen und dann eine Tastenkombination drücken, werden Sie sehen, der Arbeitsbereich war [unhörbar] von einer Sekunde bis sechs Sekunden. Wenn Sie eine Vorschau der Animationen anzeigen, wird die Animationsleiste innerhalb einer Sekunde und sechs Sekunden wiedergegeben. Der Grund, warum ich von einem anstatt vom Anfang einer Timeline beginnen werde , ist, dass ich ihr einen Weg mehr Platz geben möchte, bevor die Animation gestartet wurde. Manchmal, wenn Sie beispielsweise Schlüsselbilder und Bewegungen auf dem Körper hinzufügen und dann die Keyframes verschieben möchten , sobald die Animation tatsächlich etwas früher beginnt, also gibt es einen Raum, den Sie tatsächlich an der -Anpassungen. Dies ist ein kleiner Tipp, den Sie im Hinterkopf behalten möchten. Bei der Zeichentrickanimation möchten Sie sicherstellen , dass die Ebenen den Hauptgrafiken übergeordnet sind, z. B. bewegt sich das Gesicht immer und einzeln mit dem Körper. Vielleicht würde ich versuchen, Eltern das Gesicht als eine Ein-Face-Schicht. Ich werde auch die Bewegung hier und das nächste Null-Tool verwenden. Ich kann einfach die alle Gesichtsebenen nachlassen und dann auf null klicken. Alle Flächenebenen werden in einem Nullwerkzeug verknüpft, und ich kann mit der rechten Maustaste klicken, umbenennen und dann einfach Nullfläche speichern. Dann kann ich diese Eltern einfach ziehen und mit dem Körper verknüpfen. Grundsätzlich Körper wird das Kernelement für die Charakteranimation sein. Ich werde hier für die rote Farbe markieren. So ist es einfacher zu finden, wenn Sie sich bewegen, um nach den Layern zu suchen, die Sie entwerfen können. Dies ist eine rote Schicht, das ist für Körper und die Pommes hier sollten sich auch mit dem Körper bewegen. Der obere Rücken sollte sich zum Körper bewegen. Der rechte Arm, die Arme sollten auch den Körper bewegen. Wenn Sie hier keinen Körper finden können, können Sie eine Verknüpfung nach oben verschieben und Sie würden den Körper finden oder Sie können auch nach den Ebenen suchen, die Sie übergeordneten Ebenen in diesem Fenster, klicken Sie auf und dann werden die Ebenen angezeigt, die Sie auch übergeordneten Ebenen anzeigen können. Diese Frittierpalme sollte sich mit dem Arm bewegen, glaube ich. Wenn sich der Arm auf der Handfläche bewegt und die Handfläche bewegt sich mit dem Arm, aber der Arm ist mit dem Körper verbunden. Wenn Sie also den Körper bewegen, bewegen sich die ganze Handfläche und der Arm zusammen. Bein sollte auch mit dem Körper verbunden werden. Jetzt sieht die Erziehung gut aus für mich. 16. After Effects: Rigging: Für die Rig-Einstellung der Animation verwende ich normalerweise den RubberHose. Es ist am einfachsten die Plug-Ins, mit denen ich für Charakterdesign arbeite. Ich kann Ihnen schnell zeigen, wie es funktioniert. RubberHose würde tatsächlich die Beine oder die Gliedmaßen für Sie schaffen. Für das Beindesign behalten wir nur die Fußteile. Ich gehe zum Pfad, schneide die Punkte ab, die ich nicht brauche. Ich muss nur den Fuß halten und dann sicherstellen, dass die Ankerpunkte auf dem Fuß sitzen. würde ich einfach festhalten. Dann mag ich immer die Hüfte und den Anker für das Bein und klicke dann auf „New RubberHose“. Von hier aus ist es hinter dem Charakter, so dass Sie es wahrscheinlich nicht sehen können. Aber ich werde nur die Ebenen auswählen, die ich hier sehen möchte. Jetzt stimmt das Beindesign nicht mit unserem ursprünglichen Illustrationsstil überein, aber wir können hier einen Spion hinzufügen, den Schlauch-Layer. Ich möchte es machen, das Bein sollte schwarze Farbe haben und die Strichgewichte sollten 13. Jetzt möchte ich die Ankerpunkte machen. Es sitzt und mit dem Fuß verbunden und die Hüfte sollte um den Körper herum sein. Jetzt können wir die ausgeblendeten Ebenen sichtbar machen. Jetzt sehen die Beine ein bisschen zu kurvig aus, aber wir brauchen uns keine Sorgen darüber zu machen. Wir können ihm das Aussehen in Ankerebene hinzufügen, in einer Ankerebene sind es die Effekte im Effektfenster neben dem Effektwerkzeug des Projekts. Dann können Sie den Wert so ändern, dass er in das gewünschte Aussehen passt. Für das linke Bein, die Länge, würde ich 400 und den Radius tun, würde ich 13, und ich würde die Biegung Richtung tun. Im Moment ist es eine Biegung auf der rechten Seite. Ich möchte es nach links biegen lassen, indem ich den Wert hier ändere. Sieht gut für mich aus. Vielleicht können wir einfach Null machen. Das ist das rechte Bein des Charakters, es ist erledigt. Für Elternschaft, stellen Sie sicher, dass Ihr Anker es Eltern zu den Füßen ist, vielleicht sollten wir einfach den Namen Fuß links ändern. Das ist ein Fuß rechts. Dann sollte sich die Hüfte definitiv mit dem Körper verbinden. Wenn Sie die Positionen auf den Füßen animiert sind, können Sie sehen, dass die Beine perfekt verbunden sind. Wenn Sie die RubberHose auf dem einen Fuß gebaut und dann ist die Elternschaft wie der Anker geht zu Fuß, und dann Hüfte geht zu Körper. Wenn Sie dann den Körper bewegen, können Sie sehen, wie das Bein mit der Körperbewegung synchronisiert wird. Es wird die gleiche Technik und Verfahren auf ihrer rechten rechten Seite sein, wenn Sie fertig sind, die linke. Dies ist die Charakter-Rigging-Setup für Charakterdesign. Sobald wir das Bein eingerichtet haben, werden wir am Arm arbeiten. Für den Arm sind es die ähnlichen Konzepte, wie Sie es nur die Füße animieren möchten. Dann für den Arm, Sie wollen nur animiert die Hand. Sie können nur die Teile haben, die es von RubberHose erstellt wurde. Ich möchte hier die Formen an Hand und Arm anpassen. Haben Sie nur die Hand hier und verwenden Sie dann den RubberHose, um den Arm zu erstellen. Wir können die Hand wählen, indem Sie Schulter und Handgelenk und dann New RubberHose. Wählen Sie die Layer aus, an denen Sie arbeiten möchten, und machen Sie sie dann sichtbar. Auch hier sieht der Stil nicht aus wie das Design, das wir wollen. Wir können die Größe eines Strichs und Farbe in Wirt-Schicht ändern und schließen 13 Strichgewicht und die Farbe es ist schwarz und Handgelenke sollten mit der Hand und Schulter verbunden werden, Verbindung mit dem Körper. Lassen Sie uns alle Ebenen zusammen sehen. Jetzt sieht die Arme aus wie zu lang. Wir können den Stil in der Effektsteuerung ändern und dann den Wert hier auf 210 vielleicht ändern. Sieht ein bisschen abgeschaltet aus. Wir können auf die rechte Seite verweisen und dann sehen, wie es aussieht. Scheint, als könnten wir die Positionen auf der Schulter ändern, sie ein wenig fallen lassen. Sieht ziemlich gut aus. Sieht aus wie ziemlich nah an unserem ursprünglichen Design. Nachdem Sie den RubberHose für den Arm eingerichtet haben, werde ich sicherstellen, dass der Elternname korrekt für das Handgelenk ist, Sie wollen mit dem Arm gehen, vielleicht sollte ich umbenennen, dass dies Hand ist. Dann sollte die Schulter mit dem Körper verbunden werden. wir einfach sicher, ob alles verbindlich ist. Alles klar, sieht gut aus für mich. Jetzt können Sie sehen, dass der Charakter tanzt, aber wir haben noch keinen anderen Schlüsselrahmen gesetzt. Stellen Sie einfach sicher, dass die Arme und Beine mit dem Körper verbunden sind. Jetzt haben wir den rechten Arm, wir haben den linken Arm. Es sieht hier ein bisschen repetitiv aus. Jetzt möchte ich die rechte Seite des Arms und der Hand erstellen. Hier habe ich nur eine Referenz. Es ist wie ein Tunnel von Flachschichten. Ich habe sie zusammengefasst, weil ich es als Referenz machen möchte. Ich würde es in die Kapazität als Referenz ändern und an den tatsächlichen Grafik-Layern arbeiten, die ich animieren möchte. Jetzt möchte ich eine rechte Hand zeichnen und dann den Arm in RubberHose erstellen. Stellen Sie sicher, dass der Ankerpunkt auf der richtigen Position sitzt. Mal sehen, es ist genau hier. Das sieht gut aus und klicken Sie dann auf die Handschicht und erstellt dann einen neuen RubberHose. Dann ändern Sie den Stil, wie wir es zuvor getan haben. Mal sehen, was die Einstellung, die wir haben, ist 400, dann 99. Machen wir den ähnlichen Wert und dann vielleicht die Bandrichtung, das Gegenteil. Wahrscheinlich wollen die Punkte für die Schulter runter fallen. Sieht gut aus für mich. Dann brauchen wir jetzt nicht wirklich die Referenz-Layer, die wir im Hintergrund haben. Sie können es komplett löschen. Nachdem wir das Rigging-Setup haben, wollen wir auch sicherstellen, dass die Elternschaft mit dem richtigen Ort verbunden ist, den wir wollen. Für den Rest sollten Sie mit der Hand verbunden sein, können wir einfach durch Verknüpfung verfolgen und Schulter sollte mit dem Körper verbunden werden. Alles klar, machen Sie eine schnelle Prüfung. Sieht aus, wie es sich bewegt, oder es sieht so aus, als ob sich die rechte Hand nicht mit dem Körper bewegt. wir sicher, dass es verbindlich ist. Die rechte Hand auf der rechten Seite sollte mit dem Körper verbunden sein. In Ordnung. Sieht gut aus. 17. After Effects: Keyframes und Bewegung: Das Setup tut ziemlich gut für Charakteranimationen. Ich würde anfangen, Keyframes hinzuzufügen und die Charaktere lebendig zu machen. Wechseln Sie zum Anfang der Animationen. Die erste für die Animationszeichen, Ich werde mit den Bewegungen auf Körper beginnen, denn dies ist wie Kernelemente, die sich bewegt und erhöhen eine Grafik, wird mit den Körperbewegungen synchronisieren. Ich möchte zuerst mit den Körperanimationen arbeiten. Ich möchte die Position hier trennen, die X- und Y-Position durch Klicken mit der rechten Maustaste trennen, und es gibt eine separate Dimension. Zu diesem Zweck können wir einfach die X-Position und Y-Position separat animieren. Manchmal muss für die Objekte nicht nur nach links und rechts verschoben werden, wir können nicht nur an einem Keyframe für die X-Position sitzen. Wir möchten einen Keyframe hinzufügen und auch die Drehungen hinzufügen indem Sie auf „Shift N Alt“ und dann die endgültige Drehung hier klicken. Dann die Aktionen, die ich dem Charakter geben möchte, ist es wie vielleicht könnte der Charakter zuerst nach unten hocken, und dann springt schnell nach oben und dann wird es die Bounce wieder ein wenig sein. Aber ich möchte einen Antrag stellen, wie es ist, bevor es springt. Charakter hockt sich tatsächlich runter. Jetzt sieht es nicht so glatt aus. Wir werden die Bewegung ein wenig mehr im Editor Graph arbeiten. Wenn es springt, kann es sich vielleicht nicht nach rechts drehen. Scheint, als müssten wir nicht an der X-Position arbeiten. Wir brauchen hier keinen Keyframe. Jemand sieht das. Die Animation sah ein bisschen linearer sein. Jetzt möchte ich es glatter machen, indem rechten Maustaste klicke und dann „Easy In“ und „Easy Out“ hier auswählen. Es sieht ziemlich glatt aus, aber ich möchte es ein wenig interessanter und dynamischer Stil geben . Ich würde hier zu den Graph-Editoren gehen und dann die Keyframes finden, die ich hier habe. Jetzt gehe ich zum Graph-Editor und stelle dann sicher, dass ich auf dem Value Graph editiere. Die Art und Weise, wie wir es hinzufügen können, ist die Bewegung hier, es ist, als würde man den Griff oben und unten bewegen. Die Grafik hier ist etwas steiler. Das bedeutet, dass die Bewegung etwas steiler wird, weil die kurvige Linie immer extremer wird und die fettesten Bewegungen hier schneller werden. Wenn es am Lenker länger ist, bedeutet das, dass es glättet und etwas langsamer wird, und dann wird die Bewegung schnell in der Mitte und dann wieder verlangsamt. Ich möchte, dass sich die Bewegung am Anfang verlangsamt, aber es ist, als hätte man die schnelleren und schnelleren Momente, wenn der Charakter hockt. Ich werde diesen Griff etwas kürzer bewegen, damit er weniger langsamer wird. So wie das. Damit du die Bewegung nicht sehen kannst, wird es noch extremer sein. Ich will die Charaktere, das verlangsamt sich. Jetzt spielen wir die Animation wieder und sehen dann. Jetzt hat es ein wenig dynamischer Look. Ich mag einmal, mit einem niedrigeren Details, wenn es hockt. Ich möchte, dass der kleine Rückprallen den Antrag macht. Es wird extremer sein, jedes Ende, indem Sie einfach den Griff hier länger bearbeiten. Jetzt sieht die Bewegung ein wenig mehr Cartoony aus, wie Wort dynamisch. Ich denke wie Sprünge und vielleicht treten die Beine gleichzeitig. Ich würde zum rechten Bein gehen und dann ein Keyframes hinzufügen. Ich werde zuerst die Dimension trennen. Wenn ich ändern möchte, ist es, die Position zu bewegen. Jetzt sieht die Bewegung aus wie ein Millionär zu setzen, und Sie können den Weg sehen. Es ist wie eine lineare Linie. Ich möchte die Interpolationen ändern, von linear zu [unhörbar] wechseln, damit Sie den Pfad hier im Graph-Editor hinzufügen können. Sie können sehen, dass sich der Pfad mit der Schnittlinie ändert. [ unhörbar] für den Plan sollte Easy In, Easy Out auch sein. Ich möchte, dass der Fuß sich nicht drehen kann, wenn das Bein bis zum Höhepunkt reicht. Vielleicht machen Sie das Bein höher. In der Mischung lassen sich die Keyframes leicht ein- und ausschalten. Sieht gut aus für mich. Vielleicht machen Sie die Bewegung ein wenig schneller und dann die Hälfte des Fußes springt zurück. Nur ein kleines Detail Stern, das wir hinzufügen können. Jede Methode, die ich bemerkt habe, kann ich jetzt, sobald das Bein gerade aussehen. Ich denke, vielleicht können wir zurück in ein Rubber House gehen und dann die Biegerichtung ändern und dieses gerade Stretchbein besser für mich aussehen lassen. Ich will auch auf die rechte Seite wechseln, richtig? Ich denke, der Antrag läuft gerade ein wenig langsam. Ich möchte das Timing ein bisschen korrekter machen. Ich wähle alle Keyframes aus und drücke dann „Optionen“ und mache dann den Keyframe näher, damit die Geschwindigkeit schneller ist. Jetzt wird das Bein animiert, wenn die Körperbewegungen erzeugt werden. Es sieht gut aus, und dann jetzt möchte ich, dass meine Charaktere zurück zu den ursprünglichen Positionen. Er geht runter, und dann wieder hockt, wir können hier total kopieren, wieder nach oben gehen und dann auf eine andere Seite springen. Das ist eine grobe Bewegung, die wir dem Körper geben und ich werde das Essen wieder dorthin animieren, wo es war. Kopieren Sie im Grunde das Keyframe von Anfang an und stellen Sie sicher, dass das Keyframe von vorher kopiert wurde. Gehen wir zurück nach hier, und wenn es wieder springt, möchte ich, dass sich der Körper auf die rechte Seite bewegt, sowie wir haben es in einer anderen Position. Vielleicht wollen wir es am Ende ein bisschen mehr Timing geben, wenn es zurückspringt. Ich möchte, dass es ein bisschen länger in der Mitte bleibt. Spielen Sie einfach weiter und sehen Sie, ob die Bewegung richtig für Sie aussieht. Sieht ziemlich gut aus. Jetzt möchte ich an den Details der Bewegung etwas mehr arbeiten, ich werde zum Graph-Editor gehen und sehen, ob es gut für mich aussieht. Ich möchte, dass die Bewegung langsamer beginnt, ich würde den Griff länger ziehen. Wieder bedeutet der längere Griff wie Verlangsamung, also springt er, wenn er zurückspringt, möchte ich ihm ein wenig Sprungkraft geben. Vielleicht kann die Kurve am Ende etwas kurviger sein. Die Bewegung wird dynamischer sein , wie es das GIF wäre. Wir möchten sicherstellen, dass der End-Frame und dann die Stern-Frames gleich sind, so dass es die perfekte Schleife machen kann. Jetzt können Sie sehen, dass der End-Frame jetzt nicht wirklich mit dem ersten Frame übereinstimmt. Sie möchten sicherstellen, dass die NDK-Frames identisch mit dem Anfang sind. Ich würde vielleicht anfangen, um die ursprüngliche Position zurückzukehren. Ich werde den Schlüssel hinzufügen und dann den Keyframe von Anfang an kopieren. Stellen Sie sicher, dass der Anfangs- und der Endframe gleich sind. Aber ich möchte diese Bewegungen zurück an den Anfang haben, also wird es nicht die ganze Schnur hier stoppen. Ich werde den End-Frame-Wert an den Anfang verschieben. Sie können sehen, dass die Rotationen vom Ende bis zum Anfang gleich sind. Ich möchte es hinzufügen, der Antrag wird mehr hier sein, und dann sehen, welche Teile ich ein wenig mehr betonen möchte. Vielleicht finden Sie bei der Rotation die Grafik, die Sie haben, und dann können wir die Bewegung dynamischer machen. So wie wir es tun, können wir den Griff hier anpassen. Nun sind die gesamten Bewegungen auf einem Körper, es ist perfekt Schleife, und dann, was wir vermissen, es ist die linke Seite des Beines sollte treten, wie es, was ein anderes Bein tut und das ist die Zeit, die das rechte Bein treten sollte. Wir möchten den Keyframe auf den Fuß auf der linken Seite hinzufügen. Stellen Sie sicher, dass die Positionen getrennt sind. Wenn jede Kniebeuge, springen Sie hier, Sie wollen das Bein Kick haben, und dann die Drehungen auf den Füßen hinzugefügt haben, und dann stellen Sie sicher, dass es eine springende Wirkung hat , die es Kick und Bounce zurück ein wenig machen wird. Habe das Easy Easy Out. Sieht gut für mich aus. Jetzt werden Sie sehen, dass das Bein nicht wirklich in einer perfekten Schleife ist. Ich möchte sicherstellen, dass die Knöchel-Keyframes, hier von Anfang an gleich bleiben. Wenn der Körper zurückspringt, ist dies der Moment, in dem das Bein in die stehende Position zurückkehren sollte. Sieht sehr nah aus. Jetzt sind die Charakter-Animationen, undicht oder halten Sie die Bewegung ein bisschen mehr auf dem Bein, so dass, wenn es tritt, Ich will die Bewegung ein wenig interessanter. Ich möchte damit beginnen, von Anfang an zu verlangsamen, ein wenig Bounce zu haben, indem ich das Diagramm hier anpasse, und sie haben den Griff ein wenig kürzer, damit die Sprache schneller ist. Wenn der Charakter hockt, möchte ich, dass sich die Beine beugen. Ich habe wieder an den Anpassungen der Biegerichtung gearbeitet. Jetzt sehen die Körperbewegungen und Beine ziemlich gut aus für mich. Ich werde zu den Armen Animation bewegen, dass es mit Handfläche für die Hände auf der linken Seite verbunden ist . Jetzt habe ich festgestellt, dass der Ankerpunkt tatsächlich nicht auf der richtigen Position sitzt. Ich würde es an den Punkt einer Position verschieben, von der die Objekte rotieren und skalieren. Ich ändere, animiere die Positionen, trenne die Dimension. Wenn der Charakter nach unten und oben zu bewegen, und der Arm sollte sich nach oben bewegen, und dann einmal die Drehung hier auch ändern und dann zurück springen. Geben Sie ihm das Easy In Easy out. Von hier aus möchten wir zur Anfangsszene zurückkehren, stellen Sie sicher, dass der Keyframe gleich beginnt. Wenn sich die Charaktere zurückbewegen, möchte ich, dass sich der Arm dorthin bewegt, wo er am Anfang ist, die Art und Weise, wie das Timing ein bisschen abgeschaltet ist. Wir wollen sicherstellen, dass der Arm die Aktionen ergreift, wenn der Körper nach oben reicht. Hier bewegen wir den Arm ein wenig nach unten, stellen Sie sicher, dass der Wert hier der gleiche ist. Animation im linken Arm sieht gut aus. Der Grund, warum ich nicht die Pommes Palme auf der rechten Seite hatte, ist, weil ich denke, dass ich eine Seite total animieren und dann die gesamte Komposition auf die rechte Seite kopieren kann . brauchen wir uns jetzt keine Sorgen zu machen. Jetzt sehen die Körper und die Gliedmaßen Animationen ziemlich glatt und gut für mich aus. 18. After Effects: Animation des Gesichts: Das Gesicht kann sich auch ein wenig bewegen. Wenn der Körper hockt, kann sich das Gesicht ein wenig nach unten bewegen. Gehen Sie wieder zurück, gehen Sie nach unten, und gehen Sie dann zurück. Geben Sie ihm einfach kleine zusätzliche Bewegungen im Detail. Erleichtern Sie sich, entspannen Sie sich. In den Diagramm-Editoren. Sie können hier ein wenig dynamischeres Geschwindigkeitsdiagramm machen. Dann, wenn Charakter wieder hocken, Ich möchte diese ähnliche Bewegungen auf diese haben, aber vielleicht passiert ein wenig verzögert von den Körperbewegungen. Sieht gut aus. Ich möchte dem Mund einige Bewegungen geben, die aussehen, als ob der Charakter kühlt oder lacht. Ich würde den Mund hier animieren. Für die Formebene, die Sie den Mund animieren möchten, möchten Sie zum Pfad gehen und die Formen animieren. Kann vielleicht nach unten schaufeln und dann, wenn Sie nach unten, vielleicht ändern Sie die Form des Mundes. Ändern Sie die Form, machen Sie es mehr abgerundet und kreisförmig, um den Keyframe zu bilden, jetzt können Sie hier sehen. Auf den zweiten Keyframes ändern Sie die Form, und dann können Sie sehen, wie sich die Form allmählich von dem ändert, was Sie getan haben. Dann möchte ich, dass sich der Mund wieder zum vorherigen großen Lächeln bewegt . Erleichtern Sie sich, entspannen Sie sich wieder. Jetzt sehen die Zähne ein wenig komisch aus, aber es ist okay für jetzt. Wir werden später einmaskieren, sobald die Mundbewegungen geschehen, auch in diesem Moment wieder. Es sieht ziemlich gut aus für mich. Die Augen sehen ein wenig tief aus. Ich möchte ein wenig Bewegungen auf das Auge geben. Wählen Sie die Augenschicht aus und dann können Sie den Pfad hier durchsuchen. Sie können vom Pfad-Layer aus animieren. Hier. Vielleicht werde ich es ein wenig einfach wirklich subtile Formänderung geben. Das Gesicht bewegt sich, Körper bewegt sich, ändern Sie die Formen auf den zweiten Keyframes. Es wird quetschen. Lassen Sie mich zum ursprünglichen Look zurückkehren. Erleichtern Sie sich, entspannen Sie sich. Vielleicht soll es noch mal passieren. Möchten Sie das Timing hier ändern, und ich möchte die gleichen Animationen auf dem rechten Auge haben. Wir können die Pfadanimationen hier kopieren und dann hier durchgehen. Wir können die gleichen Animationen auf der rechten Seite und auf dem Auge hier haben. Wenden Sie die Leichtigkeit an, erleichtern Sie es, und kopieren Sie dann wieder hier. Wir können auch die bewegliche Augenbraue hinzufügen, wenn der Charakter springt, finden Sie die Augenbraue und Klasse P Finden Sie Positionen, die Sie animieren können, und trennen Sie dann die Dimensionen. Dann denke ich, wir müssen nur die weiße Position animieren und dann die Augenbraue nach oben gehen , wenn der Körper in die höchste Position erreicht und dann nach unten fallen, wenn der Körper verbiegt. Hier können wir die Augenbraue wieder hochgehen lassen. Dann machen Sie sie sich leichter in, erleichtern Sie sich. Die Augenbraue bewegt sich auf sehr seltsame Art und Weise. Es scheint, als ob der End-Keyframe hier und dann der Anfangs-Keyframe anders sind. Stellen Sie sicher, dass sie alle am Anfang von derselben Position sind , und stellen Sie sicher, dass das Endschlüsselbild und das Anfangsschlüsselbild identisch sind, also kopiere und füge ich ein. Das End-Keyframe zum Anfang. Augenbraue fällt hier wieder. Es sollte ziemlich gute Animationen sein, und ich habe sie Leichtigkeit in, Leichtigkeit. Nun, [unhörbar] ein bisschen zu langsam. Das Timing ist ein bisschen seltsam. Moment, die Körperbewegungen, ist die Charakter-Takelage abgeschlossen. Ich denke, für die nächsten Schritte müssen wir nur an den Details arbeiten, wie die Grenzen im Gesicht und das Hinzufügen von Texturen. Ich weiß, dass das eine Menge ist. Animation könnte einschüchternd sein, aber wenn Sie mehr üben, glaube ich, dass Animation wirklich spannend sein könnte. Jetzt sieht die Charakter-Takelage ziemlich gut für mich aus. Für die nächste, Ich würde die Pommes animieren und ein bisschen mehr Details auf einem Tags Animationen hinzufügen. Für diesen Teil wird es ein wenig mehr Ergänzungen sein. Es könnte nur eine Inspiration für Sie sein, wenn Sie es hinzufügen möchten, es liegt alles an Ihnen. 19. After Effects: Letzte Schliffe: Ich habe bereits die Animationen bereinigt, die wir zuvor erstellt haben, und fügte dann etwas die Details zu den Charakteren und Schlüsselbildern hinzu. Nun, die Figur funktioniert [unhörbar] und sieht gut aus für mich. Worauf ich in diesem Tabs konzentrieren möchte, ist es einige springende Effekte auf Pommes, so dass Sie sehen können, dass die Pommes reagieren auf die Körperbewegungen. Die Pommes sollten sich nach unten bewegen, wenn sich der Körper nach unten bewegt. Ich ändere die Position nach unten und gehe dann nach oben, wenn der Körper springt. Ich möchte am Ende ein wenig Sprungkraft geben. Wenn es zurückspringt, kann es in die ursprüngliche Position springen. Hier werde ich nur „Kopieren“ und „Einfügen“. „ Kopieren“ und „Einfügen“. „ Kopieren“ Sie die ersten Keyframes bis zum letzten. Sie können hier schnell sehen, sieht gut aus. Dann ist AC raus. Sieht gut aus und kann die Arbeit an der Rotation sein. Drücken Sie U, Sie können alle Schlüsselbilder sehen, die Sie erstellt haben. Für die Rotationen würde ich nur zufällig eine andere Zahl darauf geben. Muss nicht so präzise sein. Sie sind nur eine gefundene Effekte, die Sie hinzufügen und dann zurückspringen können. Der letzte Schlüsselrahmen sollte mit dem ersten Schlüsselbild übereinstimmen. Wenden Sie die Leichtigkeit in Leichtigkeit heraus und die Rotation. Jetzt sieht es gut aus. Ich kopiere die Anträge hier. Wieder, wenn die Charaktere nach unten hocken und springen, lassen Sie uns „Kopieren“, „Einfügen“, „Kopieren“ und „Einfügen“. Ich denke, für diese Hüpfungseffekte sieht es ein bisschen zufälliger aus. Ich würde einige von ihnen etwas verzögert bewegen. Einige der Pommes verzögerten sich. Einige wenige von ihnen können hüpfen oder früher sein. Okay, es sieht gut aus für mich. Jetzt werde ich zu den Pommes Animationen bewegen, in einem Hinweis. Der Pompon. Drücken Sie hier R für die Drehung. Wir müssen die Position hier nicht verschieben, wir müssen nur die Rotation animieren. Geben Sie ihm einfach eine leichte Bewegung. Einige von ihnen können sich nach links drehen und einige von ihnen können sich nach rechts drehen und dann zurück springen. Auch hier sollte der letzte Frame mit dem ersten Frame übereinstimmen. Wir wollen es nur ein bisschen wie Hüpfeffekte geben. Es muss nicht so genau sein. Dann haben wir eine Leichtigkeit in und Leichtigkeit Outs. Sieht gut aus. Dann bewegen Sie sie herum. Auch wir haben noch eine Pommes. Einige von ihnen können ein wenig verzögert werden. Gut. Dann, während sie dort wieder springen, wollen wir, dass der Hüpfungseffekt wieder passiert. Ich kopiere die Animation, die wir erstellt haben, und füge dann zu den Momenten, die wir wollen, dass sie wieder passieren. Dann machen Sie sie ein wenig verzögert, oder? Sieht gut aus für mich. Jetzt haben wir eine Seite des Pompon und für die andere Seite getan. Ich denke, wir können einfach kopieren aus dem linken Befehl C und dann Befehl V Dann können wir sie in die eine Komposition ändern, indem wir Shift Befehl C pre-comp drücken. Wir können nur Pompons, Pompon sagen und sicherstellen, dass dieser Pompon hier den rechten Arm erlernt . Dann können wir die Zusammensetzung von Pompon nach rechts verschieben. Sie gehen hinter den Arm. Also Arm, es ist darüber. Da es sich auf der Innenseite des Arms befindet, möchte ich ihn horizontal drehen und dann wieder um die Hand bewegen und die Drehung ein wenig ändern. Wir bewegen uns zum Arm. Jetzt haben wir die gleichen Pompom-Animationen auf dem Arm. Wir haben die Pommes Animation nur die Bounce Effekte auf die Pommes nur, dass es macht die gesamte Charakter Animationen viel natürlicher und glatter. Ich werde sagen, dass die Charakteranimationen hier ziemlich vollständig waren. Aber wenn Sie an einigen fortgeschritteneren Animationen arbeiten möchten oder ein bisschen mehr Geschmack oder festere visuelle Elemente geben möchten, dachte ich, die extra festen Animationen könnten die gefütterten Animationen auf dem Körper sein. Ich habe die Zeilen in Photoshops erstellt und ich würde die Dateien in einen Ordner bringen. Einfach ziehen und eine Platte die Komposition. Sie können sehen, es gibt drei verschiedene Linien Design, die ich mache. Ich möchte es als Texturanimationen machen. Trimmt die Komposition in den Arbeitsbereich, den Sie zwei Sekunden eingerichtet haben. Jetzt wird diese Komposition nur zwei Sekunden dauern. Ich werde die Schichten abhacken und sie dann anordnen. Das sieht gut aus für mich. Ändern Sie den Arbeitsbereich, trimmen Sie den Comp erneut. Sie können hier sehen hat eine einfache Linie Animationen. Jetzt kopiere ich diese Komposition zurück in den Hauptkomp und übergebe sie auf den Körper. Jetzt kann ich die Linienanimation hier sehen, aber ich möchte eine Schleife machen. Die Animationsschleife. Ich werde mit der rechten Maustaste auf die Komposition und die Pufferzeit klicken. Aktivieren Sie dann die Zeit-Neuzuordnung hier und notieren Sie dann die Ausdrücke für den Schleifeneffekt. Ich mache eine Schleife und Schleife hier draußen. Ich kann eingeben auswählen. Sie können sehen, dass die Linienanimationen nur auf der Zeitlinie abgespielt werden, und ich möchte die Zeilenanimationen so schneller machen. Ich werde den Endschlüsselrahmen nahe an den ersten Schlüsselrahmen verschieben. Dann muss ich nur mit der Leiche aussteigen. Ich kopiere die Körperebene und dann auf der Oberseite einer Linie Animationen und wähle dann Alpha-Matte. Jetzt sollte die Linienanimation perfekt max out sein. Zusätzlich möchte ich auch die Texturen auf den Bürsten geben. Dafür zeichne ich auch die kleinen Texturen. Sie können diese Texturen finden, die ich Photoshops in einer Projektressource mache. Ziehen Sie in dieses Bild und dann um es herum, auf der Oberseite der Bürste und wurden Maskierung. Platzieren Sie die Texturen auf der Oberseite der Formebene, und drücken Sie dann die Alpha-Matte, um die Rougetexturen zu maximieren. Jetzt können Sie sehen, dass es ein wenig Texturen auf dem Bürsten gibt, wenn er sich bewegt, können Sie sehen, dass sich die Texturen nicht wirklich mit einem Körper bewegen. Ich möchte sicherstellen, dass die Textur mit den tatsächlichen Schiffs-Layern verknüpft ist. Sieht gut aus. Ich möchte das gleiche tun wie in einem anderen die Seite. Mit einer Texturebene hier und wählen Sie dann Alpha Matte und haben die Texturen wird durch die Bürstenschicht maskiert. Nein, es ist nicht wirklich mit Körperbewegungen verbunden. Mimitieren Sie Aktien, verknüpfen Sie Elternschaft mit dem Bürsten selbst. Ok, sieht super süß aus. Jetzt möchte ich jedem ein natürliches Aussehen geben. Ich ändere die Kapazität auf 80, vielleicht 90, oder? Ich denke, jetzt sieht die Animation wirklich genial aus, wir haben sie fertig. 20. Zum Teilen exportieren: Nun, da die Animation erledigt ist. Wir werden die Animation entweder wie Videodateien oder GIF-Datei exportieren. Animation sieht gut aus. Normalerweise würde ich die Videodatei in After Effects exportieren, damit Sie sie zur Renderwarteschlange hinzufügen können, indem Sie darauf klicken. Sobald sich die Animation in einer Renderwarteschlange befindet, können Sie die benötigten Formate durchhängen. Normalerweise würde ich ProRes 4, 2, 2 oder 4, 4, 4 tun , jetzt können Sie als Videodatei rendern, klicken Sie auf „OK“ und dann auf „Rendern“. Sie werden die Videodateien in einem Foto, das Sie auswählen, bereit haben. Oder wenn Sie die GIF-Datei exportieren möchten, habe ich zwei Methoden für den Export. Die erste, es gibt eine wirklich nützliche und hilfreiche Plugins, in denen ist ein GifGun, aber Sie können auf der AE scripts.com sitzen. Wenn Sie sicherstellen, dass Ihr Arbeitsbereich auf der Zeitachse korrekt für Sie ist. Indem Sie die Vorschau abspielen, sieht es gut aus, und dann können Sie auf die GifGun gehen und dann drücken Sie die „Einstellung“ und in einer Einstellung stellen Sie sicher, dass die Alpha beibehalten, ausgewählt ist oder Sie können die Größe zu Animationen ändern. Die aktuelle Animation ist 1000 mal 1000. Ich denke, es ist ziemlich groß für mich, also größe ich immer auf 500, aber es ist total dein Anruf, wenn du die Originalgröße behalten willst, das ist völlig okay, dann stelle sicher, dass es eine Endlosschleife ist, natürlich ist ein GIF. Bevor Sie nach unten auswählen, möchten Sie sicherstellen, dass sich Ihre Datei in einem Satz von Ordnern befindet, zu dem Sie wechseln möchten. Geh nach unten und mach dann einfach die GIFs, jetzt ist es Rendering. Eine andere Möglichkeit, die GIF-Datei zu erkunden , besteht darin, die Videodatei mit dem Alpha-Hintergrund zu verwenden und dann das Video in Photoshops zu importieren, und dann können wir das GIF von dort konvertieren. Ich würde die Animationen in die Videodatei mit dem Alpha-Hintergrund rendern. Die Formate, die ich normalerweise wählen wird, sind ProRes 4, 4, 4, 4, und wählen Sie dann den Farbkanal hier, stellen Sie sicher, dass es RGB und Alpha ist, so dass es den Alpha-Hintergrund beibehalten wird und klicken Sie dann auf „OK“, dann haben Sie die Videos auf auf Ihrem Desktop. Gut hier draußen, sieht gut aus, speichern und dann rendern. Gehen Sie dann zurück zu Photoshop und ziehen Sie das Video, das Sie gerade gerendert haben, in Ihre Photoshops und dann haben Sie Video hier. Dann möchten Sie das Video erkunden, speichern Sie es aus dem Web, so jetzt können Sie sehen, dass das Video in der Web-Ansicht ist und dann ist dies im Grunde der Ort, an dem Video in die GIF-Datei konvertiert werden. Sie können die Datei sehen, es ist GIF und jetzt ist die Datei riesig, normalerweise möchten wir die GIF-Dateien klein und süß halten. Das erste, was ich ändern würde, ist diese Bildgröße, ich möchte sie wahrscheinlich auf 500 um 500 ändern und geben Sie es ein. Sie können sehen, die Größe fällt von 12 bis 4 Megabyte und die Farben, die ich nicht brauche, wie 256 Farben, ich kann es einfach nach unten auf 128 und vielleicht transparent ausgewählt und konvertieren in RGB ist gut. Dann würde ich vielleicht die Größe ändern, das wird kleiner sein, um die Datei kleiner zu halten, es sieht gut aus. Dann, bevor Sie es speichern, können Sie eine Vorschau von hier aus sehen, sieht gut aus für mich aus und speichern Sie es an dem Ort, den Sie speichern möchten, so ist es fertig. Sie können Ihre GIF-Datei finden, die Sie gerade in Photoshop in Ihrem Computer konvertieren. Jetzt haben Sie die GIFS-Dateien bereit und dann können Sie die Dateien vollständig auf ein Social Media oder Ihr Portfolio teilen. Aber jetzt werde ich dir einfach schnell zeigen, wie ich meine GIFs auf Giphy hochlade. Klicken Sie auf die „Hochladen“ und ziehen Sie die Dateien hier und dann vielleicht ändern, mit einem Tag wie Fry Kerl, glücklich, fröhlich. Ich werde Ihnen die Befehle geben und nach all diesen Konten. Jedes Mal, wenn ich die GIFs hier tagge, werden Sie diese GIFs in der Instagram GIFs Research sehen. Das ist, warum, die Schlüsselwörter für die Tags setzen [unhörbar] Also, wenn Sie in, glücklich, werden diese Französisch Jungs möglicherweise in einer Recherche erscheinen oder in Tanz oder Pommes frites tippen, Eingabe von Schlüsselwörtern, die Sie möchten, und laden Sie dann zu Giphy hoch. Selbstverständlich möchten Sie auch in die Projektgalerie hochladen. 21. Letzte Gedanken: Herzlichen Glückwunsch, du hast es geschafft. Bis zu diesem Zeitpunkt haben Sie animierte Charaktere, die Sie freigeben oder in die Projektgalerie hochladen können. Ich bin wirklich aufgeregt, deine Kreativität zu sehen. Jetzt können Sie alle Techniken, die Sie in der Klasse gelernt haben, verwenden und diese Techniken für alle Themen oder Objekte für die Charakteranimationen übernehmen . Du kannst alles zum Leben erwecken. Viel Spaß damit. Danke, dass Sie zugesehen haben. Ich hoffe, dass Sie die Reise genießen.