KI-gesteuerte Expressions in After Effects

1. Einführung: Hi, ich bin Valerie und willkommen bei AI for Motion. Wenn Sie sich jemals von Ausdrücken eingeschüchtert fühlen und KI nutzen möchten , um Sie bei Ihrem Animationsworkflow zu unterstützen, dann ist dieser Artikel genau das Richtige In fünf Lektionen zeige ich Ihnen, wie Sie KI-Tools wie HAGPT verwenden können, um Ausdrücke zu generieren , die Ihre Animationen automatisieren, intelligente Setups erstellen und Ihnen stundenlange manuelle Arbeit ersparen Wir werden alles behandeln, von der Erstellung von Karussells über Hover-Effekte, das Springen in Panels bis hin zur Automatisierung von Cursorklicks, ohne selbst eine einzige Anruf-Zeile schreiben zu Cursorklicks, ohne müssen. Die gute Nachricht ist, dass Sie kein Experte sein müssen Sie kennen die Grundlagen, Sie sind bereit. Am Ende dieses Kurses verfügen Sie über ein wiederverwendbares Setup, verfügen Sie über ein wiederverwendbares Setup Sie auf Ihre eigenen Projekte anwenden können. Und vor allem werden Sie eine ganz neue Art haben , über Animationen mit KI nachzudenken. Wenn Sie also bereit sind, intelligenter und schneller zu animieren, lassen Sie uns mit der ersten Lektion beginnen. Wir sehen uns dort 2. Erstellen einer intelligenten Karussell-Animation: So, und willkommen zur ersten Lektion des Kurses. Ich hoffe, Sie haben den Kursordner bereits heruntergeladen. Ich habe es Expressions for SAS genannt , weil die Animationen, die wir in diesem Kurs erstellen werden, hauptsächlich in SAS-Erklärvideos verwendet werden . In Ordnung Lassen Sie uns zunächst überprüfen, was sich in diesem Ordner befindet. Es ist nicht allzu kompliziert. Im Ordner hat GPT findest du PDF-Dateien der Konversationen, findest du PDF-Dateien der die ich während dieses Kurses mit Chat GPT Das heißt, in diesen PDF-Dateien siehst du meine genauen Konversationen im Chat, siehst du meine genauen Konversationen aber als PDF-Dateien gespeichert Ich habe diese hinzugefügt, weil der Chat für jeden von uns leicht unterschiedliche Antworten geben könnte Und falls die KI dir in deinem Chat etwas völlig anderes als das Thema gibt , kannst du jederzeit zu diesen PDF-Dateien zurückkehren und die genauen Ausdrücke kopieren, die ich verwendet habe. Aber mach dir keine Sorgen. Ich bin mir sicher , dass wir, egal welche KI Sie verwenden, alle sehr ähnliche Ergebnisse erzielen werden , denn am Ende des Tages generieren wir sehr einfache Codezeilen. In Ordnung, lassen Sie uns mit dem nächsten weitermachen. Es gibt einen Assets-Ordner, der alle Bilder enthält, die wir in diesem Kurs verwenden werden, z. B. die Tierbilder und die Software-Icon-Logos. Außerdem wird ein AE-Ordner mit den After Effects-Projektdateien angezeigt . Eine Datei enthält die endgültige Animation wir in diesem Kurs arbeiten werden, und die andere ist die Version ohne Animation , mit der wir jetzt beginnen werden. Öffnen wir also die und beginnen wir mit der Lektion. Bevor wir weitermachen, sollten wir sicherstellen, dass wir alle dasselbe Arbeitsbereich-Layout verwenden , damit alles synchron bleibt. Gehen Sie dazu zu Fenster, dann zu Arbeitsbereich und wählen Sie Standard. Wenn dein Layout immer noch anders aussieht als meins, das wahrscheinlich daran, dass einige Bedienfelder verschoben wurden. Um das zu beheben, können wir den Arbeitsbereich gemeinsam zurücksetzen. Jetzt sollten wir alle dasselbe sehen. Jetzt, tun Sie nichts, schauen Sie einfach zu und hören Sie zu. Wir werden es sehr bald in die Hand nehmen. Lassen Sie mich Sie zunächst durch das Projektpanel führen, damit Sie verstehen, was darin enthalten ist. Im Assets-Ordner befinden sich die Tierbilder und Softwaresymbole. Es gibt auch einen Ordner mit den Volumenkörpern , die ich als Hintergrund für jede Lektion verwendet habe. Jeder Lektionsordner enthält die Hauptkompositionen für diese Lektion und einen Unterordner mit den dazugehörigen Vorkompositionen Ich habe die Szenen, mit denen wir in diesem Kurs üben werden, bereits vorbereitet mit denen wir in diesem Kurs üben werden, In jeder Lektion werden wir etwas anderes üben. Mach dir keine Sorgen. Ich werde auch erklären, wie ich jede Szene eingerichtet habe, bevor wir mit der Animation beginnen Vorerst können wir alle Vorkompositionen schließen und uns auf die erste Lektion konzentrieren, in der wir eine supercoole Karussellanimation mit vielen Mikroanimationen wie Opazität, Skalierung und sogar Schlagschattenanimationen erstellen eine supercoole Karussellanimation mit vielen Mikroanimationen wie Opazität, Skalierung und sogar Schlagschattenanimationen , ohne jedoch Keyframes für diese Mikroanimationen zu erstellen . Wir werden das alles mit Ausdrücken machen. Aber mach dir keine Sorgen. Sie müssen überhaupt keine Ausdrücke kennen, damit es funktioniert. Wir werden KI verwenden, um die benötigten Ausdrücke zu generieren. Bevor ich zur Animation übergehe, möchte ich kurz erklären, wie ich diese Szene eingerichtet habe , denn Sie können viel daraus lernen. Wie Sie sehen können, habe ich hier ein paar Pre-Comps, jede mit einem Tierbild Sie fragen sich vielleicht, warum haben Sie sie vorkomponiert? Warum nicht einfach die Bildebene so verwenden, wie sie ist? Lassen Sie mich also diesen Precomp eingeben und erklären, warum ich das gemacht habe. Zuallererst liegt es daran, dass alle Bilder unterschiedliche Größen haben und ich brauche, dass sie dieselbe Außerdem wollte ich den Look mit abgerundeten Kanten kreieren. Ich habe mit einer Formebene ein abgerundetes Quadrat erstellt dann die Track-Matty-Funktion verwendet , um diese Form als Alpha für das Bild zu verwenden Diese Form wird jetzt als Maske für das Bild verwendet. Es ist besser, als eine normale Maske direkt auf die Bildebene anzuwenden , da ich das Bild so frei positionieren kann, wie ich will. Am wichtigsten ist, dass ich damit später problemlos Bilder austauschen kann, wenn ein Kunde nach Änderungen fragt. Ich wähle einfach das Bild aus, das ich ersetzen möchte, halte dann die Alt- oder Wahltaste auf dem Mac gedrückt und ziehe das neue Bild darauf. Danach kann ich das neue Bild an das Layout anpassen . Wie Sie sehen können, bleiben die abgerundeten Ecken gleich und ich bin bereit weiterzuarbeiten. In Ordnung, ich drücke Strg Z, um meine Änderungen rückgängig zu machen. Oh, und übrigens, wenn ich an Projekten arbeite , die viele Bilder enthalten, verwende ich mittelgroße Pre-Comp-Abmessungen Eine Größe wie 1080 mal 1080 funktioniert normalerweise gut. Vor diesem Hintergrund hoffe ich, dass Sie den Vorteil einer solchen Einrichtung erkennen und wir jetzt mit der Zusammenarbeit beginnen können. Mach dich bereit für etwas Magie. Lassen Sie uns nun mit der Erstellung der erweiterten Karussellanimation beginnen Erstellung der erweiterten Karussellanimation Wie ich bereits erwähnt habe, werden wir KI verwenden, um uns dabei zu helfen In unserem Fall verwenden wir die kostenlose Version von Hat GPT. Wenn Sie noch kein Konto haben, erstellen Sie eines Aber ehrlich gesagt haben die meisten Leute inzwischen schon einen. Ich verwende die kostenpflichtige Version, aber hier wirst du sehen, dass ich die kostenlose Version namens GPT Four Oh verwende die kostenlose Version namens GPT Four Oh Es funktioniert auch mit älteren Versionen genauso. Wenn Sie sich diesen Kurs ansehen, gibt es diese Version jedoch möglicherweise nicht mehr. Wie dem auch sei, fangen wir an zu bauen. Zunächst möchte ich drei wichtige Tipps mit Ihnen teilen , die diesen Prozess für Sie wesentlich effizienter machen. Erstens: Wenn Sie um Hilfe mit After Effects bitten, zeigen Sie GPT zunächst immer einen Screenshot Ihrer Pre-Comp Auf diese Weise kann das gesamte Setup angezeigt werden, wodurch Ihre Anfrage leichter zu Zweitens, wenn Sie Ihre erste Nachricht oder Aufgabe schreiben, beenden Sie sie immer mit einer Frage wie, verstehen Sie, was ich meine? Das hilft GPT, deine Idee sorgfältiger zu durchdenken , und erklärt sie dir oft sogar besser, als du sie beschrieben hast Drittens: Wenn die Dinge nicht wie geplant laufen und GPT Ihnen nicht das bietet, was Sie wollen, versuchen Sie es nicht immer wieder im selben Chat, schließen Sie ihn und beginnen Sie einen neuen Dadurch wird sein Speicher zurückgesetzt. Wenn Sie nach mehreren fehlgeschlagenen Versuchen immer wieder im selben Thread fragen, bleibt er an Ihrer ursprünglichen Eingabeaufforderung gebunden, die möglicherweise nicht einmal korrekt ist Es ist also besser, neu anzufangen. Ordnung. In diesem Sinne beginnen wir mit der Erstellung der Karoel-Animation Gemäß unserem ersten Tipp machen wir zunächst einen Screenshot unserer Szene, um ihn mit GPT zu teilen In meinem Fall suche ich nach dem Snipping-Tool. Hier sind die Abkürzungen für PC und MAC. PC-Benutzer wechseln zwischen Windows S. Mac-Benutzer drücken die Tastenkombination Shift vier. Sie müssen nicht die gesamte Oberfläche erfassen, sondern nur die wichtigen Bedienfelder. In unserem Fall ist das Vorschaufenster am wichtigsten, damit GPT das Layout sehen kann, und das Ebenenbedienfeld, sodass es die Ebenennamen lesen kann Wir wollen, dass GPT unsere Szene sehen kann. Stellen Sie also sicher, dass der Screenshot das Vorschaufenster und das Ebenenfenster enthält , damit auch die Ebenennamen Kopieren wir nun den Screenshot und fügen ihn in Chat GPT ein. Als Nächstes erklären wir, was wir damit machen wollen. Ich werde es in einfachem Englisch mit einigen Grammatikfehlern schreiben mit einigen Grammatikfehlern nur um Ihnen zu zeigen , dass perfektes Englisch nicht notwendig ist, um gute Ergebnisse zu erzielen. Hier hilft unsere zweite Regel. Also lass es uns versuchen. Ich empfehle, immer damit zu beginnen zu erwähnen, welche Software Sie verwenden. Beschreiben Sie dann kurz , was in Ihrer Szene zu sehen ist. Unser Ziel ist es, GPT eine grundlegende Aufgabe zu geben , ohne am Anfang zu tief in die Details Zum Beispiel ist ein bestimmter Wert wie 20% zu diesem Zeitpunkt nicht sehr wichtig Alle Werte können später verfeinert werden, also keine Sorgen um die Genauigkeit. Konzentrieren Sie sich einfach darauf, die Animationsidee so zu beschreiben , wie Sie sie sich vorstellen. Wie ich es hier mache, möchte ich Ihnen sagen, dass ich möchte, dass die Deckkraft der nicht zentrierten Vorkompositionen geringer ist, damit die zentrierte Version besser hervorsticht Und jetzt, nachdem du alles beschrieben hast, vergiss unsere zweite Regel nicht Wenn Sie sich nicht sicher sind, ob Sie Ihre Idee klar erklärt haben, beenden Sie Ihre Nachricht mit der Frage: Verstehen Sie, was ich meine? Nun sollten Sie wissen, dass die Antwort GPT gibt, für jeden von uns etwas anders sein wird Und das ist völlig in Ordnung. Am wichtigsten ist es, im ersten Teil seiner Antwort zu überprüfen, ob es Ihre Vision versteht . Wenn etwas nicht stimmt, können Sie es korrigieren, bevor Sie weitermachen. Mir ist zum Beispiel aufgefallen, dass GPT vorgeschlagen hat , den zentrierten Precomp um 20% zu skalieren, was seiner Meinung nach bedeutet, von einer Skala von 100 auf 120 zu gehen Aber in meinem Fall ist meine Standard-Precomp-Skala nicht 100, also möchte ich sie nicht auf Ich werde GPT auf einfache Weise mitteilen , dass meine Standardskala Dann gehe ich zurück zu meinem Projekt, überprüfe, was gut aussieht, und ich sehe, dass 60 gut funktioniert Also gehe ich zurück zum Chat und sage ihm 60. Bevor ich fortfahre, werde ich mir auch anderen Vorschläge von GPT ansehen In diesem Fall sehe ich, dass es zwei verschiedene Bewegungsstile anbietet Ich möchte, dass die Animation flüssig ist, also werde ich das auch im Chat erwähnen. Nachdem das erledigt ist, lassen Sie uns die Aufgabe ausführen. Nun haben wir ein paar Antworten, die mit einigen einfachen Erklärungen generiert mit einigen einfachen Erklärungen Sie müssen sie nicht alle lesen, aber wenn Sie lernen möchten, wie Ausdrücke funktionieren, ist es eine gute Idee, sie zu lesen. Das Schöne daran ist, dass GPT normalerweise klare Erklärungen innerhalb des Ausdruckscodes gibt, auch wenn Sie Ausdrücke nicht verstehen GPT normalerweise klare Erklärungen innerhalb des Ausdruckscodes gibt , ohne dass etwas kaputt geht Es sagt uns auch, auf welche Eigenschaft wir den Ausdruck anwenden sollen, und das ist der wichtige Teil für uns Denken Sie daran, dass Sie, bevor Sie weitermachen , bei Fragen die restliche Antwort von GPT weiter lesen sollten die restliche Antwort von GPT weiter lesen In den meisten Fällen finden Sie die Erklärung, die Sie benötigen, genau dort Ordnung. Gehen wir jetzt zum ersten Skalierungsausdruck und kopieren den Code. Öffnen Sie nun Ihr Projekt und drücken Sie S, um die Skalierungseigenschaft anzuzeigen. Um die Expression-Eingabe zu öffnen, halten Sie auf dem Mac die Alt- oder Wahltaste gedrückt und klicken Sie auf die Stoppuhr für die Skalierung Drücken Sie nun die Strg-Taste oder die Befehlstaste V, um den Ausdruck einzufügen. Um die Aktion abzuschließen, klicken Sie auf beliebige Stelle außerhalb des Ausdrucksfensters. Und da haben wir es. Der erste Precomp ist jetzt auf 60 skaliert Lassen Sie uns das Aktionsraster öffnen und den Precomp in der Mitte platzieren , um zu sehen, ob Sieht gut aus. Lassen Sie uns nun dasselbe für die Opacity-Eigenschaft tun Lass es uns überprüfen. Fantastisch. Es sieht wirklich nett aus. Machen Sie sich keine Sorgen, wenn Sie auf Fehler stoßen oder etwas nicht funktioniert. Sie können einfach die von mir verwendeten Ausdrücke kopieren. Sie sind im GPT-Ordner des Chats aufgeführt. In den nächsten Lektionen zeige ich Ihnen, wie Sie Ausdrucksfehler beheben Aber vorerst sollten Sie einfach weitermachen und sich mit dem Prozess vertraut machen. Okay, jetzt wählen wir alle Precomps aus und verschieben sie, sodass der, den wir gerade betrachten , in der Mitte platziert wird Ist großartig. Um diese beiden Expressions nun auf die restlichen Ebenen anzuwenden , öffnen Sie zunächst die Opazitätseigenschaft, klicken Sie mit der rechten Maustaste darauf und wählen Sie „Nur Ausdruck kopieren“ Wählen Sie dann die restlichen Precomps aus und drücken Sie Strg oder Command V, um sie einzufügen Machen wir dasselbe für die Skalierungseigenschaft. Fantastisch. Und jetzt müssen wir die Position aller Ebenen gleichzeitig kontrollieren. Dazu erstellen wir eine neue Null-Ebene und legen ihr alle Vorkompositionen als übergeordnete Ebene vor Achten Sie darauf, den Track Mat Piwip nicht mit dem übergeordneten Track und dem Link Pick Whip zu verwechseln mit dem übergeordneten Track und dem Link Pick Whip zu verwechseln Das sind zwei verschiedene Dinge. Fantastisch. Jetzt können wir die Null-Ebene nach links oder rechts verschieben, und wir erhalten diesen glatten Karussell-Effekt Stellen Sie sich vor, wie viele Keyframes erforderlich wären, um dies manuell zu erstellen, indem Sie jeden einzelnen Precomp animieren und zeitlich Und das ist die wahre Stärke des Wissens, wie man KI einsetzt , um bei echten Aufgaben in unseren Projekten zu helfen, auch wenn Sie überhaupt keine Ausdrücke kennen Damit haben wir nur an der Oberfläche dessen gekratzt was mit KI und Ausdrücken möglich ist Lassen Sie uns das jetzt auf die nächste Stufe bringen. Nehmen wir an, ich möchte die Skalierungs- und Opazitätswerte in den Ausdrücken ändern die Skalierungs- und Opazitätswerte in den Ausdrücken Dazu muss ich jeden Ausdruck öffnen, die richtigen Parameter finden und sie für jede Ebene manuell anpassen Wie Sie sich vorstellen können, nimmt das viel Zeit in Anspruch. Lassen Sie uns nun lernen, wie KI dazu beitragen kann, diesen Prozess zu automatisieren. Wenn Sie Ausdrucksparameter dynamisch steuern möchten , ist das Setup etwas anders. Sie haben gerade gelernt , wie man ein einfaches Setup erstellt. Jetzt werden wir ein fortgeschritteneres bauen. Wählen wir zunächst unsere Precomps aus und drücken zweimal E, um die Ausdrücke anzuzeigen Jetzt löschen wir alle Ausdrücke. Halten Sie dazu die Alt- oder Wahltaste auf dem Mac gedrückt und klicken Sie auf die Eigenschaft Lass uns das für alle Precomps machen. Und vergiss nicht, den Ausdruck auch aus dem zentrierten Pre-Comp zu löschen aus dem zentrierten Pre-Comp Großartig. Gehen wir jetzt zurück zu Chat GPT und bitten ihn, ein neues Ausdrucks-Setup für uns zu erstellen Ich schreibe die Anfrage auf sehr einfache Weise und kann sogar einige der Ausdrucksausdrücke hinzufügen, wie wir sie zuvor gesehen haben GPT versteht also, welche Parameter wir kontrollieren wollen. Also kopiere ich einfach diese Sätze aus dem Ausdruck, den GPT zuvor gegeben hat, damit es genau versteht welche Parameter ich kontrollieren möchte Als Nächstes füge ich auch die Opazitätsparameter hinzu. Ich sage GPT lediglich, dass ich in der Lage sein möchte , diese beiden Eigenschaften zu kontrollieren Mal sehen, was das nahelegt. Los geht's. Ohne zu wissen, dass das möglich ist, habe ich GPT einfach gefragt, ob es möglich ist, und es hat mir Schritt für Schritt den gesamten Prozess gegeben Es gab mir die Ausdrücke und schlug mir auch vor, welche Zahlen ich im Controller verwenden Jetzt verstehen wir vielleicht nicht ganz, was alles bedeutet, aber das ist okay. Folgen wir einfach den Schritten und schauen wir, was wir bekommen. Zuerst erstelle ich eine neue Null-Ebene, genau wie von GPT angewiesen, und jetzt werde ich sicherstellen, dass die Ebenen genau so beschriftet werden, wie es vorgeschlagen wurde, damit wir später nicht auf Fehler stoßen Fantastisch. Lassen Sie uns nun sehen, was die nächsten Schritte sind. Wir werden weiterhin den Richtlinien von GPT folgen und vier verschiedene Schieberegler erstellen. Sie finden sie im Effektfenster, indem Sie entweder mit der rechten Maustaste auf die Nullebene klicken und zu den Expression-Steuerelementen wechseln oder indem Sie den Namen des Effekts in die Effekt-Suchleiste eingeben den Namen des Effekts in die Effekt-Suchleiste Großartig. Nun fügen wir diesen Effekt der Null-Ebene hinzu. Verwenden Sie Strg oder Befehl D, um ihn dreimal zu duplizieren, sodass Sie insgesamt vier Schieberegler Benennen Sie abschließend jeden Slider mit den exakten Namen um, die GPT gegeben hat Kopieren Sie einfach die Namen aus dem Chat und fügen Sie sie in das Feld mit dem Effektnamen ein Lass uns das für alle vier Slider machen. Fantastisch. Bevor wir weitermachen, ist dies ein guter Zeitpunkt, um eine Sicherungskopie Ihres Projekts zu speichern , für den Fall , dass After Effects abstürzt. Speichern wir es als neue Datei. Du kannst es so etwas wie Übung nennen. Es ist immer ratsam, eine Version des Projekts zu behalten , bevor die Animation beginnt, insbesondere in komplexeren Szenen, damit Sie Ihr vorbereitetes Layout nicht verlieren falls Sie jemals von vorne beginnen müssen. Ordnung. Gehen wir jetzt zurück zum Chat und kopieren den Skalierungsausdruck. Wir werden es auf dem zentrierten Pre-Comp testen. In unserem Fall ist das Bild sechs. Okay, jetzt sehen wir den Pre-Comp überhaupt nicht , aber das ist okay Wir erhalten keinen Ausdrucksfehler, also ist es wahrscheinlich nur ein Parameterproblem im Controller Wie Sie sehen können, sind derzeit alle Controller-Werte auf Null gesetzt. Das ist höchstwahrscheinlich das Problem. Wenn Sie irgendwelche Ausdrucksfehler sehen, hier ist mein Tipp. Löschen Sie den Controller-Namen und geben Sie ihn erneut manuell ein, anstatt ihn aus dem Chat zu kopieren Aus irgendeinem Grund erkennt After Effects manchmal eingefügten Text aus anderen Programmen nicht Auch wenn der Name gleich aussieht , funktioniert er nicht. Und das ist es, was diese seltsamen Ausdrucksfehler verursacht. Geben Sie die Namen einfach manuell erneut und das Problem sollte behoben sein. Wie auch immer, lassen Sie uns weiterhin die GPT-Schritte befolgen. Gehen wir zurück zum Chat und kopieren den Opazitätsausdruck Fügen Sie es nun in die Opazitätseigenschaft ein. Kehren Sie dann zum Chat und überprüfen Sie, was als Nächstes zu tun Und hier ist es. Schritt drei: Er schlägt vor, die Kontrollwerte anzupassen . Also lass uns das schnell machen. Ordnung. Testen wir es jetzt, indem wir unsere Null-Ebene von einer Seite zur anderen bewegen und sehen, was passiert. Unglaublich. Es funktioniert perfekt. Jetzt kann ich die Controller für das Karussell-Setup anpassen und eine Vorschau anzeigen, wie alles aussieht indem ich einfach die Null-Ebene verschiebe Das Tolle an diesem Setup ist, dass Sie jederzeit zurückkommen und die Werte anpassen können , wann immer Außerdem können Sie dieses Projekt nach Abschluss der Lektion mit diesem coolen Setup speichern, können Sie dieses Projekt nach Abschluss der Lektion mit diesem coolen Setup speichern um es als Vorlage für Ihre zukünftigen Projekte zu verwenden als Vorlage für Ihre zukünftigen Projekte Das Einzige, was Sie tun müssen, ist die Bilder durch Bilder zu ersetzen, die für Ihr Projekt relevant sind , und den Controller anzupassen , wenn Sie möchten, dass es ein bisschen anders aussieht. Lassen Sie uns zunächst die Ausdrücke, die wir zu diesem Precomp hinzugefügt haben, kopieren und sie in die restlichen Ebenen einfügen Um beide Eigenschaften anzuzeigen, drücken Sie zuerst T, um die Deckkraft anzuzeigen. Halten Sie dann die Umschalttaste gedrückt und drücken Sie S, dann die Umschalttaste gedrückt und drücken Sie S um auch die Skalierungseigenschaft anzuzeigen Kopieren wir nun nur die Ausdrücke und fügen sie in die anderen Ebenen Ordnung. Jetzt können wir den Controller testen und sehen , ob alles funktioniert. Wie Sie sehen können, reagiert die Fuchsebene nicht auf den Skalierungscontroller, also haben wir wahrscheinlich vergessen, den Skalierungsausdruck in diesen einzufügen den Skalierungsausdruck in diesen einzufügen Keine große Sache. Kopieren Sie einfach den Skalierungsausdruck aus einem der anderen Precomps und fügen Sie ihn auf die Fuchsebene ein. Großartig. Nun möchte ich etwas wirklich Wichtiges erwähnen, wenn es um die Arbeit mit Precomps geht Wenn Sie sich dazu entschließen, Ihre Precomps zu reduzieren , um die höchstmögliche Bildqualität zu erhalten, sollten Sie sich bewusst sein, dass sich dadurch das Erscheinungsbild Ihrer Szene verändern kann das Erscheinungsbild Ihrer Szene verändern Wie Sie hier sehen können, sieht die Deckkraft jetzt anders aus. Aber in unserem Fall ist das sehr einfach zu beheben. Passen Sie einfach den Opazitätscontroller in unserem Setup und alle Ebenen werden automatisch aktualisiert Fantastisch. Gehen wir jetzt noch einen Schritt weiter und lassen das Design noch besser aussehen, indem einen einfachen Schlagschatteneffekt hinzufügen. Lassen Sie uns die Schattenparameter optimieren und auch die Schattenfarbe so ändern, dass sie sich gut in den Hintergrund einfügt Hier ist ein toller Tipp. Wenn Sie einen Schlagschatten hinzufügen, probieren Sie zuerst die Hintergrundfarbe aus Ihrer Szene aus und passen Sie dann die Farbwerte an. Auf diese Weise erhalten Sie natürlichere Schatten. Der Schatten sieht toll aus, aber ich möchte, dass er nur auf dem zentrierten Precomp erscheint Ich versuche, einen subtilen, erhabenen Look zu kreieren. Aber wie Sie sich vorstellen können, Animieren und Timing des Schlagschattens würde das manuelle Animieren und Timing des Schlagschattens für jede Ebene ewig dauern Hier kommt unser KI-Freund wieder ins Spiel. Damit GPT den Kontext besser versteht, mache ich einen Screenshot meiner Szene Es ist wichtig, dass GPT den Schlagschatteneffekt in den Ebenen der Timeline erkennt den Schlagschatteneffekt in den Ebenen der Timeline Machen Sie also einen Screenshot und fügen Sie ihn in den Chat ein. Lassen Sie uns nun versuchen zu erklären, was wir erreichen wollen. Auch hier in einer sehr einfachen Sprache. GPT schlägt jetzt einige Schritte vor. Aber da ich bereits einen Controller habe , der das gesamte Setup verwaltet, frage ich mich, ob ich diese Schlagschatten-Automatisierung demselben Controller hinzufügen kann diese Schlagschatten-Automatisierung demselben Controller Fragen wir es also. Großartig. Da steht, dass wir es können. Folgen wir den Schritten und sehen wir, was passiert. Ich kopiere jetzt den Namen und kehre zu meinem Projekt zurück , um den Schritten zu folgen. Also müssen wir zuerst einen weiteren Schieberegler erstellen , wie er vorgeschlagen hat, und wir können den Namen einfügen, den wir vor einer Sekunde kopiert haben. Okay. Lassen Sie uns es auch auf 100 setzen, wie wir im Vorschlag gesehen haben. Zurück zu GPT. Mal sehen, was als Nächstes kommt Okay, ich verstehe nicht wirklich alles. Es gibt eine Menge Erklärungen. Lassen Sie uns einfach weitermachen und die Ausdrücke kopieren. Das Wichtigste für mich ist zu überprüfen, wo die KI sagt, dass der Ausdruck eingefügt werden soll. In diesem Fall heißt es, es auf die Opazitätseigenschaft des Schlagschatteneffekts anzuwenden die Opazitätseigenschaft des Schlagschatteneffekts Also lass uns das jetzt machen. Jetzt kann ich den Schlagschatten von hier aus steuern. Ich setze ihn vorerst auf 100 und überprüfe, ob er automatisch verschwindet, wenn ich die Nullebene zu den Seiten verschiebe. Das ist großartig. Das funktioniert perfekt. Jetzt passe ich die Schattenfarbe an, damit sie besser zu meinem Design passt. Und wenn das erledigt ist, kopieren wir diesen Schlagschatteneffekt und fügen ihn in die restlichen Vorkompositionen Lassen Sie uns die Null verschieben und sehen, ob alles funktioniert. Nett. Der Schatten erscheint nur, wenn sich der Precomp in der Mitte befindet Ich bin zufrieden damit, wie sich die Automatisierung entwickelt hat. Da wir jetzt auf alle Vorkompositionen einen Schlagschatten angewendet haben , sollten wir auch die Deckkraft leicht anpassen, da der Schlagschatten sein Aussehen ein wenig verändert hat sollten wir auch die Deckkraft leicht anpassen, da der Schlagschatten sein Aussehen ein wenig verändert hat. Jetzt können wir die Szene animieren, wie wir wollen. In meinem Fall erstelle ich einfach eine einfache Seitenbewegung für das Karussell Zu Beginn der Animation zeige ich zunächst den Elefanten Dann, nach 3 Sekunden, bringe ich den Tiger in die Mitte. Schließlich, 3 Sekunden später, bewege ich den Leoparden in die Mitte Mir ist gerade aufgefallen, dass ich den Elefanten und den Tiger vielleicht nicht perfekt in der Mitte platziert den Elefanten und den Tiger vielleicht nicht perfekt in der Mitte Deshalb gehe ich zum ersten Keyframe und passe den Wert für die Nullposition an Ich werde dasselbe für den Tiger tun. Fantastisch. Lassen Sie uns nun, wie gewohnt, die Bewegung verbessern, indem wir die Keyframe-Geschwindigkeit anpassen Aber dieses Mal verwende ich, anstatt die Alter-Option gedrückt zu halten und auf einen Keyframe zu doppelklicken, eine Tastenkombination, die ich vor nicht allzu langer Zeit entdeckt habe, um schnell das Keyframe-Velocity-Bedienfeld zu öffnen Nachdem Sie Ihre Keyframes ausgewählt haben, drücken Sie einfach Strg Shift K oder Command Shift K auf dem Mac, und schon haben Sie es Lassen Sie uns nun die Geschwindigkeit sowohl für eingehende als auch für ausgehende Keyframes auf etwa 75% ändern für eingehende als auch für ausgehende Keyframes auf etwa 75% . Sehen wir uns das in der Vorschau an Fantastisch. Sieht toll aus. Gehen wir nun zu Sekunde Neun und kopieren und fügen den ersten Keyframe dort ein, sodass wir eine schöne Loop-Animation erhalten. Drücken Sie die Taste in, um den Arbeitsbereich zu verkürzen, und rufen Sie den Speedgraph-Editor auf, um zu überprüfen, ob die Geschwindigkeit während der gesamten Animation konstant ist In Ordnung, alles sieht gut aus. Und damit beenden wir die erste Lektion. Das Wichtigste , was Sie aus dieser Lektion mitnehmen möchten, ist, dass es sich manchmal lohnt, ein paar zusätzliche Minuten damit zu verbringen, ein automatisiertes Setup zu erstellen , bevor Sie mit der Animation beginnen. Das kann Ihnen später viel Zeit sparen, denn wenn der Client zurückkommt und nach Änderungen fragt, können Sie die Dinge superschnell anpassen, anstatt sich mit Tonnen von Keyframes auseinanderzusetzen und alles manuell neu zu sich mit Tonnen von Keyframes auseinanderzusetzen machen Ich empfehle, diese Lektion weiter zu üben indem Sie dem Setup einen coolen Unschärfeeffekt hinzufügen Sie können Chat GPT bitten, alle nicht zentrierten Präkompositionen unscharf zu machen und nur die zentrierte Vorkomposition im Fokus zu behalten und zu sehen, was das im Fokus Die Möglichkeiten sind endlos, und ich hoffe, du verstehst jetzt, wie einfach es ist , solche Dinge mit Hilfe von KI zu bauen Ich habe in meinen eigenen Projekten nie komplexe Ausdrücke verwendet, aber jetzt bin ich zuversichtlich, dass ich fast jede Automatisierung erstellen kann , die ich benötige ohne Ausdrücke oder Programmieren zu lernen. Okay, lassen Sie uns jetzt die zweite Lektion öffnen und diese schließen Und bevor wir uns die nächste Lektion ansehen, vergessen Sie nicht, eine zehnminütige Pause einzulegen, um sich zu erfrischen, bevor wir weitermachen. Wir sehen uns in der nächsten. 3. Hüpfende UI-Animation: Hallo und willkommen zurück. In dieser Lektion werden wir eine Hüpfbewegung für das UI-Panel erstellen , das Sie hier sehen. Aber bevor ich mit der Animation beginne, möchte ich Ihnen kurz zeigen, wie ich die Szene eingerichtet habe Ich habe also ein Hauptbild meines Avatars, und wenn wir die Vorkompositionen für diese Lektion öffnen, werden Sie sehen, dass es eine für das Avatar-Bild und eine für die Schaltfläche gibt Avatar-Bild und eine In der Vorkomposition für das Avatar-Bild möchte ich dir einen kurzen Tipp geben Wenn Sie an solchen Szenen arbeiten, sollten Sie vermeiden, dass Ihre Precomp-Abmessungen Es ist besser, mit kleinen Dimensionen zu arbeiten da wir dieses Bild nicht aus der Nähe sehen müssen Außerdem verwende ich, genau wie in der vorherigen Lektion, die Funktion „Track Mat“, um das Bild mit einem Kreis zu maskieren , den ich mit dem Ellipse-Werkzeug erstellt habe mit dem Ellipse-Werkzeug erstellt Schauen wir uns nun das Hauptbild des Avatars an. Hier habe ich die restlichen Ebenen, einschließlich der Schaltfläche Precomp, bei der nur um ein einfaches abgerundetes Rechteck mit einem Strich und einer Textebene handelt mit einem Strich und einer Textebene Ordnung, ich schließe diese Precomps und lass uns mit der Animation beginnen Diese Szene, ich möchte eine Intro-Animation für das UI-Panel erstellen , aber ich möchte sie interessanter machen Ich möchte eine Sekundärbewegung hinzufügen und dafür sorgen, dass sie sich federnd bewegt Auch hier weiß ich nicht wirklich, welche Ausdrücke ich verwenden soll, aber ich weiß, wie das Intro aussehen soll In meinem Fall möchte ich, dass das Panel die Szene von unten aufruft Lassen Sie uns diese grundlegende Animation also ganz schnell erstellen. Lassen Sie uns zunächst die Eigenschaft Position öffnen. Wir können die Zeitleiste vergrößern , um die Zeitcodes klarer zu sehen. Da ich möchte, dass der Precomp an seiner aktuellen Position endet, gehe ich zum, sagen wir, zweiten und erstelle dort einen Keyframe Als Nächstes gehe ich zum Anfang der Timeline und verschiebe den Precomp aus dem Frame nach unten Jetzt haben wir also eine sehr einfache Animation. Bevor wir einfache Es zu den Keyframes hinzufügen, machen wir einen kurzen Screenshot der Szene und bitten GPT, uns zu helfen, diese Animation zum Springen zu bringen Vergewissern Sie sich, dass die Eigenschaft „ Position“ geöffnet ist , damit GPT die von uns erstellten Keyframes sehen kann . In Ordnung Gehen wir jetzt zum Chat GPT. Und anstatt den Chat aus Lektion eins fortzusetzen, beginnen wir eine neue Konversation indem wir auf das neue Chat-Symbol klicken Großartig. Jetzt können wir den Screenshot einfügen und mit dem Chatten beginnen. Teilen Sie GPT zunächst immer mit , welche Software Sie verwenden Beschreiben Sie als Nächstes, was Sie erstellen möchten. Und bevor wir weitermachen, habe ich eine Frage an dich. Wie sollten wir unsere Nachricht beenden, bevor GPT uns hilft? Das ist richtig. Wir müssen fragen, verstehst du, was ich meine? Das ist der wichtigste Schritt. Wir möchten, dass GPT uns unsere Vision beschreibt , bevor es eine Lösung bietet Nur dann können wir sicher sein, dass es auf dem richtigen Weg ist? GPT hat den Ausdruck also bereits vorbereitet und erklärt, wie man ihn anwendet Er gab uns auch einige Tipps für den Fall dass wir die Bounce-Einstellungen anpassen möchten Er glaubt, dass wir Folgendes erreichen wollen. Wie Sie sehen können, hat er es wirklich gut verstanden, und er hat sogar einen neuen, genaueren Begriff für das erwähnt , was wir zu kreieren versuchen. Er weiß, dass wir eine Overshoot- und Bounce-Animation erstellen wollen eine Overshoot- und Bounce-Animation Er hat den Ausdruck bereits vorbereitet und erklärt, wie man ihn anwendet Und er schlug auch vor , was zu tun ist, falls wir einige Parameter der Überschwingungsbewegung anpassen möchten einige Parameter der Überschwingungsbewegung anpassen Ordnung, lassen Sie uns den Ausdruck kopieren und auf unsere Positionsanimation anwenden , um zu sehen, was passiert Ich bin großartig. Wir haben schon einen schönen Hüpfeffekt. Aber meiner Meinung nach fühlt sich die Animation etwas langsam an. Bringen wir den letzten Keyframe etwas früher in die Timeline. Platzieren Sie ihn um Frame 20. Verkleinern Sie nun die Vorschau und überprüfen Sie, ob der Ausdruck, den GPT Ihnen gegeben hat, auch beim ersten Keyframe ein Überschwingen auslöst Wenn ja, mach dir keine Sorgen. Gehen Sie einfach zurück zum Chat und bitten Sie GPT, den Overshoot-Bounce-Effekt nur auf den zweiten Keyframe anzuwenden In Ordnung, zurück zur Lektion. Lassen Sie uns nun einfach die Keyframes vereinfachen und sehen, was wir haben Wie Sie sehen, ist der Bouncy-Effekt jetzt kaum noch sichtbar, und das liegt daran, dass sich die Geschwindigkeit der Keyframes nach der Lockerung geändert hat In diesem Fall können wir dem Vorschlag von GPT folgen und die Stärke des Bounce-Effekts anpassen die Stärke des Bounce-Effekts Auch wenn Sie nichts über Ausdrücke wissen, schreibt GPT sie normalerweise mit kurzen So wissen Sie, welche Werte die Bewegung am stärksten beeinflussen. Jetzt müssen wir nur noch verschiedene Werte ausprobieren, bis wir etwas gefunden haben, das uns gefällt. Zuerst ändere ich den Bounce-Wert in kleinen Schritten. Dann werde ich einen größeren Sprung versuchen , um zu sehen, was er mir gibt. Ich zeige dir das, weil ich möchte, dass du dich frei fühlst, Werte zu ändern und mit den Einstellungen herumzuspielen , wenn du alleine übst. Es kann wirklich nichts Schlimmes passieren. Im schlimmsten Fall drückst du einfach auf Rückgängig oder fragst GPT erneut um Hilfe Okay, jetzt, wo wir einen Bounce-Wert gefunden haben, der funktioniert, möchte ich eine Pause korrigieren, die in der Animation auftritt Es ist wichtig, dass Sie verstehen, warum diese Pause da ist. Wirklich einfach. Wenn wir Keyframes einfach vereinfachen, ändert sich ihre Geschwindigkeit. Und wie Sie hier im Diagrammeditor sehen können, die Geschwindigkeit bei diesem letzten Keyframe derzeit Null Um dies zu beheben, können wir den endgültigen Keyframe wieder in einen linearen Wert umwandeln , indem - oder Befehlstaste gedrückt halten auf dem Mac die Strg - oder Befehlstaste gedrückt halten und einmal darauf klicken Jetzt liegt die Geschwindigkeit bei etwa 13 54 Pixeln pro Sekunde. Vorher blieb es bei Null hängen. Jetzt haben wir wieder Bewegung. wird die Animation mit dem Bounce-Effekt reibungslos fortgesetzt mit dem Bounce-Effekt reibungslos Aber wie Sie sehen, ist das momentan ein bisschen zu viel, und das liegt daran, dass wir es ursprünglich auf der Grundlage des vereinfachten Keyframes angepasst haben Aber jetzt haben wir einen normalen linearen Keyframe. Jetzt werden wir die Bounce-Einstellungen erneut an die neue Geschwindigkeit anpassen Ich zeige Ihnen diesen Prozess, weil ich möchte, dass Sie ihn erforschen und bei Bedarf selbst ausprobieren Hab keine Angst davor, Dinge zu testen. Das ist der beste Weg , um schnell zu lernen. Lassen Sie uns nun dafür sorgen, dass die Animation langsamer beginnt , indem wir den Ziehpunkt des ersten Schlüsselbilds nach rechts ziehen. Meiner Meinung nach sieht es schon großartig aus und wir sind bereit, weiterzumachen. Natürlich können Sie die Werte jederzeit ändern, um ein etwas anderes Aussehen zu erhalten, wenn Sie möchten. Aber jetzt möchte ich diese Animation noch dynamischer aussehen lassen , indem ich zusammen mit der Position eine einfache Rotationsanimation hinzufüge. Ich werde auch versuchen, der Rotation eine lustige Hüpfbewegung hinzuzufügen , wenn das möglich ist Beginnen wir also mit der Erstellung der Rotationsanimation. Wählen Sie die Ebene aus, drücken Sie R und fahren Sie dann mit Frame 20 fort. Erstellen Sie hier einen Keyframe. Dies wird die endgültige Rotationsposition Kehren Sie dann zum Anfang der Timeline zurück und drehen Sie den Precomp Lassen Sie uns es auf 25 Grad drehen und die Position an diesem Punkt so anpassen, dass das UI-Panel nicht auf dem Bildschirm angezeigt wird. Ordnung, es sieht gut aus, aber ich möchte zurück zu Chat GPT gehen und versuchen, mir eine interessantere Animation auszudenken Lassen Sie uns einfach sagen, was wir getan haben und was wir erreichen wollen Ich möchte, dass sich die Rotation etwas wackelig anfühlt. Und da ich mir nicht sicher bin, ob ich mich klar und deutlich erkläre, frage ich bei GPT nach. Verstehst du, was ich meine? Jetzt sehe ich einige Erklärungen, und GPT verwendet Begriffe wie Jitter oder Schüttelbewegung Also werde ich es vielleicht bitten, die Ebene ein wenig wackeln zu lassen die Ebene ein wenig wackeln Mal sehen, ob es die Aufgabe versteht. Nachdem ich die Erklärung gelesen habe, bin ich mir immer noch nicht sicher, ob ich das meinte. In diesem Fall probiere ich es einfach aus und korrigiere GPT bei Bedarf Das ist der hilfreiche Teil der Erforschung von KI und After Effects Ich möchte wirklich, dass du dieselben Schritte befolgst und keine Angst hast, Dinge selbst auszuprobieren. Okay, jetzt sehe ich, dass der Antrag etwas wackelig ist, aber er sieht immer noch nicht so aus, wie ich es Bevor ich zum Chat zurückkehre, werde ich versuchen, einige Werte im Ausdruck anzupassen , um zu sehen, ob das hilft Nach einigen Tests erhalte ich immer noch nicht die exakte Bewegung, die ich möchte Lassen Sie uns also den Ausdruck stornieren und jetzt zum Chat zurückkehren und ihn besser erklären. Ich werde zunächst sagen: Das ist nicht genau das, was ich meinte, und dann beschreibe ich meine Idee noch einfacher. Wie immer werde ich abschließend fragen: Verstehst du, was ich meine? Dieses Mal, sagt GPT, verstehe ich das voll und ganz. Also lass uns sehen, ob das stimmt. Fantastisch. Das ist genau das , wonach ich gesucht habe. Jetzt kann ich mit den Werten herumspielen und Dinge optimieren, bis sie perfekt aussehen Lassen Sie uns also mit diesen drei Werten im Einstellungsbereich des Ausdrucks herumspielen im Einstellungsbereich des Ausdrucks Ordnung. Ich finde, es sieht gut aus. Danach passe ich die Keyframes an und schaue , wie sie mit dem Rotationsausdruck interagieren Sieht jetzt toll aus. Ich werde auch die Geschwindigkeit anpassen, um sie besser an die Positionsbewegung anzupassen. Auch hier war es mir sehr wichtig, Ihnen diesen Hin- und Her-Prozess mit GPT zu zeigen Ihnen diesen Hin- und Her-Prozess mit GPT Manchmal bekommen wir nicht sofort, was wir wollen, aber wenn Sie die Dinge klar erklären, wird GPT es irgendwann bekommen Ordnung. Nachdem wir das Intro für das UI-Panel erstellt haben, gehen wir zum Precomp und erstellen einige coole Mikroanimationen In diesem Fall möchte ich Ebenen wie dem Avatar-Bild, dem Stern und der Schaltfläche eine dynamische Skalenanimation hinzufügen Skalenanimation Ebenen wie dem Avatar-Bild, dem Stern und der Schaltfläche Stern Für die anderen Ebenen können wir die Animation der Hüpfposition wiederverwenden, die wir zuvor für die Haupt-Precomp erstellt haben Gehen wir also zurück zum Chat GPT und bitten ihn, eine Bounce- oder Popup-Scale-Animation zu erstellen Wir können auch erwähnen, dass wir möchten, dass sie der Pop-up-Positions-Animation ähnelt, die wir Hier haben wir also alle Erklärungen und Vorschläge für die Popup-Scale-Animation Gehen wir zurück zum Projekt und erstellen die maßstabsgetreue Animation für das Avatar-Bild, damit wir GPTSepression hinzufügen können Wie zuvor, gehe ich zu Bild 20 und erstelle einen Keyframe mit dem aktuellen Wert, da ich möchte , dass der endgültige Maßstab so ist, wie er am Ende der Animation gehe ich zu Bild 20 und erstelle einen Keyframe mit dem aktuellen Wert, da ich erstelle einen Keyframe Dann setze ich zu Beginn der Zeitleiste die Skala auf Null Sie können diese Ebene auch isolieren , sodass wir uns nur darauf konzentrieren können. Nun, da wir die Keyframes eingerichtet haben, versuchen wir, den Ausdruck zu verwenden, den uns GPT gegeben hat Großartig. Es funktioniert perfekt. Jetzt passe ich die Beschleunigung so an, dass sie der Positionsanimation entspricht, die wir für das Hauptfenster der Benutzeroberfläche erstellt haben für das Hauptfenster der Benutzeroberfläche erstellt Danach spiele ich mit den Expression-Einstellungen herum, um herauszufinden, was für diese spezielle Ebene am besten aussieht Okay, lassen Sie uns denselben Ausdruck auf das nächste Element anwenden , das wir herausnehmen möchten Lass es uns für den Button Precomp machen. Erstellen Sie zuerst die Skalierungsanimation und wenden Sie dann den Ausdruck an Wählen Sie einfach die Ebene aus und fügen Sie den Ausdruck ein. Mal sehen, wie es aussieht. Passen Sie nun die Geschwindigkeit an und den Abpralleffekt an, bis er sich für diese Ebene genau richtig anfühlt Fantastisch. Das sieht toll aus. Machen wir dasselbe mit dem Stern und der großen Zahl. Um nun den Ausdruck anzuwenden, wählen Sie beide Ebenen aus und drücken Sie Strg V. Schauen wir uns an, wie es aussieht. Da die Zahlenebene ziemlich klein ist, ziehe ich es vor, den Sprung etwas deutlicher zu machen , damit er gut zur Geltung kommt Das sieht auch toll aus. Lassen Sie uns nun eine Popup-Animation für das Symbol erstellen, das ich hier habe. Diese Datei ist wirklich groß, aber ich habe sie auf einen sehr kleinen Wert verkleinert Schauen wir uns also an, ob der Ausdruck noch funktioniert. Manchmal erstellt GPT möglicherweise einen Ausdruck, der auf dem tatsächlichen Skalierungswert der Ebene basiert der auf dem tatsächlichen Skalierungswert der Ebene und der möglicherweise nicht für jede Ebene gut funktioniert, insbesondere wenn sie alle unterschiedlich skaliert sind Wenn Ihnen das passiert, gehen Sie einfach zurück zu GPT und bitten Sie es den Ausdruck anhand von Prozentwerten zu erstellen , wie wir Wenn Sie auf Probleme stoßen, erklären Sie einfach, dass Sie mit Ebenen arbeiten , die unterschiedliche Skalierungswerte haben, und dass Sie eine universelle Popup-Animation benötigen , die unabhängig vom Ebenenmaßstab funktioniert Ordnung. Nachdem wir die Animationen im Popup-Skala fertiggestellt haben, erstellen wir ein einfaches Positionsintro für die Textebenen Gehen Sie zunächst zu Bild 20 und erstellen Sie einen Keyframe für ihre aktuelle Position Gehen Sie dann zurück zum Anfang der Timeline und verschieben Sie die Textebenen nach unten und aus dem Frame heraus Kopieren Sie nun denselben Ausdruck für die Hüpfposition, den wir für das Hauptfenster der Benutzeroberfläche verwendet haben für das Hauptfenster der Benutzeroberfläche verwendet und fügen Sie ihn in die Textebenen Passen Sie abschließend die Lockerung an und sehen Sie, wie sie aussieht. Das sieht toll aus, aber wir haben ein kleines Problem. Sie können sehen, wie die Textebenen außerhalb der Grenzen der blauen Hauptform in die Szene eindringen . Ich habe eine Frage an dich. Was müssen wir tun, um das zu beheben? Wir müssen dafür sorgen, dass die Textebenen die Alpha-Matte dieser Form verwenden. Dann schalten Sie einfach die Sichtbarkeit der Formebene wieder ein. Jetzt sieht alles perfekt aus. Wir haben den Text nur innerhalb der Formebene sichtbar. Als letztes müssen wir die Mikroanimationen, die wir in der Avatar-Vorkomposition erstellt haben, zeitlich an die Animation in der Hauptkomposition anpassen Lassen Sie uns die Intro-Animation für die Ebenen innerhalb dieser Komposition ab Bild 15 starten die Ebenen innerhalb dieser Komposition An dieser Stelle können Sie es so anordnen, wie Sie möchten. In meinem Fall möchte ich, dass die Textebenen zuerst in der Szene erscheinen, also fange ich mit dem Namen an, der kommt. Dann, nach zwei Frames, die nächste Textzeile. Danach lasse ich das Avatar-Bild erscheinen, gefolgt vom Symbol. Und zum Schluss werde ich mit dem Stern, der Zahl und der Schaltfläche fertig sein. Schauen wir uns nun die Animation und sehen, wie alles zusammen in der Hauptkomposition aussieht. Ich denke, die interne Animation sollte etwas früher beginnen. Ich werde versuchen, es auf Bild fünf zu verschieben. Ja, das sieht viel besser aus. Und damit haben wir diese Lektion beendet. Ich hoffe, es hat Ihnen etwas mehr Selbstvertrauen gegeben, rauszugehen und mit der Automatisierung Ihrer eigenen Animationen zu beginnen Ich hoffe auch, dass Ihnen diese Lektion gezeigt hat, dass es manchmal besser ist , nicht wie in Lektion eins einen einzigen Controller für alle Ebenen zu erstellen wie in Lektion eins einen einzigen Controller für alle Ebenen In diesem Fall war es klüger, jede Ebene separat zu steuern und die Werte nacheinander anzupassen. das geklärt haben, sind wir jetzt bereit, mit der nächsten Lektion fortzufahren , in der wir einen sehr coolen Hover-Effekt für die Symbole erzeugen werden einen sehr coolen Hover-Effekt für die Symbole Es wird großartig, also sehen wir uns dort. 4. Erweiterte Hover-Animationseinrichtung: Komm zurück. In dieser Lektion möchte ich Ihnen beibringen, wie Sie ein erweitertes Animations-Setup mit schwebender Maus erstellen ein erweitertes Animations-Setup mit schwebender Maus Aber bevor wir beginnen, möchte ich erklären, warum ich meine Symbole unterkomponiere, anstatt die ursprünglichen Ebenen zu verwenden Der Hauptgrund ist, dass jedes Symbol eine andere Größe hat. Wenn ich sie so animieren würde, wie sie wäre die Szene viel schwieriger zu kontrollieren. Wenn Sie an solchen Szenen arbeiten, schlage ich vor, dasselbe zu tun. Es macht es auch wirklich einfach, in Zukunft Symbole auszutauschen, falls Sie das jemals tun müssen. Was die Größe vor der Installation angeht, schlage ich vor, mit kleinen Abmessungen zu arbeiten Etwa 300 Pixel für Breite und Höhe sollten in Ordnung sein Verwenden Sie größere Abmessungen nur, wenn Sie wissen, dass die Symbole in Ihrer Nähe angezeigt werden. Wie Sie sehen können, ist die Größe dieser Symbolebene jedenfalls sehr groß, und ich habe sie auf 14 verkleinert Das Gleiche gilt für das Illustrator-Symbol. Sie kamen in derselben Originalgröße. Aber das Photoshop-Symbol hatte eine andere Originalgröße, also habe ich es auf 46 skaliert Und für das Figma-Symbol habe ich eine Skala von 33 verwendet. Mein Ziel war es, sie alle visuell in derselben Größe erscheinen zu lassen visuell in derselben Größe erscheinen Deshalb habe ich sie zusammengesetzt und für alle Vorkompositionen dieselben Abmessungen verwendet In Ordnung, ich hoffe, du verstehst die Idee. Jetzt fangen wir an, das schwebende Setup aufzubauen. Stellen wir uns vor, wir haben keine Ahnung, was wir zuerst tun sollen. Also werden wir Chat GPT bitten, uns zu helfen. In diesem Sinne habe ich eine Frage an Sie. Was hilft uns, Chat GPT die Situation klar zu erklären Chat GPT die Situation klar zu Wir müssen einen Screenshot unserer Szene machen. Also lass uns das ganz schnell machen. Stellen Sie sicher, dass Ihr Screenshot das Vorschaufenster und das Ebenenfenster enthält . Hier ist ein kleiner Bonus-Tipp. Um die Klarheit deiner Nachricht an GPT zu verbessern, kannst du eine kurze Skizze oder einen Pfeil auf deinen Screenshot zeichnen In diesem Fall zeichne ich einen Pfeil vom Cursor zum Symbol. In Ordnung. Also lass uns jetzt diesen Screenshot kopieren und zurück zum Chat GPT gehen Lassen Sie uns eine neue Konversation erstellen und den Screenshot einfügen Und wie immer wollen wir damit beginnen, ihr zu sagen, welche Software wir verwenden. Lassen Sie uns dann versuchen, die Animation zu erklären , die wir erstellen möchten. Mach dir keine Sorgen über Grammatikfehler. Versuche einfach, so spezifisch wie möglich zu sein. Dieses Mal werde ich GPT bereits mitteilen, dass ich die verschiedenen Parameter des Hover-Effekts steuern möchte die verschiedenen Parameter des Hover-Effekts steuern , weil ich sie vielleicht später ändern möchte Ich werde die Parameter erwähnen, von denen ich bereits weiß, und ich werde GPT auch fragen, ob es noch andere Parameter gibt , die mir fehlen die das Setup verbessern könnten Und wie immer, lassen Sie uns abschließend fragen, verstehen Sie, was ich meine? Hier haben wir also alle Schritte, die wir brauchen, und ich kann sehen, dass GPT tatsächlich einen wirklich netten Parameter hinzugefügt hat, an den ich nicht einmal gedacht habe, nämlich die Möglichkeit, die Standardgröße der Symbole zu kontrollieren die Standardgröße der Symbole Großartig. Also lass uns weitermachen und sehen, was wir sonst noch haben. Mir ist in Schritt drei aufgefallen, dass GPT erklärt, wie man die Bewegung flüssiger macht Das brachte mich auf die Idee zu fragen, ob wir diesen Parameter zum Controller hinzufügen können , damit wir ihn anpassen können ohne das Expression-Handbuch öffnen zu müssen Und hier ist er. GPT hat uns auch den Ausdruck für diesen Parameter Folgen wir nun den Schritten von Anfang an. wir zunächst zu unserem Projekt zurück und erstellen eine Controller-Ebene mit einem Null-Objekt. Achten Sie darauf, diese Ebene genau so zu benennen, wie es GPT vorgeschlagen hat, denn wenn die Namen nicht übereinstimmen, funktioniert der Ausdruck nicht Ordnung. Als Nächstes erstellen wir die drei Schieberegler und beschriften sie genau so, wie er es empfohlen hat Jetzt passen wir die Standardwerte für jeden Controller an, genau wie GPT es uns gesagt hat Und bevor wir die Ausdrücke anwenden, fügen wir auch den letzten Controller für gleichmäßige Bewegung hinzu und legen den Standardwert wie vorgeschlagen Kopieren wir nun den aktualisierten Skalierungsausdruck, den GPT erstellt hat, und fügen ihn in die Skalierungseigenschaft des ersten Symbols Lassen Sie mich die Größe dieses Panels ein wenig ändern. Wenn Sie Probleme beim Öffnen des Ausdrucksfeldes haben, machen Sie sich keine Sorgen einfach den aktuellen Ausdruck ab und klicken Sie erneut mit der Alt-Taste auf die Stoppuhr. In Ordnung. Nach dem Einfügen des Ausdrucks sehe ich einen Fehler. Deshalb klicke ich auf den Ausdruck, um die Fehlermeldung anzuzeigen Dann öffne ich mit der Tastenkombination das Screenshot-Tool und mache einen Schnappschuss davon Vergewissern Sie sich, dass Ihr Screenshot die vollständige Fehlermeldung enthält Das ist wirklich wichtig. Fügen Sie nun den Screenshot in den GPT-Chat ein und lassen Sie ihn das Problem lösen Hier können wir die Erklärung sehen. Sieht so aus, als ob das Problem bei einem Namen liegt, den ich verwendet habe. Ich habe vielleicht etwas falsch eingegeben, aber selbst wenn Sie keinen Fehler sehen, schlage ich dennoch vor, dass Sie den Namen löschen und erneut manuell eingeben Wie ich in Lektion eins erklärt habe, verursacht das Kopieren von Namen von außen manchmal seltsame Fehler Und da haben wir's. Der Fehler ist weg und der Ausdruck funktioniert perfekt. Großartig. Jetzt können wir mit den Parametern herumspielen, um zu sehen, wie sie sich auf die Bewegung und das Gesamtbild der Szene auswirken . Bevor wir diesen Ausdruck auf alle anderen Vorkompositionen anwenden, versuchen wir nun , den Schwebeeffekt zu verbessern, indem wir das Symbol leicht nach oben bewegen lassen , wenn der Mauszeiger Kehren wir zu GPT zurück und teilen ihm mit, dass das Symbol oder die Vorkomposition gleichmäßig nach oben bewegt werden soll , wenn der Fantastisch. GPT schlägt vor, einen weiteren Controller hinzuzufügen, damit wir diesen Parameter jederzeit anpassen können . Lass uns das ganz schnell machen Wenden Sie nun den Ausdruck auf die Positionseigenschaft an, genau wie es uns GPT sagt Schauen wir es uns an. Versuchen Sie, den Wert auf dem neuen Schieberegler zu ändern, um zu sehen, was am besten aussieht. Sobald wir mit dem Aussehen zufrieden sind, können wir die Expressions aus dieser Ebene kopieren und sie in die restlichen Icon-Precomps einfügen Alles sieht toll aus, und das Beste daran ist. Jetzt steuern wir alle Symbole von einem einzigen Controller aus. Sie können alle Parameterwerte jederzeit ändern. Wie cool ist das? Sie können den Effekt sogar umdrehen. Symbole werden also nicht größer, wenn der Mauszeiger darüber bewegt wird, sondern sie werden kleiner. Jetzt können wir den Effekt sogar rückgängig machen und dafür sorgen, dass die Symbole schrumpfen, wenn der Mauszeiger darüber bewegt wird, anstatt zu wachsen . In Ordnung Ich setze alles wieder auf den Normalzustand zurück. Und jetzt fangen wir an, die Cursorebene zu animieren. An dieser Stelle können Sie wie immer jede Art von Animation erstellen, die Sie möchten Sie müssen nicht genau das kopieren, was ich mache. Mein Hauptziel in diesem Kurs ist es, Ihnen zu zeigen, wie man Expression-Setups mithilfe von KI erstellt, nicht auf detailliertes Animationsdesign zu konzentrieren Und ich hoffe, Sie erkennen inzwischen , wie einfach es ist, komplexe Ausdruckssysteme zu generieren , deren erkennen inzwischen , wie einfach es ist, komplexe Ausdruckssysteme zu generieren manuelles Lernen und Erstellen dank KI früher viel Zeit in Anspruch nahm In Ordnung, ich finde, meine Animation sieht ziemlich gut aus, und damit haben wir diese Lektion beendet. Ordnung, ich finde, meine Animation sieht ziemlich gut aus, und damit haben wir diese Lektion beendet Sie können weitermachen und die nächste Lektion öffnen und diese schließen In der nächsten Lektion lernen wir, wie man einen coolen Schwebeeffekt für Schaltflächen anstelle von Symbolen erzeugt Wir werden auch darüber sprechen, was in Situationen zu tun ist, in denen KI weigert, uns das gewünschte Ergebnis zu liefern , egal wie sehr wir uns bemühen Es wird großartig, also sehen wir uns dort. Aber bevor ich zum nächsten übergehe, empfehle ich, eine zehnminütige Pause einzulegen. 5. Automatisierter Farbwechsel mit dem Mauszeiger: Hallo und willkommen zurück. In dieser Lektion werden wir einen coolen Farbwechseleffekt beim Schweben erzeugen und darüber sprechen, was zu tun ist, wenn wir auf nervige Probleme mit dem GPT stoßen Lassen Sie mich Ihnen wie immer schnell zeigen, wie ich diese einfache Szene erstellt habe Was ich hier habe, sind nur ein paar Precomps, die Buttons darstellen In jedem Precomp gibt es eine Textebene und ein abgerundetes Rechteck Es ist wichtig zu wissen, dass alle Methoden, die wir in diesem Kurs verwenden , auch mit normalen Ebenen funktionieren Sie müssen keine Precomps verwenden, wenn Sie das nicht möchten. In Ordnung. Jetzt fangen wir an, den Ausdruck zu erstellen Ich möchte , dass die Schaltflächen ihre Farbe ändern , wenn ich mit dem Cursor über sie Lassen Sie uns zunächst einen kurzen Screenshot der Szene und der Ebenen machen einen kurzen Screenshot der Szene und der Ebenen Kopieren wir nun den Screenshot, gehen zum Chat GPT, starten eine neue Konversation und fügen sie Dann beschreiben wir unsere Idee auf sehr einfache Weise. Da wir keine Ahnung haben, wie wir die Farbe ändern sollen, fragen wir einfach GPT welche Effekte wir verwenden sollen und wie das Und wie immer fragen wir abschließend: Verstehst du, was ich meine? Ordnung. Also hier haben wir den kompletten Prozess und wir können uns auch die Effekte ansehen, die GPT vorgeschlagen hat Ich denke, der Tönungseffekt ist in diesem Fall besser, da er aus der Effektfamilie der Farbkorrektur stammt Effektfamilie der Farbkorrektur Dann bemerkte ich, dass GPT einen Ausdruck für den Fülleffekt erstellt hat einen Ausdruck für den Fülleffekt Aber lassen Sie uns das vorerst ignorieren und zum Projekt zurückkehren, um zu verstehen, was der Tönungseffekt tatsächlich bewirkt, denn das ist der, den ich verwenden möchte Suchen Sie im Effekt- und Presets-Bedienfeld nach dem Effekt und fügen Sie ihn einer der Button-Precomps Lassen Sie uns nun die Farben innerhalb des Tönungseffekts ändern , um das gewünschte Aussehen zu erzielen, wenn der Mauszeiger über die Sobald das erledigt ist, sehen Sie sich den Wert der Eigenschaft „Farbwert“ an. Dadurch wird gesteuert, wie stark die neuen Farben aufgetragen werden. Nehmen wir an, wir haben nicht bemerkt, dass GPT den Ausdruck für den Fülleffekt erstellt hat, und wir haben diesen Ausdruck trotzdem GPT den Ausdruck für den Fülleffekt erstellt hat, kopiert und in die Eigenschaft Menge bis Farbton eingefügt Wie Sie wahrscheinlich vermutet haben, erhalten wir eine Fehlermeldung Nehmen wir an, ich verstehe den Fehler nicht , möchte ihn aber trotzdem beheben Zunächst können wir den Ausdruck stornieren. In solchen Situationen ist es am besten, einen Screenshot Ihres aktuellen Setups zu machen und sicherzustellen, dass GPT deutlich erkennen kann, welchen Effekt Sie verwenden Fügen Sie dann den Screenshot in den Chat ein und teilen Sie GPT mit, ich den Tönungseffekt verwende Kannst du mir sagen, wo genau ich den Ausdruck einfügen soll Und sofort gibt uns GPT neue Schritte in einem funktionierenden Ausdruck Lassen Sie uns das kopieren und im Projekt testen. Nett. Es funktioniert. Aber ehrlich gesagt gefällt mir nicht, dass der Effekt nur ausgelöst wird, wenn sich der Cursor in der Mitte der Schaltfläche befindet. Und ich bin kein Fan von der seltsamen Farbmischung in Mitteltönen , die passiert, wenn sich der Cursor der Mitte nähert Nehmen wir an, ich verstehe nicht, warum das passiert. Ich möchte nur, dass der Farbwechsel sofort erfolgt, wenn der Cursor die Taste berührt. Gehen Sie in diesem Fall einfach zurück zu GPT, sagen Sie, dass Ihnen das aktuelle Verhalten nicht gefällt, und beschreiben Sie stattdessen, was Sie wollen als ob Sie mit einem Assistenten sprechen A Nach der Erklärung wird GPT einen neuen Ausdruck für uns erstellen Lassen Sie uns ihn kopieren und in das Ausdruckspanel einfügen. Fantastisch. Es sieht jetzt viel besser aus. Lassen Sie uns versuchen, die Vorkomposition zusammenzuklappen, um zu überprüfen, ob etwas kaputt geht oder im Ausdruck angepasst werden muss Alles sieht immer noch gut aus, also können wir weitermachen. Jetzt haben wir Expressions auf Effekte und grundlegende Ebeneneigenschaften angewendet . Aber lassen Sie uns noch einen Schritt weiter gehen und versuchen, Ausdrücke auf Ebenenstilen zu verwenden. Klicken Sie beispielsweise mit der rechten Maustaste auf Precomp, gehen Sie zu Ebenenstilen und fügen Sie einen Stricheffekt hinzu Öffnen Sie die Stricheinstellungen, stellen Sie die Größe auf zehn und ändern Sie die Farbe auf Weiß Jetzt möchte ich, dass dieser Strich nur angezeigt wird, wenn der Mauszeiger über die Schaltfläche bewegt wird Auf diese Weise erzielen wir einen einzigartigeren und dynamischeren Hover-Effekt Machen Sie einen Screenshot dieses aktualisierten Setups und kehren Sie zu Chat GPT zurück Beschreiben Sie im Chat kurz die Situation und erklären Sie , was passieren soll Und da ist es. GPT weist uns an, den Ausdruck auf die Opazitätseigenschaft des Stricheffekts anzuwenden den Ausdruck auf die Opazitätseigenschaft des Stricheffekts Lassen Sie uns das tun und sehen, was passiert. Großartig. Sieht echt cool aus. Jetzt können wir diesen Ebenenstil aus der ersten Precomp kopieren und ihn in die restlichen Button-Precomps einfügen die restlichen Button-Precomps Nachdem wir schnell bestätigt haben , dass es funktioniert, machen wir dasselbe für den Tönungseffekt Kopieren Sie es und fügen Sie es in die anderen ein. Es sieht toll aus. Alles funktioniert perfekt. Lassen Sie uns nun eine schnelle Animation erstellen, damit der Cursor ein wenig üben kann. Wie üblich können Sie ihn animieren, wie Sie möchten. Aber verbringe nicht zu viel Zeit damit. Wir wollen weitermachen und weiter erforschen, was KI uns beim Aufbau helfen kann. Ich möchte zum Beispiel, dass der Cursor selbst seine Farbe ändert, wenn er mit der Maus über eine Schaltfläche fährt. Warum? Weil in einigen Szenen wie dieser der Kontrast zwischen der Farbe, auf die der Mauszeiger zeigt und dem Cursor nicht stark genug Der Cursor wird, aber lassen Sie uns zuerst die Animation beenden, und dann werden wir versuchen, mithilfe von KI die Idee und die Lösung zu entwickeln, damit der Cursor beim Schweben besser sichtbar Ordnung. Sobald wir mit der Animation zufrieden sind, fangen wir an, an der Farbautomatisierung mit dem Cursor zu arbeiten . wir einen Screenshot, auf dem der Cursor über der Schaltfläche schwebt , und senden wir ihn an GPT, damit es unser Problem visuell verstehen kann Nach dem Einfügen erklären wir, was wir tun möchten und wie wir hoffen, das Problem zu lösen O. GPT schlägt vor den Fülleffekt für den Cursor und dann den Ausdruck für die Farbeigenschaft dieses Effekts zu verwenden Farbeigenschaft dieses Effekts Folgen wir also den Schritten. Zuerst müssen wir den Fülleffekt zu einem der Button-Precomps hinzufügen einem der Button-Precomps Als Nächstes ändern wir die Farbe. Sagen wir zu gelb. Wir können die Cursorform auch etwas verkleinern und die Größe auf 65 setzen. Und jetzt fügen wir den Ausdruck, den GPT uns gegeben hat, in die vorgeschlagene Eigenschaft ein Ich sehe, dass der Cursor die Farbe überhaupt nicht ändert, auch wenn wir versuchen, sie manuell zu ändern Aber nichts passiert. Die Farbe ändert sich nicht. Wir haben den Ausdruck in die richtige Eigenschaft eingefügt. Lassen Sie uns nun GPT mitteilen, was passiert ist Wir werden fragen, ob es vielleicht besser ist, stattdessen die Deckkraft des Effekts zu kontrollieren die Deckkraft des Das hat funktioniert, als wir zuvor die Deckkraft für den Strichebenenstil verwendet haben für den Strichebenenstil Ordnung, also lasst uns den neuen Ausdruck aus GPT kopieren und zum Projekt zurückkehren Löschen Sie den Ausdruck für die Farbeigenschaft und wenden Sie ihn stattdessen auf die Deckkraft des Fülleffekts an Trotzdem passiert nichts. Jetzt ist der Cursor aus irgendeinem Grund unsichtbar, obwohl wir keine Ausdrucksfehler haben. Lass es uns weiter versuchen. Machen Sie einen Screenshot der Situation und teilen Sie es GPT mit. Wir haben den Ausdruck angewendet, aber jetzt können wir den Cursor überhaupt nicht mehr sehen Ein GPT antwortet mit einer längeren Erklärung und einer neuen Version des Ausdrucks Lass es uns versuchen. Kopieren Sie den Ausdruck und lassen Sie uns schnell den Rest der Erklärung durchgehen , um zu sehen, ob wir vielleicht etwas Wichtiges benötigen. Nehmen wir an, wir verstehen nicht wirklich, was er sagt. Gehen wir einfach zurück zum Projekt und fügen den neuen Ausdruck ein. Okay, ich kann den Cursor immer noch überhaupt nicht sehen. Das Ändern der Werte bewirkt nichts. Ehrlich gesagt, nachdem ich es mehr als zweimal versucht habe, habe ich langsam das Gefühl, dass dieser Ansatz vielleicht einfach nicht funktioniert. Wenn ich mir die Animation ansehe, passiert nichts. Es ist also klar, dass hier etwas nicht stimmt. Wir können den Ausdruck streichen, und außerdem bevorzuge ich es in solchen Situationen, einfach einen völlig anderen Ansatz auszuprobieren. Lassen Sie uns also den Fülleffekt vom Cursor entfernen und es stattdessen mit dem Tönungseffekt versuchen stattdessen mit dem Tönungseffekt , weil das früher besser funktioniert hat Also lasst uns den Tönungseffekt zum Cursor hinzufügen, dann die Farbe auf Gelb ändern und jetzt einen neuen Screenshot machen und zurück zum Chat gehen, damit GPT weiß, dass der Fülleffekt nicht funktioniert hat, und jetzt wollen wir Lass ihn sein Ding machen. Kopieren Sie dann den neuen Ausdruck. Es könnte etwas komplex sein und versuchen Sie es im Projekt. Funktioniert immer noch nicht. Keine Fehler, aber die Farbe ändert sich nicht. Versuchen wir es noch einmal und zeigen ihm die aktuelle Situation. Machen Sie einen neuen Screenshot und achten Sie darauf, dass der Ausdruck im Bild enthalten ist. nach dem Einfügen des Screenshots Teilen Sie ihm nach dem Einfügen des Screenshots mit, dass dieser Ausdruck nicht funktioniert in der Zwischenzeit, während er die Antwort generiert, Lassen Sie uns in der Zwischenzeit, während er die Antwort generiert, zum Projekt zurückkehren und den Ausdruck stornieren Wir können auch versuchen, die zweite Farbe des Tönungseffekts in Gelb zu ändern die zweite Farbe des Tönungseffekts in Gelb zu Vielleicht hilft das. In Ordnung. Der neue Ausdruck ist fertig. Ich werde seine Erläuterungen und Vorschläge schnell überprüfen , um zu sehen, ob es wichtige Hinweise für dieses Setup Ich habe nichts Kritisches gefunden, also lasst uns einfach den neuen Ausdruck kopieren und sehen, was passiert Funktioniert immer noch nicht. Bevor ich eine neue Konversation mit dem Chat beginne, möchte ich noch eine letzte Sache ausprobieren. Gehen wir zurück zum Chat und sagen wir ihm erneut, dass es nicht funktioniert. Aber dieses Mal gebe ich ihm auch einige technische Informationen und lasse ihn wissen, dass die Opazität die ganze Zeit bei Null bleibt Manchmal hilft es GPT, besser zu verstehen, was schief läuft , wenn nur ein kleines technisches Detail wie dieses hinzugefügt wird Lassen Sie uns also einfach den neuen Ausdruck kopieren und sehen, was passiert Fantastisch. Diesmal funktioniert es perfekt. Ich wollte Ihnen den gesamten Prozess zeigen, damit Sie verstehen, dass Sie manchmal Ihren Ansatz ändern, einen anderen Effekt ausprobieren oder ein paar technische Details hinzufügen müssen , damit KI Sie besser unterstützen kann. Denken Sie daran, wenn Sie es mit kniffligen Setups wie diesem zu tun haben. Schauen wir uns die Animation an, die wir gerade erstellt haben. Fantastisch. Sieht nett aus. Bevor wir zum Schluss kommen, möchte ich dir einen kurzen Tipp geben. Zuvor haben wir allen Button-Precomps einen Stricheffekt hinzugefügt allen Button-Precomps Nehmen wir an, Sie möchten die Strichfarbe ändern, aber Sie möchten dies nicht bei jedem Strich manuell tun, insbesondere, wenn Sie die Farbe später erneut ändern möchten. Hier ist ein Trick. Suchen Sie mithilfe der Suchleiste im Zeitleistenfenster nach der Farbeigenschaft . Jetzt können wir also die Farbeigenschaft des Strichs für alle Vorkompositionen sehen des Strichs für alle Vorkompositionen Verwenden Sie dann das Auswahlwerkzeug der Eigenschaft selbst, nicht das Auswahlwerkzeug der Ebene, um alle Eigenschaften der Strichfarbe mit der ersten zu verknüpfen Tun Sie dies für jede Vorkomposition der Schaltfläche. Jetzt steuern Sie die Strichfarbe für alle Schaltflächen von einem einzigen Ort aus Das funktioniert für jede Effekteigenschaft. Sie können diesen Trick verwenden, wenn Sie keine komplexen Controller einrichten möchten oder müssen, wie wir es in der ersten Lektion getan haben. Eine weitere intelligente Möglichkeit, die Eigenschaften eines Effekts von einer Ebene aus zu steuern Effekts von einer Ebene aus besteht darin, ihn mit den Eigenschaftenlinks zu kopieren. Auf diese Weise können Sie, nachdem Sie ihn auf die übrigen Ebenen in der Szene eingefügt haben, alle Eigenschaften dieses Effekts von nur einer Ebene aus steuern , ohne dass Sie die Eigenschaften einzeln überordnen müssen. Damit haben wir diese Lektion beendet. Lassen Sie uns alle Ebenen schließen und uns die Animation ansehen. Beachten Sie, dass die Renderzeiten der Vorschau extrem langsam sind, obwohl wir nicht viele Ebenen oder Effekte in der Szene haben der Vorschau extrem langsam sind, obwohl wir nicht viele Ebenen oder Effekte in der Szene . Das liegt daran, dass wir einige komplexe Ausdrücke in den Ebenen haben . sage Ihnen das, weil ich möchte, dass Sie wissen, dass die Verwendung von zu vielen Ausdrücken in Ihrem Projekt es wirklich verlangsamen kann. Ordnung, die Animation sieht toll aus und wir können mit der nächsten Lektion fortfahren Lassen Sie uns sie also öffnen und die aktuelle schließen. Im nächsten Teil werden wir lernen, wie man eine äußerst nützliche Cursorklick-Automatisierung erstellt eine äußerst nützliche Cursorklick-Automatisierung . Es wird großartig werden. Also wir sehen uns dort. 6. Cursor-Klicks mit Markern automatisieren: Komm zurück. In dieser Lektion lernen wir, wie man eine äußerst nützliche Cursorklick-Automatisierung erstellt , die darauf ausgerichtet ist, dass Ebenen auf die Klick-Animation des Cursors reagieren. Lassen Sie uns zunächst die Animation mit dem Mauszeiger erstellen . Und damit meine ich, ich möchte den Mauszeiger aktivieren , ohne für jeden einzelnen Klick Keyframes zu erstellen Wann immer Sie eine Klickanimation für einen Cursor benötigen, ist es am besten, den Cursor in einer separaten Precomp zu haben Beginnen wir also damit, den Cursor zu erstellen. Und dieses Mal lassen wir es wunderschön aussehen. Wählen Sie das Ellipsenwerkzeug und stellen Sie für die Füllung einen radialen Farbverlauf ein Wir werden uns gleich mit den Farben befassen. Machen Sie sich also keine Sorgen, wenn sie nicht genau so aussehen wie meine Schalten Sie als Nächstes den Stroke aus. Schneller Tipp. Wenn Sie den Füllstil schnell ändern möchten, bewegen Sie den Mauszeiger einfach über das Füllfeld, halten Sie die Alt- oder Wahltaste auf dem Mac gedrückt und klicken Sie Dadurch wird zwischen den Fülltypen gewechselt. Das Gleiche gilt für die Stroke-Box. Halten Sie nun die Umschalttaste gedrückt und zeichnen Sie einen kleinen Kreis in die Szene. Lassen Sie uns die Größe auf 100 setzen, damit wir uns alle auf derselben Seite befinden. Richten Sie es als Nächstes an der Mitte und beginnen Sie mit der Bearbeitung des Farbverlaufs. Aus meinen vorherigen Verlaufstests habe ich eine Reihe von gespeicherten Farben. Ich ziehe sie heraus, um sie zu löschen. Wählen Sie nun eine schöne Farbe für den ersten Farbverlauf. Stellen Sie sicher, dass die Deckkraft auf 100 eingestellt ist. Machen Sie dasselbe für die zweite Farbe. Ich wähle ein dunkles Rosa und stelle erneut sicher, dass die Deckkraft 100 beträgt Wenn Sie weitere Farbstopps hinzufügen möchten, klicken Sie einfach entlang der Linie Sie können dann eine beliebige Farbe für den neuen Punkt wählen. Wenn Sie es sich anders überlegen, ziehen Sie den Farbstopp aus der Linie, um ihn zu löschen. Um nun das Aussehen des Verlaufs anzupassen, wechseln Sie zum Auswahlwerkzeug um die Verlaufsgriffe einzublenden. Zoomen Sie hinein und passen Sie sie an, um das gewünschte Aussehen zu erzielen. Wenn Sie versehentlich auf eine andere Stelle klicken und die Ziehpunkte verschwinden, wählen Sie einfach die Ellipsenform-Ebene erneut aus oder öffnen Sie die Eigenschaft „Verlaufsfüllung“ innerhalb Wenn das immer noch nicht funktioniert, können Sie die Start- oder Endpunktwerte manuell anpassen die Start- oder Endpunktwerte Dadurch werden die Griffe wieder im Viewer angezeigt . In Ordnung. Nun fügen wir der Kugel ein kleines Highlight hinzu, damit sie noch besser aussieht. Klicken Sie mit der rechten Maustaste auf die Formebene, gehen Sie zu Ebenenstilen und wählen Sie den inneren Schatten. Öffnen Sie die Effekteinstellungen und ändern Sie die Farbe in etwas Helles. Ändern Sie dann den Mischmodus auf Bildschirm, sodass er mit der Grundfarbe verschmilzt Jetzt sehen Sie das Highlight und passen Sie die Werte an, um ein weiches, leuchtendes Aussehen zu erhalten Sobald Sie mit dem Design des Cursors zufrieden sind, werden wir mit der Erstellung der eigentlichen Klickanimation fortfahren Wie ich bereits erwähnt habe, sollten wir den Cursor unterkomponieren, um die Klicks später zu automatisieren sollten wir den Cursor unterkomponieren, um die Rufen Sie den neuen Precomp-Cursor auf, stellen Sie sicher, dass beide Kontrollkästchen aktiviert sind Gehen Sie nun in den Cursor Precomp . Hier können Sie jede gewünschte Klick-Animation erstellen. Wir beginnen mit etwas Einfachem und fügen dann einige Mikroanimationen hinzu , um den Effekt zu verbessern. Lassen Sie uns also zunächst eine einfache Maßstabsanimation erstellen. Wir machen es zehn Frames lang. Ich beginne mit einer Skalierung von 100%, schrumpfe sie dann auf 70% und bringe sie dann wieder auf 100 Jetzt werde ich die Keyframes einfach vereinfachen und die Bewegung im Diagrammeditor anpassen die Bewegung im Diagrammeditor , damit sie sich natürlicher anfühlt Sieht gut aus. Aber ich denke, wir können dafür sorgen, dass sich das Klicken noch stärker anfühlt. Gehen wir also zurück und setzen den mittleren Keyframe auf 60 statt auf 70. Ja, jetzt viel besser. Fügen wir nun eine kleine Mikroanimation , damit der Klick noch cooler aussieht Ein bisschen wie ein Welleneffekt. Also wähle ich erneut das Ellipse-Werkzeug aus, aber dieses Mal schalte ich die Füllung aus und die Kontur Ich färbe es weiß und setze die Strichstärke vorerst auf vier Jetzt erstelle ich einen etwas größeren Kreis. Machen wir eine Größe von 400 und ich richte es an der Mitte aus. Für die Animation gehe ich zum Ende der Klick-Animation und lege einen Keyframe für die Skala Dann gehe ich zurück zum Anfang und setze die Skala auf Null Jetzt animiere ich auch die Strichbreite. Am Ende der Animation setze ich sie auf Null. Und am Anfang setzen wir es auf 20. Versuchen wir es mit 60. Hmm. Versuchen wir es stattdessen mit 40. Ich werde einfach die Keyframes lockern und die Geschwindigkeit anpassen, sodass es schnell startet und nachlässt. Jetzt verschiebe ich diese Wellenform hinter die Hauptkugel. Lassen Sie uns eine Vorschau davon sehen. Meiner Meinung nach ist es zu schnell, also wähle ich alle Keyframes aus. Und während ich auf dem Mac die Alt - oder Wahltaste gedrückt halte, ziehe ich einen der letzten Keyframes auf Frame 15, um ihn auszudehnen. Lassen Sie uns das noch einmal abspielen. Ja, sieht toll aus. Jetzt, wo die Klick-Animation fertig ist, lassen Sie uns die Dinge bereinigen. Wir wollen nicht ohne Grund ein riesiges Precomp. Lassen Sie uns also die Größe des Precomp an die Animation anpassen. Stellen Sie sowohl die Breite als auch die Höhe auf 500 Pixel ein. Fantastisch. Kehren wir zur Hauptkomposition zurück und finden wir heraus, wie Sie diese Klickanimation aktivieren können, ohne jedes Mal, wenn der Cursor klicken soll, Keyframes zu duplizieren soll Bitten wir also unseren neuen Freund Chachi PT, uns zu helfen, den Klick zu automatisieren zunächst einen Screenshot, auf dem wir das Vorschaufenster und das Ebenenfenster deutlich sehen können das Vorschaufenster und das Ebenenfenster deutlich sehen Starten Sie nun eine neue Konversation, fügen Sie den Screenshot ein und erklären Sie die Situation. Es ist wichtig, GPT mitzuteilen, dass wir bereits eine Klick-Animation im Cursor-Pre-Comp bereit haben eine Klick-Animation im Cursor-Pre-Comp bereit Da diese Aufgabe ziemlich einfach ist und ich sie klar erklärt habe, werde ich nicht fragen: Verstehen Sie? Ich frage einfach, wie das geht. Nun, ich sehe, dass GPT mir zwei Optionen gegeben hat , und beide beinhalten die Time-Remap-Funktion Ich verstehe also, dass ich, egal für welche Methode ich mich entscheide, Zeit-Neuzuweisung auf meiner Cursor-Konfiguration aktivieren muss Ich habe mich für den zweiten Vorschlag von GPT entschieden, der einen Ausdruck verwendet, der die Animation mithilfe von Markern aktiviert Mal sehen, ob das funktioniert. Aktivieren Sie zunächst Zeit-Neuzuordnung auf der Cursorebene. Es passiert noch nichts Das ist in Ordnung. Gehen wir zurück zum Chat und kopieren den Ausdruck, den GPT uns für die Eigenschaft Time Remap gegeben hat. Kehren Sie jetzt zum Projekt zurück. Klicken Sie bei gedrückter Alt-Taste auf die Stoppuhr neben Time remap und fügen Sie den Ausdruck ein Es passiert noch nichts. Das ist in Ordnung. Lass es uns jetzt testen. Gehen Sie zur zweiten und fügen Sie der Cursorebene eine Markierung hinzu. Überprüfen Sie die Tastenkombination zum Hinzufügen einer Markierung auf Ihrem Gerät, wenn Sie sich nicht sicher sind. Bum, es funktioniert perfekt. Gehen Sie jetzt noch eine Sekunde weiter und fügen Sie eine weitere Markierung hinzu. Nett. Lass es uns noch einmal in der Vorschau ansehen. Fantastisch. Lassen Sie uns nun die Testmarkierungen löschen und eine einfache Hover-Animation für den Cursor erstellen, wenn er sich über jedes Symbol bewegt Im Moment ist die Cursorbewegung linear, sodass sie beim Erreichen der Symbole nicht unterbrochen Anstatt manuell Pausen-Keyframes zu erstellen, sollten wir einfach alle Positions-Keyframes vereinfachen Dadurch wird die Geschwindigkeit vor und nach jedem Schlag auf Null reduziert , was zu einem Pauseneffekt führt Wenn Sie die Beschleunigung fein einstellen möchten, können Sie dies manuell im Diagrammeditor tun oder einfach die Tastenkombination Strg Shift K oder Command Shift K auf dem Mac verwenden , um das Keyframe-Velocity-Bedienfeld zu öffnen und den Einfluss , um das Keyframe-Velocity-Bedienfeld zu öffnen einzustellen Jetzt haben wir eine schöne, gleichmäßige Bewegung mit Pausen Lassen Sie uns weitermachen und an jedem Punkt, an dem der Cursor pausiert, Markierungen hinzufügen an jedem Punkt, an dem der Cursor pausiert Auf diese Weise wird die Klickanimation genau dort ausgelöst, wo wir wollen, wenn wir nur diese Markierungen verwenden Lassen Sie uns eine Vorschau der ganzen Sache ansehen. Wie cool ist das? Wir lösen die Klick-Animation indem wir nur Markierungen platzieren Sie müssen Keyframes oder Ripple-Ebenen nicht manuell kopieren. Stellen Sie sich vor, wie lange das dauern würde, wenn wir alle Keyframes und Ebenen für jeden einzelnen Klick duplizieren müssten alle Keyframes und Ebenen für jeden einzelnen Klick duplizieren und Ebenen für jeden einzelnen Lassen Sie uns nun mit dieser Automatisierung noch einen Schritt weiter gehen und dafür sorgen, dass die Symbole auf die Klickanimation reagieren, ohne sie manuell zu animieren. Ich gehe zu dem Punkt, an dem der Mauszeiger über einem der Symbole schwebt , und mache einen Screenshot der Szene. Dabei stelle ich sicher, dass er die Markierungen und Keyframes enthält, die wir gerade Dann füge ich den Screenshot in den GPT des Chats ein und erkläre, was ich tun möchte Da ich mir nicht zu 100% sicher bin, ob ich es klar erklärt habe, frage ich dieses Mal bei GPT nach Verstehst du, was ich meine? Ich frage das gerne, weil GPT oft mit den richtigen Fachbegriffen für das, was ich bauen möchte, antwortet den richtigen Fachbegriffen für das, was ich bauen möchte, , damit ich lernen kann , diese Ideen besser zu kommunizieren In Ordnung, GPT hat es verstanden und mir die Schritte gegeben. Seit ich den Screenshot hinzugefügt habe, weiß er bereits, was in meiner Szene ist Jetzt muss ich nur noch dem letzten Schritt folgen. diesem Schritt wird der Ausdruck auf die Skalierungseigenschaft der Icon-Precomps angewendet Skalierungseigenschaft der Icon-Precomps Versuchen wir es an einem Symbol und sehen wir, was passiert. Perfekt. Es funktioniert super. Aber ich bin kein großer Fan davon die Skalenanimation etwas steif anfühlt Gehen wir also zurück zum Chat und fragen, ob es flüssiger sein kann Wie Sie sehen können, hat GPT das bereits vorausgesehen und gefragt, ob ich die Bewegung flüssiger haben möchte, also sage ich ja und warte auf den Lass uns die neue Version testen. Fantastisch. Das sieht viel besser aus. Jetzt, wo wir mit den Ergebnissen zufrieden sind, können wir diesen Ausdruck auf die restlichen Symbole anwenden. Aber bevor wir das tun, habe ich eine kurze Frage an Sie. Was ist der richtige Weg, um einen Ausdruck in After Effects zu kopieren ? Wir müssen nur den Kopierausdruck verwenden, nicht nur das reguläre Kopieren. Sieht toll aus. Und damit haben wir diese Lektion beendet. Ich hoffe, Sie haben in dieser Sitzung viele neue und vor allem nützliche Techniken gelernt . Danke fürs Zuschauen und wir sehen uns in der nächsten. 7. Outro: Hallo, ich bin's wieder. Ich wollte mich nur ganz herzlich dafür bedanken , dass Sie an diesem Kurs teilgenommen haben, und herzlichen Glückwunsch zum Abschluss. Ich hoffe, Sie lernen viele neue Möglichkeiten kennen, KI zu verwenden, um Ihren Animationsworkflow zu beschleunigen, und Sie fühlen sich jetzt sicherer bei der Verwendung von Ausdrücken. Wenn Ihnen der Kurs gefällt, würde ich mich freuen, wenn Sie eine kurze Bewertung hinterlassen würden. Es hilft mir sehr. Nochmals vielen Dank fürs Zuschauen und wir sehen uns im nächsten.