Animiere deine Illustrationen mit After Effects

1. Einführung: Wenn Sie ein Illustrator sind, denke ich, dass Animation eine großartige Ergänzung zu Ihrem Social-Media-Feed ist weil es Ihnen erlaubt, Ihre Erzählung zu erweitern, eine Stimmung zu setzen und sogar Humor zu Ihrer Arbeit hinzuzufügen. Hi, ich bin Manon Louart. Ich bin ein französischer Grafikdesigner, Motion Designer und Illustrator mit Sitz in Bordeaux. In dieser Klasse zeige ich Ihnen, wie Sie Ihre Illustrationen mit After Effects animieren können. Ich habe einen Abschluss in Grafikdesign, nicht Animation. Ich bin alleine in After Effects herumgestolpert, bis ich ein paar Dinge herausgefunden habe. Ich möchte Ihnen wirklich zeigen, dass Animation für jeden sein kann und dass Sie nicht stundenlang während eines Wanderzyklus Frame-für-Frame verbringen müssen, um etwas Spaß zu haben und es zu animieren. In dieser Klasse lernen Sie, wie Sie mit einigen meiner Lieblingstechniken, darunter Ausdrücke, Verzerrungseffekte, animierte Texturen und wie Sie Ihrer Animation ein handgezeichnetes Aussehen verleihen können. Ich überlege meinen gesamten Prozess mit Ihnen, von der Vorbereitung Ihrer Datei in Photoshop bis zum Export auf zwei verschiedene Arten. 2. Das Projekt: Für dieses Projekt möchte ich, dass Sie den Charakter Ihrer Wahl mit einem festen Hintergrund illustrieren und dann werden wir ihn mit dem CC Bend It Effect, Expressions, dem Wave-Warp-Effekt animieren und die Texturen mithilfe von Alpha-Matten animieren. Ich habe auch ein After Effect Projekt vorbereitet , das in den Klassenressourcen verfügbar sein wird. Es enthält vier kurze Übungen, die die verschiedenen Anwendungen der Techniken abdecken , die wir verwenden werden, so dass Sie zusammen mit diesem folgen können. Wenn Sie sich nicht verpflichten möchten, eine vollständige Illustration zu erstellen, habe ich für jeden von ihnen eine Referenzkomposition animiert, aber Sie müssen ihr nicht bis zum Brief folgen. Fühlen Sie sich frei, sie zu Ihren eigenen zu machen. 3. Vorbereitung deiner Datei in Photoshop: Zuerst werde ich meine Datei in Photoshop öffnen und sicherstellen, dass alles gut aussieht, und dann exportiere ich es für die Animation. Hier ist, wie meine Illustration im Moment in Photoshop aussieht. Ich habe diese beiden Ebenen, die im Moment versteckt sind , weil ich sie als Clipping-Masken verwenden werde, aber nur einmal bin ich in After-Effekten, also brauche ich sie im Moment nicht. Dann habe ich alle meine Haarschichten, die Pflanzen, die Kleider. Nun, das erste, was Sie in Photoshop tun möchten, ist eigentlich voraus zu planen, so dass es Ihr Leben zu seinem Jahr macht, wenn Sie in After Effects sind. Sie möchten sicherstellen, dass alle Ebenen, die Sie animieren möchten, getrennt sind. Zum Beispiel sind alle meine Pflanzen auf separaten Schichten und dasselbe für meine Haare. Ich habe diese drei Hauptstücke und dann die kleineren Haarsträhnen auf separaten Schichten. Das einzige andere für die abstrakten Formen ist, dass sie sich alle auf derselben Ebene befinden, aber das liegt daran, dass ich sie tatsächlich direkt in After Effects neu erstellen werde. Dies ist nur ein Referenzhandbuch für mich später. Das zweite, was ich sicherstellen möchte, ist, dass ich für die Ebenen, die ich animieren möchte, tatsächlich genug Wackelraum habe, um sie zu animieren. Zum Beispiel geht diese Schicht hier tatsächlich weiter als nur diese Linie der Kleidung, so dass, wenn sie sich bewegt, ich tatsächlich etwas durchscheint. Ich denke, alles sieht gut aus. Ich werde voran gehen und beginnen, die Ebenen zu verschmelzen, die nicht animiert werden. Zum Beispiel habe ich das Gesichtselement und das Gesicht. Ich kann diese zusammenführen, indem ich Befehl E drücke. Ich werde dasselbe für alle Ebenen tun, die still bleiben werden. Zum Beispiel, diese Kleidungsgruppe, kann ich einfach zusammenführen, und es mit dem Hals verschmelzen. Ich glaube, das ist es so ziemlich. Jetzt können wir es tatsächlich ändern, indem wir Befehlsoption I drücken . Ich möchte eigentlich, dass dies in Pixeln ist. Ich möchte, dass dies 180 mal 180 sein wird, und die Entschließung wird auf 72 festgelegt. Der Grund dafür ist, dass es im Grunde der Standard für Instagram ist, und ich möchte eigentlich nicht, dass meine Datei zu schwer denn dann wird es nur ein gequetschter Häftling sein. Lasst uns „Okay“ drücken. Jetzt kann ich es einfach als neue Datei speichern, indem Shift + Command + S.Ich nenne es Animation. Sparen Sie, und das war's. 4. Erste Schritte mit After Effects: Nun, da meine Illustration die richtige Größe hat, werden alle meine Ebenen mit Animationen organisiert. Ich kann After Effects öffnen und meine Datei importieren. Wenn Sie also zum ersten Mal After Effects verwenden, hier ist, wie es aussieht, ich klicke auf „Neues Projekt“ und ich habe meinen Arbeitsbereich tatsächlich auf den Standard zurückgesetzt, also sollte es für Sie ziemlich gleich aussehen. Also gehe ich meine Illustration und ziehe sie in meine Projektregisterkarte. Ich wollte eigentlich als Komposition mit editierbaren Ebenenstilen importieren, da es sonst als flaches Bild importiert wird und ich es nicht animieren kann, also drücke „OK“. Dies hat eine neue Komposition erstellt, also doppelklicken Sie darauf, und hier ist Ihre Illustration. Sobald sie in After Effects importiert wurden, erhalten alle Ebenen diese sehr grundlegenden Eigenschaften. Sie haben also die Position, die Skalierung, die Drehung, die Deckkraft und den Ankerpunkt. Dann oben finden Sie einige Werkzeuge wie die Hand, die es Ihnen ermöglicht, Ihre Vorschau zu greifen und sie so in der Zone zu bewegen. Das Rotationswerkzeug und das Ankerpunkt-Werkzeug, dem Sie den Ankerpunkt einer Ebene erfassen und so verschieben können. Wenn Sie also noch nie etwas in After Effects animiert haben, zeige ich Ihnen sehr schnell, wie es mit einer Formebene funktioniert. Ich werde hier einen Kreis zeichnen, und sagen wir, ich möchte seine Position animieren, ich drücke „P“ bei einem Keyframe, dann gehe ich zu einer Sekunde in meiner Timeline und verschiebe ihn auf diese Weise, und es hat selbst einen Keyframe hinzugefügt, und was es getan hat, ist die Bewegung zwischen diesen beiden Keyframes erstellt. Dies ist der einfachste Weg, wie Animation in After Effects funktioniert, Sie erstellen Keyframes und dann arbeitet die Software alleine , um zu berechnen, was zwischen diesen beiden Keyframes passieren wird. Wenn ich es so untergehen lassen wollte, kann ich das tatsächlich tun und es wird einen neuen Keyframe hinzufügen. Also lassen Sie uns das löschen und gehen Sie zurück zu unseren Ebenen. Eine Sache, die ich gerne mache, ist, sie zu färben, denn ich finde, es macht mein Leben leichter, wenn ich nach etwas suche, also werden wir das tun. Ich mag es, mit den Dingen zu beginnen, die still bleiben werden. So zum Beispiel der Hintergrund, das Tuch, das Gesicht und die Haarspangen. Ich kann einfach hier klicken und diese graue Farbe auswählen, und dann mache ich einfach alle Haare die gleiche Farbe auch, sagen wir, dieses Blau , und schließlich werden alle meine Pflanzen grün sein. Diese beiden können rosa sein und das kann rot sein. Dann, was Sie tun können, ist drücken Sie „Befehl K“, gehen Sie auf Ihre Kompositionseinstellungen überprüfen. Hier sollte alles gut sein, aber ich zeige dir nur, wie es aussieht. Die Bildrate beträgt also 24 Frames pro Sekunde und die Dauer beträgt zehn Sekunden, was ich will. So großartig. Schließlich möchten Sie sicherstellen, dass Ihre Datei tatsächlich irgendwo gespeichert ist. Drücken Sie also „Command S“, ich werde es Animation nennen und drücken Sie „Speichern“. Ok. Ich bin mit allem zufrieden. Lassen Sie uns also anfangen zu animieren. 5. Animation mit dem CC-Bend-it-Effekt: Zuerst werde ich die Pflanzen und die Haare animieren und ich würde normalerweise für das Puppenwerkzeug gehen, um das zu tun, vor allem mit komplexeren Animationen aber hier möchte ich eigentlich die Dinge kurz und süß halten. Wir werden einen Effekt namens CC Bend it verwenden. Der CC Bend it Effekt ermöglicht es Ihnen, eine Ebene zwischen zwei Ankerpunkten zu biegen und hier werden wir es verwenden, um die Pflanzen und die Haare zu animieren. Das erste, was ich tun werde, ist, alle meine Pflanzenschichten auszuwählen und dann werde ich die Solo-Box nehmen, um die Dinge ein bisschen leichter zu sehen. Dann werde ich eigentlich damit beginnen, diese Schicht hier zuzugeben. Ich gehe zu „Effekte“, Verzerren“ und „CC Bend“. Nun, keine Panik hier Ebene wahrscheinlich verschwunden ist , und das liegt daran, dass die beiden Ankerpunkte noch nicht richtig platziert sind. Lasst uns das reparieren. Dieser ist mein Endpunkt, ich weiß, dass, wenn ich es bewegen, es die Werte hier ändert und ich möchte es irgendwo in der Nähe der Spitze meiner Pflanzen platzieren, genau hier und dann werde ich dasselbe tun für den Startpunkt und platzieren Sie ihn unten. Jetzt können Sie zu Ihrer Ebene gehen. Öffnen Sie es, gehen Sie zu Effects CC Biegen Sie es und ich gehe zu einer Sekunde in meiner Timeline und ich werde die Biegung verwenden, um zu animieren. Platzieren Sie Ihren ersten Keyframe, indem Sie auf die Stoppuhr klicken und eine Zahl eingeben, sagen wir vier jetzt, wie Sie sehen können, hat es die Pflanze bewegt. Ich könnte den ganzen Weg so oder so gehen, aber ich möchte eigentlich meine Bewegung ziemlich sattel halten. Als nächstes gehe ich zu zwei Sekunden auf meiner Timeline und gebe minus vier ein. Dann kann ich meinen ersten Keyframe greifen, kopieren Sie ihn durch Drücken von Befehl C, gehen Sie zu drei Sekunden, und fügen Sie ihn ein. Jetzt können Sie zurück gehen und drücken Sie die Leertaste und voila, Ihre Pflanze bewegt sich. Lassen Sie mich einfach diesen Arbeitsnachteil verwenden, um Ihnen zu zeigen, wie es in einer Schleife aussehen würde . Hier ist es. Es ist eine sehr einfache Animation, die ich für so ziemlich alles verwenden werde. Meine ist zwei Sekunden lang. Sie könnten Ihre so lange oder so kurz machen, wie Sie möchten, aber seine Länge in der Anzahl der Frames muss entweder ein Divisor oder ein Vielfaches von 24 sein, da 24 Bilder pro Sekunde unsere Frameraten sind und andernfalls nicht richtig verlaufen wird. Jetzt werde ich gehen, um genau den gleichen Prozess auf den Rest meiner Pflanzen anzuwenden und ich treffe dich in einem Moment zurück. ( MUSIK). Hier ist, wie meine Animation im Moment aussieht. Ich habe meinen Effekt von meiner ersten Ebene kopiert, dann habe ich ihn auf die restlichen Ebenen angewendet und dann den Start- und Endpunkt für jeden von ihnen angepasst. Jetzt wähle ich alle meine Pflanzen-Layer aus, indem du Shift drückst, und deaktivierst das Solo-Feld. Hier ist, wie es mit den restlichen Ebenen aussieht. Jetzt werde ich die Haare mit der gleichen Methode animieren. Ich zeige dir mit einer Schicht, dann mache den Rest, komm zurück und zeige dir, wie es aussieht. Ich zeige dir diese Schicht der Haare hier. Ich gehe zu Effects und bei CC Bend es, das einzige, was sich von den Pflanzen unterscheiden wird , ist, dass wir tatsächlich die Start- und Endpunkte invertieren werden , weil ich möchte dieser untere Teil des Haares bewegt und nicht die Spitze. Ich greife meinen Endpunkt und lege ihn irgendwo hier runter, und dann den Startpunkt und lege ihn auf die Haare. Dasselbe, ich werde meine Keyframes platzieren und dieses Mal eigentlich möchten Sie mit einer negativen Zahl beginnen, weil wir den Start- und Endpunkt invertiert haben, aber ich möchte immer noch, dass meine Haare in die gleiche Richtung wie die Pflanzen bewegen. Ich gebe minus vier ein, gehe dann zu zwei-Sekunden-Eingang vier, kopiere dann meinen ersten Keyframe, gehe zu drei Sekunden und füge ihn ein und jetzt gehst du, jetzt bewegt sich dieser Teil der Haare mit dem Pflanzen. [MUSIK]. Hier ist, wie die vollständige Animation aussieht, wie Sie sehen können, habe ich diese Teile des Haares animiert, aber ich habe diese beiden Ebenen tatsächlich weggelassen und das liegt daran, dass ich sie später mit einem anderen Effekt animieren werde , weil ich nicht wollen, dass sie sich so bewegen. Jetzt haben alle meine Haare und meine Pflanzen ihre ganz grundlegende Kernanimation. Wir können mit dem nächsten Schritt fortfahren. [MUSIK]. 6. Loop und Verfeinern deiner Animation: Wir haben unsere Basisanimation erstellt, aber sie dauert nur ein paar Sekunden und sie sieht noch nicht sehr realistisch aus. Also mal sehen, was wir tun können, um sie auf die nächste Ebene zu bringen. Ein Ausdruck ist ein Code, den Sie auf die Eigenschaften Ihrer Layer anwenden können , um sie zu beeinflussen. Hier habe ich es verwendet, um der Ebene auf der rechten Seite mitzuteilen, dass sie am Ende der Animation abspringt. Im Moment werden wir einen Schleifenausdruck verwenden, um dieser Animation mitzuteilen, dass sie sich ein- und ausschleifen soll. Es gibt tatsächlich verschiedene Arten, aber das ist derjenige, den ich heute verwenden werde. Sie können zu den Klassenressourcen gehen, um sie zu kopieren und einzufügen. Für mich habe ich es hier. Gehen wir zurück. Sie möchten auf die Stoppuhr klicken, während Sie die Option gedrückt halten, und fügen Sie Ihren Ausdruck ein. Wenn ich nun die Leertaste drücke und die Animation wiedergebe, wirst du sehen, dass sich diese Pflanze immer noch von alleine bewegt. Wenn wir die 10-Sekunden-Marke erreichen, schleift es perfekt ein. Nun möchte ich diesen Ausdruck auf den Rest meiner Ebenen einfügen, aber ich möchte meine Zeit nicht mit dem Scrollen auf meinen Ebenen verbringen. Daher möchten Sie alle Biege-Eigenschaften auswählen und U drücken, um den Rest auszublenden. Gehen Sie nun zurück zu der ersten ausgewählten Biegung, wechseln Sie zu Nur Ausdruck kopieren, wählen Sie die restlichen Biegeeigenschaften erneut aus, und fügen Sie den Ausdruck ein, indem Sie Befehlstaste-v drücken. Wenn Sie nun eine Vorschau der Animation anzeigen, werden Sie sehen, dass sich alle Ihre Elemente auf der Schleife bewegen. Jetzt, da alles perfekt schlaufen ist, machen wir es organischer. Nehmen wir an, das ist unsere Animation, es ist schön, aber es sieht noch nicht sehr natürlich aus, es gibt zwei Dinge, die Sie tun können, um das zu verbessern. Die erste besteht darin, die Effekt-Keyframes jeder Ebene auf der Timeline zu versetzen , um eine progressivere Bewegung zu erzeugen, und die zweite besteht darin, den Wert einiger Keyframes leicht zu ändern , damit die Elemente unabhängig voneinander verschoben werden. Dafür gibt es wirklich keine Regeln. Sie sollten sich nur ein wenig mit Ihren Schichten verwirren, bis es gut aussieht. Ich werde genau das für meine Haare und meine Pflanzen tun, und dann komme ich ein bisschen zurück und zeige dir, wie es aussieht. Hier ist, wie meine Animation im Moment aussieht. Ich habe vorangegangen und eine Vorschau mit voller Auflösung geladen indem ich die Shift plus Leertaste drückte. Wie Sie sehen können, beginnt die Pflanzenbewegung mit dieser und dann geht es schrittweise bis hierher und dieses Stück Haar bewegt sich nun etwas vor diesem. Wenn wir unsere Zeitachse vergrößern, wie Sie sehen können, bewegen sich die Pflanzen jetzt schrittweise. Ich habe alle verschiedenen Animationen ausgeglichen. Gleiches für die Haare, dieser Teil bewegt sich jetzt ein paar Frames vor diesem Teil, wie Sie genau hier zwischen diesen beiden sehen können. Ich habe auch die Werte geändert. Zum Beispiel beginnt diese Pflanze hier jetzt bei 8 und endet auch bei 8, das ist wichtig. In der Mitte ist es minus 6. All das macht einen ziemlich merklichen Unterschied in der Animation, und das ist, was wir wollen. Eine Sache zu beachten ist, dass die Animation im Moment steif aussieht , besonders wenn sie die End- und Anfangsschlüsselbilder erreicht, aber keine Sorge, wir werden das in einem Moment beheben. Nur um zusammenzufassen, können Sie sich in Ihren Gruppen von Keyframes bewegen, indem Sie sie auswählen, denIndikator an die Stelle verschieben, an der sich der erste auf der Timeline befinden soll, und sie dann bewegen, während Siedie Umschalttaste Indikator an die Stelle verschieben, an der sich der erste auf der Timeline befinden soll, und sie dann bewegen, während Sie gedrückt halten, sodass er an Ihrem Indikator einrastet. Dann können Sie ihre Werte ändern, indem Sie Ihren Indikator greifen, zu einem von ihnen gehen und dann den Wert hier ändern. Schließlich, wenn Sie wirklich präzise mit Ihrem Indikator sein wollen, können Sie tatsächlich in Ihrer Timeline bewegen, indem Sie Befehlstaste und die Pfeiltasten drücken, so dass Sie nur um einen Frame vorwärts und rückwärts bewegen können. Sobald Sie mit der allgemeinen Bewegung Ihrer Animation zufrieden sind, können Sie die Animation leichter machen. Wenn Sie die Geschwindigkeit eines Objekts in After Effects verringern, ändern Sie im Wesentlichen die Geschwindigkeit, mit der es Keyframes nähert und belässt. Im Moment werden wir einfache Leichtigkeit verwenden, die es verlangsamen wird, wenn wir uns nähern und allmählich beschleunigen, wenn wir gehen. Sie werden Ihre Masse über alle Ihre Keyframes ziehen, dann klicken Sie mit der rechten Maustaste auf eines davon, gehen Sie zum Keyframe-Assistenten und ganz einfach. Hier ist die Animation jetzt, ich denke, es sieht viel besser aus. Sie könnten die Geschwindigkeit der Erleichterung anpassen, indem Sie Ihre Keyframes auswählen und dann direkt hier in den Diagramm-Editor gehen und einfach an diesen Ziehpunkten ziehen. Aber ich bin eigentlich ziemlich zufrieden mit den Standardeinstellungen, also gehe ich einfach mit dem nächsten Schritt über. Wenn Sie nicht Ihre eigene Illustration animieren oder einfach nur vor der Hand üben möchten, können Sie hier pausieren und das Gelernte auf die Pflanzen in Übungen 1 und 2 anwenden . Ich habe für jeden von ihnen eine Referenzkomposition eingefügt, damit Sie sie als Leitfaden verwenden können. Aber versuchen Sie, Dinge auf eigene Faust herauszufinden. 7. Animation mit Expressions: In diesem Abschnitt werden wir einige automatische Animationen mit einem Ausdruck und einer Formebene generieren . Hier werden wir jede unserer Formen auf der Formebene neu erstellen , so dass sie mit einem Ausdruck animiert werden können. Lassen Sie uns ein wenig vergrößern, indem Sie Z drücken. Dann können Sie H drücken, um sich in Ihrer Vorschau zu bewegen. Dann gehen Sie zu Ebene, neue, Formebene. Innerhalb der Formebene können Sie Q drücken, um den Typ der Form zu ändern, die Sie erstellen möchten. Lassen Sie uns hier gehen, ziehen und neu erstellen. Wenn Sie möchten, können Sie auch die Füllung oder den Typ und die Farbe des Strichs ändern. Nun, um das Dreieck neu zu erstellen, werde ich das Stift-Werkzeug wie folgt verwenden. Jetzt werde ich den Rest erledigen. Nun, um die Dinge ein wenig anzupassen, kann ich darauf doppelklicken, drehen und verschieben Sie es auch ein wenig für diesen. Jetzt gibt es eine wichtige Sache. Wie gesagt, wir wollen jede der Formen unabhängig animieren und wir wollen sie drehen. Für die Ellipsen ist ihr Ankerpunkt bereits zentriert. Wenn Sie jedoch eine Form mit dem Stiftwerkzeug wie folgt erstellen, kann sich der Ankerpunkt irgendwo anders befinden. Du willst das nur sicher stellen. Hier habe ich diesen ausgewählt und wie Sie sehen können, ist der Ankerpunkt genau hier. Ich mache dieses Gelb, damit du es sehen kannst. Genau hier. Du willst Y drücken, schnappen und irgendwo in der Mitte zurückbringen. Ich werde das für das andere Dreieck tun. Lassen Sie uns verkleinern. Ich werde meine Referenz dort löschen und dann können wir anfangen zu animieren. In diesem Abschnitt werden wir diesen wunderbaren kleinen Ausdruck verwenden, eine ausgewählte Eigenschaft in einer Schleife randomisiert und es sieht so aus. Jetzt weiß ich, es sieht beängstigend aus, gruseliger als die, die wir vorher benutzt haben. Aber mach dir keine Sorgen, du musst es nicht verstehen. Eigentlich tue ich es auch nicht. Alles, was ich weiß, ist das von Dan Ebberts illustriert. Schneller Tangente. Aber du fragst dich vielleicht, wer dieser geheimnisvolle Mann ist. Wenn es um Ausdrücke geht, ist Dan der Mann. Wenn Sie wie ich jemals zu Google mit einer Frage über Ausdrücke gehen, gibt es 99 Prozent Chance, dass Dan bereits Vorfall auf einem Forum in 2009 haben wird. Ich mache keine Scherze, er ist überall. Danke Dan für Ihr Ausdruckswissen und mir erlaubt, viel klüger auszusehen, als ich es wirklich bin. Ich werde seine Website im Ressourcenbereich verlassen. Bitte schauen Sie es sich an, es ist eine großartige Informationsquelle. Wie auch immer, zurück zu unserem Ausdruck, die einzigen Dinge, mit denen wir uns beschäftigen werden, sind die Frequenz. Die Anzahl der Wackeln pro Sekunde, die Amplitude des Wackelns in Pixel und die Loop-Zeit, die die Länge des Zyklus sein wird. Wenn Sie über einen Form-Layer verfügen, verfügt er über diese Eigenschaften wie jede andere Ebene. Aber wenn Sie in eine Ihrer Formen gehen, werden Sie feststellen, dass jede der Formen ihre eigenen Eigenschaften hat , so dass sie unabhängig voneinander animiert werden können. Das ist es, was wir jetzt benutzen werden. Wir werden die Position der einzelnen von ihnen und ihre Rotation animieren. Ich gehe weiter und schnappe mir meinen Ausdruck genau hier, genauso wie zuvor. Es ist in der Klasse Ressourcen, gehen wir zurück. Klicken Sie auf Rotation und klicken Sie auf die Stoppuhr, während Sie die Option gedrückt halten und unseren Ausdruck einfügen Ich lade die Vorschau, so dass Sie sehen können, wie die Standardeinstellungen aussehen. Wie Sie sehen können, bewegt es sich ziemlich viel und ich wollte weniger bewegen. Auch der Zyklus wird nicht richtig schleifen, also werden wir das beheben. Zuerst möchte ich, dass die Frequenz langsamer ist, also werde ich sie auf 0,5 ändern. Dann ändere ich die Amplitude auf vielleicht, ich weiß nicht 30 und die Loop-Zeit auf 10, so dass es unserer 10-Sekunden-Komposition entspricht. Lassen Sie uns jetzt eine Vorschau anzeigen. Viel besser. Ich werde diesen Ausdruck schnell greifen, kopieren und an die Position einfügen. Ich werde die Amplitude auf vielleicht 20 ändern, weil ich nicht will, dass sie sich zu sehr bewegt. Lassen Sie uns eine Vorschau. Jetzt ist es wirklich einfach. Wählen Sie einfach Ihre Position und Drehung aus, kopieren Sie nur Ausdruck. Wählen Sie die restlichen Shapes aus und fügen Sie sie ein. Hier ist, wie unsere Formen aussehen. Nun könnten Sie offensichtlich versuchen, mit jedem der Parameter etwas mehr herumzuspielen. Sie können den Ausdruck auch auf die Skalierung oder Deckkraft anwenden. habe versucht, herumzuspielen, ich habe diesen Ausdruck tatsächlich verwendet, um so viele verschiedene Dinge zu tun. Beschränken Sie sich nicht auf das, was ich damit gemacht habe. Ich bin ziemlich zufrieden mit der Animation, wie es ist. Lasst uns weitermachen. Wenn Sie gerade an dem Übungsprojekt arbeiten, können Sie dies auf die Formen in den Übungen 1 und 2 anwenden , indem Sie meine Referenzkompositionen als Leitfaden verwenden , und Sie werden mit Ihren beiden ersten Animationen fertig sein. 8. Hinzufügen von animierter Textur: Jetzt ist es an der Zeit, unsere beiden Texturen zu animieren, und wir werden mit der einfachsten beginnen, nämlich dem Licht, das über die Sonnenfinsternis reist. Dafür werden wir diese Ebene in eine Alpha-Spurmatte verwandeln. Eine Spurmatte ist eine unsichtbare Ebene, die verwendet wird, um die Deckkraft der Ebene direkt darunter zu steuern. Es ist im Prinzip ziemlich ähnlich wie das Zuschneiden von Matten in Photoshop. Es gibt vier verschiedene Typen. Die Alphas zeigen Ihnen eine Ebene, die die Deckkraft der Matte verwendet und die Lumas zeigen Ihnen eine Ebene, die die Leichtigkeit Ihrer Matte verwendet. Bringen wir unsere Licht-Schicht zurück. Ich werde es mit einem Festkörper vorkomponieren, der die gleiche Farbe wie die Haarspangen haben wird. So wird eine Vorkomposition in After Effects so ziemlich wie ein Smart Object in Photoshop wirken , in dem es eine einzelne Ebene in dieser Komposition sein wird. Aber wenn Sie darauf doppelklicken, können Sie es tatsächlich öffnen, hineingehen und Dinge bearbeiten. Es ist also ziemlich nützlich, wenn Sie eine Gruppe von Ebenen animieren möchten. Also werde ich einen neuen Volumenkörper durch Drücken von Befehl y erstellen, ich möchte, dass er die gleiche Farbe wie meine Haarspangen hat. Drücken wir „OK“ und dann kann ich es unter meine Lichtschicht bringen. Dann wählen Sie die beiden Ebenen, klicken Sie mit der rechten Maustaste, gehen Sie zu Pre-Compose und ich werde es nennen, „Light princomp“. Dies ist jetzt eine klickbare Komposition, so dass Sie hineingehen und Dinge ändern können. Also gehen wir zurück zu unserem Hauptkomp. Ich bringe es unter die Haarspangen und gehe dann zu Track Matte, Alpha Matte. Jetzt zeigt sich das Licht auf den Haarspangen. Ich möchte seine Position animieren. Also lassen Sie uns P drücken, um die Position Eigenschaft bringen einen Keyframe hinzufügen. Dann möchte ich meinen Precomp greifen und ihn nach links ziehen , damit das Licht nicht mehr durchscheint. Dann möchte ich auf eine Sekunde gehen, schnappen und es nach rechts bringen. Gehen Sie nun zum nächsten Frame, indem Sie hier den Befehl und die rechte Pfeiltaste drücken. Schnappen Sie sich diesen Keyframe und kopieren Sie ihn und fügen Sie ihn ein, damit meine Vorkomposition sofort wieder an ihre erste Position zurückkehrt. Ich möchte nicht, dass diese Animation tatsächlich zu oft passiert. Also werde ich zu vielleicht vier Sekunden gehen, fügen Sie den Keyframe ein. Also im Grunde unsere Animationsschleife ist jetzt diese Ebene von links nach rechts, dann nichts für drei Sekunden, und dann wird es von vorne beginnen. Also lasst uns wieder unseren Schleifenausdruck greifen, kopieren und an die Position einfügen. Letzte Sache, lassen Sie uns die Animation erleichtern, indem Sie zu Keyframe-Assistent gehen, Easy Easy und Sie sind fertig. Also hier ist, wie die Animation aussieht, es ist ziemlich einfach, aber ich denke, es fügt eine nette Note hinzu. Sie könnten auch versuchen, etwas mit der Rotation einer Textur in einer Gruppe zu tun. Das habe ich schon mal gemacht. Ich denke, es sieht auch schön aus. Jetzt können wir zu den Sternen und den Haaren übergehen und es wird ein wenig komplexer, aber ich mag die Effekte, die es gibt. Jetzt möchte ich dasselbe für die Sterne tun, also werde ich es wieder herausbringen neue Solid mit der Farbe der Haare schaffen. Dann bringe es unter die Sternenschicht, wähle beide aus und komposition und ich werde es „Stars Pricomp“ nennen. Doppelklicken Sie darauf, und jetzt sind wir drinnen. Also möchte ich die Deckkraft der Sterne animieren, und ich werde eine Spur Matte dafür auch verwenden. Aber dieses Mal wird es ein Luma sein. Also kopiere ich meinen Solid und füge ihn ein. Bring es hoch, dann geh zu Effekten und ich gehe zum Rauschen und Korn und füge Fraktal-Rauschen hinzu. Jetzt werden diese Schwarz-Weiß-Bereiche verwendet um zu definieren, welche Sterne durchscheinen werden. Du kannst mit den Parametern herumspielen, aber mein persönliches Rezept sieht ungefähr so aus. Also Dynamic Twist für den Typ Fractal, für den Rauschtyp Spline, werde ich den Kontrast auf 350, die Helligkeit auf 20 und die Skala auf 40. Dann bringen Sie die Komplexität auf eins und dann können Sie in den Evolutionsoptionen herumspielen. Also, ich denke, ich werde mich mit 200, 30 zufrieden geben . Also hier ist, wie es jetzt aussieht. Jetzt können wir anfangen zu animieren. Öffnen Sie also Ihre Ebene, gehen Sie zu Effekten und wir werden die Evolution nutzen, um dies zu tun. Platziere also einen ersten Keyframe auf deiner Timeline, dann willst du bis zum Ende gehen und ich denke, ich wollte vier Zyklen der Evolution machen. Sie möchten volle Zyklen verwenden, damit es richtig läuft. Dann stellen Sie sicher, dass Sie zur Evolutionsoption gehen und dies zu einer Cycle Evolution machen. Wenn ich es jetzt in der Vorschau sehe, bewegt es sich und es tut dies in einem Zyklus. Also schleift es am Ende der 10 Sekunden. So kann ich die Vorschau stoppen. Dann schließe meine Ebene und ich möchte, dass die Sterne durch die schwarzen Flecken zeigen. Also werde ich das Luma Inverted dafür wählen und los geht's. Hier ist die Vorschau. So ist nun die Animation der Deckkraft erledigt. Sie könnten natürlich Ihre eigenen Parameter dafür finden. Vielleicht ändern Sie die Helligkeit, die Kontraste, die Skala. Sie können auch die Anzahl der Zyklen ändern, so dass die Evolution schneller oder langsamer ist. Ich bin gut damit, also gehen wir zurück zu unserer Hauptkomposition. Nun möchten Sie Ihre Schicht unter eine der Haarschichten bringen und „Alpha Matte“ auswählen. Dann möchten Sie Ihre Style-Layer duplizieren und dasselbe mit allen Haar-Layern tun. Dann möchten Sie sicherstellen, dass alle Ihre Haarschichten ausgeblendet werden , so dass nur die Sterne so angezeigt werden. Hier ist also Ihre zweite animierte Textur. Ich finde, es sieht toll aus. Wenn Sie an den Übungsprojekten arbeiten, können Sie jetzt anwenden, was Sie hier zu diesem Thema gelernt haben aus der Kaffeetasse in Übung 3 kommt. Es ist also genau das Gleiche wie diese Sterne. Dann können Sie in Übung 4 die Lichtreflexion auf dem Glas durchführen, was das gleiche Prinzip wie die Haarspangen ist. 9. Animation mit dem Schwingungen-Verkrümmungsfilter: In diesem Abschnitt geht es um den zusätzlichen Schritt, den Sie unternehmen können, um Ihre Mission flüssiger aussehen zu lassen, indem Sie einen Effekt namens Wave Warp verwenden. So erzeugt der Wave-Warp-Effekt das Aussehen einer Welle, die über Ihr Bild reist. Hier werde ich es auf die Haare anwenden. Ich fange hier mit diesem Haarabschnitt an. Gehen Sie also zu „Effekte“, „Verzerren“ und „Wave Warp“. Es sieht im Moment etwas seltsam aus. Das erste, was ich reparieren möchte, ist die Richtung. Also wollte ich, dass es so aussieht, als würde der Wind von hier kommen. Lasst uns die Richtung schnappen und sie irgendwo hier bewegen. Vielleicht 225 sein, und dann möchte ich, dass die Höhe gleich ist, aber ich möchte, dass die Breite größer ist. Also vielleicht 200 und 30, vielleicht. Dann ändern wir die Geschwindigkeit auf 0,5, und wenn Sie etwas anderes wählen, stellen Sie sicher, dass es für Ihre Zehn-Sekunden-Schleife funktioniert, weil es möglicherweise nicht. Dann, wenn Sie wollen, können Sie das Gesicht ändern. Normalerweise schnappe ich es einfach und schiebe es herum, bis es gut aussieht. Hier ist eine Vorschau. Nun ist der nächste Schritt, den Effekt auf den Rest Ihrer Ebenen anzuwenden , während Sie die Parameter jedes Mal leicht ändern. Also werde ich Ihnen zeigen, wie man das mit dieser Schicht macht und dann gehe ich voran und mache den Rest. Alles klar, also greifen Sie Ihren Effekt und kopieren Sie ihn dann und fügen Sie ihn in Ihre andere Ebene ein. Dann gibt es zwei Dinge, die wir ändern können die Richtung und das Gesicht. Zuerst ändern wir die Richtung vielleicht um zehn Grad, weil ich denke, es ist oben auf dem Kopf, also würde der Wind nicht genau auf die gleiche Weise treffen. Dann für das Gesicht vielleicht fängt es an, sich etwas vorher zu bewegen, also ändere es auf minus 60. Ja, irgendwo hier. Ich bin ziemlich glücklich damit, also werde ich einfach weitermachen und den Rest erledigen. Okay, also hier ist es. Ich bin fertig und ich bin ziemlich zufrieden mit den Ergebnissen. Wenn Sie an Ihrer eigenen Animation arbeiten, werden die Parameter natürlich sehr unterschiedlich sein. Aber wenn Sie wollen, kann ich Ihnen zeigen, wie meine Ebenen hier aussehen, und Sie können pausieren und sich umschauen. Als letzten Schritt möchte ich den gleichen Effekt auf meine Schiffsebene und auch das Innere meiner Sterne pre-comp anwenden , damit alles zusammenhängender aussieht. Lassen Sie uns den Effekt von einer der Ebenen greifen, dann gehen Sie auf die Formebene, fügen Sie sie ein, dann erhalten Sie in die Sterne, pre-comp und tun Sie das gleiche auf der Sternenschicht. Gehen wir nun zurück zur Hauptkomposition und Vorschau. Hier ist es, wir sind fertig. Wir sind eigentlich fertig mit den Animationsteilen, also herzlichen Glückwunsch. Jetzt, da du gelernt hast, wie man den Wave-Warp-Effekt benutzt, kannst du drei trainieren und ihn auf den Dampf anwenden und in Übung vier anwenden, oder du kannst ihn benutzen, um das Wasser sowie den unteren Teil des Strohhalms zu animieren . all deine Übungen. Das einzige, was übrig bleibt, ist, die handgezeichneten Effekte anzuwenden, wenn Sie möchten. 10. Letzter Schliff: Wir sind etwa 90 Prozent fertig mit unserer Animation. Lassen Sie uns uns gratulieren, und zum letzten Schliff. Wir fügen eine Einstellungsebene hinzu, indem Sie Befehls-Option Y drücken, und alles, was Sie dieser Ebene hinzufügen, wirkt sich wiederum auf alle darunter liegenden Ebenen aus. Zuerst werden wir einen turbulenten Verschiebungseffekt hinzufügen. Der turbulente Displace Effekt verwendet fraktale Rauschen, wie wir es für die Sterne verwendet haben, aber um Verzerrungen in einem Bild zu erzeugen, und das ist, was wir verwenden werden, um den handgezeichneten Look zu erzeugen. Gehen wir zu Effekt, Verzerrung und Turbulente Verschiebung. Es sieht wirklich lustig aus. Das gleiche wie für das fraktale Geräusch, jeder hat sein eigenes Rezept, meins sieht so aus, für die Menge 20, zwei für die Größe, viel besser schon, und für die Komplexität, 10. Wir werden tatsächlich einen Ausdruck ein letztes Mal in den Evolutionsoptionen verwenden, und den zufälligen Samen. Klicken Sie auf die Stoppuhr, während Sie gedrückt halten, und geben Sie Zeit 12 ein. Grundsätzlich wird es dem Effekt mitteilen, die Verzerrung 12 Mal pro Sekunde zufällig zu ändern. Lassen Sie uns eine Vorschau anzeigen. Hier ist es. Wie Sie sehen können, fügt es allen meinen Kanten eine feine Textur hinzu, und es macht es schon mehr handgezeichnet. Was ich gerne mache, ist tatsächlich den Effekt zu duplizieren und den Betrag in etwas Kleineres zu ändern, aber die Größe in etwas Größeres, so dass wir auch eine größere Verzerrung haben. Lassen Sie uns den Effekt duplizieren. Ich möchte den Betrag auf fünf und die Größe auf 12 ändern, und der letzte Schritt, und dies ist optional, besteht darin, einen Posterize-Zeiteffekt hinzuzufügen. Wechseln Sie zu „Effekt“, „Zeit , „Zeit“ und „Zeit“, und Sie möchten Ihre Bildrate auf „12“ ändern. Es macht die Animation mehr nervös oder gestaffelt, denke ich, aber es bringt es näher an diesen handgezeichneten Look, den wir wollen. Ich werde eine [unhörbare] Vorschau laden, und dann können wir es vor und nach tun. Wenn Sie den Effekt mögen und ihn auf Ihre Übungsanimationen anwenden möchten, können Sie dies tun. In den Referenzkompositionen habe ich die Bildrate auf sechs reduziert, auf den posterize-Zeiteffekt, um Ihnen den Unterschied zu zeigen. Ich habe etwas andere Parameter für die turbulenten Verschiebungseffekte verwendet. Fühlen Sie sich frei, damit zu experimentieren. 11. Exportieren: Endlich sind wir mit unserer Animation fertig. Ich hoffe, du bist glücklich mit deiner und alles, was noch zu tun ist, es zu exportieren. Dieser Abschnitt wird extra kurz sein, ich verspreche es, weil es viele verschiedene Möglichkeiten für den Export von Videos gibt aber ich entschied, dass ich den Teil überspringen würde , wo ich vorgebe, alle von ihnen zu verstehen. Wir werden Adobe Media Encoder verwenden, um als MP4 zu exportieren und dann zeige ich Ihnen dieses Nadel-Plug-In, mit dem Sie als GIF direkt in After Effects exportieren können. Wir werden unsere Komposition zur Renderwarteschlange von Adobe Media Encoder hinzufügen, die Sie auch haben sollten, wenn Sie After Effects heruntergeladen haben. Sie können hier gehen, um das zu tun, aber wenn Sie die Verknüpfung wollen, ist es Option + Befehl+N, dann können Sie das Format direkt hier ändern. Wenn Ihre nicht bereits auf H.264 eingestellt ist, können Sie es in dieser Liste finden. Du brauchst hier wirklich nichts anderes zu ändern. Also lassen Sie uns dieses Panel schließen. Dann möchten Sie Ihre Ausgabe auswählen. Ich will es hier, Save, und dann musst du nur auf den grünen Pfeil drücken. Wir verwenden H.264 hier, weil es ein Videokomprimierungsstandard ist, der Ihnen eine MP4 gibt, die normalerweise eine kleine Datei ist und T-1 am häufigsten für Webexporte verwendet wird. Das wird perfekt für soziale Medien sein. Lass uns unsere Akte suchen. Es sollte genau hier sein. Wie Sie sehen können, ist die Größe am kleineren Ende des Spektrums, also das ist großartig. Lass es uns öffnen und hier hast du es. Ihre schöne Animation ist bereit, geteilt zu werden. Schließen wir das und gehen Sie zurück zu After Effects. Wenn Sie als GIF exportieren möchten, könnten Sie Ihr MP4 in Photoshop bringen und es erneut exportieren, aber ich finde den Prozess ein bisschen mühsam. Deshalb benutze ich ein Plugin, das GifGun genannt wird. Ich glaube, es ist ungefähr $30. Also, wenn Sie sich jemals entscheiden, After Effects regelmäßig zu verwenden, könnte das eine gute Investition sein. Ich gehe zu Window und öffne GifGun. Dann kann ich die Parameter genau hier überprüfen. Zuerst möchte ich sicherstellen, dass meine Ausgabe dort ist, wo sie sein sollte, was gut ist. Dann ändere ich normalerweise die Größe auf 800. Normalerweise behalte ich die Bildrate als meine Komposition. Sie könnten Ihre max. Farben auf 256 setzen. Wenn das GIF am Ende zu schwer ist, könnten Sie wieder auf 128 umschalten, besonders wenn Sie mit ziemlich flachen Farben wie mir hier arbeiten, funktioniert 128. Dann möchten Sie sicherstellen, dass es sich um eine Schleife handelt, und dann können Sie exportieren. Hier ist mein GIF. Wenn Sie die Übungen abgeschlossen haben, exportieren Sie sie bitte auch und posten Sie sie in den Studentenprojektbereich, weil ich wirklich sehen möchte, was Sie entwickelt haben. 12. Schlussbemerkung: Ich hoffe, Sie haben diesen Kurs genossen und ich hoffe, dass Sie Spaß hatten. Wenn Sie das getan haben, lassen Sie es mich wissen, denn dies ist meine erste Klasse überhaupt, also kann ich mich nur von hier aus verbessern. Wenn dies Ihr erster Einstieg in Aftereffekte war, hoffe ich, es gab Ihnen etwas Selbstvertrauen und zeigen Ihnen, dass Sie mit wenigen einfachen Effekten wirklich etwas mehr zu Ihrer Kreation bringen können. Bevor ich gehe, möchte ich Sie nur daran erinnern, dass das, was ich in dieser Klasse behandelt habe , nur ein Bruchteil dessen ist, was Sie mit diesen Effekten tun können, also beschränken Sie sich bitte nicht. Versuchen Sie, etwas anderes zu erforschen, denn ich bin sicher , dass Sie sich etwas vorstellen können, an das ich nicht gedacht hätte. Ich kann es kaum erwarten zu sehen, was du erschaffst. Wenn Sie irgendwelche Fragen auf dem Weg haben, lassen Sie sie in den Diskussionen hier und ich werde sicherstellen, dass Sie sie beantworten. Ok. Vielen Dank, dass du meiner Klasse gefolgt bist. Tschüss.