Charakteranimation: Erstelle animierte Loops in After Effects mit Motion Graphics

1. Einführung: Hallo, mein Name ist Carminys Guzmán. Ich bin Animatorin, Illustratorin und Drehbuchautor aus Spanien, ursprünglich aus der Dominikanischen Republik. In diesem Kurs werde ich Ihnen beibringen, wie Sie lustige charakterbasierte Loops erstellen , die die Leute gerne wieder sehen werden , immer wieder. Ich bin Mitbegründer von Operary.com, einem Animationsstudio mit Sitz in Madrid. Wir haben mehr als neun Jahre Erfahrung in der Herstellung von schönen animierten Erklärvideos für Hunderte von Unternehmen weltweit, wie Intel, Deloitte, Bayer, Porsche und viele mehr. Ich bin sehr aufgeregt, mein Wissen mit Ihnen zu teilen. Wir werden mit der Vorbereitung der Entwürfe in Adobe Illustrator beginnen , damit wir in After Effects effektiv arbeiten können. Dann werden wir uns mit der AAfter Effects Benutzeroberfläche in Verbindung setzen und unseren Charakter darauf vorbereiten, ihn einfach zu animieren. Als nächstes werde ich Ihnen zeigen, wie Sie den Charakter leicht animieren und vier verschiedene Möglichkeiten, um erstaunliche animierte Loops zu erstellen. Zum Abschluss machen Sie eine zusätzliche Übung, um alles, was Sie gelernt haben, anzuwenden , indem Sie eine Animation von Grund auf neu erstellen. Sie können die Projektdateien herunterladen. Auf diese Weise können Sie die Anweisungen in Echtzeit befolgen und es wird viel einfacher für Sie sein, das Gelernte anzuwenden. Dieser Kurs ist ideal für Animateure, Illustratoren, Grafikdesigner, kreative Künstler und generell für alle, die lernen wollen, wie man erstaunliche Animationen einfach und in kürzester Zeit macht. Dies ist ein leicht verständlicher Kurs. Wenn Sie After Effects jedoch noch nicht verwendet haben, können Sie zunächst meinen vorherigen Kurs Animieren Sie Ihre Illustrationen in Rekordzeit mithilfe von Adobe After Effects“ absolvieren. Es gibt keine Zeit zu verlieren, jetzt mitzumachen, und lasst uns loslegen! 2. Projekt: Am Ende dieses Kurses werden Sie Ihre Kreativität entfesseln, indem Sie Ihren eigenen animierten Look kreieren. Ich würde Ihnen vier verschiedene Wege zeigen, es zu schaffen. Nach Abschluss einer Lektion werde ich Ihnen einige Hinweise geben. Bitte überspringen Sie es nicht; folgen Sie ihnen und üben Sie, um die besten Ergebnisse zu erzielen. Zögern Sie nicht, mein Kunstwerk herunterzuladen und zu verwenden, um zu üben wenn Sie keine Zeit haben, Ihr Design von Grund auf neu zu erstellen. Am Ende dieses Kurses werden Sie außerdem eine zusätzliche Übung durchführen, um alles, was Sie gelernt haben, anzuwenden. Ich freue mich auf Ihre Arbeit. Bitte laden Sie es in die Kursprojektgalerie hoch. Wenn Sie Kommentare oder Fragen haben, posten Sie diese bitte auf der Registerkarte Diskussionen. Ich kann es kaum erwarten zu sehen, was Sie sich einfallen lassen. Viel Spaß. 3. So bereitest du die Dateien vor: Hallo, da. In dieser Klasse werden wir sehen, wie wir unsere Design-Elemente so organisieren, dass sie effizient in After Effects arbeiten. Wir haben Adobe Illustrator verwendet, um unseren Charakter zu entwerfen. Sie können die Illustrator-Datei aus Projekten und Ressourcen herunterladen, damit Sie alles, was Sie während des Kurses gelernt haben, in Echtzeit anwenden können. Um die Datei für After Effects vorzubereiten, werden wir die Elemente, die wir animieren, in Ebenen trennen. Wir werden vom Vorderarm beginnen. Klicken Sie hier auf das Symbol, um zwei Schichten zu erstellen, eine für den Arm und eine andere für den Vorderarm. Mit einem Doppelklick benennen wir sie. Dann ziehen wir die Elemente innerhalb ihrer jeweiligen Ebenen. Jetzt müssen wir zwei weitere Schichten erstellen, eine für den Kopf und eine für die Haare. Wie bereits zuvor benennen wir die Ebenen und ziehen die Elemente innerhalb der entsprechenden Ebene. Wenn wir die Kopfschicht deaktivieren, können wir sehen, dass sich unten ein zweiter Kopf befindet. Wir haben zwei Köpfe für unseren Charakter geschaffen, weil wir diese Animation für zwei verschiedene Dinge verwenden werden, einen für das vollständige Diagramm des Mädchens, das Tischtennis spielt und einen für den Vordergrund nach der Bewegung des Balls. Im Vordergrund werden wir sowohl die Augenbrauen als auch den Mund animieren. Wir werden drei weitere Schichten erstellen, eine für den Mund, eine für die Augenbrauen und eine für den zweiten Kopf. Wieder ziehen wir die Elemente auf ihre jeweiligen Ebenen. Wir können nun die Kopfschicht wieder einschalten. Bevor wir mit dem Erstellen von Ebenen fortfahren, werfen wir einen Blick auf die Animation. Wenn Sie bemerken, befindet sich der Finger über dem Tischtennis-Paddel, aber er folgt nicht seiner Bewegung. Außerdem bewegt sich der Ball auch unabhängig. Wir müssen drei neue Schichten erstellen, eine für den Ball, eine für den Finger und eine für das Tischtennis-Paddel. Wieder einmal ziehen wir die Elemente innerhalb ihrer jeweiligen Ebenen. Da der Körper, die Beine und das Hemd keine Animation haben, können wir alles innerhalb derselben Ebene platzieren. Wir werden es zum Beispiel Körper und Beine nennen. Jetzt müssen wir nur den Arm organisieren, der Tischtennis spielt. Wie zuvor erstellen wir zwei Schichten, eine für den Arm und eine für den Unterarm und wir ziehen die Elemente. Mit diesen Jungs ist unser Charakter bereit, in After Effects importiert zu werden. Schließlich werden wir diese Änderungen speichern, das ist sehr wichtig. 4. Erste Schritte & Tastaturbefehle: Bevor wir mit der Animation der Projekte beginnen, lassen Sie uns Kontakt mit der AAfter Effects Schnittstelle und lassen Sie uns auch die Verknüpfungen sehen, die wir in diesem Kurs verwenden werden. Wir arbeiten mit dem Standard-Arbeitsbereich, aber Sie können die Option wählen, die Sie bevorzugen. Der erste Schritt besteht darin, eine neue Komposition zu erstellen. Wir gehen zu Komposition und wählen Neue Komposition aus. Öffnen Sie neue 1920 um 1080 Kompensation bei 24 Frames, nennen Sie es, und geben Sie ihm vier Sekunden. In einem zweiten Schritt importieren wir unser Adobe Illustrator Design. Wechseln Sie zu Datei, wählen Sie Datei importieren, und wählen Sie dann die gewünschte Datei aus. Wenn Sie eine Datei mit Ebenen importieren, in der Option Importieren als müssen Sie in der Option Importieren als die Option Komposition Layergrößen beibehalten auswählen. Wie Sie sehen können, wurden eine Komposition und ein Ordner mit Layern erstellt. Wir werden an der Komposition arbeiten. Ziehen Sie zuerst die importierte Komposition in die Hauptkomposition. Wir aktivieren die Option Transparenzraster umschalten indem Sie hier klicken, um das Design besser zu sehen. Werfen wir nun einen Blick auf die AAfter Effects Benutzeroberfläche. Das Bedienfeld, in dem Sie die Zeichen sehen, ist das Ansichtsfenster. In diesem Panel werden wir die Ergebnisse unserer Entwürfe und Animationen sehen. Unten sehen Sie das Zeitleistenfenster. In diesem Panel werden wir mehr Zeit damit verbringen, die Animationen zu erstellen. Von hier aus können wir die Transformationseigenschaften des Layers leicht ändern. Wenn wir nach links schauen, können wir das Projektfenster sehen. Hier erscheinen alle Kompositionen, die wir erstellen und alle Dateien, die wir importieren. An der Spitze finden wir die wesentlichen Werkzeuge. Jetzt werden wir einen Blick auf die bekanntesten Tastenkombinationen für diesen Kurs werfen. Die Verknüpfungen beziehen sich auf die Layer-Eigenschaften und die Werkzeuge, die wir am häufigsten verwenden. Lassen Sie uns sehen, wie Sie die Layer-Eigenschaften mit einem einzigen Klick öffnen. Drücken Sie „A“ für den Ankerpunkt, P für die Position, S für die Skalierung, R für die Drehung und T für die Deckkraft. Wenn wir die Umschalttaste gedrückt halten, können wir mehrere Eigenschaften gleichzeitig öffnen. Jetzt werden wir sehen, wie Sie mit einem Tastendruck auf das Hauptwerkzeug zugreifen können. Drücken Sie „V“ für das Auswahlwerkzeug, halten Sie die Leertaste für das Handwerkzeug, Z für das Zoomwerkzeug, W für das Drehwerkzeug und Y für das Werkzeug „Schwenken hinter“ gedrückt. Es geht um das Üben. Unter Projekte und Ressourcen steht Ihnen eine PDF-Datei mit den hilfreichsten Verknüpfungen zum Download zur Verfügung. 5. Rigging: Klasse, in dieser Lektion werden wir unseren Charakter für die Animation vorbereiten. Aber zuallererst werden wir den Hintergrund dieser Szene vorbereiten. Um dies zu tun, werden wir eine Formebene erstellen. Um sicherzustellen, dass wir eine Formebene und keine Maske erstellen, müssen wir zu Bearbeiten gehen und Auswahl aufheben. Jetzt doppelklicken wir auf das Rechteck-Werkzeug und eine Formebene wird mit der Größe der Komposition erstellt. Von hier aus können wir die Farbe nach unseren Wünschen ändern. Klicken Sie auf „OK“, und ziehen Sie die Ebene unter das Design. Um die neue Ebene zu benennen, drücken wir die „Enter“ -Taste. Mit einem Doppelklick haben wir eine Pingpong-Komposition eingegeben. Aber halten Sie sich fest. Speichern wir das Projekt, bevor wir es vergessen. Gehen Sie zu „Datei“, wählen Sie „Speichern“ und speichern Sie das Projekt. Wir werden anfangen, die Ankerpunkte auf den Ebenen zu platzieren , um Animation in ihrer Rotation anzuwenden. Die Ankerpunkte sind die Referenzpunkte , um die sich die Ebenen drehen, wenn wir sie animieren. Um das Auffinden der Ankerpunkte zu erleichtern, wählen wir zunächst die erste Ebene aller und die offene Deckkraft aus. Denken Sie daran, in die Praxis umzusetzen, um Fall, dass wir in der vorherigen Lektion gesehen. Wir gehen mit der ersten ausgewählten Ebene nach unten und mit gedrückter „Shift“ -Taste wählen wir die letzte Ebene aus. Auf diese Weise werden alle Layer ausgewählt. Als nächstes senken wir die Deckkraft. Indem wir die Deckkraft reduzieren, können wir besser sehen, wo unsere Ebene beginnt und endet. Wir können auch sehen, wo sich die Schnittpunkte der Ebenen befinden. Es ist sehr einfach. Wir wählen das Schwenk-Werkzeug aus, dann wählen Sie die Ebene und den Platz, die Ankerpunkte an den Referenzpunkten, um die sich die Layer drehen sollen. Wenn Sie sich nicht sicher sind, ob Sie die Ankerpunkte an der richtigen Stelle platziert haben, können Sie mit dem Drehwerkzeug die Ebene drehen und prüfen, ob die Drehung funktioniert. Wir werden den gleichen Prozess mit den Armen, den Haaren und dem Tischtennis-Paddel machen. Wenn Sie erkennen, dass wir die Ankerpunkte nicht in den Schichten platziert haben, aus denen der Kopf besteht. Wir haben sie nur in die Haare gelegt, das liegt daran, um die Bewegungen des Kopfes zu kontrollieren, werden wir ein Null-Objekt erstellen. Ein Nullobjekt ist eine unsichtbare Ebene, die Sie erstellen können , um die Bewegungen anderer Ebenen zu steuern. Um ein Null-Objekt zu erstellen, gehen wir zu „Layer“, „Neu“ und wählen „Null-Objekte“. Wir können es Chef-Controller nennen. Wie bei den übrigen Ebenen platzieren wir dies so, dass der Ankerpunkt der Nullobjekte die Referenzpunkte sind, um die sich der Kopf drehen soll. Abschließend möchte ich erwähnen, dass wir die Ankerpunkte nicht auf den Finger oder die Körperbeine gelegt haben , weil wir die Rotation nicht animieren werden. Großartig. Jetzt können wir alle Ebenen erneut auswählen und die Deckkraft auf 100 Prozent zurücksetzen. Jetzt schauen wir uns an, wie man die Erziehungstechnik benutzt. Wenn wir jetzt eine der Ebenen mit dem Auswahlwerkzeug verschieben , werden sie unabhängig voneinander verschoben. Aber wir brauchen, dass zum Beispiel, wenn sich der Arm bewegt, der Vorderarm seinen Bewegungen folgt. Beginnen wir damit, alle Schichten, aus denen der Kopf besteht, mit dem Controller des Kopfes zu verknüpfen. Ziehen Sie dazu die Pick Peitsche von diesen Ebenen auf den Head-Controller. Wenn wir nun den Kopf-Controller drehen, bewegt sich auch der Kopf. Wir können den ersten Kopf deaktivieren, um zu sehen, dass sich auch der zweite Kopf bewegt. Schalten wir es wieder ein und führen Sie den gleichen Prozess fort. Wir werden den Finger und das Tischtennis-Paddel mit dem Unterarm verbinden. Zum Abschluss verbinden wir die Unterarmschichten mit den Armschichten. In dieser Animation müssen wir die Schichten der Arme nicht mit dem Körper verknüpfen , da er sich nicht bewegt. Jetzt ist es notwendig, den Ball mit jeder Schicht zu verbinden, weil er sich unabhängig bewegt. Das war's. Wir haben unseren Charakter bereits bereit für die Animation. 6. Einen Loop erstellen: Bevor Sie die erste Schleife animieren, müssen Sie einige Grundlagen verstehen. Eine perfekte Schleife hängt von der Dauer der Bewegung in Bezug auf die Dauer der Komposition ab. Wie Sie bereits wissen, hat unsere Komposition eine Dauer von vier Sekunden. In unserer Animation machen wir die Bewegungen unseres Vorderarms zwei Sekunden lang. Eine Sekunde, um nach links zu drehen und eine zweite, um sich in die Ausgangsposition zu drehen. Der Rest der Körperteile wird jede Sekunde eine vollständige Bewegung machen, alle 24 Frames. Um sicherzustellen, dass unsere Loops gut funktionieren, müssen wir die Dauer unserer Komposition nur durch die Dauer der Animationen dividieren. Wenn das Ergebnis eine ganze Zahl ist, wird es perfekt funktionieren. Okay Leute, wenn wir die im Sinn haben, können wir mit dem Animationsprozess beginnen. Wir sehen uns in der nächsten Lektion. 7. Loop 1: Jetzt, da der Charakter bereit ist, ist es Zeit, mit dem lustigen Teil, Animation zu beginnen. Fangen wir einfach mit dem Vorderarm an. Wählen Sie die Ebene Arm 1 aus, und öffnen Sie die Eigenschaft Rotation. Um die Rotation der Arm 1-Ebene zu animieren, müssen wir den ersten Keyframe erstellen. Lassen Sie uns dies tun, indem Sie auf die Stoppuhr klicken. Ich mag die anfängliche Arm-Pose, also werde ich die Rotation auf Null belassen. Nun, mach eine Sekunde auf der Timeline. Sie können den Zeitzähler auf der linken Seite sehen, und wir drehen, bis wir das gewünschte Ergebnis erzielen. Wir sind auf der Suche nach einer sehr sanften Bewegung für den Vorderarm. Wir werden sehr wenig drehen. Wir werden dasselbe mit der Unterarm 1-Schicht machen. Wieder gehen wir zum Anfang der Timeline, erstellen einen Keyframe und drehen sich leicht, drehen eine Sekunde und drehen sich in die entgegengesetzte Richtung. Perfekt. Nachdem wir nun unsere Keyframes erstellt haben, erstellen wir einen Ausdruck, um Zeit zu sparen. Wir müssen auf die Stoppuhr klicken, während Sie die Alt-Taste gedrückt halten, um einen Ausdruck anzuwenden. Als nächstes schreiben wir einen LoopOut Ping-Pong Ausdruck. Wir werden den Ausdruck kopieren, den wir auf die Arm-1-Ebenenrotation angewendet haben um mehr Zeit zu sparen, und wir fügen ihn in die Unterarm-Ebene ein. Sie dazu mit der rechten Maustaste auf die Drehung und wählen Sie „Nur Ausdrücke kopieren“. Wählen Sie als Nächstes die Ebene Unterarm 1 aus, und fügen Sie den Ausdruck mit Steuerelement V oder Befehl V auf dem Mac ein. Wenn wir Null auf dem Ziffernblock drücken, können wir sehen, dass dank des Ausdrucks LoopOut Ping-Pong, die Arm- und Unterarmschichten Bewegungen kommen und gehen durch die Komposition. Wie wir in der vorherigen Lektion gesehen haben, dauert die Animation des Vorderarms zwei Sekunden, eine Sekunde nach links und eine andere Sekunde, um in die Ausgangsposition zurückzukehren. Aber die Bewegung ist ein bisschen rau. Um es zu glätten, wählen wir die Keyframes, klicken Sie mit der rechten Maustaste auf „Keyframe-Assistent“, „Easy Ease“. Sie können sie auch anwenden, indem Sie die Keyframes auswählen und F9 drücken. Wenn wir einen Blick werfen, können wir sehen, dass die Animation jetzt glatter aussieht. Jetzt machen wir dasselbe mit dem Kopf. Wählen Sie den Kopf-Controller aus und öffnen Sie die Eigenschaft Rotation. Wir gehen zum Anfang der Timeline und drehen den Kopf, bis wir das gewünschte Ergebnis erzielen. Wir können nicht vergessen, den ersten Schlüssel zu erstellen, indem Sie auf die Stoppuhr klicken. Als nächstes fahren Sie eine Sekunde auf der Timeline und drehen Sie den Kopf in die entgegengesetzte Richtung. Wir machen dasselbe mit der Haarschicht. Wir erstellen einen Keyframe und drehen. Erweitern Sie 12 Frames erneut, und drehen Sie sie in die entgegengesetzte Richtung. Oh nein, bevor ich den zweiten Keyframe des Head-Controllers an der falschen Stelle angelegt habe, muss er sich in Frame 12 befinden. Wir wählen es aus und legen es an der richtigen Stelle. Denken Sie daran, dass der Rest der Elemente mit Ausnahme des Vorderarms alle 24 Frames eine vollständige Bewegung machen wird. Das heißt, jede Sekunde, 12 Frames zu gehen und 12 Frames, um in die Ausgangsposition zurückzukehren. Wählen Sie die Keyframes aus, und drücken Sie F9, um die Bewegung zu glätten. Als nächstes kopieren wir den Ausdruck, den wir auf die Arm-1-Ebenenrotation angewendet haben, klicken Sie mit der rechten Maustaste auf die Rotation und wählen Sie „Nur Ausdrücke kopieren“. Wir fügen es mit Control V oder Befehl V auf dem Mac in die Head und die Hair Layer ein. Werfen wir einen Blick. Später werden wir der Animation mehr Fließfähigkeit hinzufügen, aber für jetzt ist es in Ordnung. Jetzt werden wir den hinteren Arm animieren. Der Prozess ist genau das, was wir bisher gesehen haben. Wählen Sie die Ebene Arm 2 aus und öffnen Sie die Eigenschaft Rotation. Wir erstellen einen Keyframe und drehen den Arm. Als nächstes bewegen wir 12 Frames auf der Timeline und drehen sie in die entgegengesetzte Richtung. Auch hier machen wir dasselbe mit der Unterarm 2-Schicht. Wir wählen die Keyframes aus und wenden die ECEs mit der Taste F9 an und wir fügen den Ausdruck ein, wir kopieren ihn vorher mit Control V oder Befehl V auf Mac in den Ebenen Arm 2 und Unterarm 2. Werfen wir einen Blick. Großartig. Jetzt müssen wir nur noch das Tischtennis-Paddel und den Ball animieren. Animieren Sie das Ping-Pong-Paddel ist sehr einfach, da wir die gleiche Methode anwenden werden, die wir bisher verwendet haben. Wir erstellen einen Keyframe und drehen das Paddel, gehen zu unseren Frames und drehen es in die entgegengesetzte Richtung. Wenden Sie nun ECEs mit F9-Taste an, und wieder fügen wir den Ausdruck mit Control V oder Befehl V auf Mac ein. Es ist eine gute Praxis, die Animation während des Prozesses zu überprüfen , um sicherzustellen, dass alles gut läuft. Bevor wir den Ball animieren, werden wir die Animation verbessern. Ziel ist es, die Trägheit zu imitieren, die durch die meisten übertriebenen Bewegungen des Körpers erzeugt wird, um die Animation natürlicher erscheinen zu lassen. Wählen Sie dazu einfach die Frames aus und verschieben Sie sie auf der Timeline. Das Paddel folgt der Trägheit ihrer Armbewegung, so dass wir die Animation zwei Frames verschieben. Auf der anderen Seite folgt das Haar der Trägheit der Kopfbewegung. Wir werden das gleiche tun, wählen Sie die Keyframes und verschieben Sie sie zwei Frames. Vor der Überprüfung werden wir sowohl die Haare als auch die Kopf-Keyframes auswählen, während wir die Strg-Taste oder die Befehlstaste auf dem Mac gedrückt halten, und wir werden sie zwei Frames verschieben. Der Grund dafür ist, dass ich möchte, dass der Beginn der Kopfbewegung mit dem Beginn der Tischtennis-Paddelbewegung übereinstimmt. Wenn Sie bemerken, beginnt die Pingpong-Paddelbewegung bei Frame 2. Okay, lassen Sie uns eine Vorschau. Nun sieht die Animation viel natürlicher und flüssiger aus, und wir haben es geschafft, indem wir die Frames leicht verschoben haben. Jetzt werden wir die Bewegung des Balls animieren. Lassen Sie uns die Pfütze zum Beispiel in Frame 6 den Ball treffen. Als nächstes gehen wir zur Ball-Layer, öffnen die Eigenschaft Position und erstellen einen Keyframe, und wir legen den Ball auf das Tischtennis-Paddel. Erweitern Sie 12 Frames, um 18 speziell zu Rahmen und bewegen Sie den Ball nach oben. Auch hier kopieren wir den Ausdruck LoopOut Ping Pong , den wir zuvor auf die Rotation der anderen Ebenen angewendet haben. Wenn wir Ausdrücke zwischen verschiedenen Eigenschaften kopieren und einfügen, müssen wir die Eigenschaft direkt auswählen, in diesem Fall die Position, und fügen Sie sie dann ein. Werfen wir einen Blick. Jetzt werden wir die Bewegung glätten, wenn der Ball die Spitze erreicht, um es realistischer zu machen. Dazu wählen wir den zweiten Keyframe aus und wenden ECEs mit F9 an. Wir müssen keine ECEs im ersten Keyframe anwenden da der Ball scharf gegen das Tischtennis-Paddel springen muss. Wir können sehen, dass es nicht genug ist, wir müssen es noch mehr glätten. Es gibt zwei Möglichkeiten, dies zu tun: über den Diagramm-Editor, und die andere besteht darin, den Einfluss der Bewegung zu ändern. Die zweite Option ist viel einfacher und es ist genauso effektiv wie die erste, also werden wir diese auswählen. Sobald wir ECEs einige des Schlüsselbilds angewendet haben, rechten Maustaste auf „Keyframe Velocity“ und setzen den Einfluss auf 80 Prozent. Je höher der Wert, desto glatter ist die Bewegung. Nun, wenn wir eine Vorschau wieder sehen, können wir sehen, dass unsere Animation fast fertig ist. Es sieht sehr gut aus. Bis zu Frame 6 funktionieren nicht alle unsere Animationen. Der Ball, zum Beispiel, schwebt in der Luft die ersten Keyframes, das bewirkt, dass der Look nicht perfekt ist. Um dies zu lösen, wählen wir einfach alle Ebenen aus und ziehen sie auf den ersten Keyframe des Balls am Anfang der Timeline. Wir ziehen die Ebenen an das Ende der Timeline. Jetzt haben wir unsere erste Schleife fertig. Gehen wir zur Hauptkomposition, um zu sehen, wie es mit dem Hintergrund aussieht. Schön. Ich bin sehr zufrieden mit den Ergebnissen. Bist du das? 8. Loop 2: Hallo, Klasse. Unter Ausnutzung der Animation, die wir in der vorherigen Lektion erstellt haben, werden wir Schleifennummer 2 erstellen. Lasst uns dafür gehen. Zuerst werden wir zum Projektpanel gehen. Von hier duplizieren wir die Tischtenniskomposition, wählen sie aus und duplizieren sie mit Control D oder Befehl D auf dem Mac. Mit einem Doppelklick haben wir die Komposition Ping Pong 2 eingegeben. Zunächst einmal werden wir die Kopfschicht deaktivieren, da wir sie nicht verwenden werden. Dann werde ich auch die Haarschicht unter den Kopf 2 Schicht bewegen. Wir werden damit beginnen, den Mund unseres Charakters zu animieren. Wir suchen nach dem Mund, um alle 12 Frames nach der Bewegung des Balls zu öffnen und zu schließen. Wir wählen die Mundschicht aus und öffnen ihre Skalierungseigenschaft. Wir erstellen einen Keyframe am Anfang der Timeline. Wir skalieren es nach unten, und dann bewegen wir uns zu Frame 12 und skalieren es nach oben. Wir wählen die Taste aus und drücken F9, um die Bewegung zu glätten. Als Nächstes kopieren wir den Ausdruck, den wir in der vorherigen Lektion zum Beispiel auf die Drehung des Kopfsteuerers angewendet haben . Wir wählen die Skalierungseigenschaft aus und fügen Sie ein. Lassen Sie uns vergrößern, um es besser zu sehen. Nachdem die Skala des Mundes über 100 Prozent erhöht wurde, ist die Ebene etwas pixelig geworden. Um es zu lösen, aktivieren wir die kontinuierlich gerasterte Option, indem Sie hier auf dieses Feld klicken. Wenn Sie diese Option nicht sehen können, klicken Sie auf „Schalter/Modi umschalten“, bis Sie sie nicht sehen können. Durch Aktivieren dieser Option können wir die Skalierung unserer Ebenen erweitern, ohne pixelig zu werden. Besser noch, wir werden diese Option in allen Ebenen aktivieren, da wir später die gesamte Komposition skalieren, um den Vordergrund des Gesichts zu bilden. Jetzt werden wir die Position der Augenbrauen animieren. Wählen Sie die Ebene der Augenbrauen aus und öffnen Sie ihre Positionseigenschaft. Wir erstellen einen Keyframe am Anfang der Timeline, dann gehen wir zu Frame 12 und verschieben sie nach oben. Wir wählen die Keyframes aus und drücken F9, um die Bewegung zu glätten, und wir fügen die Ausdrucksschleife aus Ping-Pong ein. Wir wählen die Positionseigenschaft aus und fügen Sie ein. Werfen wir einen Blick. Großartig. Wir haben bereits unsere zweite Animation bereit für die Loop. Wir gehen zur Projektdatei, und von hier duplizieren wir die Komposition Schleife 1, und geben Sie mit einem Doppelklick die neue Schleife 2-Komposition ein. Ziehen Sie die Ping-Pong 2-Komposition hinein und skalieren Sie sie beispielsweise auf bis zu 280 Prozent. Dank der Tatsache, dass, bevor wir die Option kontinuierlich in allen Ebenen gerastert aktiviert haben , müssen wir sie jetzt nur in der Komposition aktivieren, damit sie nicht mehr pixelig ist. Wir werden unsere Animation spiegeln, indem Sie mit der rechten Maustaste auf Transformieren, Horizontal spiegeln klicken. Perfekt. Wir werden unseren Charakter so platzieren, dass das Paddel nicht sichtbar ist. Wir können diese Skala noch ein wenig erweitern. Das ist perfekt. Lassen Sie uns nun die Schleife erstellen. Zuerst gehen wir zum zweiten in der Timeline. Wählen Sie die Tischtenniskomposition aus, und erstellen Sie in der Eigenschaft jeder Position ein Keyframe. Da wir wollen, dass die Animation von oben auf dem Bildschirm verschwinden, wir zu zweiten zwei und verschieben unsere Komposition vom Bildschirm. Wählen Sie die Keyframes aus, und drücken Sie F9, um die Bewegung zu glätten. Jetzt wollen wir, dass die Ping-Pong 2 Komposition ihrer Bewegung folgt. Um dies zu tun, gehen Sie zu den zweiten beiden, genau dort, wo wir diesen zweiten Keyframe in der Ping-Pong-Komposition erstellt haben, und verknüpfen Sie die Ping-Pong 2-Komposition mit der Ping-Pong-Komposition. Wenn wir eine Vorschau sehen, können wir sehen, dass wir bereits die Hälfte der Arbeit erledigt haben, aber die Bewegung ist nicht flüssig genug. Um es zu verbessern, klicken Sie mit der rechten Maustaste auf die Keyframes, auf die wir zuvor Easy Ease angewendet haben. Wählen Sie Keyframe-Geschwindigkeit aus, und legen Sie den Einfluss auf 80 Prozent fest. Lassen Sie uns noch einmal eine Vorschau anzeigen. Die Bewegung ist jetzt viel flüssiger. Wir würden in der Timeline empfehlen, drei zweite und erstellen Sie einen Keyframe in der Ping-Pong 2-Ebenenposition. Sie als Nächstes zum Ende der Timeline und bewegen Sie den Charakter aus dem Bildschirm auf die linke Seite. Wählen Sie die Keyframes aus, und drücken Sie F9, um die Bewegungen zu glätten. Auch hier haben wir den Einfluss auf 80 Prozent gesetzt. Jetzt schauen wir uns mal an. Es scheint, dass wir es mehr nach links bewegen müssen, damit der Ball auch vom Bildschirm verschwindet. Toll, wir haben es schon. Wählen Sie nun die Ping-Pong-Komposition aus und duplizieren Sie sie. Wechseln Sie zum Anfang der Zeitachse, bevor Sie einen Keyframe angewendet haben. Durch Klicken auf die Stoppuhr entfernen wir die Keyframes, die sie angewendet hat. Sobald diese fertig sind, müssen wir nur bis zum Ende der Timeline scrollen und die Ping-Pong-Komposition mit der Ping-Pong 2-Komposition verknüpfen. Jetzt haben wir unsere wunderbare Schleife fertig. 9. Loop 3: Hallo, da. Willkommen zu dieser Lektion. Wir werden Schleife Nummer 3 erstellen, indem wir diese Skala des Charakters animieren. Sie werden sehen, wie einfach es ist. Lassen Sie uns mit der Duplizierung der Schleife 1-Komposition aus dem Projektfenster beginnen. Dann wird eine neue Komposition namens Schleife 3 erstellt. Durch Doppelklick geben wir nach innen ein. Jetzt werden wir die Pingpong-Komposition aus der Timeline duplizieren. Bevor Sie etwas animieren, müssen wir den Ankerpunkt an dem Punkt platzieren , den wir als Referenz verwenden möchten, um den Maßstab zu animieren. Wenn Sie schauen, verhält sich diese Skala je nachdem, wo sich der Ankerpunkt befindet, unterschiedlich. Wir werden den Ankerpunkt an diesem Punkt hier verlassen. Als Nächstes bewegen wir uns zu zweiten zweiten auf der Timeline und erstellen einen Keyframe in dieser Maßstabseigenschaft. Dann gehen wir zu Keyframe 3 und erhöhen diese Skala, bis die Figur vom Bildschirm verschwindet. Beim Erhöhen der Skala wird E pixelig. Um dies zu lösen, müssen wir die Option aktivieren und kontinuierlich sowohl in der Komposition als auch in der inneren Ebene rastern, wie in der vorherigen Lektion. Wir können die Skalierung der Komposition beenden. Wählen Sie die Keyframes aus und drücken Sie „F9", um Easy Ease anzuwenden. einmal haben wir den Einfluss auf 80 Prozent gesetzt, um unsere Animation zu verbessern. Jetzt müssen wir nur zu den zweiten drei gehen, wo sich der zweite Keyframe der ersten Ebene befindet und die zweite Ebene mit der ersten verknüpfen. So einfach wie das. Wir möchten nicht, dass die zweite Animation in der ersten Hälfte der Schleife angezeigt wird. Um es zu lösen, schneiden wir einfach die Animation, indem wir von hier ziehen und hineinziehen. Wir können es sogar ein wenig später starten lassen, damit es besser integriert ist. Das ist perfekt. Das war's. Eine weitere große Schleife mit minimalem Aufwand gemacht. 10. Loop 4: Willkommen in dieser Klasse. Lassen Sie uns für die vierte und letzte Schleife gehen. In dieser Lektion lernen Sie, wie Sie animierte Schleifen erstellen , indem Sie die Zeichenrotation animieren. Wie in der vorherigen Lektion werden wir mit der Duplizierung der Schleife 1-Komposition aus dem Projektfenster beginnen. Dann wird in Ihrer Kompositionscode-Schleife 4 erstellt. Durch Doppelklick geben wir nach innen ein und duplizieren die Pingpong-Kompensation aus der Timeline. Wir platzieren den Ankerpunkt an den Referenzpunkten, um die sich die Layer drehen sollen. Lassen Sie es uns hier platzieren. Als Nächstes wechseln wir zum zweiten Werkzeug auf der Timeline und erstellen einen Keyframe in der Rotationseigenschaft der ersten Ebene. Gehen Sie zu zweiten drei und wenden Sie eine Drehung von minus 180 Grad an. Wir werden den Layer unten deaktivieren, damit wir sehen können, was wir getan haben. Als nächstes wählen wir die beiden Keyframes aus und drücken „F9", um die Bewegung zu glätten. Werfen wir einen Blick. Es ist okay, aber es kann besser sein. Wir werden unsere Animation verbessern, indem wir ein wenig Vorfreude darauf anwenden. Für diese gehen wir zum ersten Keyframe und erweitern vier oder fünf Frames mehr oder weniger. Drehen Sie leicht in die entgegengesetzte Richtung, in der die Drehung stattfindet. Auf diese Weise schaffen wir eine Vorfreude, die uns hilft, die Animation besser zu lesen und mehr Dynamik hinzufügt. Lassen Sie uns noch einmal eine Vorschau anzeigen. Es sieht gut aus, aber ich werde die Antizipationsdauer um einen Frame reduzieren. Toll, wir haben es schon. Ich werde den zweiten Frame ein wenig verschieben. Also die zweiten drei. Suchen Sie nun auf der Höhe des zweiten Keyframes in der Timeline, und führen Sie die zweite Ebene zur ersten. Das war's. Wenn wir Vorschau, haben wir eine weitere schnelle und einfache Schleife erstellt. 11. Du bist dran: Hallo, da. Wenn Sie so weit gekommen sind, bedeutet dies, dass Sie in der Lage sind, lustige animierte Loops zu machen. Jetzt bist du dran. Projekte und Ressourcen können Sie den Entwurf herunterladen, den Sie auf dem Bildschirm sehen. Dann die Anwendung alles, was Sie während des Kurses gelernt haben, lade ich Sie ein, eine Schleife ähnlich wie It zu erstellen. Es ist einfacher als die, die wir während des Kurses gemacht haben. Sie haben bereits alles gelernt, was Sie dafür brauchen. Wenn Sie sich bereit fühlen, lade ich Sie ein, dieses Video zu pausieren und die Übung selbst zu versuchen. Wenn du es nicht klar siehst, mach dir keine Sorgen. In der nächsten Lektion werde ich die Schlüssel erklären, um es ohne Probleme zu tun. 12. Lösung für die Aufgabe: Hallo, da. In dieser Lektion mache ich eine Aufschlüsselung der Übung, damit Sie es leicht machen können. Während des Kurses haben Sie alles gesehen, was Sie brauchen, um diese Übung zu machen. Denken Sie daran, wenn Sie Fragen haben, posten Sie diese bitte auf der Registerkarte Diskussionen. Lasst uns dafür gehen. Zuerst habe ich das Zeichen in Ebenen unterteilt. Hier auf der rechten Seite sehen Sie die einzelnen Ebenen. Zum Beispiel besteht der Schaukelstuhl und die Körperschicht aus dem Stuhl, dem Körper und Teilen der Beine. Ich habe eine neue Komposition mit den gleichen Einstellungen wie die Kursprojekte erstellt; 1.920 mal 1.080 Komposition bei 24 Bildern, vier Sekunden lang. Dann habe ich das Design in After Effects importiert und die importierte Komposition in die Hauptkomposition gezogen. Innerhalb von After-Effekten habe ich die Ankerpunkte platziert. In der Schaukelstuhl-Layer muss der Ankerpunkt auf der Basis platziert werden, damit die Animation gut funktioniert. Als nächstes habe ich die Ebenen nach dem Schema verknüpft, das Sie auf dem Bildschirm sehen. In dieser Übung müssen Sie die Arme und Beine mit einem Schaukelstuhl und Körperschicht verbinden, da es in Bewegung sein wird. Nach der gleichen Methode, die während des Kurses gesehen wurde, habe ich die Rotation der verschiedenen Ebenen animiert. Als nächstes habe ich eine Fäule einfache Leichtigkeit, so dass die Schlüsselbilder und der Ausdruck LoopOut Pingpong. Um es einfacher zu machen, die Schleife zu erstellen, habe ich gemacht, die Bewegungen dauert zwei Sekunden. Auf diese Weise dauert beim Anwenden des Ausdrucks LoopOut Pingpong die gesamte Bewegung vier Sekunden, genau die gleiche wie die Dauer der Komposition. Denken Sie daran, dass Sie den Ausdruck kopieren und in die restlichen Ebenen einfügen können, um Zeit zu sparen . Ich empfehle, die Animation oft in der Vorschau anzuzeigen, um zu überprüfen, ob alles gut funktioniert. Wie Sie sehen können, ist der Prozess genau der gleiche wie wir in der Lektion Schleife 1 getan haben. Wir animieren die Rotation, glätten die Animation mit Leichtigkeit und wenden den Ausdruck LoopOut Pingpong an. Im Fall des Mundes habe ich die gleiche Methode befolgt, aber sie zu skalieren animiert. Dieser Schatten ist nicht animiert. Die Arme, die Beine und der Kopf folgen der Natur des Schaukelstuhls und der Körperschicht. Wir werden die Animation in Frames verschieben. Auf der anderen Seite folgt der Kopf der Trägheit der Kopfbewegungen. Um schließlich eine perfekte Schleife zu erstellen, habe ich alle Ebenen ausgewählt und gezogen, so dass der erste Keyframe, der auf den Kopf angewendet wird, am Anfang der Timeline befindet. Natürlich habe ich in dieser Übung alle Schichten bis zum Ende vergrößert, und das war's. Wir haben bereits die volle Animation. Wechseln Sie zum Abschluss zur Hauptkomposition, heben Sie die Auswahl auf und erstellen Sie mit einem Doppelklick eine Formebene. Wenden Sie die Farbe an, die Ihnen am besten gefällt. Ich werde den weißen Strich beseitigen, der erstellt wurde, und die neue Formebene unter die schlafende Komposition verschieben. Natürlich können Sie auch verschiedene Arten von Schleifen nach diesen Schritten, die Sie in den vorherigen Lektionen gesehen haben, erstellen . Eine perfekte Möglichkeit, zu lernen, besteht darin, die AAfter Effects Datei mit der angewendeten Animation zu öffnen und zu analysieren. Daher habe ich Ihnen eine Datei mit allen für die Übung angewendeten Schleifen hinterlassen. Ich hoffe, es gefällt dir. 13. Deine Fähigkeiten verbessern: Wenn Sie wirklich professionelle animierte außergewöhnliche Geschenke von Grund auf neu machen möchten, müssen Sie drei Fähigkeiten beherrschen: Skriptschreiben, Illustration und natürlich Animation. Von meinem Profil aus können Sie auf die Grundlagen der Animation zugreifen , wo Sie fantastische Kurse finden , um diese Fähigkeiten zu verbessern. Sobald Sie die Grundlagen gelernt haben, empfehle ich Ihnen, sich auf spezifischere Themen zu spezialisieren, um Ihre Animationsfähigkeiten zu entwickeln. Auf Skillshare finden Sie eine umfangreiche Sammlung von erstaunlichen Kursen. Nutzen Sie es, um Tag für Tag weiter zu lernen und zu verbessern. Ich hoffe, Sie in meinen anderen Kursen am Ende dieses Kurses zu sehen. 14. Rendering: Jetzt, da wir die Projekte bereit haben, ist es an der Zeit, sie zu exportieren. Beachten Sie, dass die Komposition, die wir derzeit geöffnet haben, exportiert wird. Dazu gehen wir zu Komposition und wählen Zu Adobe Media Encoder hinzufügen. Media Encoder hilft uns, Projekte effizienter zu exportieren. Zuerst wählen wir den Codec. In diesem Fall werden wir H264 verwenden. Es exportiert das Video in MP4, das am häufigsten verwendete Format für das Web. In Bezug auf die Ausgabeauflösung können wir die Match-Quell-Option mit hoher oder mittlerer Bitrate wählen, um Fehler zu vermeiden und sie in der gleichen Größe zu exportieren, die wir an dem Projekt gearbeitet haben. Schließlich wählen wir den Speicherort, an dem wir das Video exportieren und der Datei einen Namen geben. Klicken Sie zum Abschluss hier auf den Play-Button. Sie können Ihre Animationen auch als GIF exportieren. Um dies zu tun, gehen Sie zurück zu After Effects und senden Sie das Video zurück an den Media Encoder. Wir wählen den Codec Animated GIF und die Option Animated GIF, Match Source. Auch hier wählen wir den Speicherort aus und geben der Datei einen Namen. Wir klicken endlich auf den Play-Button hier. Mit diesen, Jungs, wird alles bereit sein. Sobald der Vorgang abgeschlossen ist, können Sie das Video öffnen und es in Ihren sozialen Netzwerken teilen. 15. Letzte Gedanken: Herzlichen Glückwunsch und Bravo. Du hast es geschafft. Ich hoffe, Sie finden diese Informationen hilfreich. Sie können jetzt erstaunliche Loops für Ihre Social-Media-Webseite, Ihr Portfolio oder jeden Ort erstellen , an dem Sie Ihre Talente zeigen möchten. Ich freue mich auf Ihre Arbeit. Bitte laden Sie sie in die Kursprojektgalerie hoch. Wenn Ihnen der Kurs gefallen hat, hinterlassen Sie mir bitte eine Rezension. Ich werde sehr dankbar sein. Folgen Sie mir und seien Sie der Erste, der über neue Kurse und mehr informiert. Bis bald.