Leitfaden für Fortgeschrittene zum Erstellen von UI-Animationen

1. Intro perfekt: Vielen Dank, dass Sie auf diesen Kurs geklickt haben. Ich hoffe, dass es euch gut geht. Und jetzt werden wir in diesem Kurs viele neue Techniken anwenden. Vielen Dank an alle früheren Studenten , die meinen vorherigen Kurs und den allerersten Kurs gesehen haben. Ich hatte erwartet, nur zehn Schüler zu erreichen bevor ich den zweiten veröffentlichte. Und dann gab es ein paar Probleme und ich kam zu spät. Und jetzt sind es 73 Studenten in meinem allerersten Kurs. Und ich liebe die Resonanz auf meinen vorherigen Kurs wirklich. Vielen Dank an Sie alle. Ich möchte Ihnen allen wärmstens empfehlen und bitten, dass hinterlassen können , wenn Sie zu meinem vorherigen Kurs weitere Rückmeldungen es mir wirklich helfen wird Und jetzt schauen wir uns in diesem Kurs zunächst an, welche Tools und welche Plugins wir in diesem Kurs verwenden werden Weil ich mit euch teilen möchte , wie wir viele Dateien asionell verwenden und Dienstleistungen für die Kunden anbieten werden viele Dateien asionell verwenden , und es geht nicht nur darum zu lernen, und es geht nicht nur darum wie man gute Animationen erstellt Es geht auch darum, schneller zu lernen und die Zeit produktiv zu nutzen und erstaunliche Risikoergebnisse zu erzielen ohne Zeit zu verschwenden. Okay. 2. 01.Nützliche Plugins: Wir werden also diese drei Plugins in diesem Kurs verwenden, und Sie können definitiv keines davon haben und diesen Kurs auch abschließen Ohne dies dienen diese nur dazu, Ihnen viel Zeit zu sparen und Ihnen die Arbeit zu erleichtern. Diese werden Sie nicht davon abhalten, die Animation zu erstellen. Diese sollen dir nur helfen. Das ist es. Zuallererst werden wir Motion Tools Pro verwenden. Dieser ist mit allen Funktionen ausgestattet Laden Sie ihn einfach herunter und Sie können ihn einfach installieren. Und du kannst die Gesamtanzahl der Installationen auf YouTube ganz einfach finden auf YouTube ganz einfach Okay. Der nächste, den wir verwenden werden, ist dieser Körper, der bewegt, das ist der Entwickler selbst, der dieses Plug-In erstellt hat muss weitermachen und auf dieses Plug-In klicken und von hier aus einfach auf die Schienen klicken Ich mache einfach einen Rückzieher und dann kannst du einfach die Rohdatei von hier herunterladen und dann kannst du sie lösen . Es ist ziemlich einfach. Und der dritte Stecker, den wir verwenden werden, ist Overload. Nun, das mag ein bisschen teuer erscheinen, aber das wird eine Menge Zeit sparen und glauben Sie mir, es ist tatsächlich jeden Cent wert. Sie können sich auch in diesem Tutorial ansehen , was dieses Plug-In macht, aber wir werden uns in unserem Kurs wirklich sehr eingehend mit der Verwendung dieses Plug-ins befassen. Ich freue mich also darauf , euch in der ersten Klasse zu treffen, und wünsche euch allen viel Glück. 3. 02.Icons & Loopable Icon-Animation nachbilden: Okay, wir haben die Plugins heruntergeladen und sie sind ziemlich einfach zu installieren Wenn Sie also Probleme bei der Installation haben, können Sie einfach auf YouTube suchen und dort finden Sie Anleitungen, wie Sie sie installieren können Sie einfach auf YouTube suchen und dort finden Sie Anleitungen, wie Sie Okay, jetzt werden wir in dieser ersten Klasse eine LTI-Animation erstellen dieser ersten Klasse eine LTI-Animation Die Plugins wurden also installiert, und jetzt werden wir uns ansehen, wie man eine Loop-Tabelle mit dem Animationssymbol erstellt Okay. Also werden wir dafür ein WiFi-Symbol verwenden. Und ich habe gerade nach dem WiFi-Symbol gesucht, und jetzt werde ich einfach dieses besuchen. Ich denke, dieser ist wirklich gut für unser Beispiel. Wir können diesen auch verwenden. Aber ich denke, dieser wird gut funktionieren. Also lass uns einfach vorbeikommen und wir werden die SVG-Vektordatei herunterladen. Okay. Also werde ich es jetzt einfach in meinem Ordner öffnen. Ich werde meine Datei öffnen und Illustrator machen. Okay, wir haben also unsere Datei in Doble Straight geöffnet, und wie Sie sehen können, ist unser Symbol ziemlich cool, Jetzt gibt es also einige Probleme mit unserem Design, die wir in einer Minute herausfinden werden Aber bevor wir das tun, wollen wir einfach überprüfen, wie groß unsere Zeichenfläche ist Sie ist 800 mal 800 Punkte oder Pixel groß. Okay. Jetzt erstellen wir ein Bild mit 800 mal 800 Pixeln, und wir werden es zehn Sekunden lang machen, und die Bildrate wird 24 Frames betragen, und jetzt werden wir es Icon nennen. Okay. Also werden wir all diese Ebenen auswählen und ich versuche, eine Animation in meinem Kopf zu erstellen. Ich denke, die Linien ziehen sich und dann verschwinden sie auch wieder. Dafür werden wir also einen viel einfacheren Trick verwenden, aber den können wir nicht anwenden, wenn der Fülleffekt angewendet wird. Er kann nur auf Stricheffekte angewendet werden. Und wir können die Animation auch einfach mit diesen Formen in After Effects erstellen , aber sie wird nicht wirklich kompatibel sein Wie wir in der Grundlagenklasse, dem Vagueness-Kurs, gelernt dem Vagueness-Kurs , dass es bestimmte Einschränkungen gibt , weshalb wir diese Formen einfach sperren und jetzt eine neue Ebene erstellen Okay, jetzt werden wir einen Kreis erstellen, und ich werde daraus einen Strich machen Ich werde die Farbe auf Rot ändern und dieses Design so weit wie möglich zurückverfolgen dieses Design so weit wie möglich Ich werde die restlichen Ankerpunkte löschen. Und jetzt haben wir eine einfache Form. Okay. Also, was wir jetzt tun werden, ist die Eigenschaften zu untersuchen und den Schlagpunkt zu erhöhen. Okay. Das sieht ziemlich gut und wir runden das einfach auf 80. Jetzt machen wir die Lücken rund. Okay. Also werden wir das jetzt ein bisschen anpassen. Und das ist es. Wir nehmen es ein bisschen zurück. Okay. Perfekt. Jetzt duplizieren wir einfach diese Ebene, wählen sie aus, ziehen sie mit Alt und ziehen sie, und jetzt fügen wir nur unsere Ankerpunkte hinzu. Nun, wie Sie sehen können, funktioniert diese Form nicht ganz gut. In solchen Situationen können wir also einfach diese Form annehmen und einen weiteren Kreis bilden Wir machen den Strich wieder bis zu einem Punkt, damit wir eine gute Referenz erstellen können Jetzt lasse ich den anderen Strich einfach mit der Hand fallen, und das vergrößert auch unseren Strich. Lassen Sie uns einfach noch ein paar Anpassungen vornehmen. Und wir sind startklar. Okay. Nun zum Kreis, wir verwenden hier wirklich einen einfachen Kreis. Wir werden ihn füllen. Und jetzt werden wir es größer machen. Okay, jetzt ist unser Design fertig. Jetzt werde ich weitermachen und die erste Ebene komplett ausblenden, bis sie sichtbar ist komplett , und jetzt ändern wir die Farbe dieser Ebene in Schwarz. Nun, dafür werde ich nicht die Füllfarbe auswählen. Wir werden die Kreise und die Striche auswählen, und ich werde sie einfach schwarz-schwarz machen. Jetzt werden wir diesen auch schwarz machen. Jetzt ist unser Design fertig und jetzt starten wir den Animationsprozess. Wählen Sie all diese Ebenen aus. Nun, was Overload bewirkt ist, dass Sie, sobald Sie den Overload installiert haben , einfach in Windows und Erweiterungen gehen und dann Overload auswählen, und dann erscheint dieses Fenster, öffnet sich. Das ist also ein andockbares Panel, das Sie überall andocken können Jetzt müssen Sie all diese Ebenen auswählen. Overload enthält mehrere Funktionen, aber wir werden uns hauptsächlich nur auf diese konzentrieren, oder Sie können auch einfach diese auswählen. Dadurch werden die Ankerpunkte in der Mitte der ausgewählten Ebenen platziert. Nun, was das bewirken wird, wird Sie umhauen. Wir klicken einfach auf diesen Knopf und dann Viola. Das Symbol und die Symbolebenen befinden sich jetzt in Ab After Effect. Das hat unsere Zeit nicht verschwendet und uns viel Zeit gespart, okay? Weil alle Ebenen hier und jetzt sind, sind sie sehr kompatibel, weil sie sternförmig und formlos sind Eigentlich habe ich versehentlich zweimal geklickt, also werde ich nur einmal klicken Jetzt können Sie sehen, dass es hier vier Ebenen gibt. Jetzt werden Sie unsere Ebene zum besseren Verständnis beschriften . Denn wenn Sie mit komplexen Dateien arbeiten, werden Sie es schwer haben . Aus diesem Grund werden wir für Striche die Etikettenfarbe Orange verwenden. Für Folie werden wir eine braune Farbe verwenden. Sie können verwenden, was Sie möchten. Sie werden also im Voraus tun, dass wir diese Bewegungswerkzeuge verwenden werden. Okay. Also werden wir ein Handbuch erstellen. Also, was macht All Object? Es ist im Grunde für einfache Erziehungseigenschaften gedacht, und wir werden es in diesem Fall nur für diesen Zweck verwenden in diesem Fall nur für diesen Zweck Okay. Also, was wir jetzt tun werden, ist, unsere Animation zu erstellen und zu erstellen. Ich dachte, dass diese Linien von links nach rechts gezogen werden, und dann werden sie von rechts nach links erscheinen. Lassen Sie mich Ihnen einfach zeigen , was ich damit meine. Wir werden einen Prim-Pfad hinzufügen und ich werde die Animationserstellung so starten Wir werden das Ende animieren, wie Sie sehen können So zeichnet es sich selbst. Sobald es gezeichnet ist, möchte ich, dass es auch so verschwindet . Es ist ziemlich einfach. Wir drücken F neun auf unserer Tastatur, und jetzt wenden wir etwas einfaches an. Okay. Also ich unterstütze diesen und wir werden diesen einen Weg einschlagen und den Einfluss auf die andere Seite anwenden. Also, das wird bei Sekunde eins beginnen und bei Sekunde drei enden. Okay. Also so sieht es aus. Ziemlich cool, oder? Okay, also wir werden einfach weitermachen und den Bildschirmpfad kopieren, weil wir dieselbe Animation auch auf den anderen Ebenen haben wollen. Wir werden es kopieren und wir werden die anderen beiden Ebenen auswählen und wir werden es kontrollieren. Denken Sie daran, dass Sie sich am Nullpunkt und Startpunkt Ihrer Komposition befinden sollten am Nullpunkt und Startpunkt Ihrer , damit die Frames auch mit den anderen Ebenen übereinstimmen Denn wenn Sie die Cream Path-Animation hier einfügen, beginnt sie von hier aus Okay, also behalte das im Hinterkopf. Also werden wir das jetzt hier einfügen. Wie Sie sehen können, ist unsere Animation fast fertig, wir werden noch einige Details hinzufügen Okay. Was wir im Voraus tun werden , ist, dass wir diesen Kreis auswählen werden. Wir werden weitermachen und seine Skalierungseigenschaft animieren. Und ich werde es einfach auf Null setzen. Und ich werde einfach auch die Lockerung anwenden. Okay. Also, was ich jetzt tun werde, ist , dass ich dieselbe Animation auch auf dieser Seite abspielen möchte. Aber mit Hilfe dieses kostenlosen Plug-ins können wir einfach diese beiden Keyframes auswählen und dann gehen wir zu Phi, wenn Sie den Mauszeiger über die Schaltfläche Dort werden Ihnen alle Funktionen der Schaltfläche angezeigt Wie Sie sehen können, heißt es dort, Umschalttaste die Animation rückgängig machen Was bedeutet das? Ich halte gerade meine Schicht und werde mich dagegen wehren. Also wurden wieder zwei Keyframes hinzugefügt. Aber jetzt hat es den umgekehrten Dynamon mit derselben Skalierung erzeugt den umgekehrten Dynamon mit derselben Skalierung Es ist also im Grunde eine Spiegelung dieser Schlüsselbilder in die entgegengesetzte Richtung Stimmt das? Das ist jetzt also eine perfekte Animation, die man lieben kann Nun, was bedeutet eigentlich eine perfekte lopable Animation Eine perfekte lopbare Animation bedeutet, dass der erste Frame unserer Animation ausgerichtet sein und dem letzten Frame unserer Animation entsprechen sollte und dem letzten Frame unserer Animation entsprechen So entscheiden wir und kommen zu dem Schluss, dass es sich um eine perfekte lopable Animation handelt In unserem Fall ist das ein leerer Frame. Okay. Also, was wir jetzt tun werden, ist etwas Klebrigkeit zwischen den Ebenen hinzuzufügen, y. Nun, wie wir das machen werden, indem wir dieses Plug-In verwenden, was wir tun werden, ist jetzt, dass diese Schaltfläche die Auswahlreihenfolge festlegt Nun, wie wir das machen werden, indem wir dieses Plug-In verwenden, was wir tun werden, ist jetzt, dass diese Schaltfläche die Auswahlreihenfolge festlegt , in der sie die Reihenfolge auf die Las anwendet. Okay. Ein Offset bedeutet also, wie viele Frames Sie verschieben möchten. Und ein Schritt bedeutet, wie viele Schritte beim ersten Offset erforderlich sind. Okay. In unserem Fall wollen wir also jede Ebene um einen Frame verschieben, und wir werden den ersten Schritt beibehalten, weil wir nicht viel mehr Schritte zwischen den Ebenen hinzufügen wollen , weil es nur drei Ebenen sind. Wir können weitere Schritte hinzufügen, wenn wir es mit komplexeren oder komplexeren zu tun haben. Größere Projektdateien mehr Ebenen, sodass wir Easing und Overflow oder Overshooting hinzufügen können, ohne die und Overflow oder Overshooting Dinge zu komplizieren und es Okay. Also, was wir jetzt tun werden, ist auf die Sequenzschaltfläche zu klicken, und wie Sie sehen können, wurde sie hinzugefügt. Lassen Sie mich das nur zeigen. Wie Sie sehen können, gibt es auf jeder Ebene einen Unterschied von einem Keyframe. Lassen Sie uns jetzt einfach weiterspielen und sehen, wie es aussieht. Okay, also so sieht es aus. Okay. Aber es gibt ein Problem. Ich denke, die erste Ebene sollte zuerst erscheinen und dann diese und dann diese. Also werde ich einfach Zs kontrollieren und ich werde einfach die Reihenfolge der Sequenzierung ändern Lass uns jetzt einfach weitermachen und spielen. Siehst du, ich finde, der sieht viel besser aus. Jetzt werden wir diese Animation rückgängig machen. Was wir also tun werden, ist, die selektive Reihenfolge zu ändern und auf Sequenz zu klicken. Jetzt richten wir das letzte Keyframe wieder auf den Bearbeitungsbereich aus Und so sieht unsere Animation im Moment aus. Also. Wie Sie sehen können, sieht unsere Animation so aus. Die erste Ebene erscheint an erster Stelle und wird ganz zuletzt ausgeblendet Okay. Also, was wir jetzt tun werden, ist, auch ein gewisses Maß an Positionsbestimmung zu erstellen, weil ich die Konnektivität von WiFi-Verbindungen zeigen möchte , richtig Wir werden jetzt also Gay-Frames mit freier Position erstellen und dann die Umschalt-Taste und die Pfeiltasten drücken , damit sie sich nach oben bewegen Jetzt mache ich weiter und ich werde jetzt nicht einfach e k kopieren und einfügen Ich werde einfach all diese drei auswählen und auf Klonen klicken. Ich drücke nicht Shift Clone, weil wir keine Frames umkehren Wir wollen hier nur die gleichen Keyframes. Okay, und unsere Animation ist jetzt erstellt. Lassen Sie uns jetzt etwas lockern. So sieht es aus Okay, lass uns jetzt nur ein paar Dinge hinzufügen. Okay. Also jetzt möchte ich dasselbe tun. Ich möchte Offset darauf anwenden. Die erste Schicht drückt also auf die oberen Schichten. Also dieser wird der Erste sein, und dieser wird der Zweite sein und dieser wird der Dritte sein. Lassen Sie uns weitermachen und die Sequenzierung erneut hinzufügen. Lass uns sehen, wie es zusammenbricht. Okay. Also, was ich jetzt tun möchte, möchte ich den Einfluss des Kreises auf die Ebenen zeigen des Kreises auf die Ebenen Also werde ich einfach weitermachen und diese Animation ein bisschen voranbringen Okay, also vielleicht zehn Frames. Ja. Ich denke, das wird reichen. Jetzt fügen wir einen skalierenden Schlüsselrahmen und eins, zwei, drei, vier, fünf, sechs, sieben, acht, neun, zehn hinzu, und ich mache daraus 110. Okay. Also werden wir das jetzt etwas lockern. Nein. Okay. Wie Sie sehen, sieht das nicht richtig aus weil die Animation hier anfängt zu erscheinen, aber die Wirkung ist sehr verzögert, oder? Das funktioniert also nicht. Wir müssen nur das Timing unserer Animation hinzufügen und es anpassen. Es wäre also besser, wenn es zur gleichen Zeit startet, siehst du? Das sieht viel besser aus. Und jetzt werden wir auch die Keyframes klonen. Wir werden diese Animation einfach dahin zurückbringen, wo sie war. Zehn Keyframes. Ich werde all diese Keyframes und diesen auch auswählen Und wir werden sie hierher zurückbringen. Jetzt gehe ich zum allerletzten Keyframe. Ich werde diese beiden Keyframes auswählen. Ich werde sie per C-Shift verschieben. Der andere Schlüsselrahmen wird ebenfalls durch diesen ersetzt. Schauen wir uns zuerst an, wie das aussieht. Okay. Okay, jetzt gibt es also ein Problem mit der Lockerung, glaube ich Nein, es ist perfekt. Okay. Was jetzt passiert, ist , dass die Schichten fallen. Aber die Lockerung verzögert sich. Die Lockerung sollte sich auf dieser Seite der Animation befinden. Ich werde F neun drücken, und jetzt sieht es so Mal sehen, wie es aussieht. Okay, es ist also verzögerter. Nun, warum passiert das, weil die Keyframes vor dem letzten Keyframe liegen. Bringen wir sie zurück. Wir nehmen diesen und bringen ihn hierher zurück. Wie in diesem Herbst. Schauen wir uns mal die Lockerung dieser Dosen an. Wie Sie sehen können, ist die Lockerung da, oder? Also werden wir das hierher bringen. Siehst du, das ist wirkungsvoller. Ja, das macht mehr Sinn. Und dann muss das verschwinden. Okay. Also werden wir diesen speichern, und wie Sie sehen können, gibt es in diesem Teil keine Entspannung Also werden wir die Lockerung anwenden. So sollte es sein. Jetzt fängt unsere Animation also so an. Siehst du. Okay, was wir jetzt tun können, ist, wenn du willst, und das ist eine sehr subjektive Entscheidung, und wenn du es magst, kannst du es tun oder wenn nicht, dann liegt es ganz bei dir. Ich werde dem übergeordneten Null-Objekt auch eine Skalierungsanimation hinzufügen Null-Objekt , weil ich möchte, dass das Symbol von hier aus in der Mitte der Komposition erscheint und nach oben skaliert Okay. Also lass uns sehen, wie das aussieht. Ich habe alle anderen Arten erzogen, und wie Sie sehen können, werden wir einfach alles wieder abschneiden Ich verwende dieselbe Technik , die ich für den Kreis verwendet habe. Also werde ich es kronen und mal sehen, wie es aussieht. So sieht die Animation aus. Und Sie können diese Art von Dienstleistungen vielen Kunden anbieten, da die Nachfrage nach Symbolanimationen sehr groß ist . Und auf allen Arten von Freelance-Plattformen gibt es Kunden, die nach solchen Animationen fragen. Aus diesem Grund wollte ich Ihnen nur zeigen, wie Sie diese Animationen erstellen können, ohne Zeit zu verschwenden . Mit diesen Plug-ins können Sie sich viel Zeit sparen Gehen wir also einfach zum nächsten Tab über. 4. 03.Charakteranimation & Illustrationsanimation erstellen: Okay, bevor wir mit unserer nächsten Übung beginnen, möchte ich Ihnen ein passendes Beispiel aus unserem letzten Kurs zeigen ein passendes Beispiel aus unserem letzten Kurs Ich habe diese Loader-Animation für einen Kunden erstellt, okay? bedeutet also, Ihnen zu zeigen, dass es mehrere Ansätze für dasselbe Design oder dieselbe Animation gibt. Diese Animation sollte eine Loader-Animation sein. Nun, was bedeutet eine Loader-Animation. Nun, das ist auch eine perfekte Animation, die wiederholt werden kann. Der Kunde wollte im Grunde, dass diese Animation angezeigt wird, während seine Website geladen Nun, dahinter steckt eine kleine Erklärung, nämlich dass der Kunde diese Animation im Grunde für einen Zweck benötigte. Der Zweck war dass beim Laden der Website im Backend, wie Sie vielleicht wissen , einige Backend-Daten vorhanden sind, oder? Die Website lädt diese Daten also. Jetzt auch abhängig von der Internetverbindung des Benutzers oder seinen PC-Fähigkeiten. Oder ihr Handy. Nun, das meiste davon ist diese Geschwindigkeit, die auf der Internet-Datenverbindung basiert. Aber sagen wir einfach, wenn das Gerät langsamer arbeitet als das andere, kann das Laden der Website noch ein paar Sekunden dauern , oder? Also kann ich dem Kunden keine Logoanimation oder eine Animation anbieten , die einfach angezeigt wird und auf dem Bildschirm bleibt, wie dieses andere Beispiel, das ich euch zeigen möchte, okay? Denn wie du siehst. Nun, das sieht auch gut aus. Es ist auch kein Problem, solche Animationen zu verwenden. Für eine Ladeseite ist es jedoch besser, diese Art von Animationen zu verwenden , die dasselbe Ende und denselben Startpunkt haben. Nehmen wir auf diese Weise einfach an, dass der Benutzer öffnet und die Website innerhalb von 5 Sekunden heruntergefahren wird. Und ein anderer Benutzer, der ein Gerät mit geringer Kapazität hat , senkt die Website in 10 Sekunden. Während der 10 Sekunden wird diese Animation immer wieder geladen , ebenso wie diese. Aber ich denke, das wird in vielerlei Hinsicht besser aussehen, und es gibt einen Grund dafür dass es ständig geladen wird, oder? Es gibt das Gefühl , dass die Seite von selbst geladen wird und die Seite aktualisiert wird. Und diese Art von Animation eignet sich besser für Logoanimationszwecke, wenn das Logo animiert wird und es auf dem Bildschirm bleibt Okay. Deshalb ist dies ein weiteres Beispiel dafür, dass der Kunde etwas angefordert hat, das dem sehr ähnlich ist, was ich gerade in der vorherigen Klasse erstellt habe. Jetzt mache ich mit der freien Auswahl weiter und jetzt animieren wir ein Artw-Charakteranimationsdesign Also mache ich jetzt einfach weiter und wähle Vektoren aus, und ich werde mich vielleicht für so etwas entscheiden , wie eine Figur, die in einer Depression ist, sagen, lass uns einfach versuchen finden. Okay. Lass uns einfach die Pressesprecherin finden. Ja. Das sind ziemlich flache. Ich denke sogar ein bisschen detaillierter. Lass uns einfach nach oben gehen und es versuchen. Dieser hat keine Gesichtszüge. Ich möchte eigentlich etwas mit Gesichtszügen animieren eigentlich etwas mit Gesichtszügen Mal sehen, was uns das zeigt. Eigentlich nicht ganz. Nein, nein, nein, nein, nein. Ich suche? Ich gehe zurück und kritzele weiter, bis ich etwas Interessantes finde Lass uns auf der nächsten Seite weitermachen. Ich werde auch den kostenlosen Filter hinzufügen. Okay. Depression. Rein, lass uns sehen. Wie sieht das aus? Nein. Diese sind glücklich. Ich werde einfach etwas Relevanteres finden. Sie ist glücklich, wenn es einen bestimmten Typ gibt , nach dem ich glaube, suche. Und das ist aus Stories, ich glaube, ich glaube, ja. , diese Art von Charakterdesign Ich denke, diese Art von Charakterdesign wird unsere Arbeit machen. Wie lautet der Name des Schöpfers? Das ist in Ordnung, dass. Die Geschichte ist fertig. Okay. Ich glaube, der Typ hat, was ich brauche. Okay. Okay. Okay. Die sind wirklich, wirklich gut. Okay, wir werden eines davon benutzen. Oh, der ist ganz nett. Ja. Ja. Ich denke, das ist ein wirklich gutes Beispiel. Wir benutzen dieses. Ja. Okay. Hier mache ich das. Okay. Okay, das ist also die Download-Datei. Jetzt werde ich einfach eine neue Grafikgröße erstellen. Das wird 1.000 mal 1.000 Punkte sein. Und jetzt wähle ich all diese Ebenen aus und ich werde das einfach kopieren und hier platzieren. Ich werde diese nur vergrößern, weil wir, wenn wir die Ansicht danach vergrößern , die scharfen Details nicht mehr erkennen können, weil der After Effect auf Pixeln basiert Wir werden also nicht sehen können, was wir eigentlich animieren Und bevor wir mit dem Import der Grafik beginnen, ist es wichtig, dass wir viele dieser Gruppen gruppieren , denn wenn es zu viele Gruppen gibt, funktioniert das Überladen nicht wirklich gut Denken Sie also bitte daran, wenn Sie Ihre Sachen animieren Okay. Ich werde das alles durchgehen, und ich gehe einfach zu After Fats und erstelle eine Komposition von zehn 80 mal zehn 80. Wir werden es Depression nennen. Mädchen. Ich werde einfach diesen Knopf drücken. Und lass uns einfach sehen, was passiert. Okay. Okay, es gibt also ein kleines Problem mit der Schuh-Schicht, und es gibt auch einige Elemente, bei denen es Probleme gibt. Jetzt werden wir die reparieren und dann gehen wir wieder rein. Okay, wir wählen das alles aus und wir werden es löschen. Lassen Sie uns jetzt weitermachen und den Schuhfehler beheben. Wir werden den Schuh wieder eingravieren. Okay, das ist also das Problem , das dort gezeigt wurde. Okay? Also werden wir es einfach gruppieren, bis es keine Gruppe mehr gibt Okay, das sieht jetzt gut aus. Ja, das sieht gut aus. Okay. Wir werden das alles erneut auswählen und jetzt werden wir erneut die Taste drücken. Okay, wie Sie sehen können , ist unser Kunstwerk hier. Wir werden es voll machen. Okay. Es ist wirklich unglaublich, oder? Was Überlastung bewirken kann, , wie Sie sehen, wirklich erstaunlich. Okay. Also, was wir jetzt tun werden, ist, bevor wir in den Animationsprozess eintauchen, müssen wir die Gruppierung der Ebenen Okay. Jetzt werde ich die Elemente in einige Teile unterteilen und sie einfach nach Farben kennzeichnen. So können wir innerhalb einer Sekunde wissen , welcher Teil diese Ebene der Illustration ist. Okay? Also die Wolken sind der Ort, wo ich hingehen werde mit einer braunen Farbe, und das wird sie ausschalten, damit ich sehen kann, ob es etwas gibt , das nicht ausgewählt wurde. Ich werde es einfach auch braun machen. Ich werde es einfach ausschalten. Okay. Jetzt nehmen wir den Regen und machen alles dunkelgrün, ich schalte das einfach Ich werde diese einfach auch auswählen. Okay. Es sind also noch ein paar Regentropfen übrig, aber lassen Sie uns zuerst unsere Charaktere ausmalen Ich werde mich bei diesem für die Orange entscheiden. Okay, ich werde jetzt die restlichen Regentropfen klatschen. Okay. Also bist du dafür. Okay, bei diesen Büschen entscheide ich mich für eine pfirsichfarbene Farbe. Okay? Also werde ich nur zwei davon und diese beiden Regentropfen auswählen, den letzten, und ich werde sie auch dunkelgrün machen. Und jetzt, ich glaube, das ist ein Teil von Körpern, ich werde es einfach orange machen. Okay, und diese Ebene wird einfach gesperrt. Das ist es. Jetzt werden wir weitermachen und die Animation in Teile zerlegen. Also werde ich einfach alle orangefarbenen Spieler auswählen. Ich werde nur die Sichtbarkeit einschalten. Jetzt werden wir die Animation unseres Charakters erstellen. Ich denke in meinen Begriffen an eine Schleife von 6 Sekunden. Okay. Es hängt also von der Art der Animation ab , die Sie anstreben. Ich denke, 6 Sekunden sind perfekt für das, was ich für diese Frau animieren Okay. Also lass uns einfach weitermachen und mit dem Arm beginnen. Okay. Also, was den Arm angeht, werde ich einfach weitermachen und den Ankerpunkt hierher bringen. Okay. Also, weil der Arm nicht in zwei Schichten aufgeteilt ist, ist es nur eine einzige Schicht. Deshalb denke ich, dass es besser , wenn wir den Ankerpunkt hierher verschieben. Lass uns einfach anfangen, es zu drehen und sehen, wie es aussieht. Okay. Ich werde es einfach herbringen. Und lass uns einfach Null machen. Okay. Ich gehe auf Null, ich finde, es sieht gut aus. Okay. Ich werde jetzt das erste Schlüsselbild erstellen und hier das erste Schlüsselbild erstellen , weil ich eine Seamless-Loop-Animation für diese Frau erstellen möchte . Ich mache einfach weiter und mache es minus drei, und jetzt wird es auch die Gegenanimation machen in der entgegengesetzten Richtung wird es vier sein. Schauen wir uns also an, wie es aussieht. Okay, die Frau hat sehr recht. Okay, jetzt machen wir weiter und animieren ihren Hals. Das ist die Hauptschicht des Halses. Ich mache einfach weiter und mache das gleich hier. Jetzt wird es einige Ebenen , denen wir eigentlich einen Namen geben müssen. Jetzt mache ich einfach einen Hals draus. Ich werde mir auch die Layer-Nummer merken , sie ist 41. Okay. Also müssen wir alles, was über dieser Ebene liegt, den gesamten Kopf, dieser Ebene überordnen , sodass, wenn wir den Hals drehen, alles damit funktioniert. Lass uns einfach weitermachen und schauen, ob wir erfolgreich waren Okay, aber wir sind nicht erfolgreich. Es gibt einige Schichten, denen derzeit keine Eltern zugewiesen sind. Das ist die hintere Schicht Ich mache einfach weiter und erziehe auch diese, und diese äußere Haarschicht auch. Wir werden das erziehen? Ich versuche es einfach zu überprüfen. Ich finde es ziemlich cool. Okay, jetzt geht es uns gut. Ich werde einfach ein Keyframe am Hals erstellen und schon geht es los und kreiert. Drei Bilder, drei Grad Mission hier macht minus vier hier drüben. Weil ich möchte, dass die Frau das Gefühl hat, dass sie in diesem Moment ihren Kopf berührt. Oh mein Gott, was ist gerade passiert, oder? Und dann geh auch einfach in die Richtung. Richtig? Also im Grunde bewegt sich der Kopf in die entgegengesetzte Richtung des Arms. Das ist genau das, was gerade passiert. Also bewegt sich der Arm in die andere Richtung und der Kopf bewegt sich in die entgegengesetzte Richtung, richtig? Okay. Also, was wir jetzt tun werden , ist zu der Band zu gehen zu der Band zu die andere Frau am richtigen Ort bleibt, oder? Ich meine, wir können die Band natürlich nicht bewegen, weil das komisch aussehen wird, oder? Okay. Weil der Kopf nicht zu viel Moment hat. Vielleicht können wir den Haaren auch eine leichte Animation hinzufügen. Also werde ich den Ankerpunkt einfach zwischen dem Gesicht platzieren, weil die Haare mit dem Kopf verbunden sind. Also erstellen wir einen Rahmen von vielleicht zwei Grad, nur zwei sind zu viel. Es bricht das Spiel. Ich mache es nur ein Grad und in der anderen Richtung minus zwei. Okay, lass uns sehen, wie es aussieht. Okay. Also hinkt es ein bisschen hinterher Okay. Also ich finde, es sieht ziemlich gut aus. Ja. Ja, das ist nicht zu viel. Ja, ich finde, es sieht gut aus. Okay. Also, jetzt werden wir die Animation auf den Augen erstellen , richtig? Weil der Charakter lebt. Also offensichtlich muss der Chacor blinken. Also werden wir auch diese süßen Tränen animieren. Also werde ich auch diesen machen Ich werde die Klasse auch speichern. Das wird Kurs sein. Klasse drei wird Klasse drei sein. Okay. Also, ich werde auch diesen einen Ankerpunkt hierher bringen. Ich kann jetzt auch die sekundären Elemente verwenden , um sie einzufärben, weil ich so leichter erkennen kann, wo sich die Gesichtszüge befinden, weil der Charakter zu viele orangefarbene Schichten hat. Die Aufnahme ist ebenfalls orange und die Haare sind ebenfalls orange. Wie erkenne ich also, wo sich die Gesichtszüge befinden? Deshalb habe ich diese Farben nicht bei der Kennzeichnung anderer Farben verwendet , weil ich sie jetzt verwenden werde. Okay. Also für diesen Arm ist das der Hauptarm, also lasse ich ihn jetzt einfach orange stehen, weil der Arm momentan animiert ist, also sperren wir ihn einfach. Und ich meine, ich werde mich jetzt auf die Gesichtszüge konzentrieren. Okay. Also unterbricht diese Band auch unseren Animationsprozess Also sperren wir einfach die Ebenen, die gerade animiert sind Und ich werde mich vorerst nur auf die Gesichtsebenen konzentrieren. Okay. Also das ist die vordere Schicht des Haares, also werde ich diese auch einsperren. Okay, wir können hier auch ein bisschen Animation anwenden . Dass sich die Haare vielleicht auch ein bisschen ausbreiten. Also werde ich einfach den Ankerpunkt nach oben bringen und einfach eine Skalierungsanimation hinzufügen. Direkt vor uns. Also diese Art von kleinen Details geben der richtigen Animation den Wert, Sie wissen schon, auf die nächste Ebene. Und nur wegen dieser kleinen Details wurden meine Animationen über tausende Male heruntergeladen . Sie müssen diese kleinen Details also tatsächlich berücksichtigen. Okay. Also lass uns sehen, wie es aussieht. Siehst du, es ist sehr subtil. Es ist wirklich, sehr subtil. Okay. Also lass uns eins draus machen. Ich denke, es ist ein bisschen zu viel. Ja. Ja, das sieht gut aus, finde ich. Okay. Ja, es scheint sich die Haare auch mit dem Kopf der Frau bewegen. Also, wir werden die Augenbrauen animieren , okay? Weil sich die Frau auch Sorgen macht. Also werden wir sie einfach lila machen und ich werde nur die Positions-Keyframes animieren Ich werde einfach zwei Keyframes erstellen. Und wenn sich der Kopf vorwärts bewegt, werde ich mich einfach verändern. Erstelle hier das Pfeilgehäuse, richtig? Und wir müssen die richtige Gesichtsperspektive behalten. Also ich denke, das sieht richtig aus. Siehst du? Die Augenbrauen zeigen in dieser Richtung nach unten Und jetzt stelle ich einfach die beiden ein und drücke auf C. Also sind sie wieder da, wo sie waren Jetzt werden sie ein bisschen nach oben gehen . Okay. Also lass uns sehen, wie es aussieht. Okay, also so sieht es aus. Also, wir haben die Größe 1.000 mal 1.000 Pixel gewählt, sie ist immer noch variabel, oder? Und wir rendern es vollständig. Wenn wir es vierteljährlich machen würden, oh mein Gott, wir könnten es nicht einmal animieren, oder? Das ist also sehr wichtig, wenn man es im Hinterkopf behält Sie auch daran, dass, wenn die aufgelistete Datei hier ist, wenn wir sie vergrößern, dies keinen Einfluss auf die Größe unserer Chargendatei hat, da Größe der Lotdatei im Grunde auf der Grundlage von Vektoranimationen funktioniert. Eine Erhöhung der Skalierung oder Größe der Animation wird also nichts bewirken. Ein weiterer Tipp, den Sie tun können, ist einfach zu sagen , dass der Kunde vielleicht eine bestimmte Größe dafür angegeben hat, oder? Sie können es also nicht vergrößern. Sie können also das Design einbringen und es dann arrangieren. Und dann können Sie all diese Ebenen auswählen. Sie werden all diese Ebenen auswählen. Sie drücken Strg, A, Sie werden C drücken. Sie werden also eine neue Komposition erstellen und das Seitenverhältnis fixieren Jetzt multiplizieren Sie diese Bildgröße mit vier Jetzt werden Sie all diese Ebenen in diese neue Komposition einfügen all diese Ebenen in diese neue Komposition Wie Sie sehen können, sind sie alle hier. Und jetzt werden Sie ein neues Null-Objekt erstellen. Jetzt bringst du es hierher in die Mitte, in die Mitte des Charakters, und jetzt wählst du all diese Ebenen aus, und du wirst es als übergeordnetes Objekt betrachten und es dann auf Null 400 setzen. Okay. Und dann wirst du es einfach auskleiden, richtig? Das, was Sie tun können, ist, dass Sie wirklich gut hineinzoomen können C. Das sieht viel besser aus. Aber das verlangsamt natürlich den Rendervorgang, wenn Sie sich Vorschau der Inzienz ansehen. Es verlangsamt sich erheblich. Deshalb sollten Sie mit der Auflösung nicht zu weit gehen denn wenn Ihr Kunstwerk animiert ist, können Sie einfach alles belassen und dann wieder zur selben Komposition zurückkehren, alles hier einfügen, dieses löschen, alles hier einfügen und die Skala wieder auf 100 reduzieren Okay, du kannst diesen Gedanken auch angeben. Okay, lassen Sie uns mit unserer Animation fortfahren. Okay, also wir haben diesen hinzugefügt und jetzt brauchen wir auch eine Animation für die Augen. Okay. Also, weil die Frau am Leben ist, ist es sehr wahrscheinlich, dass sie auch mit den Augen blinzelt Nun, weil der Charakter nach unten zeigt, nach rechts, und die Augen des Charakters müssen so sein , als ob die Augen tatsächlich senkrecht blinken Also im Grunde können wir diese Parallele nicht einfach so machen wie auf den 90 Grad Wir müssen also bedenken, dass wir auch die Perspektive der Abbildung berücksichtigen müssen. Ich werde also nicht einfach den Ankerpunkt hier platzieren , weil er hier besser passt , weil der Caracor in diese Richtung nach unten schaut Also machen wir weiter und eins, zwei, drei, vier, fünf Und jetzt erstelle ich erneut dieses Schlüsselbild, und es geht zwei Frames zurück, und es wird eins 80 und 20. Das ist übrigens der einfachste Weg eine Blinkanimation zu erstellen Okay. Wie Sie jetzt sehen können, sieht es so aus. Okay, also werde ich einfach diese Animation kopieren und sie einfach in dieses andere Auge einfügen. Ich werde dieses auswählen und ich werde auch den Ankerpunkt hier drüben setzen, und ich werde ihn einfach einfügen. Und so sieht es aus. Okay. Also, ohne in der Animation weiter fortzufahren, habe ich die falsche Ebene ausgewählt. Das ist die richtige. Ohne weiter zu machen, werde ich hier einfach die sich wiederholende blinkende Animation erstellen hier einfach die sich wiederholende blinkende Animation Zuallererst sind wir also mit der blinkenden Animation fertig. Okay. Nun zur TS-Animation. Daran werden wir arbeiten. werden weitermachen und alles lila machen, und wir werden das hier machen. Hier auch. Okay. Also, wie du weißt , werden wir eine Loople-Animation erstellen , oder? Es ist also besser, auch an das Ende dieser Animation zu denken . Wollt ihr, dass die Tränen in der Szene sind oder nicht Okay? Ich denke also, dass am Ende des ersten Schlüsselbilds keine Tränen fließen werden weil wir das Gefühl vermitteln wollen , dass die Person weint und die Tränen verblassen, oder? Das meine ich eigentlich. Also werde ich einfach weitermachen und eine skalierende Animation erstellen. Drauf und es wird Null sein. Okay, wie dieser. Ich werde hier einfach einen Positionsrahmen erstellen. Ich werde es hierher zurückbringen. Okay. Jetzt werden wir also einige Probleme haben, weil wir zuerst die Waage animieren Lassen Sie uns also die Position animieren. Okay, ich werde es einfach hierher zurückbringen. Jetzt, nur um es zu machen, schauen wir mal, wie es aussieht. Okay. Also das sieht momentan irgendwie falsch aus. Das werden wir vielleicht reparieren. Okay. Also, wenn das hier herkommt, wird es größer und die Position hört auf. Ich denke, wir wollen nicht, dass die Position aufhört, weil das T das Gesicht abwischen sollte und es hier zu viel Bewegung geben sollte Okay, ich mache einfach weiter und schaffe es in meinen Block. Okay. Ich werde einfach dieses Auto mit der Animation machen. Okay, du wirst es so benutzen. Ich werde tatsächlich den Ankerpunkt auswählen, also werde ich ihn zuerst einfach zurückdrehen lassen. Okay, und dann wähle ich einfach diesen Griff aus und mache es so. Okay, schauen wir uns an, wie das jetzt aussieht. Okay. Also, der Charakter weint und ich glaube, wir werden es mit der Undurchsichtigkeit einfach verschwinden lassen Bevor es aufhört, oder? B, weil die Träne fällt und sie beim Fallen verblasst Ich sehe draußen. Okay. Das sieht ziemlich echt aus. Viel realer. Ja, richtig? Weil wir bedenken müssen, dass dies eine idealisierte Welt ist, oder? wird also nicht alles so funktionieren wie wir denken oder wie wir es wollen , oder sagen wir einfach, wir werden nicht in der Lage sein, das zu animieren , wenn eine reale Person weint und ihr die Tränen vom Gesicht fallen Okay. , weil es ein kleiner Stuhl sein wird, oder? Also können wir uns nicht einfach zu sehr darauf konzentrieren , einen Augentropfen zu kreieren. Okay. Also, was ich mit diesem machen werde ist, ich denke nur, dass sie weint und dieser hier runterfällt und genau hier verblasst. Okay. Also fangen wir einfach mit dem Auge an. Okay. Wir werden das hier animieren und ich werde es als Referenz behalten Wir werden die wichtigsten Berühmtheiten auf der anderen Ebene ansprechen. Okay. Also werde ich jetzt die Skalierungs-Keyframes kopieren. Ich werde sie einfach hier einfügen. Und wir werden das nur ein bisschen verdrängen . Ich werde einfach auch die pastösen Keyframes hinzufügen und sie platzieren, und wir werden hier auch die Positionsanimation skratzen auch die Positionsanimation skratzen P für Position. Ich werde in der Zeit zurückreisen und einen Keyframe erstellen, weitermachen und ihn runterholen Ganz unten, mal sehen, wie es aussieht. Okay. Okay. Die Skalierungsanimation erfolgt also viel später. Also wollen wir, dass das früher passiert. Okay. Okay, ich glaube, das verblasst zu spät, weil es für mich falsch aussieht Das scheint eher das Gefühl zu betonen, glaube ich Ja. Außerdem ist die Position ziemlich langsam. Wir lockern es einfach ein bisschen und machen ein Speerdiagramm Höhe entspricht übrigens Geschwindigkeit, falls Sie nicht wissen, wie man die Geschwindigkeit animiert Also fangen wir mit hoher Geschwindigkeit an. Okay. Also das ist Tom, glaube ich. Ja, wir werden das einfach machen. Okay. Also der dritte Tropfen. Also, lass uns das ganz schnell machen. Okay. Okay, die Animation wurde erstellt, aber es gibt ein Problem. Ich denke, es wird besser aussehen, wenn es nach einem Wimpernschlag passiert Okay. Also werde ich einfach diese Schichten machen. Mach hier weiter. Und wenn die Animation abschneidet oder sagen wir nach dem letzten Fett die Schichten runter. Ich benutze Strg+Shift D , um die Ebenen zu verkleinern. Okay. Also so ist es. Okay. Lass uns anfangen. Okay. Also macht sich die Frau Sorgen, oder? Sie ist sehr deprimiert. Okay. Also, was wir jetzt tun werden, ist die Ebene auch einfach zu kopieren und einzufügen. Wir werden D kontrollieren, wir werden sie hier erfinden, wir werden sie hier platzieren. Okay. Also können wir einfach diese Ebenen öffnen und sehen, ob die Animation abgeschlossen ist oder nicht. Okay. Also dieser ist nicht fertig als Drop. Okay, also ich werde das nur ein bisschen machen , mal sehen, wie das aussieht. Okay. Wenn der Riss blinkt, beginnt die Animation zu sinken Okay. Ja. Also, das sieht okay aus. Okay. Ja. Und dieser andere, okay. Dieser sollte hier anfangen, denke ich. Okay. Du kannst also ein bisschen Abwechslung in die Animation bringen, weil ich meine, die einen waren zur gleichen Zeit hier , also ist es nicht wirklich wichtig, dass sie auch in der anderen identisch sein sollten. Du kannst das also definitiv auch nach Belieben anpassen. Okay, weil es dafür keine bestimmten Regeln gibt, du musst nur mit deinen Gedanken und deinem Prozess experimentieren Okay. Also das ist kein perfekter Loop. Übrigens, wir werden den Laser reparieren, okay? Am Ende drücken wir einfach Cron und wir werden alle ersten Keyframes bis zu den letzten neu erstellen alle ersten Keyframes bis zu den Also denken wir gerade einfach klug. Okay. Also lass uns jetzt einfach weitermachen und auch den Mund animieren Weil sich der Mund auch ein bisschen bewegen muss. Also mach weiter und erstelle einen Keyframe. Was die Position angeht, werden wir das Gesicht nur ein wenig nach unten bringen. Und ich denke , dass der Charakter vielleicht nicht wirklich den Mund hochhebt. Vielleicht geht es einfach nur knapp zur vorherigen Position zurück. Okay. Also vielleicht so, ich verstehe. Okay. Also ich denke, der Moment ist zu lang, also werde ich ihn einfach kürzer machen. Die werden mir gleich zur Verfügung stehen, und ich werde es einfach weniger machen. Okay, das ist also der Mittelpunkt, glaube ich. Ja, das ist unser Ausgangspunkt. Es bewegt sich also viel, also werde ich es einfach wieder hierher bringen. Ja. Guck mal, wie es aussieht. Okay. Das sieht gut aus. Das sieht gut aus. Ja. Das sieht viel besser aus. Okay, jetzt animieren wir die BHs. Okay. Und Sie werden auch Positions-Grave-Frames auf dem S erstellen. Ich werde eins, eins, zwei erstellen und es wird sie hier runterholen. Okay, und wir heben sie einfach hoch. Ich gehe zu diesen und werde sie ansprechen. Okay. Ja, hier in der Nähe. Ich glaube, das ist rot. Okay. Also schauen wir es uns einfach an. Okay. Das hinkt momentan ziemlich hinterher Also schaue ich es mir an. Okay. Ja. Ich finde, das sieht perfekt aus. Und es passt auch zur Animation der oberen Augenbrauen. Also ja, ich finde das sieht gut aus. Okay. Also, was du tun wirst, ist , dass wir diesen Arm auch ein bisschen animieren werden Richtig. Ich denke also zunächst, wenn wir den Arm vom Oberarm trennen, gibt es, wie Sie sehen, keine Überlappung zwischen den Armen, oder? Also werden wir hier ein kleines Problem haben. Was wir jetzt tun können, ist, es einfach hierher zu bringen und es zu experimentieren. Siehst du, wenn ich den Arm drehe, haben wir ein paar Probleme. Drücken wir einfach Strg Z und es wird hier drüben klicken und wir schauen, welche Ebene sich darüber befindet. Okay, diese Ebene, der Oberarm befindet sich unter dem eigentlichen Unterarm. Das sollte nicht der Fall sein, oder? Also sollten wir das nach unten bringen, und jetzt gehe ich einfach weiter in den Pfad und ich werde einfach dafür sorgen, dass der Pfad unter dem Oberarm verläuft. Auf diese Weise werden wir auch einige Überschneidungen haben, und wir werden auch Animationen erstellen können Ich werde den Pfad auch ein wenig anpassen , sodass wir mit einigen arbeiten können , für die wir etwas Platz haben Okay. Also werde ich einfach weitermachen und eine Rotation erstellen, aber jetzt werde ich den Ankerpunkt richtig setzen, es wird jetzt auf Rotation klicken. Und wie Sie sehen können, können wir es jetzt ziemlich animieren. Okay. Jetzt werde ich einfach einen Rotationsrahmen erstellen. Ich werde einfach weitermachen und Yes, true erstellen, richtig? Okay. Also, wie Sie sehen können, dieser hier, wo ist diese Ebene. Das ist genau hier. Jetzt müssen wir wieder auf Null gehen und die Verbindung zu dieser Ebene herstellen. Damit es sich mit dem Arm bewegt. Okay. Also ich denke, das ist zu viel, denn wie Sie hier sehen können, sieht es ziemlich gut aus, richtig, denn zu diesem Zeitpunkt liegt der Arm über den Beinen, oder? Also sieht es natürlich aus. Als ob es das Gefühl gibt, dass die Hand hinter der Hose ist, oder? Aber jetzt, wo das passiert, sieht es nicht so aus. Also müssen wir uns auch damit befassen. Wir werden den Pfaden auf den Grund gehen, und ich werde einfach weitermachen und diesen Pfad sehr schnell finden. Wir werden einfach diesen finden. Okay. Wo ist dieser? Lass es uns herausfinden. Okay. Hier ist dieser. Okay. Ich gebe ihr einfach und erstelle einen Keyframe Ich werde hierher kommen und diesen auswählen. Ich werde es einfach hierher zurückbringen und von hier hierher. Also ja. Ich denke, das sollte gut aussehen. Lass mal sehen. Sieht ziemlich gut aus, oder? Okay, ich glaube, es gibt ein leichtes Problem mit dem Pixelabrieb. Also müssen wir das hier ein bisschen hinzufügen . Es scheint, dass die Hand da hinten ist und sich bewegt. Sehen Sie, denken Sie daran , dass dieses kleine Detail einen großen Unterschied macht. Okay, okay. Also, was wir tun werden, ist, dass wir weitermachen und in die entgegengesetzte Richtung animieren werden. Zuallererst müssen wir zum oberen Rand der Ebene zurückkehren, p, und wir werden hier zwei Keyframes erstellen Okay. Also war es plus zwei, wir werden vielleicht minus drei nehmen. Also, jetzt müssen die Hände da raus. Also müssen wir nur das erste Schlüsselbild kopieren. Hier drüben vorbei , das hier runterziehen und das hier her. Okay. Also lass uns auch diesen spielen. Siehst du? Sieht nahtlos aus, oder? Es sieht absolut perfekt aus. Es gibt jetzt kein Problem damit. Okay, das sieht okay aus. Und was wir tun werden, ist. Der Großteil unserer Crack-Animation ist fertig. Was wir tun können, um die Animation noch stärker hervorzuheben , ist, dass wir sie auch animieren Könnte ein Problem verursachen, aber lassen Sie uns auch damit experimentieren Diese Schicht ist der Unterarm, und das ist der rechte Unterarm. Beim Riggen müssen Sie also nur die Ebenen in diesem Share benennen. R bedeutet richtig. Wir fügen den unteren Schrägstrich und nennen ihn jetzt Unterarm Das ist R bedeutet also niedrig. Jetzt wirst du es dem präsentieren, glaube ich. Ja, das ist das M und jetzt nennen wir es Oberarm. Also machen wir jetzt weiter und animieren es ein bisschen. Okay. Okay, du kannst auch damit experimentieren. Es wird besser sein, in dieselbe Richtung zu gehen, aber Sie können auch in die kontraintuitive Richtung gehen . Wie Sie sehen können, habe ich einen Fehler gemacht. Ich habe den Schlüsselrahmen nicht hinzugefügt. Fügen wir also den Keyframe hinzu. Geh zurück. Ich werde nur einen hinzufügen. Wie Sie sehen können, hat es die andere Animation kaputt gemacht. Es wäre also besser gewesen, wenn wir das zuerst erstellt hätten, aber machen wir es vorerst, und wir werden es auch reparieren. Ich werde hier einfach minus zwei machen. Und jetzt können wir hier auch einfach die Pfadanimation korrigieren. Ich drücke Pfad, mache den Pfad, bewege mich rückwärts. Okay. Okay. Also, das sieht vernünftiger aus, denke ich. Jetzt werden wir dafür sorgen, dass das noch besser zur Geltung kommt. Da ist eine weiße Linie. Das reparieren wir einfach auch. Mal sehen, wie es jetzt aussieht. Okay, der Arm sieht perfekt aus. Also ja, das sieht perfekt aus. Ich denke, diese Animation sieht zu diesem Zeitpunkt ziemlich groß aus. Ich werde einfach weitermachen und den unteren Teil weniger animieren und auch den Pfad korrigieren Okay, jetzt sind wir also perfekt. In Ordnung. Also, was wir tun werden, ist Animation bis zu diesem Zeitpunkt zu überprüfen. Sieht das toll aus oder nicht? Okay. Okay, das sieht perfekt aus. Wir fahren fort und fahren mit den sechs Sekunden fort, und jetzt werde ich alle gesperrten Ebenen entsperren. Und wir werden jetzt überprüfen, ob wir eine Ebene verlassen haben oder nicht. Nein, haben wir nicht. Okay. Also, was wir jetzt tun werden, ist , all diese Ebenen auszuwählen. Damit der Loop perfekt funktioniert. Was wir jetzt tun werden, ist, all diese orangen und violetten Ebenen auszuwählen , weil lila auch Charakterlayer sind. Behalte das auch im Hinterkopf. Jetzt drücken wir auf unsere Tastatur, und jetzt gehen wir einfach alle unsere Ebenen durch. Wie ihr wisst, sind die violetten Schichten in einer Schleife angeordnet, oder? Also müssen wir uns bei allem nur auf die ersten Keyframes konzentrieren allem nur auf die ersten Keyframes konzentrieren Okay. Also, was wir jetzt tun werden, ist, okay, es gibt also keine Schicht darunter. Wir kommen zur letzten, und jetzt wählen wir diese aus und gehen in die obere Richtung. Okay. All diese sind ausgewählt. Jetzt klicken wir auf Klonen. Und das war's. Das ist es. Lass uns nachschauen. Siehst du, es sieht perfekt aus, oder? Es sieht perfekt aus. Okay. Also, was Sie jetzt tun werden, ist, dass wir all diese Ebenen auswählen werden. Okay, warte. Was wir tun können, ist diese Schichten zu sperren. Okay. Wir werden diese sperren. Jetzt müssen all diese Schichten gelockert werden. Okay? Also, jetzt werden wir all diese und F neun auf unserer Tastatur auswählen. Wenn Sie nun eine wirklich individuelle Lockerung benötigen, können Sie natürlich auch hier die Lockerung intern anwenden Aber ich kann es nicht wirklich empfehlen , denn wenn du es auf ein Profil hochlädst , weil ich denke, dass mehr Lockerung meiner Meinung nach ziemlich gut funktioniert , aber natürlich kannst du weitermachen und die Art Work-Easing hinzufügen Okay, das haben wir bisher festgestellt. Okay, lassen Sie uns weitermachen und jetzt den Rest animieren. Okay. Das werden wir tun. Was wir jetzt tun werden, ist diese Schichten zu scheuen. Wir werden die lila ausschalten. Diese auch. Und jetzt werde ich diese sperren. Ich werde die lila auswählen und ich werde auch diese sperren. Okay. Also, was wir jetzt tun werden, ist, die richtige Animation loszuwerden, richtig? Das hast du nie gesehen. Perfekt. Also, was wir jetzt tun werden, ist , an den Nelken zu arbeiten. Okay, also was ich über die Cloud-Animation denke , ist, dass ich sie zuerst animieren werde, bevor ich sie animiere Ich wähle einfach diese beiden aus und drücke auf Zusammenführen Dadurch werden sie zu einer Ebene, und machen Sie sich keine Sorgen. Das wird immer noch ty-kompatibel bleiben. Ich habe es getestet, Sie müssen sich also keine Sorgen machen. Okay. Also, was du tun wirst, ist in den Wolken zu arbeiten. Zuallererst werde ich sie einfach alle auswählen und sie einfach hierher bringen. Also sind jetzt alle Wolken da. Drücken Sie in der Reihenfolge der Ebenen P auf unserer Tastatur klicken Sie auf den Positions-Keyframe Und um in einem Rhythmus zu arbeiten, die Animation darin, alles miteinander zu verbinden Deshalb empfehle ich, dass Sie in Ihrer Animation für alle Elemente dieselben Zeitstempel verwenden, da es so aussieht, als ob alles synchron zueinander funktioniert. Es sei denn, Ihr Element macht etwas ganz anderes als der Rest der Szene. Also, was du jetzt tun wirst, ist, dass sich die Klauen hier ein bisschen bewegen werden und in die entgegengesetzte Richtung, dann ein bisschen das angeht, denke ich, dass dieser verschwinden und verblassen wird. Dieser Keyframe wird hier verschwinden und er wird einfach verschwinden, glaube ich Wir fügen die Kunststoffe einfach später hinzu. Was werden wir für diesen tun? Einer wird mit diesem kollidieren und dieser wird mit diesem kollidieren und dieser wird hierher kommen und dieser wird auch hierher kommen, dieser wird ein bisschen mehr hierher kommen und dann werden sie sich in die andere Richtung bewegen Also ja, lass uns das jetzt einfach machen Okay. Also dieser wird hier drüben hingehen. Dieser wird sich auch bewegen, genau hierher. Okay, also dieser wird sich auch bewegen. Und dieser wird sich in diese Richtung bewegen, weil du auch etwas zufälliger mit Elementen umgehen kannst , weil, wie du weißt, das Wetter störend ist Es ist also nicht notwendig , dass sich die Wolken linear oder in einem Muster bewegen , und zwar alle Sie können also eine Vielzahl von Änderungen an dieser Art von Animationen vornehmen. Okay. Also, was du jetzt machen wirst , ist das alles zu lassen und dann auf Klonen zu klicken. Okay. Und ich werde einfach weitermachen und auf Lockerung klicken Okay. Mal sehen, wie das aussieht. Okay. Okay, jetzt bewegt sich das hierher. Okay. Ich möchte die Bewegungsteile auf jedem von ihnen sehen. Ich werde sie einfach alle betreten. Okay, also dieser Schritt in diese Richtung. Und dann in diese Richtung. Okay, dieser bewegt sich also viel, glaube ich. Es wird dafür sorgen, dass es sich bewegt, also denke ich, dass das nicht echt aussieht . Das wird sich also bewegen. Und die hinken ein bisschen hinterher und kommen dann. Ja. Das ist völlig in Ordnung. Nun, dieser, was macht dieser? Okay. Dieser ist nicht animierend? Ich glaube, weil der Keyframe tatsächlich geklont wurde. Ich werde einfach weitermachen und den Plastik-Keyframe hier drüben erstellen den Plastik-Keyframe hier drüben Ich glaube, dieser wird innerhalb einer Sekunde verblassen. Das wird nicht auf dem Bildschirm erscheinen und es wird erscheinen. Also werde ich einfach so erscheinen. Dieser wird erscheinen, und dann verblassen wir einfach in der fünften Sekunde und verblassen wieder. Und ich werde einfach hier drüben die Shift-Taste drücken, und wie Sie sehen können. Okay. Okay, es gibt also ein kleines Problem. Was ist das? Jetzt scheint die Cloud wegen der Lockerung zum Stillstand zu kommen? Ich glaube also nicht, dass diese Lockerung in dieser Cloud wirklich funktioniert. Also werde ich es einfach linear machen. Okay. Ich denke, das wird für dieses Publikum besser funktionieren. Sie müssen diese Details im Hinterkopf behalten. Einige von Ihnen denken vielleicht, dass ich ein Wahnsinniger bin. 5. 04.Animation für Kunden & Animiere Texte: Hallo, alle zusammen. Willkommen zurück zum Kurs. Okay. In diesem Kurs werde ich ein Beispiel für eine Arbeit vorstellen , die ich für Ihren Kunden geschaffen habe. Okay? In diesem Beispiel müssen Sie also gesehen haben, dass auf der Welt eine Menge KI-Sachen passiert, richtig, und die Leute brauchen Animationen für ihre KI-Modelle, okay, in denen sie den Kunden vermitteln wollen , was ihr KI-Modell tatsächlich kann. Okay. Es gab also mehrere Anfragen, und ich habe mehrere Bestellungen abgeschlossen, die sich auf dieses Zeug beziehen, und mehrere Projekte speziell auf dieses Zeug beziehen. Also wollte ich das nur auch in den Kurs aufnehmen. Und ich zeige Ihnen auch einige Beispiele dafür , wie wir Lotifies in diesen Angelegenheiten einsetzen können Diese rote Form dient im Grunde nur dazu, das Logbuch des Kunden zu verdecken , weil ich auch seine Privatsphäre respektieren möchte Okay. Also, was passiert eigentlich. Lass uns gehen Das ist unser Hauptkomp. Okay. Also gehe ich einfach in den Chat PC Comp Wie Sie sehen können, wird dies auch als Chat-PC bezeichnet , was bedeutet, dass es sich um einen Precomp Und in diesem Precomp gibt es mehrere Ebenen gibt es Lassen Sie uns jetzt einfach unsere Akte durchgehen. Okay. Zuallererst, was hier passiert, ist , dass diese Chat-Blase erscheint. Okay, also lass uns weitermachen und das überprüfen. Das ist ziemlich einfach, wie Sie in der vorherigen Klasse gesehen Wir haben eine komplexe Szene animiert. Das ist also nicht wirklich eine große Sache. Wie Sie sehen können, ist das nur eine maßstabsgetreue Animation, und ich habe gerade die Ebenen mit diesen Plugin-Haarbewegungsregeln sequenziert , okay Es ist also im Grunde eine Täuschung, dass das Chatboard denkt oder tippt Und dieselbe Animation wird sowohl für den Benutzer als auch für das Chatboard erstellt Okay. Wenn Sie also diese Art von Animationen erstellen, müssen Sie einige Dinge beachten. Zuallererst gibt es immer das Gefühl, das im Hinterkopf zu behalten , all die KI-Sachen , die passieren oder gerade passieren. Dazwischen gibt es eine Gemeinsamkeit Die KI wird Ihnen Zeit sparen. Okay? Also sollte die Animation nicht wirklich lang sein, oder es sollte nicht viel Zeit in Anspruch nehmen, um zu zeigen, welche Fähigkeiten die KI tatsächlich kann. Aus diesem Grund denken Sie vielleicht, dass die Animation zu schnell animiert wird, aber diese Animation wird auf einer Website angewendet Das wird also immer und immer wieder geladen. Und wenn jemand wirklich daran interessiert ist , den gesamten Text zu lesen, kann er ihn sich einfach noch einmal ansehen , da sich die Animation von kann er ihn sich einfach noch einmal ansehen , da sich die Animation selbst neu lädt und erneut auf der Website abgespielt wird erneut auf der Website abgespielt Also, wir wollen das einfach ansprechend aussehen lassen , wenn wir diese Art von Animationen erstellen Der alleinige Zweck besteht nicht darin, jeden Buchstaben einzeln zu animieren Wir möchten die Animation also nicht sehr lang und Buchstabe für Buchstabe machen , weil der Benutzer möglicherweise weniger daran interessiert ist, sich die gesamte Animation anzusehen , und auf der Webseite nach unten scrollt. Okay? Also sagen wir einfach, wie Sie sehen können, das ist die Bubble-Animation. Und ich habe ihr gerade Opazitätsrahmen hinzugefügt. Es beginnt mit der Opazität und verschwindet, und es erscheint nur eine Textblase Okay. Lass uns einfach weitermachen und das überprüfen. Okay. Also hier ist eine skalierende Animation. Und was danach passiert, ist, dass die Seifenblase etwas überschwingt Und danach, was tatsächlich passiert, ist, dass die Person die KI bittet , dass ich mein Haus umgestalten möchte, okay Wie Sie sehen können, ist das vorerst nur diese Ebene. Wie Sie sehen können, ist dies eine Textebene. Und jetzt werden wir sehen , was sich tatsächlich in der Ebene befindet, was tatsächlich animiert ist. Wie Sie sehen können, ist nur die Deckkraft animiert, und auf der Ebene befindet sich eine Maske Jetzt können wir auch viele andere Dinge mit Maskierung machen, die wir im Kurs für Fortgeschrittene behandeln werden, der hoffentlich bald kommen wird , und wir werden viele komplexe Techniken behandeln, die wir anwenden können, um mit Masken in Art Animison mehrere Ergebnisse zu erzielen mit Masken in Art Animison mehrere Ergebnisse , da Masken von Kunstdateien unterstützt werden Wir werden also wirklich viel detaillierter lernen, wie man sie benutzt Okay. Also lass uns jetzt einfach die Maske ausschalten und sehen. Was wäre, wenn es keine Maske gäbe. Okay. Also habe ich die Maske deaktiviert und wie du siehst, gibt es auch nichts. Und es gibt auch diese unterste Ebene, die auch eine Maske enthält. Nun, warum ich die Maske auf diese Schichten aufgetragen habe , das werdet ihr sehr bald herausfinden. Wie ihr in der nächsten Nachricht sehen könnt, gibt es diese Textebene. Die erste Zeile ist maskiert. Und da ist diese zweite Zeile, die ebenfalls maskiert ist Und dann ist da noch diese dritte. Warum habe ich mich also nicht andere Technik entschieden, anstatt Maske zu verwenden, liegt daran, dass wir auch die Einzelheiten des Exports dieser Animationen lernen werden daran, dass wir auch die Einzelheiten des Exports dieser Animationen lernen werden, indem wir das Body Move und Plug-In verwenden, das ich in der vorherigen Klasse installiert habe. Okay. Was wir also tun werden , ist, dass uns diese Maskierungstechniken viel Zeit sparen werden, wenn der Kunde viele Änderungen anfordert Also, was Sie damit meinen , ist, sagen wir einfach , die Anfrage des Kunden, den Text zu ändern Okay? Also, was wir tun werden, ist, dass all diese Schichten tatsächlich dieselbe Ebene sind, okay? Lassen Sie uns also einfach die Maske einschalten, schalten wir einfach diese beiden aus und deaktivieren Sie die Maske auf dieser. Wie Sie sehen können, befindet sich der gesamte Text in diesem. Nehmen wir stattdessen einfach an, der Kunde möchte den Text ändern. Wir können einfach den gesamten Text auf einer Ebene bearbeiten und dann können wir diese Ebene einfach duplizieren, und dann müssen wir die Ebene nicht verschieben, denn wie Sie vielleicht wissen, haben alle Unternehmen einige Einschränkungen und Regeln für ihre Schriften und ihre Schriften sowie für den Abstand zwischen den Zeilen Wir müssen also alles im Hinterkopf behalten , wenn es darum geht Es ist also besser, einfach den Standard dessen beizubehalten , was der Kunde Ihnen sagt, und dann können Sie das einfach bearbeiten und dann Masken auf jede Ebene anwenden und sie in Linien aufteilen. Ich denke, dieser Ansatz funktioniert wirklich gut, und das spart uns viel Zeit, wenn es um den Arbeitsablauf und die Bearbeitung des Textes geht . Sei oder andere Dinge , die du tun kannst, sagen wir einfach, dass du die Alternative dazu lernen willst . Die Alternative kann sein, dass Sie diese Ebene duplizieren. Lass es uns vorerst einfach verkaufen. Wir werden das deaktivieren, wir werden es vorerst verkaufen, und lassen Sie uns einfach die Maske entfernen. Okay. Sagen wir einfach, dass wir aus dieser Formebene Formebenen erstellen wollen . Okay. Warten wir einfach ab, sehen wir, jetzt ist der Text erstellt. Jetzt gibt es ein Problem mit diesem. Das Problem mit diesem ist, dass wir den Text jetzt zunächst nicht wirklich bearbeiten können. Und wenn wir die oberen beiden Ebenen löschen müssen, werden wir es schwer haben. Und vielleicht kannst du das sagen, wir wollen das nicht bearbeiten. Was wir tun wollen, ist, dass wir wieder verkaufen wollen. Wir wollen das Wort nur in Erwägung ziehen. Okay. Wenn wir die oberen beiden Zeilen löschen, wird der Text im Grunde genommen seine Position ändern. Wir könnten also sehr damit zu kämpfen haben. Wir müssen es dann einfach an der richtigen Position unter die anderen beiden Ebenen ziehen es dann einfach an der richtigen Position unter die anderen beiden Ebenen , ohne Pixelfehler zu machen, und das kann viel Zeit verschwenden. Okay. Also ich schätze diesen Ansatz nicht und ich denke, dass dieser Ansatz, der maskierende, bei dieser Art von Animationsprojekten für Textkonversationen viel besser funktioniert dieser Art von Animationsprojekten für Textkonversationen Okay. Und weil der Prozess in der Region viel einfacher wird. Okay. Und natürlich es Zeiten geben wird es Zeiten geben, in denen der Client das Skript ändert oder es Änderungen aufgrund anderer Dinge gibt oder Sie vielleicht etwas falsch eingegeben haben . Okay. Also ist es wichtig, das im Hinterkopf zu behalten. Und es gibt noch eine weitere Sache zu beachten, die wir in einer anderen Klasse der nächsten Klasse besprechen werden . Okay. Also, jetzt animiert sich auch diese Blase von selbst, okay Und dann kommt dieser Text vom Benutzer, und dann erkennt die KI das und denkt ein bisschen darüber Und dann ist es das, was es dem Kunden vorschlägt, und dann tippt die Person alles ein und dann taucht das Okay. So läuft die Konversation zwischen KI und der Person ab. Okay. Jetzt haben wir die Animation eingerichtet. So können Sie beispielsweise bei dieser Art der Textbearbeitung viel frustrierter werden, können Sie beispielsweise bei dieser Art der Textbearbeitung viel frustrierter werden wenn Sie den anderen Ansatz wählen , von dem ich Ihnen erzählt habe Aber jetzt, da ich dieselbe Textebene verwende, müssen wir nur die Ebene verschieben Das war's und einfach Masken erstellen. Das ist es. Und wenn der Kunde eine Änderung wünscht, sagen wir einfach den Text . Wir müssen nur weitermachen und einige Anpassungen an den Rändern der Maske vornehmen. Das ist es. Oder wir können es einfach löschen und innerhalb einer Minute ein neues zeichnen. Wir müssen nur diesen erstellen. Gehen Sie zum Stiftwerkzeug und beginnen Sie mit der Erstellung eines neuen Fügen Sie einfach ein paar Punkte und nehmen Sie die Anpassungen vor , die wir benötigen. Du verstehst also, was ich meine, oder? Okay. Lassen Sie uns jetzt einfach sagen, dass wir die gesamte Animation animiert haben. Nachdem die Animation abgeschlossen ist, werden wir nun dafür sorgen, dass dem Benutzer angezeigt wird sorgen, dass dem Benutzer angezeigt wird , dass jemand diese Animation auf einem Handy verwendet. Also werden wir dafür ein Handy brauchen, oder? Wir werden einen Platzhalter für all diesen Text verwenden, der in das Handy passt Also gehen wir zurück zu unserer Hauptkomposition und ich werde dir zeigen, wie ich das erstellt habe Okay. Also, was wir hier geschaffen haben, ist ein Telefon, das ich von FP bekommen habe, glaube ich. Und was wir jetzt tun können, ist, oder vielleicht glaube ich, der Kunde hat mir die Datei geschickt. Das war also im Grunde eine EPS-Datei. Das ist die Datei, die mir der Kunde geschickt hat. Ich habe einfach all diese Ebenen ausgewählt und sie einfach auf Overload übertragen und sie einfach in After Effects hierher gebracht. Und danach habe ich einfach Cate vorgezeichnet und es hier drüben platziert und einfach die Sterntaste hier drüben aktiviert. Okay. Also, was als Kollapstransformation bekannt ist. Okay. Also kontinuierlich rastern oder vektorisieren. Also, was wir hier gemacht haben, ist, dass hier das Logo des Kunden war. Wir platzieren das Logo, weil sie natürlich ihr Branding zeigen wollen. Jetzt machen wir einfach weiter und sperren das Telefon. Und jetzt ist hier unsere Animation. Lassen Sie uns einfach die Maske abnehmen , um zu sehen, wie die Konversation hier aussieht. Okay, da wir die gesamte Animation in einem Telefon zeigen wollen , gibt es ein kleines Problem. Wie Sie sehen können, ist die Animation eigentlich ziemlich lang, oder? Und wie ihr vielleicht wisst, wenn ihr soziale Medien und andere Dinge genutzt habt. Es gibt ein UI-Panel hier drüben im Lasst uns zuerst die Maske zurückbringen. Okay. Jetzt erkläre ich dir, warum ich die letzten Nachrichten hier unten nicht angezeigt habe , denn wie ihr wisst, tippt der Benutzer immer etwas in diesem Bereich, da wir WhatsApp benutzen wisst ihr, dass das der Bereich ist , in dem wir alles eingeben, oder? Nun, du könntest sagen dass die Animation so hätte funktionieren sollen, dass die Textrate genau hier geschrieben wurde und dann im Chat nach oben ging , oder? Aber das war nicht das, was der Kunde wollte. Der Kunde wollte, dass ich die Konversation zwischen der KI und der Person auf diese Weise zeige . Okay. Deshalb haben wir uns für diesen Ansatz entschieden. Okay. Außerdem hatten sie noch kein UI-Design für ihre App. konnten sie also nicht wirklich feststellen. Okay. Also, was ich jetzt gemacht habe ist, dass die Animation genau hier ist, okay? Und jetzt wollen wir zeigen, dass es oberen Teil etwas Negatives auch im oberen Teil etwas Negatives gibt, weil es das Branding gibt, und natürlich beginnt der Chat jetzt von hier aus. Nun, das ist interessant was ich hier gemacht habe , ist , dass ich bei diesem Chat-Precomp eigentlich einen Scroll-Effekt erzeugen möchte , okay Und es gibt zwei Möglichkeiten, das zu erzeugen . Eine davon ist , dass wir hier die Animation des Scrollens im Inneren erstellen können hier die Animation des Scrollens im Inneren Okay, und dann können wir einfach alles einer Null überordnen und dann das Schlüsselbild für das Null-Objekt positionieren Okay? Also bewegt sich alles mit der Null in Richtung Pro. Das können wir auch tun. Aber damit wird es Probleme geben , wenn wir den Text bearbeiten weil der nächste Absatz vielleicht , weil der nächste Absatz vielleicht etwas länger und einer davon etwas kürzer sein wird, und die Lücke zwischen den Nachrichten könnte störend werden. Der Abstand zwischen den Nachrichten bleibt möglicherweise nicht so, wie Sie ihn gerade sehen können. Okay, deswegen können wir zwischen Problemen hin- und herlaufen. diesem Grund habe ich mich für diesen Ansatz entschieden , einen Precomp zu erstellen, weil die Textanimation für sich genommen perfekt sein sollte Okay. Und dann der Rest der Animation, die wir darin kombinieren wollen sollte der Rest der Animation, die wir darin kombinieren wollen, in einem eher erweiterten Anhang erstellt werden . Ich denke. Wenn also etwas in der Animation kaputt geht, die Textanimation davon nicht beeinflusst , weil sie sich innerhalb dieser Ebene befindet. Es ist in diesem Precomp. Wenn wir also Fehler machen oder Anpassungen falsch sind, wird das nur auf den Precomp angewendet Es wird nicht unser gesamtes Projekt ruinieren. Also haben wir zuerst die Animation im Chat perfektioniert, und dann habe ich einfach alles vorprogrammiert Nun, was ich hier gemacht habe, ist, dass ich eine Maske erstellt habe, in der ich sichergehen wollte , welcher Bereich für unseren Chat verwendet werden soll, das ist dieser Bereich , den Sie sehen können Lasst uns einfach die Farbe unserer Maske ändern damit ihr klar sehen könnt. Okay, wir machen daraus eine Limettenfarbe. Okay. Okay, es gibt also keinen Kontrast im Hintergrund, also nehmen wir einfach einen dunkleren. Okay, wir nehmen ein schwarzes. Okay. Ich denke, das sieht sichtbarer aus. Okay. Also, wie Sie diesen Arbeitsbereich hier sehen können werden wir Dinge animieren Und weil unsere Animation eine Vektoranimation sein wird, müssen wir uns wirklich keine Gedanken über die Maskierung oder die Beibehaltung BHs machen, weil die Ebenen darin alle Vektoren sind Das wird also eigentlich keine Probleme verursachen. Okay. Also kannst du den Stern aus der Ebene entfernen. Es wird keine Probleme bereiten. Ich habe die Animationen auf den Plattformen getestet. Sie funktionieren einwandfrei. Okay. Also gibt es eine Maske. Okay. Ich versuche zu zeigen, dass die Nachrichten in die obere Richtung gehen, weil es neue Daten gibt, die wir im Chat zeigen wollen, oder? In einfachen Worten, so funktioniert WhatsApp, oder? Die älteren Nachrichten bewegen sich nach oben und die neuen Nachrichten befinden sich unten. Okay. Jetzt animiert sich der Pfad von diesem Punkt bis zu diesem Punkt von selbst Nun, was tatsächlich passiert, lasst uns einfach weitermachen und zuschauen Okay. Wie Sie sehen können, kommt die Maske von oben nach unten. Und es gibt auch eine Positionsanimation, die die Animation der Maske in der entsprechenden Richtung kompensiert Maske in der entsprechenden Richtung Und wie funktioniert das? Lassen Sie uns einfach die Positionsangabe entfernen, damit Sie sich ein besseres Bild machen können Siehst du, was dort passiert ist? Du verstehst die Idee. Wir versuchen hier zu zeigen , dass wir den Chat nach oben verschieben wollen. Aber wenn ich die Masse nach unten bewege, scheint der gesamte Chat auf dem Bildschirm zu erscheinen Das wollen wir nicht zeigen. Wir möchten, dass die erste Nachricht oben auf dem Bildschirm angezeigt wird. Und es macht einen kleinen Unterschied, ob ihr bemerkt, dass die erste Nachricht hier ankommt. Lass uns einfach eine Anleitung zeichnen. Aber später ist die Botschaft hier. Warum ist dieser Raum also nicht zugeordnet? Der Grund dafür ist , dass hier diese lila Botschaft ist. Nun, ich hätte es einfach so ausdrücken können, dass die lila Nachricht hier halb durchgeschnitten ist, aber das sah nicht wirklich gut aus. Also haben wir einfach mit der Idee weitergemacht , dass wir sichergehen wollen , dass die Konversation von Punkt zu Punkt aussieht, oder? Weil es eine Geschichte ist, die wir zu erzählen versuchen. Also ich wollte einfach nicht, dass zwischen den Geschichten eine halbe Botschaft steht , weil die Leute diese bereits gelesen haben , okay? Und für den Fall, dass einige Leute sie nicht gelesen haben, dann ist da Zuallererst ist es nicht möglich, dass sie es nicht gelesen haben, da diese Nachricht einige Sekunden auf dem Bildschirm bleibt. Okay. Und dann scrollt dieser nach oben. Also habe ich diese Entscheidung getroffen, nur um das Design sauberer aussehen zu lassen. Das ist es. Okay. Und wenn sich die Maske nach unten bewegt, gibt es eine Positionsanimation, die die gesamte Animation nach oben zeigt, okay? Lassen Sie uns zum Beispiel einfach den Schlüssel von der Maske entfernen, schauen wir mal, was passiert. Siehst du, was passiert? Okay. Also bewegt sich der Chat im Grunde in die obere Richtung. Das ist es. Das ist alles was passiert. Das sieht ziemlich komisch aus, weil wir unsere Grenze überschritten haben und da ist das Logo des Kunden. Deshalb habe ich diese vier Schlüsselbilder erstellt , in denen eine Animation die andere in die entgegengesetzte Richtung angreift und es im Grunde so aussieht, und es im Grunde so als würden wir tatsächlich kritzeln Aber das ist nicht wirklich das, was passiert. Aber denk immer daran, dass es immer darum geht, was die Person sehen will. Es geht nicht darum, wie es funktioniert. Es geht um die Illusion , die wir erschaffen. Wir wollen die Botschaft vermitteln, dass diese Konversation nach unten animiert wird . Okay? Es spielt keine Rolle, wie wir es erreicht haben. Okay? Nur das Ergebnis sollte glatt sein. Das ist es. Und die Konversation geht weiter und auch diese animiert sich selbst, und unsere Animation ist fertig, und sie bleibt etwa eine Sekunde auf dem Bildschirm , und dann fängt sie wieder von vorne Das ist alles. Okay. So könnt ihr also diese Art von Animationen erstellen. Und ich werde Ihnen in der nächsten Lektion zeigen , wie wir diese Art von Szenen tatsächlich exportieren werden und was die optimierten und idealen Einstellungen sind die optimierten und idealen Einstellungen die besten Ergebnisse zu erzielen Ihren Lot-Dateien die besten Ergebnisse zu erzielen, indem Sie Körperbewegungen verwenden. Und weil es viele erweiterte Funktionen bietet als das Lotifiles-Plug-In selbst Deshalb werden wir sie in der späteren Klasse behandeln. Ich danke dir vielmals. Ich werde es in der nächsten Klasse sehen. Okay. 6. 05.Komplexe Animationen & Workflow verwalten: Okay, wir sind also wieder da. Und jetzt werden wir uns ein weiteres Beispiel und eine weitere Fallstudie eines wirklich komplexen Projekts ansehen. Ich habe diese Animationen tatsächlich für eine Website namens Quander erstellt , und sie haben etwas ganz Tolles angefordert Und ich werde diese Fallstudie mit euch teilen. Lassen Sie uns Ihnen einfach zeigen , was ich tatsächlich für dieses Unternehmen geschaffen habe. Okay. Also werde ich einfach zuallererst die Animation abspielen. Okay. Okay. Wie Sie sehen können, zeigen und erklären sie im Grunde das gesamte Konzept ihres Produkts, okay, auf wirklich kreative Weise. Und ich glaube, dass dieses Projekt eines meiner besten Projekte war, und ich möchte es wirklich mit euch teilen und euch erklären, wie ich diese Art von Ergebnissen erzielt habe. Und bevor wir weitermachen, werde ich euch nur etwas zeigen , was wirklich wichtig ist Ich habe dieses Projekt vor einiger Zeit ins Leben gerufen. Und was ich Ihnen zeigen werde, ist, dass ich früher auch die Stilrahmen von einem Astrator mitgebracht habe, den mir der Kunde geschickt hat, und dann musste ich mit diesem Schritt einfach alles Schicht für Schicht neu erstellen, in After Effects Aber es ist viel besser, weißt du, einfach die Dateien in Liraor zu öffnen und dann einfach die Animation mit dieser Überladung zu erstellen die Animation mit dieser Überladung denn dann musst du diesen Prozess nicht , denn dann musst du diesen Prozess nicht durchlaufen und das spart dir viel Zeit. Okay, fangen wir also mit dem an was mir der Kunde tatsächlich geschickt hat Also hat mir der Kunde im Grunde nur diese Stilrahmen geschickt , okay? Ich werde sie einfach alle öffnen und mit euch teilen. Okay. Fangen wir also mit dem ersten an. Okay, das ist also das erste, das animierte Zentrum, das animierte Zentrum füge das hier hinein in das hier hinein in das hier hinein Und wie Sie sehen können, ändert sich kein Text. Tatsächlich gab es einige Probleme mit den Dateien und der Kunde bat mich um einige Änderungen, und ich habe einfach den Namen von ihnen gefunden und dann habe ich die Änderungen einfach so vorgenommen, wie sie mich gefragt haben. Im Grunde hatten diese Style-Frames also tatsächlich einige Fehler. Also ja. Wie Sie sehen können, gibt es hier keine Texte, aber sie sind in meinen Animationen enthalten. Das ist also im Grunde das, was der Kunde mir mitgeteilt hat. Und was ich hier gemacht habe, ist, dass der Kunde nicht wirklich an den Animationsprozess gedacht hat. Sie hatten keine bestimmte Richtung für das, was sie mich mit dem Animationsprozess machen wollten . Sie brauchten nur eine reibungslose Animation. übertrage ich ihre Geschichte von In diesem Fall übertrage ich ihre Geschichte von A nach B , und zwar über diese Rechte. Okay. Also habe ich mir diesen Woo ausgedacht. Ich schaue mir diese Datei tatsächlich nach einer ganzen Weile an. Also wie du siehst, whoo. Es ist wirklich unglaublich, Mann. Ich bin erstaunt über meine eigene Arbeit, um ehrlich zu sein, weil ich meine Datei nach einer wirklich langen Zeit öffne. Also okay. Also im Grunde ist das Konzept auch so, der Kunde gefragt hat , dass er diese Animation in 60 fs pro Sekunde benötigt . Aus diesem Grund wird diese Animation mit einer Geschwindigkeit von 60 fs pro Sekunde erstellt . Okay. Was also tatsächlich passiert, ist, dass ich möglichst sanfte Übergänge zwischen allem schaffen musste Übergänge zwischen allem schaffen Also habe ich einfach mit der Idee weitergemacht und diese Animation erstellt Okay, jetzt werden wir uns einige der Techniken ansehen , die ich verwende, wobei wir berücksichtigen, dass ich Kunden eine große Menge liefern werde und welche Techniken ich verwendet habe, um die Arbeit zu erledigen Und es gibt drei Animationen in diesem Projekt, die ich für den Kunden gemacht habe, aber ich werde nur eine mit euch teilen weil ich denke, das ist genug, um die Idee zu bekommen Lass uns einfach weitermachen und uns damit befassen. Die erste ist eine Kreisanimation, die wirklich einfach ist. Dies ist die animierte Kreisanimation, bei der der Kreis erscheint und dann abwärts geht Im Grunde hat es keinen Wert , diesen Kreis für eine lange Zeit auf dem Bildschirm Weil noch kein Motiv gebaut wurde. Das, wofür dieser Kreis steht. Okay. Also werden wir später hier drüben zu diesem Punkt kommen, richtig? Dass diese Farbe im Grunde für einen Lernenden steht. Okay. Also das ist hier nicht bewiesen. Deshalb macht es keinen Sinn, diesen Punkt ziemlich lange auf dem Bildschirm zu belassen. Aber unbewusst repräsentiert es im Grunde den Benutzer, der auf den Bildschirm schaut. Okay. Also im Grunde ist das die Person , die auf den Bildschirm schaut. Das geht jetzt auf die Schüler über. Okay. Und jetzt sind sie umso weniger gelb gekennzeichnet . Okay, wir machen es euch einfach wirklich einfach , weil ich denke, das ist einfach zu viel. Okay. Also hier sind die Frames im Maßstab K. Also kreisen sie alle einfach. Zuallererst geht auch dieser Kreis einfach zurück in die Mitte und skaliert nach unten in die Mitte. Okay. Und was hier tatsächlich passiert, ist, dass diese Kreise zuerst skaliert werden und was tatsächlich passiert, ist, dass, nachdem sie skaliert wurden. Ich musste auch bedenken, dass die Frames an den Storyboards des Kunden ausgerichtet sein sollten Storyboards des Kunden ausgerichtet Also, wie Sie in diesem sehen können. Der beste Weg, diese Art von Animationen zu erstellen , besteht darin, dass Sie zunächst alles neu erstellen müssen. Machen einfach weiter und erstellen Sie das Und der Ansatz, um nahtlose Animationen zu erstellen, ohne irgendwelche Fehler zu machen , besteht darin, dass Sie, wenn Sie den Style-Frame kopieren und er sich in After Effects befindet, zunächst sicherstellen müssen , dass alles beim Alten bleibt Deshalb werden Sie einfach weitermachen und die Schlüsselbilder für alles erstellen , was so ist, wie es ist. Okay. Sie werden also keinerlei Änderungen vornehmen. Sie werden nur Keyframes hinzufügen. Okay? Du musst im Hinterkopf behalten, welche Eigenschaften du animieren wirst? Und dann musst du das einfach im Hinterkopf behalten. Offensichtlich hat mir der Kunde die Stilrahmen zur Verfügung gestellt. Also kann ich einfach weitermachen und mir ansehen , welche Art von Animation ich machen werde. Wie Sie sehen, ist es offensichtlich, dass wir die Positionen animieren müssen Also erstelle ich einfach die Positions-Keyframes. Okay. Was werden wir sonst tun? Okay, wir werden Opazitäts-Keyframes benötigen, weil es einen Unterschied in der Opazität gibt Und da ist noch etwas anderes. Es gibt auch einen Farbunterschied, oder? Wie du sehen kannst. Diese Farbe ist anders. Okay. Das macht also drei Immobilien. Okay. Zuallererst haben wir gerade Positions-Keyframes hinzugefügt Jetzt werden wir Farbrahmen hinzufügen. Okay. Also erstelle einfach farbige Keyframes Was wir tun können, ist diesen einfach zu hacken. Wir werden nach Farbe suchen. Wir fügen einfach zuerst die Ebenen hinzu und geben dann Farbe ein. Okay. Jetzt ist die Farbe da, wir fügen einfach die Keyframes auf allen Ebenen hinzu. So erstellen Sie also im Grunde den gleichen Stilrahmen bevor Sie mit dem Animationsprozess beginnen. Jetzt werden also die Farb-Keyframes hinzugefügt. Nun, die dritte Sache , die wir hinzufügen möchten, ist, dass wir all diese auswählen Jetzt gehen wir zu p t , weil wir die Opazität animieren Wir werden ein Schlüsselbild erstellen. Okay, jetzt können wir loslegen. Wenn wir eine andere Eigenschaft animieren wollen, wir einfach weiter und suchen auch danach Aber ich glaube nicht, dass wir eine andere Eigenschaft animieren müssen Also ich denke, das ist genug. Okay, jetzt mache ich einfach weiter und fange an, das Zeug zu animieren, okay? So startest du den Animationsprozess. Sie müssen mit den Storyboards in Kontakt bleiben und dann darüber nachdenken, welche Keyframes Sie benötigen werden Weil Sie nicht einfach Rotation und Opazität erstellen und Keyframes skalieren können, wenn Sie sie nicht benötigen Es ist wirklich wichtig , das im Hinterkopf zu behalten, denn Keyframes enthalten Daten Wenn Sie also weniger Keyframes hinzufügen, wird das nur die Größe der Protokolldatei erhöhen. Wenn sich die Daten in allen Keyframes nicht ändern, wird sich das natürlich Daten in allen Keyframes nicht ändern, nicht wirklich auf irgendetwas auswirken Aber es ist wichtig, so wenig Keyframes wie möglich in Ihren Artifies und ob es bestimmte Probleme oder Probleme gibt , die Sie angehen möchten, worüber wir gleich noch sprechen werden Dann kannst du auch einige zusätzliche IS erstellen, die du später optimieren kannst Okay. Also lass uns das einfach löschen und lass uns einfach zur Hauptkomposition zurückkehren und das weiter besprechen Okay. Also nach der Animation der Skalierung auf diesen. Wie Sie sehen können, animieren sie alle . Und dann passiert das, also das sind die Ebenen Okay, wir werden zu diesem zurückkehren , weil es vielleicht einige Probleme und den Bearbeitungsprozess in diesen Coms gegeben haben muss einige Probleme und den Bearbeitungsprozess in diesen Coms gegeben Das ist der Grund, warum dies nicht die endgültige Version ist. Denn wie Sie hier sehen können, habe ich einen Feldeffekt hinzugefügt. Okay, also das wird im Lotto nicht funktionieren. Also das könnte der erste Entwurf der Animation sein. Und Sie können dies auch tun, während Sie die grobe Animation erstellen , sodass Sie nicht alles über die Lottie im Hinterkopf behalten müssen Sie können einfach einen schnellen Rohentwurf der Animation erstellen , denn wie Sie sehen können, falls es uns wirklich leid tut, ich habe den nicht gesperrt Okay, also lass uns weitermachen und das sperren. Es ist nur ein wichtiger Tipp, sagen wir einfach , dass wir all diese Ebenen neu einfärben müssen Es gibt also ein paar Schritte. Die Art und Weise, wie wir diese Schichten neu einfärben können. Eine davon ist das Hinzufügen eines Filifts , was wirklich eine Abkürzung ist, und das wird uns viel Zeit sparen müssen wir tun. Also verwende ich hier einfach diesen Ansatz, um mir etwas Zeit zu sparen , da der Kunde später möglicherweise die Bearbeitung des Textes oder etwas Ähnliches anfordert . Dann müssen Sie die Formebenen des Textes neu erstellen und dann auch die Farbe ändern Deshalb kann das manchmal problematisch werden. Also habe ich das gerade im Rohentwurf erstellt. Also lasse ich das einfach aus dem Weg, wir konzentrieren uns auf das eine Los, das sind die letzten fünf, die künstlerisch kompatibel Okay. Danach gibt es eine Animation zum Öffnen der Positionseigenschaft. Okay, die Position beginnt also von hier aus. Okay, also die gesamte Animation beginnt in der Mitte des Kommas, und dann skalieren sie nach oben und zu ihrer jeweiligen Position. Also im Grunde habe ich diese Keyframes später erstellt, okay? Wir haben von hier aus angefangen. Ich habe diese Keyframes eingefügt. Ich habe mit diesen Keyframes angefangen, okay, diesen. Und dann habe ich diese erstellt und bin dann zu den nächsten gegangen. Okay. Also jetzt, von hier bis hier, bleibt das gleich. Okay. Das sind also nur die Kopien der ersten Keyframes, weil es keine Interpolation zwischen den Keyframes Das macht also keinen großen Unterschied bei der Rotifi-Größe Was wir jetzt tun werden , ist dass das von hier nach hier animiert Okay. Also, wie hätte ich das erreicht? Mit einfachen Worten, ich hätte das auf eine Art und Weise erreicht , die heißt: Weiter bis 1.3. Okay. Und ich hätte all diese auch einfach in Formebenen erstellt, auch Positions-Keyframes auf diesen und dann die Keyframes von diesen kopiert und sie einfach geklont Nun ja, sie nicht wirklich mit Klauen versehen, weil man den Keyframe nicht auf einer anderen Ebene platzieren kann anderen Ebene platzieren Höchstwahrscheinlich hätte ich sie also in Formebenen erstellt und dann Positionsrahmen auf diesen Ebenen wie diesen erstellt. Okay und dann kopiere einfach alle Ebenen. Das, bring sie so hierher und wähle dann einfach eine der Kugeln des Kreises aus und dann wähle einfach die entsprechende aus und kopiere dann einfach alles von der Referenz und füge sie in die andere ein. Okay. Lassen Sie mich Ihnen nur ein Beispiel dafür zeigen. Wir werden einfach eines davon hier behalten. Wir werden einfach den Rest löschen. Okay. Ich werde einfach den Rest löschen. Behalte diesen. Ich füge dem nur einen Füllungseffekt hinzu. Okay, lass uns diesen auswählen. Schneide das ab. Okay. Also lass uns das hier hin verlegen . Jetzt werden wir weitermachen und diesen Schlüsselrahmen kopieren. Okay. Und jetzt werde ich einfach hier drüben klicken. Klicken Sie auf den Schlüsselrahmen. Da ist diese Ebene. Okay. Es ist hier in der Nähe. Steuerung V, und das ist genau an der gleichen Position. So hätte ich das gemacht. Okay. Lassen Sie uns jetzt mit dem nächsten Schritt fortfahren. Was passiert danach? Okay. Also hier ist eine Textebene, und sie enthält ein paar Leerzeichen. Okay. Also lass uns einfach den Hintergrund schwarz machen, damit wir den Text lesen können. Okay, es gibt also eine Lücke zwischen dem Text, und dann erscheint der Rest des Textes einfach mit Position und Deckkraft Okay, es gibt eine Sache zu beachten: Wie Sie sehen können, ist diese Animation zehn, 20, 30, Tonarten, okay Und dieser auch, und dieser auch und dieser auch Sie müssen für jede Animation einen Standard festlegen, wenn Sie Arbeiten für den Kunden erstellen, wie wir das bereits besprochen haben , damit beim Branding nicht einige Ebenen übersehen und einige der Ebenen anders animiert werden als bei der ersten Das wird also komisch aussehen. Okay. Also, was wir jetzt tun werden, ist, dass ich gerade diese Ebenen erstellt habe. Okay. Also erscheint eine Ebene für etwa eine Sekunde, damit die Person sie lesen kann, und dann geht es weiter mit der zweiten. Okay. Jetzt wird die Opazität animiert Lassen Sie uns jetzt die Opazitäts-Keyframes überprüfen. Okay. Also habe ich T auf unserer Tastatur gedrückt und werde sehen, wie ich das animiert habe. Okay. Okay, jetzt fällt hier etwas , dass sie alle animieren , bis auf diesen Dieser wird nicht animiert. Die Deckkraft wird nicht animiert, aber wie Sie sehen können, gibt es hier trotzdem Keyframes. Diese Keyframes enthalten nun keine Daten untereinander Dieser wird ebenfalls gejagt und dieser ist auch tot. Warum habe ich also diese beiden Keyframes erstellt? Der Grund für die Erstellung dieser Keyframes ist, dass dadurch alles viel einfacher wenn Sie die gesamte Animation kopieren und einfügen Und auch, wenn der Kunde wünscht, dass er die Animation verlängern möchte , oder? Sie möchten , dass die Animation länger dauert und länger dauert, und sie sollte langsam sein, oder? Dann kann ich diese Keyframes nicht einfach nach vorne ziehen , weil es einige Lücken in der Ebene geben wird Die Datei, die nicht animiert wird, wird unterbrochen, weil nicht alle Keyframes aufeinander ausgerichtet sind Ich kann nicht, ich kann nicht einfach weitermachen und auch diese Ebenen sequenzieren , weil es einige Lücken zwischen den Ebenen gibt Deshalb ist es wichtig, das im Hinterkopf zu behalten, und es wird mir auch die Arbeit erleichtern, alles zu animieren, weil ich weniger verwirrt bin, welche Ebene animiert und welche Hicclaer nicht animiert Denn wenn es darum anzusehen, was ich animieren sollte, ist das kein großes Problem, weil du das sagst, ich bin mir nicht sicher, was ich Ich werde einfach weitermachen und den Style-Frame überprüfen . Das ist es. Okay? Also das ist kein großes Kopfzerbrechen. Ich muss nur weitermachen und nachschauen. Das ist es. Und ich werde wissen, welcher animiert werden sollte und welcher nicht. Das kann ich in der Referenz überprüfen. Okay. Das Gleiche wird also auch mit den Farb-Keyframes passieren Okay, lassen Sie uns jetzt einfach weitermachen und den Farbschlüssel FMS überprüfen Ich werde all diese auswählen. Machen Sie weiter und überprüfen Sie die Farbschlüsselfolien. Okay. Wie Sie sehen können, ändert die Hälfte der Ebenen ihre Farbe, aber auf jeder Ebene befinden sich Keyframes. Und wie ich dir schon sagte, gibt es ganz am Anfang ein Referenz-Keyframe, okay? Siehst du, jede Ebene begann mit derselben Farbe, also gibt es ein Schlüsselbild. Und jetzt beginnt die Animation hier, also gibt es ein Schlüsselbild und von hier aus ändern sich die Farbsterne. Lassen Sie uns einfach nachschauen , wann sich der Farbstern von selbst ändert. Okay. Okay. Also beginnt sich die Farbe von hier zu hier von selbst zu ändern. Okay. Also lass uns einfach weitermachen und hier drüben nachschauen. Wie Sie sehen können, ändern diese Ebenen ihre Farbe, aber auch auf der darunter liegenden Ebene befinden sich Schlüsselbilder , oder? Okay. Also, weil es keine Farbänderung geben wird, gibt es hier keinen Keyframe. Okay. Und wie Sie sehen werden, gehen wir die Datei durch, es gibt an jedem Punkt Schlüsselbilder. ist ein Fehler , dass ich diesen Ebenen keine Keyframes hinzugefügt habe , weil es auch Keyframes auf diesen Ebenen geben sollte Keyframes auf diesen Ebenen geben , sodass jede Ebene zu jedem Zeitpunkt einen Keyframe hat jedem Zeitpunkt einen Keyframe , auch wenn eine Ebene ihre Farbe ändert Alle anderen Ebenen haben ebenfalls Keyframes Nun, es mag einige Leute geben , die denken , dass dies die Größe der Lotdatei erhöhen könnte, aber das ist tatsächlich nicht der Fall, weil es keine Interpolation zwischen den Keyframes gibt. Das erhöht also tatsächlich keine Dateigröße. Und in einigen Fällen, auch wenn dies der Fall ist oder wenn es Probleme gibt. Möglicherweise wird es Probleme mit dieser Art von Key-Framing geben, wenn Sie Bilder oder rasterbasierte Daten verwenden Dann würde ich dringend empfehlen, dass Sie keine zusätzlichen Keyframes hinzufügen, oder vielleicht können Sie einfach weitermachen und die Keyframes bereinigen , sobald der Kunde das Projekt genehmigt hat, und dann können Sie einfach eine Kopie dieses Cops erstellen und dann einfach weitermachen und alle zusätzlichen Keyframes wie diese hier löschen wie diese Sie können einfach weitermachen und diese sechs Keyframes löschen. Aber wenn das Projekt abgeschlossen ist und Sie den letzten Schritt der Lieferung der Dateien erreicht haben, tun Sie es erst dann, okay? Nur für die Optimierung der Datei. Tu es nicht vorher. Ich kann es nur empfehlen, sonst werden Sie sehr verwirrt sein. Okay. Danach kannst du sehen, wie die Hälfte der letzten deine Farbe ändert, und der Text animiert sich immer wieder von selbst Jetzt spiegelt der Text also im Grunde die Geschichte zwischen diesen Punkten wider Die Punkte reagieren also auf den Text. Wie Sie sehen können, ist personalisierter Unterricht effektiver als typischer Unterricht. Und jetzt, jetzt, richtet es sich im Grunde an die andere Zielgruppe, nämlich was für ein Lehrer sind Sie. Okay? Jetzt haben sie also ein wirklich einzigartiges Konzept verwendet auch das nur mit Punkten darzustellen. Das ist es. Sie haben keine korrekte Animation oder etwas Ähnliches verwendet . Sie haben dabei einen sehr minimalistischen Ansatz gewählt. Sie können übrigens auch Markierungen hinzufügen, um sicherzustellen, dass Sie eine Folie hinzufügen Und wenn Sie tatsächlich den Zeitstempel zwischen diesen überprüfen. Sagen wir einfach zehn, 20, 30, 40, 50, 60701890, 100, 110 und 120 Also dieser ist auch 120, das ist auch Also dauert jede Animation 2 Sekunden, okay? Also, was Sie zu Beginn des Projekts tun können , ist, dass Sie einfach all Ihre Projektressourcen mitbringen können . Und dann können Sie mich einfach weitermachen lassen und Ihnen zeigen, was ich damit meine. Okay. Wir werden eine Sieben 50 mal Sieben 50 erstellen. Wir nennen das Testen. Und jetzt mache ich einfach weiter und ändere die Farbe. Dieser, ich werde ihn nennen. Okay. Jetzt werden wir all das bis hierher verfolgen. Okay. Nun , ich denke, sagen wir einfach, dass der Kunde nicht weiß, wie viel Zeit für jede Folie effektiv sein wird . Also werde ich einfach ohne harte Arbeit weitermachen. Ich werde nur sichergehen , dass das Timing der Animation stimmt. Ich werde einfach weitermachen und diese jeweils 2 Sekunden machen. Okay. Anstatt das zu verwenden, können wir auch so weitermachen , dass wir all diese auswählen. Okay, jetzt ändern wir einfach diese Ausrichtungsreihenfolge der Reihenfolge der Ebenen, und jetzt füge ich die Schritte eins und 20 hinzu. Wir werden den Offset nur auf eine Ebene anwenden, und ich werde auf Sequenz klicken. Okay, das Plugin funktioniert aus irgendeinem Grund nicht, und es passiert tatsächlich. Wir müssen also nur unsere After Effects neu starten , damit es funktioniert. Okay, jetzt wählen wir die gesamte Ebene aus und klicken auf Sequenz. Aus irgendeinem Grund funktioniert das Plugin nicht. Lass uns einfach weitermachen und es auch hier auswählen. Das Plugin wird es geben. Aus irgendeinem Grund funktioniert das Plugin nicht. Ich bin mir nicht ganz sicher, warum das passiert. Also, was wir tun werden, ist das manuell zu machen. Okay, Sie können also im Grunde eine einfache Folie wie diese erstellen und sie an den Kunden senden. Wir müssen die Reihenfolge der Ebenen ändern. Das war's und wir werden bereit sein zu gehen. Okay, das ist also die zweite Folie. Okay. Wir werden diese freischalten. Was Sie jetzt tun können, ist , das an Ihren Kunden zu senden und ihn überprüfen zu lassen , ob das Timing korrekt aussieht oder nicht. Von hier aus können sie sich eine ziemlich gute Vorstellung davon machen, wie die Animation abläuft oder ob das Timing stimmt oder nicht. Das ist es. Sie können es einfach innerhalb von 5 Minuten erledigen und an den Kunden senden . Das muss ich also getan haben und dann den Animationsprozess gestartet haben, indem ich die Zeitschritte erstellt und das endgültige Timing der Animation Okay. Also, während die Animation weitergeht und der Text sich selbst animiert, animieren sich die Punkte Es ändert sich die Deckkraft und gleichzeitig ändern sich auch die Farben Okay, ich mache einfach weiter und verstecke die Ebenen und es werden alle verschoben und die Deckkraft wird sichtbar, wie Sie sehen können, überall, wo die Beschriftungen erstellt werden, auch auf den Ebenen , die nicht animiert werden Okay. Okay. Das sieht weniger verwirrend , wenn es darum geht, Revisionen zu Ihren Dateien hinzuzufügen oder so Oder vielleicht müssen Sie das Timing der Keyframes anpassen, oder Sie müssen einfach die gesamte Animation länger oder kürzer machen Animation länger oder kürzer Sie können das alles einfach mit der Alt-Taste klicken und ziehen. Okay. Also, wenn es Lücken zwischen den Keyframes gibt, wird das die Animation ruinieren. Sie können das Timing nicht wirklich ändern. Sie können auch keine Ausdrücke verwenden. In Latifiles funktionieren sie nicht wirklich gut. Wir können also auch keine Ausdrücke oder Effekte für Umkehrung oder Time-Stretching wirklich verwenden Ausdrücke oder Effekte für Umkehrung oder Time-Stretching Wir müssen also nur das Timing der Animation manuell ändern Das ist also in dieser Hinsicht wirklich hilfreich. Die Animation durchläuft all das und dann erscheint dieser Text von selbst und er ist animiert. Wie Sie sehen, haben Formebenen einen großen Nachteil wenn es um Text geht, da jetzt alle Buchstaben separat animiert werden. Aber wenn es eine Steuerebene wäre, gäbe es nur eine Ebene. Unser Projekt hätte also sehr weniger Platz und sehr weniger Schichten. Und mit dieser Hilfe wird der Nacheffekt sehr viel weniger nachlassen. Und in der nächsten Lektion werden wir lernen , wie wir diese Dateien bestmöglich exportieren können. Gehen wir also einfach zur nächsten Klasse über und schauen wir uns an, wie wir das machen werden. Okay. 7. 06.Bodymovin Walkthrough & Exportoptionen: Okay, das ist also der Body Moving Plug In, und so sieht die Benutzeroberfläche Okay, es gibt also mehrere Optionen , die wir nutzen werden, und es gibt mehrere Einstellungen, die wir im Kurs für Fortgeschrittene besprechen werden . Okay, du gehst also weiter und gehst durch die Fenster in die Erweiterung, und dann wirst du feststellen, dass sich der Körper bewegt, der Stecker einsteckt, und du wirst darauf klicken, und so wird er erscheinen. Zuallererst gibt es vielleicht keine Coms, Sie müssen nur auf die Schaltfläche „Liste aktualisieren“ klicken und schon werden alle Comps Sie müssen nur auf die Schaltfläche „Liste aktualisieren“ klicken und schon angezeigt , die in After Effects erstellt wurden Jetzt werdet ihr weitermachen und euch auf Duty One konzentrieren. Okay. Also bevor wir es rendern, müssen wir es nur auswählen. Sie werden einfach auf diese Schaltfläche klicken und diese Ebene ist dieses C, das jetzt ausgewählt ist. Nun, das ist eigentlich die Einstellungsschaltfläche. Da sind ziemlich süße Animationen drin. Der Körper bewegt sich übrigens und schließt ihn an, wenn Sie sie bemerken. Okay. Von hier aus können Sie einfach weitermachen und den Ort Ihrer Animation ändern , wo Sie sie speichern werden. Lassen Sie uns also weitermachen und es so machen , wie in der ersten Kursstunde. Also lass uns einfach weitermachen und es dort speichern. Okay, ich nenne es einfach D t One. Inter. Jetzt änderst du nur ein paar Einstellungen. Okay. Also, die Einstellungen. Nun, es gibt viele Dinge, die wir im Körper anwenden können , und es gibt mehrere Arten von Einstellungen, die wir anwenden können Okay. Also vor allem wird die erste Option die Glyphen sein, okay? Was das macht, ist, dass wir im Grunde die dynamischen Schriften in Loti-Dateien ändern können, und das kannst du auf YouTube lernen , wie die Entwickler das machen, das ist der eigentliche Entwickler-Kram Und wenn du die Schriftart auf der Website in deiner Chargenanimation ändern willst, dann solltest du das Häkchen hier entfernen Aber wenn Sie das nicht tun, möchten Sie diese Glückseligkeit beibehalten, denn was das bewirkt, ist, dass es, wie Sie sehen können, im Grunde eine Textebene in unserer Animation gibt , oder Dieser. Dadurch werden beim Exportieren der Datei automatisch alle Zeichen und Buchstaben in Ihrer Schrift automatisch in Formebenen umgewandelt. Es wird also nicht viel Chaos geben. Okay? Sie müssen nur Ihren Text eingeben und das war's. Es wird das tun und dies beim Exportieren in Formebenen umwandeln . Sie müssen solche Ebenen wie diese also nicht wirklich erstellen . Okay. Ich habe diesen geschrieben, weil ich Schwierigkeiten hatte, den gleichen Schriftstil zu kreieren , weil sie tatsächlich ein oder zwei Buchstaben dazwischen angepasst haben, glaube ich. Deshalb hatte ich damit zu kämpfen. Okay. Das ist also die erste und wichtigste Option, mit der Sie diesen Feature-Wert sehr nützlich nutzen können. Und es wird sich auch nicht auf die Dateigröße auswirken. Es wird es auf ein Minimum beschränken. Danach gibt es auch eine Option, die als Ersetzen von Zeichen durch Kommas bekannt ist. Okay, ersetze die Zeichen durch benutzerdefinierte Kompositionen aus dem Ordner Ich habe es wirklich nicht oft benutzt und fast nie. Ich glaube, ich weiß nicht wirklich , was diese Funktion eigentlich macht? Okay. Und danach gibt es eine versteckte Auswahl ob versteckte Ebenen exportiert werden sollen. Wie Sie wissen, gibt es in der Komposition Ebenen wie diese, sich im Grunde um eine erstellte Kopie handelt, es sich im Grunde um eine erstellte Kopie handelt, die jedoch gesperrt und ausgeblendet ist Wenn wir auch diese ausnutzen wollen, müssen wir uns nur die Haare anklicken, aber das wollen wir nicht, wir wollen nur die Daten, die in der Komposition nutzbar Wenn es in Ihrer Komposition mehrere Ebenen gibt, die versteckt und gesperrt sind, müssen Sie sich keine Gedanken darüber machen, da Body Moven sie nicht exportiert und sie nicht zu Ihrer Animation hinzugefügt werden und sich auch nicht auf Ihre Dateigröße auswirkt. Danach ist diese Option Guides. Wählen Sie einige Ebenen aus, die exportiert werden müssen. Wie Sie wissen, bietet Afterft die Möglichkeit zu einer Führungsebene zu machen Von hier aus können Sie die Ebenen einfach zur Leitlinie machen. Führungsebenen werden im Grunde genommen für Referenzierungen verwendet . Tatsächlich verwenden viele Leute sie, wenn sie eine Farbpalette importieren, sie machen sie einfach zu einer Führungsebene und arbeiten mit ihrer Führungsebene Das heißt, wenn die Nacheffekte die Animation rendern, die Hilfslinien nicht exportiert Das ist die Hauptfunktion und der Vorteil einer Führungsebene. Okay. Diese Option kann also auch die Führungsebene enthalten. Und das brauchen wir auch nicht. Es werden also die zusätzlichen Komps übrig bleiben. Wählen Sie aus, ob Ausdrücke durch die externen Klumpen zeigen durch die externen Klumpen Dies kann nützlich sein, wenn Sie diese Weise eine Charakteranimation erstellen, da es einige Vorkompositionen von Armen und Beinen geben kann Charakteren einige Vorkompositionen von Armen und Beinen geben kann, die zugespitzt sind oder mit dem Hauptnachteil der Figur verknüpft sind. Aber ich empfehle das nicht wirklich, weil Ausdrücke nicht auf allen Plattformen sehr gut funktionieren Sie könnten auf mobilen Runden zu Problemen führen. Also ignoriere diesen einfach. Ich würde sagen, oder vielleicht haben Sie eine sehr spezielle Anfrage von einem Kunden, der die Animation nur im Internet verwenden wird . Dann müssen Sie nur noch einige Tests durchführen bevor Sie die Animation dem Kunden geben. Meiner Meinung nach ist das also wirklich experimentell. Dann ist da noch diese Funktion, die als eine der wichtigsten Funktionen bekannt ist. Wir werden uns im nächsten Kurs, dem Kurs für Fortgeschrittene, näher mit dieser Funktion befassen . Und das bedeutet im Grunde, dass Sie Bilder in Ihre Dateien aufnehmen können Bilder in Ihre Dateien aufnehmen Also lassen wir das vorerst einfach stehen weil wir in unserem Projekt noch keine Rasterbilder verwendet haben. Jetzt geht es darum, welchen Exportmodus Sie möchten. Erstens gibt es die Option, dass standardmäßig Animationen als GSM-Datei exportiert werden. Teilen Sie Split Comp jede Sekunde in mehrere JS-Dateien auf. Im Grunde wird die Animation aufgeteilt in, sagen wir einfach, wir wollen eine Animation von 1 Sekunde Dadurch können wir einfach die Zahl eingeben und es wird exportiert, es werden mehr als 24 J exportiert weil die Animation länger als 24 Sekunden dauert. Aber es ist nicht wirklich nützlich und ich habe es nie wirklich benutzt , weil es eigentlich keinen Sinn macht , Ihre Daten zu teilen. Es ist also so, wenn das nicht markiert ist. Und dann ist das eine Schaltfläche für Exporte und HTML für die lokale Vorschau Das wird auch in More Moscos weiter erörtert werden , weil es auch sehr kompliziert zu erklären ist Und es gibt einige Ausnahmen für Kunden, wenn sie nach einer HTML-Datei fragen, aber Sie können nicht wirklich alle Ihre Chargendateien in TML exportieren alle Ihre Chargendateien in TML , weil HTML auch einige sehr eingeschränkte und sogar strenge Einschränkungen hat , Chargenanimationen animieren Ich glaube also, man kann Trimmpfade nicht wirklich auch in der HTML-Animation Sie müssen also besonders vorsichtig sein, wenn Sie eine HTML-Animation erstellen Also das ist eigentlich ein Thema für einen anderen Tag. Okay. Außerdem können Sie einen Bericht über die Animation erstellen, bei dem es sich im Grunde um eine Textdatei handelt, die alles über Ihre Komposition erklärt. Das ist die Größe der Komposition, die Farbe, die Art der Ebenen und alles. Das ist es also in einfachen Worten. Vielleicht kann der Entwickler dies verwenden, um einen Fehler in Ihrer Animation zu finden. Vielleicht haben sie also mit dem Problem zu kämpfen. Sie können ihnen einfach diesen Bericht schicken, ihn von hier exportieren und ihnen dann diesen schicken. Es hilft ihnen also, die Daten wirklich gut zu lesen und den Fehler mühelos zu finden. Okay. Und dann ist da noch diese Schaltfläche der Aufschrift RV-Animationsprojekt. Okay, also RV boomt seit ein paar Monaten im Grunde, und ich lerne es gerade und ich lerne es Und ich habe dieses Modell nicht wirklich getestet, weil Wohnmobile und Emissionen sich stark von der Funktionsweise unterscheiden Ich habe das also nicht wirklich getestet , weil es auch in R einige Einschränkungen gibt in R einige Einschränkungen , wenn es um Animationen geht. Ich glaube also nicht, dass After Effect-Animationen dort auch wirklich reibungslos funktionieren werden . Und die Leute haben einige Tests dazu durchgeführt und die Ergebnisse sind nicht wirklich ideal. Es ist also nicht wirklich empfehlenswert denn wenn Sie die Animation wirklich für RF erstellen möchten , wird empfohlen , die Animation in ihrer nativen Software zu erstellen , anstatt sie hier zu erstellen und als RIF-Projekt zu nutzen . Okay. Und dann gibt es diesen eigenständigen Exportplayer und die Animation in einer einzigen S-Datei. Ich habe es nicht wirklich benutzt und ich weiß nicht, wie das funktioniert. Sie können also einige Daten dazu natürlich auf den YouTube-Kanälen von Leuten finden . Aber ich habe es nie wirklich benutzt, und nicht einmal, als unser Kunde es auch angefordert hat. Also habe ich es nie wirklich benutzt. Okay. Und hier steht ein Bündel voller Bannerstapel für die Verwendung von Bannern Ich habe diesen auch nie wirklich benutzt. Und dann sind da noch dieser und XML für Android, animierte V-Vektorgrafiken, verfügbar Zu diesem Thema wird es in Zukunft einen ganzen Kurs diesem Thema wird es in Zukunft einen Ich denke, es wird viel Zeit in Anspruch nehmen, diesen zu bauen. Also arbeite ich gerade daran, das zu bauen. Ich arbeite an der Idee für diesen Kurs und sammle die Ideen für die Erstellung einiger wirklich nützlicher Klassen für diesen Kurs, da im neuen Android-Update einige Änderungen vorgenommen wurden. Und seit diesen Updates gab es einige Probleme zwischen Artifis in mobilen Apps arbeiten Also ja, aber es ist sehr nischenorientiert, und es wird einige Zeit dauern bis ich detaillierte Daten zu diesem Thema habe, und dann werde ich einen Kurs zu diesem Thema erstellen Und dann gibt es noch diesen Port und die SVG-Datei, die SML für Animationen verwendet Das ist experimentell und nicht alles wird funktionieren. Das wird also im Grunde eine SVG-Animation sein. Falls ihr, ich weiß nicht, ob ihr es wisst oder nicht. Wie wir alle wissen, ist SVG ein Format für Stahlbilder, Stahlbildvektoren skalierbare Vektorgrafiken. Das bedeutet SVG. Aber Sie können das SVG tatsächlich mithilfe von Codierung animieren . Und dann machen das tatsächlich viele Entwickler, aber es ist wirklich sehr komplex Die meisten Animationen, die Sie hier erstellen, lassen sich also möglicherweise nicht wirklich gut in die SVG-Daten konvertieren. Das funktioniert also wirklich nicht, denn wenn es funktioniert hätte, hätte es wirklich gut funktioniert. Dann werden die Leute das tatsächlich anstelle von ft verwenden , weil es viel einfacher ist , SVG einfach zu implementieren. Okay. Und dann gibt es noch diese Option, die besagt, dass Expression-Optionen Ausdrücke in Keyframes umwandeln. Also, im Grunde genommen, sagen wir einfach, Sie wenden eine Gal-Animation auf eine der Ebenen an, richtig. Es wird also im Grunde die gesamte Gal-Animation in Keyframes umwandeln, aber dadurch wird die Dateigröße riesig. Also wirklich nicht zu empfehlen. In den meisten Fällen würde ich dringend empfehlen , dass Sie überhaupt keine Ausdrücke verwenden. Aber natürlich gibt es einige Ausnahmen. Ich würde Ihnen daher dringend empfehlen , dass Sie viel damit experimentieren , bevor Sie die Datei dem Kunden geben. Okay. Und dann sind da noch diese erweiterten Exportfunktionen , die eher ein Problem für Entwickler sind. Meiner Meinung nach werden Kompositionsnamen als Referenz-IDs verwendet, da dort steht, dass Kompositionsnamen als Referenz-IDs verwendet werden. Im Grunde kann der Entwickler also den Kompositionsnamen verwenden und die Datei importieren und die Daten vielleicht mit Lot's cos verbinden . Nehmen wir einfach , dass eine Lot-Datei mehrere COMs enthält, sodass sie möglicherweise nur eine bestimmte Komponente auslösen können diese Art von IDs verwendet Okay. Es gibt also diesen Export in einem für Menschen lesbareren Format Verwenden Sie ihn nicht für die endgültige Datei, da die Dateigröße erheblich größer wird. Also im Grunde brauchen wir das auch. Und nicht unterstützte Eigenschaften. Aktivieren Sie diese Option nur, wenn Sie eine bestimmte Eigenschaft benötigen die nicht der Player verwendet. Das bedeutet also im Grunde, dass es auch die Auswirkungen auf Ihre Datei rendert. Aber ich meine, die Datei wird nicht funktionieren. Ich weiß also nicht, wer diese Funktion nutzen wird. Okay. Und dann gibt es Keyframes und Ebenen, die per Straßenbahn verwendet werden. Ebenen und Keyframes werden entfernt, die sich außerhalb des Arbeitsbereichs befinden Sie können das wirklich verwenden und das spart Ihnen vielleicht ein paar KB an Dateigrößendaten, ist aber meiner Meinung nach nicht wirklich notwendig Und exportieren Sie JSF aus Gründen der Abwärtskompatibilität. Nehmen wir einfach an, dass die Leute die Animation für eine App erstellen, aber einige Benutzer verwenden frühere Versionen von Androiden. Vielleicht hilft Ihnen das dabei, eine kompatiblere JSON-Datei dafür zu erstellen , aber nicht in den Und dann sind da noch die wesentlichen Eigenschaften, exportieren, Wesentliche Eigenschaften aus der Wurzelkomposition exportieren Dies ist standardmäßig aktiviert, lassen Sie es also so, wie es ist, und dann gibt es eine Option, die wichtige Eigenschaften wie Slots enthält. Ich weiß nicht, was das eigentlich bedeutet. Ich werde wichtige Eigenschaften zwei Slots in der JSON-Datei zuordnen, was eine einfache Änderung ermöglicht . Wenn ich aktiv bin, wird es die Eigenschaften ersetzen , die in der Komposition enthalten sind. Ich bin mir nicht sicher, wie das funktioniert. Da sind diese Metadaten. Daran bin ich nicht wirklich interessiert. Blueprint, ich weiß wirklich nicht , wie wir das auch verwenden Verwenden Sie Blueprint, um es an die Animation anzuhängen und den Export zu validieren. Nicht wirklich notwendig Nun, Audiodateien sind im Grunde genommen, ich habe nie wirklich Audiodateien in Animationen verwendet , weil Entwickler die Audiodateien tatsächlich mit der Animation verbinden können die Audiodateien tatsächlich mit der Animation verbinden , wenn sie die Animation tatsächlich einbetten Also habe ich auch mit den Entwicklern darüber gesprochen, und ich denke, das funktioniert viel besser, denn wenn Sie in After FX arbeiten, müssen Sie auch Audiodateien komprimieren Es ist also besser, wenn sie es einfach manuell machen , wenn sie die Datei einbetten Okay, das sind also alle Einstellungen. Jetzt gehen wir auf Nummer sicher Es gibt noch eine weitere wirklich tolle Funktion. Zuerst exportieren wir einfach dieses und klicken auf Speichern und dann auf Rendern. Wie Sie sehen, ist einer der wichtigsten Punkte, die Sie hier im Moment beachten sollten wichtigsten Punkte, die Sie hier im Moment beachten sollten, dass ich beim , Exportieren der Datei mit dem Roti-Plug-In für Dateien tatsächlich eine Internetverbindung benötige um die Datei im Workspace zu speichern Ja, Sie sagen, dass ich keine Internetverbindung habe, aber ich möchte trotzdem meine GSN-Dateien exportieren Wir können hier wirklich Bodymopin verwenden anstatt viel Plug In zu verwenden, denn bei Lot-Plug-In müssen Sie die Dateien tatsächlich in ihrem Arbeitsbereich speichern Dieses Programm hilft also wirklich Weise, dass Sie eigentlich keine Internetverbindung haben eigentlich keine Internetverbindung Okay. Jetzt ist die Animation fertig gerendert und wir können die Animation jetzt ganz einfach in der Vorschau anzeigen. Wir werden nur eine Vorschau anzeigen und die Animation anwenden. Jetzt können wir einfach eine Vorschau der Animation anzeigen. Okay. Okay, also ich habe gerade die Animation auf diesem Bild durcheinander gebracht Also können wir das auch später reparieren. Wie Sie sehen können, ist die Animation perfekt, oder? Okay. Eine weitere Sache, die Sie tun können, was wirklich, sehr wichtig und sehr nützlich ist, ist, dass Sie Plot-Animationen importieren können, die sich auf Ihrem Laufwerk befinden, und Sie können sie hier in der Vorschau anzeigen, was wirklich erstaunlich ist. Sagen wir einfach, ein Kunde schickt dir ein F-Ei, richtig? Und die Kundenanfragen. Nehmen wir einfach an, der Kunde schickt dir dieselbe Animation und sagt, ich möchte die Animation bei diesem Start korrigieren, oder? Die Animation bei diesem Start, richtig? Also sagen wir einfach, wir importieren den lokalen Dateityp im Pfad, und wir wählen einfach die vom Client gesendeten Dateien und wir klicken einfach darauf. Okay. Nun, das kann einige Zeit dauern, aber es wird die Animation nach Fats wieder im Inneren aufbauen. Übrigens können Sie diese Funktion auch verwenden, um von anderen Entwicklern zu lernen. Sie können einfach mit LotyFiles weitermachen. Sie können die vielen Animationen anderer Leute herunterladen und sie dann nach dem Faxen importieren und dann aus ihren Dateien lernen Nehmen wir an, Sie interessieren sich für eine meiner UTI-Animationen und Sie möchten vielleicht wissen, und Sie möchten vielleicht wissen, wie ich eine bestimmte Auty-Animation erstellt habe, oder vielleicht etwas, von dem Sie vielleicht denken, wie ich diesen bestimmten Effekt oder etwas Ähnliches erzielt habe diesen bestimmten Effekt oder etwas Ähnliches erzielt , oder? Dann kannst du einfach weitermachen und meine Animation herunterladen. Sagen wir einfach, du findest diesen wirklich nett und du willst sehen, wie ich alles animiert habe. Sie müssen nur weitermachen und diese Datei herunterladen, und dann können Sie einfach die JS-Datei herunterladen und sie dann hier importieren. Okay. Und dann wird die Animation in deiner Com sein, so wie sie von mir erstellt wurde. Es könnte einige Unterschiede geben. Und lass mich dir diese sagen. Die Etiketten werden beim Import nicht auf die Emission aufgebracht , da der Grund dafür darin besteht, dass die Etiketten in After Effects erstellt wurden. Diese Daten werden also nicht in die JSN-Datei exportiert, sodass das möglicherweise nicht funktioniert Okay. Das dauert also einige Zeit, aber Sie kommen auf die Idee, dass Sie diese Funktion wirklich gut nutzen können. Ich werde den Export einfach stornieren. Sie können auch die URL eingeben , aber dafür ist natürlich eine Internetverbindung erforderlich . Okay. Und Sie können auch eine Vorschau der Animationen anzeigen. Nehmen wir an, ich möchte eine Vorschau einer lokalen Datei anzeigen, oder? Ich will es mir nur ansehen. Ich möchte die Animation nicht neu erstellen. Nehmen wir einfach an, unser Kunde sagt , dass die Animation nicht richtig funktioniert Also werde ich einfach die Animation auswählen und einfach die Eingabetaste drücken. Und die Animation wurde gerade hierher importiert. Jetzt schaue ich mir die Animation von meiner Festplatte aus an. Das ist nicht die Animation , die wir gemietet haben. Es holt sich die Protokolldatei vom Laufwerk. Okay. Also das ist wirklich nützlich. Sie können weitermachen und die Datei einchecken. Wenn ein Kunde sagt, dass es ein Problem mit der Datei gibt, möchte ich, dass Sie eine Vorschau dieser Datei anzeigen. Sie können einfach hier reinkommen und in die Körperbewegung gehen und einfach auf Vorschau klicken und eine Locker-Datei durchsuchen. Das ist es. Das ist es. Das ist alles was du tun musst. Okay. Also das ist wirklich nützlich. Sie können unbegrenzt Berichte importieren und in die Einstellungen gehen, und ich habe diesen nie wirklich benutzt Sie können auch auf diese Typen zugreifen und eine oder mehrere Eigenschaften aus Ihrer Komposition auswählen, eine oder mehrere Eigenschaften aus Ihrer Komposition auswählen um Informationen zu deren Unterstützung zu erhalten Informationen zu deren Unterstützung Okay, du wirst es also tun. Wie Sie sehen, hilft Ihnen das wirklich zu verstehen , welche Immobilie auf welcher Plattform akzeptiert wird. Wenn es also ein Problem in Ihrer Datei gibt oder Sie vielleicht überprüfen möchten , ob dies mit der Android-Funktion 4.5 0.0 funktioniert , können Sie einfach weitermachen und die Daten lesen, oder Sie können einfach den Screenshot davon machen und ihn an Ihren Kunden senden und ihm helfen, dass dies die Daten sind und teilen Sie Ihrem Entwickler diese Daten mit, und das wird dem Entwickler helfen zu verstehen, warum Die Animation funktioniert nicht. Oder vielleicht finden sie einen Weg, es zum Laufen zu bringen. Also ja. Und so funktioniert dieses Plug-In, und das sind die Funktionen. So funktioniert das Plug-In also, und das sind die Vorteile, die es anstelle von und beim Vergleich von Lot-Dateien mit Body-Mobile-Plug-In bietet und beim Vergleich von Lot-Dateien mit Body-Mobile-Plug-In Ich empfehle dringend, Body Moble Plug In zu verwenden, wenn für Kunden arbeiten. Also vielen Dank 8. Herzlichen Glückwunsch und...: Herzlichen Glückwunsch zum Abschluss dieses Kurses. Ich werde euch wirklich sehr bald im nächsten sehen , und glaubt mir, das wird kein weiteres Jahr dauern. Ich werde wirklich sehr bald zurück sein. Sie können mich auch finanziell unterstützen , indem Sie mir auch Kaffee kaufen Sie können mir auch in den sozialen Medien folgen, um mir mitzuteilen, was Sie sich ausgedacht haben und was Sie durch meine Arbeit gelernt haben Sie können mich auch kontaktieren, wenn Sie Fragen haben oder etwas Neues lernen möchten. Du kannst mir auf jede Weise und zu jeder Zeit eine Nachricht auf Instagram schreiben, wie du willst. Ich freue mich darauf, euch mehr beizubringen und freue mich darauf , das Handwerk zu sehen. Bitte machen Sie weiter und reichen Sie mir einige Arbeiten auf der Klassenseite ein, da ich noch keine einzige Animation gesehen habe. Es wäre wirklich toll wenn ich auch einige deiner Werke sehen würde. Und ich freue mich auch auf Ihr Feedback zu diesem Kurs auch auf Ihr Feedback zu diesem Kurs. Wir sehen uns im nächsten. Ich danke dir vielmals. Auf Wiedersehen.