Erweiterte Lockerung: Motion von Boden nach oben

1. Einführung: Ich bin nicht musikalisch geschult. Ich habe immer gesagt, bis vor der Pandemie, glaube ich, und dann hat es irgendwie den Kontakt verloren und ich kann nicht so gut singen, jetzt brauche ich etwas Übung. Und obwohl ich nicht musikalisch geschult bin, ist eine Sache, die mich an Musik, an Notenblättern oder Notationen sehr fasziniert Notenblättern oder , im Grunde genommen Musik, die auf Papier geschrieben ist , dass man sie lesen kann. Und ich glaube, dass musikalisch Gebildete auch die Musik in ihren Köpfen hören können , wenn sie sie lesen, was ein physisches Phänomen darstellt. Ton und Tonhöhe auf dem Papier sind erstaunlich. Es ist bemerkenswert, was wir geschafft haben. Bevor ich nun über Bewegungsdiagramme spreche, möchte ich noch etwas näher auf das Thema Musiknotationen das Thema Musiknotationen eingehen und über Musik sprechen, nein, das ist sie nicht. Was denkst du ist es? Es stammt tatsächlich aus einem Gemälde Renaissancemalers Hieronymus Bosch. In diesem Triptychon das in dieser Ecke in diesem Meer des Chaos liegt, ist dieser Typ mit einer musikalischen Anmerkung darauf. Aber die Leute haben natürlich versucht, diese Musik zu spielen, und du entscheidest selbst, wie gut oder wie schlecht sie ist. In Ordnung? Ich versuche, darauf hinzuweisen, dass man ein physikalisches Phänomen schreiben oder ein physikalisches Phänomen wie Musik mit einem Stift auf Papier darstellen kann. In ähnlicher Weise können Sie Bewegungen auf einem Papier auch mit einem Stift darstellen , indem Sie drei Linien wie diese verwenden. So wie musikalische Notationen für mich oder für jeden, der nicht musikalisch geschult ist. Diese Linien vermitteln auch nicht viel, wenn Sie Bewegungsdiagramme nicht verstehen. Hallo, mein Name ist Nash und in diesem Kurs wollte ich dein Gehirn darin trainieren, solche Linien zu betrachten und dir eine Bewegung in deinem Kopf vorzustellen. Stellen Sie sich eine Bewegung in Ihrem Kopf vor und zeichnen Sie die Linien, die dieser Bewegung entsprechen. Weil es die Bewegungsdiagramme und einfachen Dinge sind, die bei Animationen über Erfolg oder Misserfolg entscheiden. Auch wenn du eine schöne Animation hast, tolle Farben und alles. Wenn die Abende und die Bewegungsdiagramme nicht geschrieben sind, wird deine Animation schlecht sein. Ich sage das mit großer Zuversicht. Ich werde Ihnen beibringen, was diese Diagramme in Linien bedeuten und wie Sie sie manipulieren können, um wunderschöne Animationen zu erstellen In diesem Kurs wurden, wissen Sie, die Grundlagen Ihres Umgangs mit After Effects verwendet die Grundlagen Ihres Umgangs , wie Keyframing-Eigenschaften usw., alles, was in einem 10-minütigen YouTube-Crashkurs behandelt werden kann . Ich werde mit den Grundlagen beginnen und darauf aufbauen. Und ich werde Ihnen ohne zu zögern auch ein bisschen Mathematik zeigen, Ihnen ohne zu zögern auch ein bisschen Mathematik zeigen das in diesen Grafiken enthalten ist. Verschwenden wir also keine Zeit. Lass uns gehen. 2. Veränderungsrate: Willkommen zur allerersten Lektion dieser Klasse. Der Titel dieser Lektion lautet Rate of Change. Nun, bevor ich darauf eingehe warum diese Lektion als Änderungsrate bezeichnet wird. Und die anderen Sachen, es gibt etwas, das ich teilen wollte. Die Art und Weise, wie ich diese Lektion strukturiert habe , ist , dass Sie diese Lektion am Ende dieser Lektion mit einer einzigen Kernidee verlassen werden, um nicht auf diese Idee zu kommen, muss ich gehen durch einige Berechnungen und etwas Mathematik. Nichts super Komplexes, nur einfache Dinge, die man dort erreichen kann. Aber ich wollte es nur vor Beginn der Lektion vorlegen. Denn wenn du einen Teil der Klasse oder dieser Lektion erreichst , was dir aufgrund der Mathematik und allem nicht unbedingt Spaß macht. Ich wollte dir nur sagen, dass es okay ist. Wenn Sie das nicht verstehen, ist es nur eine Kernidee der Klasse, mit der Sie sich abfinden müssen. Aber das ist aus dem Weg, lass uns einfach ins Fleisch der Klasse kommen. Der Unterschied zwischen allem, was statisch ist, und allem, was so einfach animiert wird. Bei etwas, das statisch ist, ändert sich nichts. Aber bei etwas, das animiert oder animiert ist, ändern sich Dinge und Dinge, die sich ändern. Position, Größe, Drehung usw. Daher ist der grundlegende Baustein jeder Animation die Veränderung. Und Veränderung wird immer in Bezug auf die Zeit gemessen. Alles, was sich ändert, erfordert, dass die Zeit auch in der Musterrolle voranschreitet. Ohne die Bewegung der Zeit, ohne den Pfeil der Zeit, kann es keine Veränderung geben und es kann keine Animation geben. Daher wird dieser Teil der After Effects-Benutzeroberfläche als Timeline bezeichnet. Hier können Sie im Takt hin und her scrubben und eine Animation sehen. Und wenn Sie es nicht sehen, gehen Sie erneut in das Fenster und Sie sehen die Zeitleiste. Nehmen wir zum Beispiel das Quadrat Wenn t gleich 0 ist, setze ich einen Keyframe für die Drehung um 0 Grad. Und wenn t gleich 1 Sekunde ist, drehe ich es um vier bis fünf Grad. Und wenn ich schrubbe, kann man sehen, wie es sich dreht. Nehmen wir nun die gleichen Aktionen vor, indem wir einen Keyframe zum Zeitpunkt t gleich 0 für 0 Grad und zum Zeitpunkt t gleich 1 Sekunde für 45 Grad setzen indem wir einen Keyframe zum Zeitpunkt t gleich 0 für 0 Grad und zum Zeitpunkt t gleich 1 Sekunde für 45 Grad und in einem sehr einfachen Diagramm dargestellt werden. Jetzt wissen wir bereits, dass wir die Bewegung der Zeit brauchen. Also zeichne ich diese flache Achse und nenne sie Zeit. Und ich zeichne eine weitere Achse wie diese. Und ich nenne das die Rotationsachse. In Ordnung? Jetzt wieder die gleichen Aktionen. Ich ändere meine Farbe in etwas wie Blau. Okay, zur Zeit t entspricht 0 Sekunden, haben wir die Drehung als 0 Grad. Und nehmen wir an, hier ist die Zeit t gleich 1 Sekunde, wir haben die Rotation. Und wenn wir diese Achse wie zehn Grad teilen, 203040506070 Raten. Das könnten also zehn Grad, 20 Grad, 3040 Grad, 506070 Grad und so weiter und so fort sein. 45 Grad wären irgendwo hier in der Nähe. Zum Zeitpunkt t gleich 1 Sekunde ist die Drehung 45 Grad, also zeichne ich hier einfach einen Punkt. Großartig. Jetzt werde ich nur noch ein paar horizontale und vertikale Linien zeichnen. Also ab t gleich 1 Sekunde, werde ich einfach diese Grenze ziehen. Und zur Zeit t bei einer Drehung von 45 Grad werde ich einfach diese Linie ziehen. Hier überschneiden sie sich und dies ist unsere erste, die 0004 und fünf bei eins liegt. Das sind all diese beiden, diese beiden Punkte sagen im Grunde, jetzt lass uns weitermachen und diese Punkte mit einer schönen, du weißt schon, gelben Farbe verbinden . Wenn das sichtbar ist, mache ich es etwas dunkler. Also werde ich weitermachen und diese Punkte so verbinden. Ordnung. Und ihre VR, wir haben eine Grafik und wir brauchen diesen Kreis hier wirklich nicht. Also mache ich einfach weiter und werde es einfach los. Okay, konzentriere dich einfach auf diese Zeile. Wir haben jetzt also ein Diagramm. In Ordnung, cool. Versuchen wir nun, dieses Diagramm ein wenig zu vereinfachen. Zuallererst brauchen wir diese horizontalen und vertikalen Linien nicht . Diese gepunkteten Linien waren nur da, um zu betonen, dass diese Punkte an ihrem Schnittpunkt entstehen und die Punkte alles sind, was uns wirklich wichtig ist. Als Nächstes wissen wir, dass die horizontale Achse immer eine Zeitachse ist, da dieser Graph im Kontext der Animation gezeichnet wird. Jetzt verlassen wir die Abteilungen, werden diese Abteilungen hier belassen, aber wir können das Etikett loswerden, weil es versteht, dass dies immer zeitlich festgelegt wird, oder? Es ist implizit, es wird verstanden. Wir lassen die Rotation vorerst hier, weil wir es mit Rotation zu tun haben. Denken Sie jedoch daran, dass in After Effects immer innerhalb von Eigentum, Rotation oder Skalierung oder britisch und so weiter gearbeitet wird. Und das wird immer impliziert sein. Aber jetzt lassen wir die Rotation hier. Wir brauchen diese Etiketten auch hier nicht, oder? Weil wir alle am Ende sehen werden, dass uns diese Grafik hier nur wichtig ist, oder? Daran versuche ich heranzukommen. Nur um das Diagramm ein wenig zu vereinfachen und die redundanten Informationen zu entfernen. Sobald wir das getan haben, wenn wir es ein wenig aufgeräumt haben, ups, lass mich einfach ein bisschen aufräumen. Und wenn Sie Procreate verwenden, wissen Sie, dass ich mit dieser App ein iPad und Procreate verwende, aber das ist wirklich absolut nicht der Teil der Klasse. Aber okay, am Ende haben wir diese Grafik hier drüben, richtig? Was wir gemacht haben, ist zu verstehen, dass dies Zeit ist, diese Achse, die Eigenschaft , in der wir arbeiten, diese gelbe oder grüne Linie, ich bin farbenblind, ich weiß es nicht, aber diese Linie hier drüben ist was ich assume ist dein erster Bewegungsgraph. Okay, jetzt, wenn ich durch diese kleine Animation, die von diesem rotierenden Quadrat neu gemacht wurde, zu After Effects zurückkehre durch diese kleine Animation, die von diesem rotierenden Quadrat neu gemacht wurde, zu After Effects , richtig. Wir können hier rüber gehen, auf den Diagrammeditor klicken, dann direkt nach oben, nach rechts unten gehen, auf Wertediagramm bearbeiten klicken und sicherstellen , dass die Rotationseigenschaft ausgewählt ist. Und wenn du darauf klickst, genau das gleiche Diagramm wie dieses. Schau dir das an. Und deshalb habe ich gesagt, dass dies vielleicht, wissen Sie, wenn Sie mit Graph nicht vertraut sind, dies Ihr allererster Bewegungsgraph ist. Jetzt ändert sich das von 045 Grad. Denken Sie jedoch daran, dass der Name dieser Lektion „Änderungsrate“ lautet. Was ist das jetzt? Änderungsrate ist dasselbe wie die Angabe, wie schnell die Änderung stattfindet oder schnell sich die Änderung vollzieht und was sich auch hier wieder ändert, der Wert einer Eigenschaft, der Wert einer Eigenschaft und die Die fragliche Eigenschaft ist derzeit Rotation. Kehren wir zu diesem Diagramm zurück, das wir zuvor skizziert haben , in dem sich das Quadrat von 0 bis 45 Grad dreht , und versuchen, die Geschwindigkeit herauszufinden. Und die Geschwindigkeit aus einem Diagramm wird mit einer einfachen Formel gemessen. Ordnung, es wird ein bisschen Kalkül geben. Okay, Trendwende. Schließe das Video jetzt, wenn du nicht interessiert bist , ich mache nur Spaß. So kompliziert ist es nicht. Und ich werde dein Gewicht nicht nur zu deiner Zeit machen , etwas zu lernen, das du nicht benutzen wirst. Aber trotzdem wird die Geschwindigkeit durch eine einfache Formel gemessen, die durch dx dividiert wird. In Ordnung? Nun gibt es hier drei Dinge, die für Sie neu sein können. D, y und x. Lassen Sie uns zunächst x und y aus dem Weg räumen. Jetzt nehme ich an, dass Sie das bereits wissen, aber lassen Sie mich das noch einmal in einer zweidimensionalen Ebene durchgehen . Und wir werden mehr darüber sprechen, wenn wir die Positionseigenschaft ändern und Nachwirkungen, es gibt nur zwei Richtungen. Sie können sich entweder horizontal oder vertikal bewegen , anstatt es wiederholt vertikal und horizontal zu nennen, die beide ein Mund voll sind, wir konventionell allgemein akzeptiert auf der ganzen Welt. Wir bezeichnen die horizontale Richtung als x und die vertikale Richtung als y. Und wir werden das eiskalte Etikett im letzten Satz einfach ignorieren . Aber das ist der Punkt, den wir die horizontale Richtung x und die vertikale Richtung y nennen . Und wenn Sie diesen Mittelwert verstehen, dann herzlichen Glückwunsch, Sie verstehen das Konzept von x und y in einem Graphen. In unserer Grafik hier ist die Zeit in horizontaler Richtung. Wir können also sagen, dass dies unsere X-Achse des Graphen oder die horizontale Achse und Drehung oder eine andere Eigenschaft ist , mit der wir es zu tun haben. Ein After Effects wird in vertikaler Richtung sein, oder wir können sagen, dass es sich um die Y-Achse handelt. Jetzt sind x und y aus dem Weg. Was ist das d. Nun, hier ist, wie ich die Rotationsgeschwindigkeit für diese Animation schreiben werde , diese rotierende Quadratsymbolanimation, diese rotierende Quadratsymbolanimation die wir mit After Effects erstellen . Was ich tun werde ist, dass ich die Rotationsgeschwindigkeit gleich schreiben kann , also geht es auf 45 Grad. Also 45, und es beginnt bei 0 Grad. Also negativ 0, es erreicht vier bis fünf Grad bei einer Sekunde und es beginnt bei 0 Sekunden, also minus 0. Das wären also 45 Grad mal 1 Sekunde, was bedeutet, dass die Rotationsgeschwindigkeit 45 Grad pro Sekunde beträgt . Und diese Subtraktion genau hier, diese Subtraktion oder Subtraktion, wie nennt man das? Ich weiß es nicht. Diese Subtraktion wird Delta genannt, und sie wird durch das griechische Symbol Delta dargestellt , oder anstelle von Delta kann nur ein kleiner Buchstabe D verwendet werden. Jetzt gibt es einige Kalkülnuancen wo Sie Delta verwenden sollten und wo Sie D verwenden sollten. Aber das betrifft uns nicht wirklich. Wir sind startklar. All dies war nur, um Ihnen zu zeigen, dass dies der Graph eines Quadrats ist, das sich um 45 Grad pro Sekunde dreht , oder? Also lass mich die ganze Mathematik hier loswerden. Was ich jetzt tun werde, ist andere Farbe auszuwählen. Ich wähle diese Farbe aus. Und ich werde noch eine Grafik zeichnen, aber eine, die etwas steiler ist, oder? Also lass mich so etwas zeichnen. Ein bisschen steiler als das, oder? Etwas steiler als das. Wie Sie sehen können, ist dieses Diagramm hier, das Original, flacher als dieses Diagramm, das ich gezeichnet habe. Jetzt sagst du mir das, das Objekt mit diesem Graphen für die Rotation, das neue, wir drehen uns schneller als dieses oder langsamer. Denk jetzt darüber nach. Ja, es dreht sich schneller , weil es mehr abdeckt. Es dreht sich in der gleichen Zeit um mehr als 45 Grad , um es zu erhalten. Jetzt lass das einsinken. Dies ist das eine wichtige Konzept , das Sie aus dieser Lektion mitnehmen werden. Lassen Sie mich nun zu After Effects zu dieser einfachen Animation zurückkehren , die wir erstellt haben. Ich wähle diese Ebene aus und drücke Befehl D, um sie zu duplizieren. Und bevor wir weitermachen und etwas anderes tun, schauen wir uns noch einmal die Drehung an, den Bewegungsgraph der Drehung hier drüben und jetzt nimmt er den gesamten Bereich der Zeitleiste ein, liegt daran, dass diese Option ausgewählt ist, die die Höhe des automatischen Zoom-Diagramms darstellt. Wir werden das ausschalten, damit wir den Unterschied dessen, was wir tun werden, leichter erkennen können. Jetzt haben wir gerade diese Ebene dupliziert. Ich verstecke das Original. Ich wähle die neue Ebene aus und drücke R, um die Drehung zu erhöhen. Und Sie können sehen, dass es genau dasselbe ist, da wir es duplizieren . Aber was ich tun werde, ist die Geschwindigkeit zu erhöhen. Eine Möglichkeit, dies zu tun, besteht darin, die Menge zu erhöhen, um die es dreht. Jetzt dreht sich dieses Quadrat in 1 Sekunde um 75 Grad und dieses Quadrat in 1 Sekunde um 45 Grad. Werfen wir also einen Blick auf ihre Grafiken. Ich wähle die Drehung des Originals aus. Und Sie können sehen, dass dies die Grafik ist. Und jetzt wähle ich die Rotationseigenschaft der neueren aus. Und da hast du's. Wie Sie sehen können, ist das Diagramm steiler und ich hoffe, Sie verstehen, was ich meine, wenn ich steiler sage, es bedeutet, dass es so ist, es weiter weg ist. Dieser Winkel hier ist weiter, für diesen Graphen mehr vom Boden für diesen Graphen. Also flacher, steiler, flacher, steiler, schnellere Rotation, steileres Diagramm, langsamere Rotation, flacheres Diagramm. Und genauso, wenn ich ein anderes Diagramm zeichnen würde, das so flacher war , oder? Dieser hier drüben. Kannst du dir die Geschwindigkeit des Objekts vorstellen? Aber dieses Rotationsdiagramm wird natürlich langsamer sein, da es sich in der gleichen Zeit weniger dreht. Und lassen Sie mich das noch einmal verstärken, indem erneut auf After Effects zurückgehe Ich mache weiter und dupliziere dieses Quadrat noch einmal. Und was ich mit diesem duplizierten Quadrat machen werde , ist R zu drücken, um die Rotation zu starten, und ich werde es in 1 Sekunde um 20 Grad drehen. Die Geschwindigkeit dieses Quadrats dreht sich in 1 Sekunde um 20 Grad. Wie du siehst, ist es ziemlich langsam, oder? Und wenn ich weiter gehe und mir das Diagramm ansehe, ist es flacher, flacher, langsamer, ein bisschen schneller, schneller. Wie Sie sehen können, ändert sich der Graph von flacher zu steiler, wenn die Geschwindigkeit der Rotation zunimmt. Auf diese Weise können Sie also interpretieren und korrelieren, wie steil oder flach der Graph ist und wie schnell die Rotation oder eine Änderung der Eigenschaft stattfindet. Bevor wir nun dieses Video mit den Erkenntnissen, die wir erhalten haben, herauskommen , möchte ich Ihnen ein weiteres Beispiel geben , damit es konkreter wird. Also werde ich diese Ebenen extra löschen. Ich werde weitermachen und alle Keyframes aus der Rotation entfernen . Okay, das ist also nur ein normales Quadrat. Lass es mich rückwärts drehen 0. Ich drücke S, indem ich dies auswähle und die scale-Eigenschaft aufrufe . Und ich werde weitermachen und die Skala bei 100 halten , wenn t 0 Sekunden entspricht. Oder ich kann jederzeit gehen. Und dann wieder kann ich die Skala auf etwa 150 erhöhen , oder? Sie können also sehen, dass es sich auf diese Weise von hundert, zweihundertfünfzig verändert. Schauen wir uns das Diagramm dieser Animation an und Sie können sehen, dass es wieder so ist, genau das gleiche Diagramm davon nimmt so zu. Jetzt dupliziere es und drücke dann erneut S und lass mich die Geschwindigkeit erhöhen. Wie kann ich die Geschwindigkeit erhöhen, indem sie in einer Sekunde um 200 Prozent steige? Damit du wie ein Boop sehen kannst, es ist schneller. Und wenn ich mir das Diagramm ansehe, sieht man, dass das steiler, steiler , flacher, flacher, flacher gleich langsamer ist, steiler gleich schneller, oder? Und es ist keine Zauberei, es ist Mathematik, denn wenn das Diagramm steiler ist, geschieht die gleiche Anzahl von Änderungen in kürzerer Zeit oder mehr Änderungen gleichzeitig. Und daher ist die Animation langsamer oder schneller. Und damit sind wir mit dieser Lektion fertig. Die einzige klare Idee, dass eine Kernidee, von der ich gesprochen habe, dass Sie weggehen werden, war Wenn der Graph flacher ist, bewegen sich die Dinge langsamer und wenn der Graph steiler ist, bewegen sich die Dinge schneller. . So langsam, schnell, schnell, schnell, schnell. Und das ist die Kernidee und ich hoffe, dass Sie sie verstanden haben und ich hoffe, dass Sie mit dieser Idee davonkommen . Aus dieser Lektion. In der nächsten Lektion werden wir mehr über Lockerung, verschiedene Arten der Lockerung und warum sie aufgerufen werden, sprechen. Also mache ich eine kurze Pause. Wir sehen uns bald. 3. Easing(s): Okay, also hier bist du. Lass uns gleich einsteigen und es rekapitulieren. Okay, eine kleine Zusammenfassung. In der vorherigen Lektion sind wir bei dieser Grafik abgereist. Wenn Sie sehen können, zeigt es im Grunde, wie sich eine Eigenschaft im Laufe der Zeit verändert. Und wir haben gelernt, dass je steiler der Graph ist, desto schneller die Änderung erfolgt und je flacher der Graph ist, desto langsamer erfolgt die Änderung. Wenn es um Lockerung geht, ist Lockerung nicht wirklich ein englisches Wort, ich schätze, Sie werden es nicht im Wörterbuch finden. fiel mir schwer, einen Weg zu finden jemandem zu erklären, der es noch nie zuvor gehört hat. Also pass genau auf. Lockerung ist im Grunde die Art und Weise, wie eine Änderung der Eigenschaft im Laufe der Zeit geschieht, wie sie verlangsamt, beschleunigt usw. Es gibt viele Arten von Erleichterungen, die Bewegungsdesigner verwenden, easy in, ease out, ease Expo verwenden. und erleichtern Sie Expo out, et cetera. Und all dies wird klarer wenn wir im Unterricht Fortschritte machen. Sie müssen das nicht hundertprozentig verstehen. Okay? Nun stellt dieses Diagramm hier eine kolineare Lockerung dar, diese Grafik, die nur eine geneigte gerade Linie ist. Und die lineare Lockerung ist die langweiligste Art der Lockerung, die es gibt. Kannst du sagen warum? Ist es? Weil die gesamte Wertänderung einer Eigenschaft mit einer konstanten Geschwindigkeit erfolgt. Wenn ich das spiele, hatte es zufällig eine konstante Geschwindigkeit, was nicht der Art ist, wie sich die Dinge im wirklichen Leben bewegen. Wenn ich Sie nun bitten würde, eine Grafikkonstante auf Papier zu zeichnen, würde sie aussehen? Eine Konstante wie zum Beispiel diese Zeit ist natürlich, aber eine Konstante könnte alles sein. Es könnte die Nummer zwei sein, Nummer eins, Nummer zehn oder was auch immer. Wie würde der Graph einer Konstante aussehen? Du weißt, wie es aussehen wird, wenn ich die Farbe Grün auswähle , völlig willkürlich. Grün hat nichts mit der Grafik zu tun. Der Graph einer Konstante wird also ungefähr so aussehen, was bedeutet, dass sie im Laufe der Zeit gleich bleibt. Es gibt keine Änderung in der Konstante, aber mit einer konstanten Geschwindigkeit bewegen sich die Dinge im wirklichen Leben nicht. Im wirklichen Leben, sagen wir, wenn das Auto anspringt, fängt es langsam an und nimmt dann Fahrt auf. Und wenn es dann langsamer wird, verlangsamt es sich allmählich. Oder wenn Sie einen Ball rollen, beginnt er mit einer guten Geschwindigkeit, hallt dann aber aufgrund von Reibung langsam. Es gibt etwas , das ich Ihnen in After Effects zeigen werde . Nur ein kleiner Blick auf etwas. Okay? Es gibt also zwei Arten von Diagrammen in After Effects. Es gibt das Wertediagramm, das zeigt, wie der Wert einer Eigenschaft im Laufe der Zeit ändert. Und dann ist da noch der Geschwindigkeitsgraph, der Geschwindigkeitsänderungen im Laufe der Zeit anzeigt . Und wenn ich hier klicke, werden Sie sehen, dass dies der Geschwindigkeitsgraph und der Graph einer Konstante ist , die wir hier gezeichnet haben, was bedeutet, dass die angeforderte Zeit vergeht, sie bleibt gleich. Die Geschwindigkeit dieser Animation bleibt also während ihrer gesamten Dauer gleich. Und deshalb ist es sehr roboterhaft, sehr unnatürlich und sieht nicht wirklich gut aus. Und diese Zeit der Lockerung wird lineare Lockerung genannt. Jetzt sind Value Graph und Speed Graph sehr eng miteinander verbunden und das zeige ich Ihnen später. Aber im Moment kann man sicher vergessen, dass es überhaupt einen Geschwindigkeitsdiagramm gibt. Lass uns die Dinge jetzt ein bisschen ändern. Kehren wir zu unserer Timeline zurück indem wir auf den Grafikeditor klicken, ich wähle den ersten Keyframe aus. Ich werde mit der rechten Maustaste darauf klicken und zum Keyframe-Assistenten gehen und Easy, Ease, in Ordnung auswählen . Sie können feststellen dass sich die Form des Keyframes ändert, worauf wir später noch eingehen werden. Wenn ich diese Animation spiele, merke, dass sie langsam anfängt und sich dann irgendwann mit konstanter Geschwindigkeit bewegt . Okay, bereit, pass auf, ich spiele die Animation ab. Es beginnt langsam und blutet dann mit konstanter Geschwindigkeit. Und dann bewege ich diesen Keyframe einfach ein bisschen nach vorne , damit sie ein besseres Gefühl für die Animation bekommen. Also klicke ich auf Play, es beginnt langsam und bewegt sich dann mit konstanter Geschwindigkeit. wir uns nun das Wertediagramm an, das zeigt, wie sich der Wert einer Eigenschaft im Laufe der Zeit ändert. Wir können eine gewisse Kurve sehen, die Kurve hier. Wenn Ihr Diagramm nicht vollständig verkleinert ist, können Sie hier klicken, können Sie hier klicken heißt Diagramm an die Ansicht anpassen und es wird nur gedehnt, damit es richtig passt. kannst du machen. Und Sie können feststellen , dass der Graph keine gerade Linie mehr ist aufgrund der Kurve hier keine gerade Linie mehr ist. Wie lesen wir nun ein Diagramm , das so gekrümmt ist? Und das ist ein sehr großer innerer Graph. Es wird Transplantate geben , die verdreht sind und so weiter. Und wie lesen wir die? Nun, so schwer ist es nicht. Alles was Sie tun müssen, ist sich daran zu erinnern, dass jeder Graph oder jede Kurve aus vielen Punkten wie diesen besteht. Das ist ein Punkt, das ist ein Punkt, es ist ein Punkt, das ist ein Punkt. Es besteht also aus vielen Punkten wie diesen. Was Sie jetzt tun müssen, ist mental eine Tangente an jedem dieser Punkte oder an einigen dieser Punkte zu zeichnen , oder? Aber zuerst, was ist eine Tangente? Eine Tangente ist nur eine gerade Linie , die eine Kurve an einem Punkt berührt. Wenn das also eine Kurve ist, dann könnte Tangente das sein. Es ist eine gerade Linie, die diese Kurve an diesem Punkt berührt, oder? So können Sie dort so viele Tangenten zeichnen, wie Sie sich erwärmen. Also lasst uns diesen Punkt wählen und eine Tangente zeichnen. Ich wähle diesen Punkt und zeichne eine Tangente. Ich wähle diesen Punkt und zeichne eine Tangente. Ich wähle diesen Punkt und zeichne eine Tangente wie diese. Denken Sie daran, worüber wir vorhin gesprochen haben. Steiler, steiler ist gleich schneller und flacher. Entspricht langsamer. Aber sieh dir das an, die Eigenschaft , die diesem Diagramm folgt. Diese Tangente hier ist also flacher, also ist die Geschwindigkeit langsam, dann steigt sie immer noch ein bisschen an, oder? Und dann wieder wird es immer steiler , bis es alle Tangenten erreicht, die tatsächlich den gleichen Winkel haben oder gleich steil oder gleich flach sind . Also fängt es im Grunde langsam und erreicht dann einen Punkt konstanter Geschwindigkeit. Und genau das passiert auch hier. Sie sehen, es ist dieselbe Grafik. Die Tangente ist also flacher, flacher und erreicht dann Kontogeschwindigkeiten. Stell dir das vor Ich mache weiter und mache ein bisschen Graph-Manipulation. Nicht viel, nur um den Punkt zu bekräftigen. Was ist, wenn ich das ziehe, halte ich die Umschalttaste gedrückt, damit es sich in einer geraden Linie bewegt. Ich ziehe das und mache es flacher. Ordnung, also wenn ich an diesem Punkt eine Tangente zeichne, ist sie fast flach, also wird die Geschwindigkeit fast 0 sein, und dann bleibt sie länger mit einer langsameren Geschwindigkeit . Wenn ich also diese Animation spiele, sieh dir das an. Ja, es fängt ziemlich langsam an und dann geht es los. Lassen Sie mich diese Animation etwas weiter ausdehnen , damit Sie sie besser verstehen können. Und ich werde es noch einmal abspielen, damit Sie sehen können, dass so viel Zeit vergeht, bevor es sich dreht, weil die Geschwindigkeit während der gesamten Dauer langsam ist. Also noch einmal, schrubben Sie das, schauen Sie sich das Diagramm an, wie flach es ist und wie wenig es sich während des flachen Teils bewegt. Und wenn ich es flach oder still mache, sieht man, dass es länger dauern wird, bis es losgeht. also noch einmal daran, dass dies das Wertdiagramm ist, mit dem Sie es zu tun haben. Wir ignorieren das Geschwindigkeitsdiagramm vorerst. Und ja, also im Wertediagramm, je flacher es ist, desto langsamer bewegt es sich und dann nimmt es langsam Fahrt auf. Okay, jetzt wird es eine Nomenklatur geben , dass wir den Haftungsausschluss für Ausrüstung verwenden werden. Wenn Sie sich nun diesen gesamten Graphen ansehen, diesen Wertegraphen als Ganzes, nennen wir diese Seite die linke Seite, die Innenseite. In Ordnung. Die rechte Seite, die Außenseite. Jetzt werden wir etwas Ähnliches tun , wenn wir wirklich über die Lockerung von Apps an einzelnen Knoten gesprochen haben. Später werden wir ein Innen und ein Außen haben. Aber da habe ich sie dann nur vorgewarnt. In diesem Diagramm insgesamt die linke Seite hier die Innenseite, das ist die Eingangsseite, und diese Seite hier drüben ist die Außenseite. Wie Sie in dieser Grafik sehen können, auf der Innenseite eine Lockerung angewendet, oder? Und daher können wir dieses Diagramm die Leichtigkeit im Diagramm nennen, wenn ich diese Website namens Easing is Dotnet einbringe. Es zeigt einfach alles Verschiedene, einige verschiedene Dinge. Natürlich kann keine Website jede einzelne kleine Änderung der Kurve abdecken . Aber sieh dir alle Kurven , die 0s n vor sich haben. Alle von ihnen haben eine gewisse Lockerung im Inneren des Diagramms, oder? Er ist drin, da hast du's, da haben wir's. Hier gibt es etwas Lockerung, oder? Und in ähnlicher Weise und in ähnlicher Weise in diesem Diagramm, wenn ich die Lockerung von diesem Punkt entferne , kann dies einfach durch Zurückgehen zur Timeline erfolgen Command Plus Klicken und Gang, so dass es keine gibt Lockerung. Und wenn ich mit Keyframe-Assistent und Easy Ease Erleichterung auf diesen Keyframe anwende auf diesen Keyframe , können Sie sehen, dass dies zu einem Ease-Out-Diagramm wird , weil es eine Lockerung gibt außerhalb dieser Animation. Und noch einmal, wenn ich diese Website aufrufe, können Sie sehen, dass bei allen Ease Outs hier eine Art Kurve passiert. Entlasten Sie sich, entspannen Sie sich kalt. Alle diese haben eine Art von Kurven, die hier passieren. Ich hoffe, Sie verstehen, wenn Sie ein Diagramm aufrufen, einsteigen und wenn Sie es Graph Ease Out nennen. Und es versteht sich von selbst, dass Sie bereits gelernt haben , die Art von Graphen zu lesen , dass die Tangenten hier von hier aus denselben Winkel bilden. Sie sind also ähnlich steil , wenn das ein Wort ist, und dann wird es hier flacher, was bedeutet, dass es mit einer konstanten Geschwindigkeit beginnt wird es hier flacher, was bedeutet, dass es mit und dann langsamer wird. Es geht aus. Jetzt gibt es einige präzise mathematische Werte, die After Effects, Es gilt für diese Diagramme, wenn Sie fortfahren und eine Art Keyframe-Assistenten anwenden und dann einfach und wir werden sprechen Sie später in den kommenden Klassen mehr über die Standardwerte und wie Sie sie manipulieren können. Wenn ich nun die Lockerung auf dieses Schlüsselbild anwende, gehe ich zum Keyframe-Assistenten und wende einfache Leichtigkeit an. Sie können sehen, dass es jetzt auf beiden Seiten eine Lockerung hat. Und dieses Diagramm wird als Ease-In- und Out-Diagramm bezeichnet. Und denken Sie daran, dass wir hier über diese Grafik als Ganzes sprechen . Dieses Ganzwert-Diagramm. Bisher kennen Sie das In-Graph, Ease-Out-Diagramm, Sie kennen die Leichtigkeit in unserem Diagramm und Sie wissen auch über das langweilige lineare Diagramm Bescheid. All diese Dinge sind die sehr einfache Vorlage, einfache Dinge, die Sie einfach zu Ihrer Animation hinzufügen können , um sie ein bisschen, ein bisschen natürlicher, ein bisschen interessanter zu machen ein bisschen natürlicher, , aber nicht viel mit all diesen Informationen. Jetzt in Ihrem Kopf sind wir bereit, mit der Arbeit an einem Projekt zu beginnen , das eine Menge Herumspielen mit Bewegungsdiagrammen erfordert Herumspielen mit Bewegungsdiagrammen eine gewünschte Änderung zu erzielen. Das werden wir also in der nächsten Klasse machen. Und ich kann es kaum erwarten, damit anzufangen. Machen Sie eine kurze Pause und wir sehen uns in der nächsten. Ich meine, die nächste Lektion. 4. Dein Handschreiben ist einzigartig: Hier ist ein Geheimnis. Du weißt es vielleicht nicht. Es ist so, dass deine Handschrift einzigartig ist. Sehr einzigartig. Und ich glaube nicht, dass wir jemals die Handschrift von irgendjemandem auf das t kopieren können . Ich meine, es steckt so viel in das, was unsere Handschrift entwickelt und sie so aussehen lässt, wie sie aussieht. Ich hatte einen Freund, als ich ziemlich jung war und er hatte eine schöne Handschrift und mehr als alles andere liebte ich es wirklich, wie er dafür geschrieben hat, und so habe ich sie kopiert. Es gibt so viele solcher Fälle und Vorkommnisse, die in die Persönlichkeit meiner Handschrift eingedrungen sind, die ich mich an die meisten nicht einmal erinnern kann. Du erinnerst dich nicht mal an das letzte Jahr beim Abwasch? Ich habe geschworen, meinen Daumen zu stecken und das hat meine Handschrift ziemlich verändert. Ich wollte es nur abwarten. Es heilt immer noch nicht richtig. Kein weiteres Projekt. In dieser Lektion werden wir die Handschrift animieren, meine Handschrift. Deine Handschrift, die Handschrift von jemand anderem? Und alles hängt davon ab, wie Sie sich entscheiden, das Projekt voranzutreiben . Gehen Sie jetzt hier bei Skillshare in den Bereich Projekt und Ressourcen und laden Sie die Dateien herunter. Unter dem Hauptordner finden Sie diesen anderen Ordner namens occurred. In diesem Ordner heißt diese Datei Startdatei, und Sie müssen darauf doppelklicken und sie öffnen. Was du sehen wirst, ist dieser Wagen in meiner Handschrift geschrieben, ich habe mich direkt in meinem Namen gefragt, Nash hier, aber das wäre zu viel Selbstgenuss , seit ich den Vornamen eines meiner Lieblingsautoren, Kurt Vonnegut. Sie sind bereit zu beginnen, wenn du wissen willst , wie dieser Curt, das genau hier, Gott hier ist. Ich habe es gerade zurückverfolgt. Ich habe es auf Papier geschrieben und in Illustrator nachverfolgt und diesen Pfad in After Effects importiert. Wenn Sie das tun und nicht in dieser Datei arbeiten möchten, schlagen Sie sich einfach selbst aus, schreiben Sie etwas auf, verfolgen Sie es in Illustrator und bringen Sie es in After Effects, und fahren Sie einfach fort, wie ich damit fortfahren werde Datei gleich hier drüben. Jetzt gibt es zwei Ebenen , die Sie hier auffallen werden. Zuerst ist Kurt, in Kursivschrift geschrieben, okay? Und das zweite ist nur das Kreuz dieses T hier. Dies ist eine zweite. Also traten zwei Schichten auf und das T-Kreuz. Okay, großartig, die Zeit zu beginnen, Javier, wir werden anfangen ist so. Ich mache etwas mit dem hier geschriebenen Quark, dieser Schicht. Und dann überlasse ich es dir , dasselbe mit dem T-Kreuz zu tun, richtig? Nachdem ich fertig bin, pausiere einfach das Video und schau, ob du die gleichen Aktionen auf T cross ausführen kannst. Okay, also verstecke ich einfach das T-Kreuz ein bisschen und konzentriere mich hier drüben. Also das Erste, was du tun willst, ist, dass du es entfalten willst, oder? Und dann wirst du Inhalte sehen. Ich gehe in Hinzufügen klicken Sie hier und füge Trimmpfade hinzu. Nun gibt Ihnen Trimmpfade diese beiden Optionen, Start und Offset. Und was Sie damit tun können, ist im Grunde genommen, wenn Sie ziehen und es so aussehen lassen können, als würde es geschrieben. Das ist also sehr cool. Lassen wir es also hier. Ich habe Trimmpfade hinzugefügt, und lassen Sie uns dasselbe mit T-Kreuz machen. Also werde ich es ausrollen. Es liegt an dir, nicht darauf zu warten, dass ich mir nicht mehr folge. Ich gehe zu Hinzufügen und füge Trimmpfade hinzu. Und wie Sie sehen können, werden diese drei Optionen auch hier hinzugefügt. Und da bist du ja. Verstecken wir erneut das T-Kreuz und konzentrieren uns hier auf diesen großen Textblock, nämlich Kurt ohne das T-Kreuz. Und denken Sie daran, dass ich beiden bereits Trimmpfade hinzugefügt habe. Jetzt mache ich weiter und mache das, setze einen Keyframe bei t gleich 0 für end, und ich ändere das Ende hier auf 0, also nur 0. Und jetzt gehe ich zu 1 Sekunde über. Und ich werde weitermachen und n auf 100 setzen, richtig? Und wenn ich es jetzt spiele, kann man sehen, dass es großartig ist, wenn es so aussieht , als würde es geschrieben. Wir haben jetzt eine einfache Animation. Gut, aber was hält einen Stift und ein Papier fest, wenn man es in der Nähe hat. Beachten Sie, dass sich der Stift beim Schreiben von Curt oder ähnlichem nicht mit konstanter Geschwindigkeit bewegt. Es beschleunigt sich irgendwann und verlangsamt sich in den Kurven usw., oder? Wir werden dieselbe Variation von Geschwindigkeit und After Effects neu erstellen . Jetzt fangen wir an. Jetzt kann ich durch die Zeitleiste scrubben, um zu sehen wie die Animation voranschreitet. Und ich kann dies verwenden, um Punkte zu identifizieren, an denen sie sich winden, langsamer werden und dort Keyframes erstellen. Die Curl dieses Fallstamms ist also der Punkt, an dem wir einen Keyframe erstellen werden. Also musst du das Schrubben hier beenden, hier hingehen und hier klicken. Also füge hier einen Keyframe hinzu. Die k-is-Face-Kurve ist ein weiterer Punkt, an dem die Handschriftkirche langsamer wird. Also mache ich weiter und erstelle hier einen weiteren Keyframe. Lassen Sie uns jetzt weitermachen. Und ich denke, wir lassen Sie einfach so sein wie es ist und fügen an dieser Stelle des Bogens einen weiteren Keyframe hinzu. Also füge ich hier einen Keyframe hinzu und dann vorwärts und füge hier einen weiteren Keyframe für die Kurve von t hinzu. Okay, wir haben gerade Punkte identifiziert , an denen wir möchten, dass die Animation etwas verlangsamt wird. Denn wenn du deine Hände schreibst, braucht es irgendwie Zeit, diese Kurven zu schreiben, oder? Wenn ich die Animation also noch einmal spiele, wird sie genauso sein. Es wird überhaupt keine Variation geben, weil wir noch nicht wirklich gespielt mit den Graphen gespielt haben, oder? Es wurden gerade Keyframes hinzugefügt. Lassen Sie uns nun einen Blick auf die Grafik werfen. Und um das Diagramm aufzunehmen, klicken Sie hier und stellen sicher, dass diese Eigenschaft ausgewählt ist, was vorerst beendet ist. Und stellen Sie außerdem sicher , dass Sie sich das Wertediagramm und nicht das Geschwindigkeitsdiagramm ansehen . Und schauen Sie sich den Graphen an, er ist ziemlich gerade ähnelt ziemlich dem linearen Graphen. Und deshalb gibt es keine Schwingungsgeschwindigkeit, es gibt keine Persönlichkeit, keine Nuance sagt was auch immer, wir werden das ändern, aber vor dieser Zeit für eine Abkürzung. Denken Sie jetzt daran, wie ich Ihnen in der vorherigen Lektion gesagt habe, dass Sie den Keyframe auswählen können. Rechtsklick, gehe zum Keyframe-Assistenten und einfach. Nun, dafür sind sie einfach gut, aber gerade hier drüben geschrieben, es ist F9, oder? Was Sie also tun können, ist alle Keyframes auszuwählen und dann F9 zu drücken. Beachten Sie, dass Sie bei einigen Tastaturen die Funktionstaste ziehen müssen bevor Sie F9 drücken, oder? Also werde ich weitermachen, die Funktionstaste gedrückt halten, F9 drücken und mir das ansehen, wie sich die Form der Keyframes verändert hat und was das Hinzufügen Easy Ease auch bewirkt , ist das in der Grafik Sie werden sehen, dass es auch Ziehpunkte hinzufügt, um die Keyframes zur einfachen Manipulation anzuzeigen . Wenn Sie sehen, dass Ihr Diagramm auf der linken Seite ziemlich eng ist, können Sie loslegen und auf diese Schaltfläche klicken , auf der steht Alle Diagramme zur Ansicht anpassen und wir dehnen es einfach aus passen Sie es so an, dass es leicht zu manipulieren ist. Aber die Sache, die hier zu beachten ist, ist, wie die Graphenform einmal ändert Easy, Ease as Abbott und wenn ich die Animation jetzt spiele, werden Sie feststellen, dass es einen sehr meniskischen Unterschied gibt , nicht etwas, das man wirklich bemerken kann. Aber lass uns weitermachen und anfangen, mit dem Graphen zu spielen. Ich zoome auf der Leinwand ein bisschen heraus. Ich wähle erneut die End-Eigenschaft aus, um den Graphen aufzurufen. Lass mich ein wenig herauszoomen und anfangen zu spielen. Beginnen wir mit diesem Schlüsselbild hier drüben , das die Krümmung des k ausgleicht. Ich kann mich nicht erinnern, dass das, was wir besprochen haben, und der Kern aller Videos davor ist, dass für ein Wertediagramm flacher ist langsamer und steiler gleich schneller. Also jetzt, genau hier drüben, ist die Grafik super flach, okay? Es ist nicht super flach, es ist ein bisschen flach, aber lass uns weitermachen und versuchen, es super flach zu machen . Und wie machen wir das? Erweitern wir das nur. Wenn Sie also die Umschalttaste gedrückt halten, können Sie sie in einer geraden Linie bewegen. Wenn Sie die Shift-Taste nicht gedrückt halten und es wackelt. Also werde ich die Shift halten und das voranbringen. Und ich werde die Umschalttaste gedrückt halten und dies nach hinten verschieben , sodass dieser Bereich superflach ist und dieser Bereich dieser Kurve entspricht, wenn k. Also fangen wir an, diesen Teil der Animation erneut abzuspielen . Und Sie können sehen, dass es eine leichte Verlangsamung gibt. Und dann können wir es wieder etwas zurückbewegen, oder? Es trifft den richtigen Punkt. Und Sie werden feststellen, dass es beim Manipulieren von Graphen viele winzige Hin- und Her, Viertel hin und her geben wird, die Sie tun müssen, um eine gewisse Lockerung zu erreichen, oder? Richtig. Das mache ich also hier. Und diese, diese gelben Punkte, ich hoffe du weißt schon, entsprechen bereits dem Keyframe. Wenn Sie es also hierher verschieben, wird auch das Keyframe in der Timeline verschoben . Jetzt wissen Sie, dass eine flachere Animation verlangsamt wird flachere Animation verlangsamt und wir wissen, dass alle Kurven variieren. die Animation verlangsamen möchten, werden sie alle durch diese Punkte dargestellt, diese Punkte, an denen sich das Diagramm ändert. Und du kannst weitermachen und versuchen, es selbst zu tun. Denn was ich jetzt tun werde, ist eine sehr manuelle Arbeit, oder du kannst mir einfach dabei zusehen. Was auch immer, du entscheidest die Zeit für diese Schleife von K. Also werde ich es wieder flacher machen. Ich kann weitermachen und die Umschalttaste gedrückt halten, so ziehen, dass es flacher aussieht und Sie es auch immer wieder gerne spielen müssen. In After Effects können Sie Ihren Arbeitsbereich bis zu einem gewissen Grad zuschneiden , sodass nur dieses Teil ersetzt wird. Also kann ich weitermachen und das so ziehen. Und ich kann weitermachen und vergrößern, sodass es beim Abspielen einfach diesen Bereich verlässt, in dem ich versuche, die gesamte Animation zu sehen. Richtig? Also ja, das sieht ziemlich gut aus. Okay. Okay, wird da langsamer. Damit es hier etwas langsamer wird. Also lass es uns flach machen. Okay, lass mich das auf die ganze Gegend ausdehnen. Und dann kann ich weitermachen und die T's Loop ein wenig machen. Und das Ende werden wir ein wenig manipulieren , damit es so aussieht, als ob es das Ende erreicht. Also werde ich das verlängern und die Super Flat treffen , richtig? Also dann gibt es eine nette, am Ende gibt es eine nette Verlangsamung. Wenn Sie keine Verlangsamung sammeln können, können Sie diesen Keyframe auch einfach ein bisschen nach vorne bewegen. Dann wirst du etwas langsamer. Ich kann das auch so bewegen, nur um sicherzustellen, dass es größtenteils flach bleibt. Also lass uns wirklich, ja, ziemlich cool sein. Lass es mich nochmal spielen. Wir sehen, dass es nichtlinear ist, und das Schreiben hat jetzt ein bisschen Persönlichkeit. Also nochmal, lass mich weitermachen und es spielen. Cool Ich werde dafür sorgen, dass die Animation etwas länger dauert. Wenn ich also alle Keyframes auswählen kann, halte die Option auf Mac oder Alt unter Windows gedrückt und ziehe sie so, dass die Keyframes so gestreckt werden, dass es die Keyframes so gestreckt werden, etwas länger dauert und auch sicherstellt der Arbeitsbereich ihm genug Platz nimmt. Ja, siehst du das? Das ist eine, das ist eine nette Animation. Jetzt bringen wir das T-Kreuz für das letzte Sahnehäubchen in der Animation ein, ich werde diese Höhe reduzieren, das t-Kreuz nach oben bringen. Wenn Sie mitverfolgt haben, können Sie es selbst ausprobieren, indem Sie das T animieren, das strukturierte Animieren überqueren, schwingen, schnell am Anfang und dann am Ende langsamer werden. Also rufen Sie es an, wenn Sie möchten. Und während du das tust, versuche ich es selbst. Also gehe ich runter und phosphoryliere, gehe zur End-Eigenschaft. Ich werde weitermachen und einen Keyframe erstellen, 0 daraus machen. Gehen Sie ein wenig voran. Und ich werde es zu 100% machen. Und wenn ich es jetzt spiele, sieht man das, Whoo, ja, sehr linear, sehr schlecht. Das gefällt mir nicht. Wählen Sie also den Keyframe aus. Keyframes. Drücken Sie habe gerade Keep, Re, Alright gesagt, also mag ich Keyframes, drücken Sie F9, um die Beschleunigung hinzuzufügen. Und dann lass uns weitermachen und versuchen zu manipulieren. Und ich zoome die Grafik ein wenig heran. Das Erste, was wir wollen, ist schnell anzufangen. Sie möchten also sicherstellen, dass die Tangenten, die auf dieser Seite der Kurve gezogen werden, ziemlich steil sind. Also wie machen wir das? Wie werden wir steil? Mach es einfach so. Dann wollte ich in Richtung Android langsamer werden. Also kann ich weitermachen und es steiler machen. Mal sehen, wie viel tiefer ich gehen kann. Also mache ich es richtig steil. Und dann, wenn es diesen Punkt erreicht , wird es flach, es wird nur langsamer. Also lass mich weitermachen und es spielen. Ja. Richtig. Also fängt schnell an und dann boom, es wird langsamer. Ich werde es tatsächlich steiler machen. Also versuche ich es noch einmal. Also ich mag das, ich mag das, und ich werde es näher rücken, damit das schneller geht, oder? Also ja, das gefällt mir. Ich gehe weiter und kehre wieder zurück, damit ich die Keyframe-Position richtig anpassen kann. Also werde ich die PTE-Diagramme auswählen um alle Keyframes zu zeigen, die es jetzt gibt. Und ich werde weitermachen und sagen wir wenn es diesen Punkt erreicht, möchte ich, dass die T-Cross-Animation stattfindet. Also werde ich diese beiden Schlüsselbilder auswählen , indem ich die Umschalttaste gedrückt halte und sie hierher ziehen, oder? Also lass mich weitermachen und diese Animation noch einmal abspielen. Okay? Ja, oder vielleicht weißt du was, kann warten, bis das ganze T wie natürlich geschrieben ist. Also lass mich weitermachen und es mir noch einmal ansehen. Nur ein paar kleine Anpassungen hier und da. Ja, also spiele ich nochmal die ganze Animation ab. Und man sieht, dass es ziemlich cool ist. Und ich habe es hier bewusst viel langsam gemacht, was man wie an den Kurven bemerkt. Und wenn du es ein bisschen schneller machen willst , weißt du, was zu tun ist. Gehe zum, gehe zum Diagramm. Wählen Sie hier Ende und machen Sie es etwas weniger flach. Und wie macht man etwas weniger Flaches? Du machst einfach weiter und bewegst es so. Und wenn Sie feststellen , dass sich nur eine Seite Ihrer Kurve ändert und die andere Seite nicht reagiert. Sie können nur mit der rechten Maustaste hier klicken und Keyframes auswählen. Keyframe-Interpolation wurde von Bezier zu kontinuierlicher Bézier geändert . Und wenn Sie auf Okay klicken, können Sie sehen, dass Sie mit den Keyframes beide Seiten ändern können. Also werde ich ein bisschen, etwas weniger flach machen , damit es nicht ganz Hall dan Punkt ist. Ja. Ziemlich cool, oder? Und genau das werde ich hier machen. rechten Maustaste auf Keyframe-Interpolation, wechseln Sie zu kontinuierlicher Bézier und machen Sie ihn dann etwas weniger flacher Und das Gleiche gilt für die Keyframe-Interpolation. Kontinuierlicher Bezier und ja, ja, Cool, cool, ein bisschen weniger flach, nicht ganz ganz ganz. Wenn ich es jetzt renne, kannst du sehen, ja, das ist ziemlich cool, oder? ob Sie sehen, dass es ein paar Hin- und Herbewegungen braucht , um es richtig zu machen. Ich denke, wir sind hier ziemlich fertig und ich habe vermittelt, wie man das Wertediagramm verwendet, und Sie wissen, wie Sie die Steilheit anpassen können oder wie flach die Kurve ist, um die Geschwindigkeit zu steuern. Und wir sind fertig mit der Animation hier. Alles, was ich machen werde , ist nur ein Sahnehäubchen. Ich werde Ihnen ein paar Effekte zeigen, damit es aussieht , als wäre es geschrieben worden, und ein Füllfederhalter usw. Wenn Sie also dafür rumhängen möchten , bleiben Sie dran, aber Sie sind bereit, sich zu bewegen. zum nächsten Video. Okay, lassen Sie uns weitermachen und einige Effekte hinzufügen. Okay, das Erste, was wir tun wollen , ist einfach all das zusammenbrechen zu lassen. Wählen Sie beide aus und drücken Sie Command Shift C auf Mac oder Shift C unter Windows, um diese beiden Ebenen zu einer zusammenzustellen. Ich lasse den Namen vor der Kompilierung , um diese beiden Ebenen zu einer zusammenzustellen sein und klicke auf Okay, Das nächste, was wir tun werden, ist in das Effekte- und Presets-Bedienfeld zu gehen . Und Sie können es in Windows finden , wenn es nicht für Sie angezeigt wird. Sie können sehen, dass es hier Effekte und Voreinstellungen gibt. Wir werden weitermachen und nach Guassian Blur suchen. Und ich werde doppelklicken, um diese Precomp zu ergänzen. Jetzt ziehen wir das auf etwa 12 oder 13, um es so verschwommen zu machen. Als Nächstes suchen wir nach Levels, Effekten und Voreinstellungen und doppelklicken dann unter Farbkorrektur auf diese Ebenen. Also doppelklicken Sie darauf und es wird hinzugefügt. Was Sie hier jetzt tun werden, ist den Kanal auf Alpha zu ändern. Und wir werden diese drei Schieberegler hier anpassen. Aber lassen Sie uns weitermachen und das nach links bewegen. Und es wird diesen Schieberegler nehmen und ihn nach rechts bewegen. Und du kannst sehen, dass es das aufklärt. Und dann können Sie die Position dieser drei anpassen , um sie je nach Belieben dünner oder dicker zu machen . Das scheint mir jetzt in Ordnung zu sein. Wenn ich also noch einmal spiele, kann man sehen, dass es irgendwie diese kleinen Tintenquellen erzeugt diese kleinen Tintenquellen , die sich bilden, wenn man mit einem Füllfederhalter schreibt. Und das ist der Effekt, den ich anstreben wollte. Und das ist der Effekt, den wir erzielt haben. Eine letzte Sache , die wir tun werden, ist eine neue Einstellungsebene zu erstellen. Gehen Sie also zu Ebene Neu und wählen Sie Einstellungsebene. In der Einstellungsebene werden wir Turbulenzen und Displays hinzufügen. Lassen Sie mich also nach Turbulenzen suchen. Ups, turbulente Displays, richtig? Manchmal vergesse ich den Namen. Es ist eine turbulente Verdrängung. Doppelklicken Sie also und stellen Sie sicher, dass Sie es auf einer Einstellungsebene anwenden. Einstellungsebene bewirkt , dass alles, was sich unter dieser Einstellungsebene und diesem Ebenenbedienfeld den Effekt erhält, den wir auf der Einstellungsebene anwenden. Doppelklicken Sie also und Sie haben es der Einstellungsebene hinzugefügt. Das macht die ganze Sache sehr wackelig, aber lassen Sie mich weitermachen und sie anpassen. Das Einzige, was Sie tun möchten, ist die Größe auf etwas Kleines zu setzen , zum Beispiel zwei. Und jetzt werden Sie sehen, dass es eine Art aufgeraute Kanten bekommt , oder? Und das ist ziemlich cool. Sie können mit der Größe nach Herzenslust mehr herumspielen . Ich mache einfach weiter und überlasse es. Wenn ich jetzt die Animation spiele, können Sie sehen, dass sie aufgrund der turbulenten Anzeigen aufgeraute Kanten hinzugefügt hat . Aber lassen Sie uns noch eine kleine letzte Sache hinzufügen. Da steht „kleiner Ausdruck“. Halten Sie also die Option auf dem Mac oder Alt unter Windows gedrückt und klicken Sie hier auf das Uhrensymbol von evolution, wodurch dieses Panel angezeigt wird. Und hier werde ich richtig machen, diese Posterisierungszeit acht in den Klammern, ein Semikolon und dann mal in 800 und wieder ein Semikolon. Und wenn ich rausklicke und jetzt die Animation spiele, kann man sagen, dass auch die aufgerauten Kanten eine Art Charakter haben. Und das war's. Das war alles, was wir zu dieser Animation hinzufügen wollten. Und ich hoffe, du hast es geschafft, und ich hoffe, du hast es beendet. Und wenn Sie mehr über Ausdrücke erfahren möchten, habe ich einen weiteren Kurs über Skillshare, den Sie sich ansehen können Ich werde in der Beschreibung verlinken oder über den ich im Abschlussvideo sprechen werde . Aber ja, das ist die Animation , die wir zusammen machen. Ziemlich gut. , haben wir für diese gesamte Klasse nur noch Geschwindigkeit der Animation zu manipulieren das Wertediagramm manipuliert. Damit Sie es nicht vergessen, lassen Sie mich Sie daran erinnern, dass es eine andere Grafik gibt, Kohle den Geschwindigkeitsdiagramm. Und wenn Sie weitermachen und, ähm, während Sie an Ihrem Projekt arbeiten, einen Blick in den Geschwindigkeitsdiagramm werfen, wird es für Sie keinen Sinn ergeben, wenn Sie noch nicht damit vertraut sind, aber einfach perfekt, denn in der nächsten Klasse werden wir tiefer in die Bewegungskurven eintauchen. Und wir werden mehr über das Geschwindigkeitsdiagramm und das Wertediagramm sprechen das Geschwindigkeitsdiagramm und das Wertediagramm und wie sie miteinander verbunden sind. Und ich freue mich sehr , oder? Ich hoffe du bist es. Wir sehen uns in der nächsten Lektion. 5. Erweiterte Lockerung: Okay, willkommen zurück. Wir sind jetzt zu tief in die Sache hinein, um umzukehren. Also meine ganze Hand und folge mir. Das klingt nach einer skizzenhaften Sache, ist es aber nicht, es ist eigentlich eine sehr gute Sache. Das Wichtigste, was Sie verstehen müssen, ist, dass sich Wertediagramm und Geschwindigkeitsdiagramm nicht ausschließen, da sie nicht getrennt voneinander existieren. Es gibt zwei verschiedene , aber miteinander verbundene Möglichkeiten , dieselbe Animation zu zeigen. Und da sie miteinander verbunden sind, wirkt sich die Formänderung eines Menschen auf die Form eines anderen aus. Und oft wechseln Animatoren während der Arbeit an einem Projekt zwischen dem Geschwindigkeits- und dem Wertediagramm, je nachdem, in welchem Kontext der Graph einfacher zu manipulieren ist, um den gewünschten Effekt zu erzielen. Nehmen wir uns also etwas Zeit um zu verstehen, wie sie miteinander verbunden sind. Okay? Der einfachste Weg, den Unterschied zu ermitteln, besteht Wertediagramm zeigt, wie das Wertediagramm zeigt, wie der Wert der fraglichen Eigenschaft , darin, dass das Wertediagramm zeigt, wie der Wert der fraglichen Eigenschaft , der momentan n ist. Also, wie der Wert der fraglichen Eigenschaft im Laufe der Zeit ändert. Und das Geschwindigkeitsdiagramm zeigt, wie schnell diese Änderung im Laufe der Zeit ist. Ich weiß, wie komplex das alles klingt, aber es ist nicht nur erträglich mit mir. Ich wünschte, es wäre möglich, die Änderungen in beiden Diagrammen nebeneinander zu zeigen , aber After Effects lässt das nicht zu. Wir nehmen also die Änderung in einem vor und wechseln dann zum anderen um zu sehen, wie das andere Diagramm auf diese Änderung reagiert. Beachten Sie auch die Einheit der Zahlen, die sich hier in der linken Ecke oder auf der Y-Achse befinden. Das Wertediagramm, wenn ich zum Wertediagramm gehe, ist im Grunde der Wert der Eigenschaft. Und dann das Geschwindigkeitsdiagramm Es ist die Geschwindigkeit der Änderung der eingestellten Eigenschaft. Wenn die Werteinheit persönlich ist, was jetzt, wie Sie sehen können, hat diese Eigenschaft eine Einheit der Person, und genau das ist hier sichtbar. Die Bezeichnung des Geschwindigkeitsdiagramms auf der Y-Achse lautet Person pro Sekunde. Nun, für das Szenario, in dem wir diese Schleife des k machen wollten, diese Schleife dieses k langsam animiert, was im Grunde diesem Schlüsselbild und dem Geschwindigkeitsdiagramm oder diesem Schlüsselbild entspricht , das ist das gleiche Schlüsselbild tatsächlich in diesem Schlüsselbild und dem Wertediagramm und macht es langsamer. Was wir gemacht haben, ist, dass wir diese Kurve, diesen Punkt, die Kurve um diesen Punkt flacher gemacht haben, anstatt so, wir haben es ungefähr so gemacht. Das liegt daran , dass wir wissen, dass im Wertediagramm die Geschwindigkeit abnimmt, wenn die Tangenten flacher werden. Die zwei Möglichkeiten, wie ich die Animation an dieser Stelle langsam machen kann die Animation an dieser Stelle langsam machen , sind, diese Kurve im Wertediagramm flacher zu machen oder einfach durch den Geschwindigkeitsdiagramm zu gehen und darauf zu klicken. notiere und ziehe es nach unten. Und beachte, wenn ich es absenke, wenn ich es absenke, merke, dass das Wertdiagramm, dieser Punkt flacher wird. Okay, also gehe ich noch einmal zum Geschwindigkeitsdiagramm und lasse mich die Geschwindigkeit erhöhen. Und wenn ich die Geschwindigkeit erhöhe, indem ich diesen Punkt nach oben bewege, werden Sie feststellen, dass das Wertediagramm um diesen Punkt steiler wird. Und noch einmal, wenn ich zurück in den Geschwindigkeitsgraph gehe und kämpfe, verringere die Geschwindigkeit, indem du sie so herunterziehst. Du wirst feststellen, dass der Wertegraph flacher wird und umgekehrt. Wenn ich diese Kurve hier flacher mache, werden Sie feststellen, dass der Punkt hier nach unten geht und fast 0 berührt, weil er dort so flach ist. Manchmal ist es einfacher, diesen Graphen zu manipulieren, bei dem es sich um den Geschwindigkeitsverlauf handelt. Und manchmal ist es einfacher, das Wertediagramm zu manipulieren , um das gewünschte Ergebnis in einer Animation zu erzielen. Jetzt, da Sie diese beiden Diagramme mehr als nichts verstanden haben, hoffe ich, dass wir ein paar kleine Beispiele für Wertdiagramme und Geschwindigkeitsdiagramme für einige allgemeine einfache Dinge sehen , nur damit all diese Informationen sitzt besser in deinem Kopf. Wir werden auch sehen, wie sich eine Änderung des Graphen, des Geschwindigkeitskurses oder des Wertediagramms auf die Form des Keyframes auswirkt, oder? Wissen Sie, das ist eine Form, unsere Glasform, das ist eine lineare Form. Wir werden sehen, wie das abläuft und wie sich die Änderung des Graphen auf die Form der Keyframes auswirkt. Hier sind wir wieder da , wo wir mit einem Quadrat begonnen haben , das sich von 0 auf vier bis fünf Grad dreht. Es tut mir leid, ich sollte mein Handy auflegen. Schweigen. Ja. Wir sind also zurück mit dieser Quadratwurzel von 45 Grad. Das ist alles, was Sie aus dieser Klasse mitnehmen werden, ist, wie man Datenquadrate von 0 bis vier bis fünf Grad macht. Aber trotzdem, lasst uns diese Animation durchgehen. Und irgendwo in der Mitte füge ich einen weiteren Keyframe hinzu. Also all diese kleinen quadratischen Dinge, denen du nicht folgen musst. Das ist nur zur Demonstration, oder? Selbst wenn Sie mitfallen, eine gute Sache, aber das müssen Sie nicht. Okay, wir haben einen weiteren Keyframe in der Mitte dieser beiden Keyframes hinzugefügt . Und ich möchte, dass Sie auf die Form dieser Keyframes achten. Und die Form dieser Keyframes sieht aus, als ob zwei Dreiecke an ihrer Basis verbunden sind, richtig? Und es gibt einen Grund, warum ich die Form zwei Dreiecke als Gelenk bezeichnet habe und nicht eine Raute, was der eigentliche legale Name für diese Form ist. Weil es gleich klar sein wird. Bleib dran. Denken Sie auch daran, dass After Effects standardmäßig linear angewendet wird, wodurch die von Ihnen erstellten Keyframes gelockert werden, wie im Wertediagramm zu sehen ist. Ja, ich bin der Wertegraph , der eine sehr gerade Linie ohne jegliche Merkmale ist . Wenn Sie Keyframes mit der Form von zwei Dreiecken sehen , die sich an ihrer Basis verbinden, bedeutet dies auch, dass auf die Keyframes sowohl innen als auch außen eine lineare Beschleunigung angewendet wird. Was meine ich mit „n und raus“? Im vorherigen Video haben wir gelernt, wie man Beschleunigungs-Keyframes hinzufügt. Eine davon ist durch Rechtsklick. Ich gehe zum Keyframe-Assistenten und wähle easy ease oder drücke die Tastenkombination F9. Eine andere Möglichkeit, dies zu tun, ist so. Sie gehen in den Graphen und wählen einen Knoten oder einen Keyframe aus. Und beachten Sie, wie wir die gesamte Grafik einschränken , was ich jetzt tun werde , ist hier zu klicken, wo es heißt: Einfach, Ease out. Und sobald ich hier klicke, merke, wie es eine Kurve in Richtung dieses Keyframes hinzufügt . linke Seite dieses Keyframes ist die Umleitung, und die rechte Seite dieses Keyframes ist die Richtung. Ähnlich, wie wir bereits darüber gesprochen haben dass der gesamte Bewegungsgraph auf der linken Seite und auf der rechten Seite drin ist, als wir darüber sprachen , warum bestimmte Lockerung als Leichtigkeit ein- oder aussteigen bezeichnet wird , Sie weiß schon davon. Es scheint also auch, dass jeder Keyframe, jeder Knoten auch einen Einblick links und außen rechts hat . Also wenn ich auf diesen Knoten klicke und hier drüben geklickt habe, heißt das add easy, ease out. Es wurde eine Kurve in Richtung der Eulenrichtung dieses Keyframes hinzugefügt , wobei derselbe Keyframe ausgewählt wurde Ich gehe zurück zu meiner Timeline und schaue wie sich die Form dieses Schlüsselbildes verändert hat. der linken Seite ist die Einsicht linear, wohingegen auf die Außenseite eine Lockerung und damit diese Form angewendet wurde . Wenn ich jetzt zum Diagramm zurückgehe und diesen Keyframe erneut auswähle und hier rüber gehe, wo es heißt, füge eine einfache Leichtigkeit hinzu, weißt du, was passieren wird. Wir fügen eine Kurve in Richtung der Umleitung dieses Knotens hinzu. Und wenn ich zurück in meine Timeline gehe, können Sie sehen, wie sich die Form dieses Keyframes verändert hat. Es ist kein RTOS. Ich meine, es sieht aus wie ein RTOS, aber es gibt zwei Teile davon einfach auf der linken Seite und es gibt auch eine Lockerung auf der rechten Seite. Darauf deutet die Form hin. Und denken Sie daran, dass die Form nichts mit der exakten Krümmung dieser Seite zu tun hat . All dies zeigt, dass dies nicht linear ist, aber es wird eine Art Lockerung angewendet. Das war's. Wenn ich jetzt alles rückgängig mache, gehe zurück zu meiner Timeline. Wählen Sie dieses Schlüsselbild in der Mitte von Rechtsklick aus, gehen Sie zum Keyframe-Assistenten. Und ich werde eine einfache Leichtigkeit hinzufügen. Und können Sie mir bitte sagen , welche Seite der Keyframe-Form , welche Seite der Keyframe-Form sich ändern wird? Ich hoffe, dass du gesagt hast, dass wir von innen die linke Seite gemacht haben. Wenn ich also easy, ease hinzufüge, werden Sie sehen, dass die Hälfte unseres Glases innen hinzugefügt wird und die restliche Hälfte ein Dreieck ist. Und wenn ich zu meinem Diagramm zurückkehre, werden Sie sehen, dass es innen eine Lockerung gibt. Und wenn ich zurückgehe, klicke mit der rechten Maustaste auf diesen Keyframe, gehe zum Keyframe-Assistenten und erleichtere es einfach. Es hat jetzt auf beiden Seiten eine Lockerung. Ich wer? Da hast du's. Es gibt mehrere Möglichkeiten, dies zu lockern, entweder dadurch und das ist ziemlich cool. Das sind so viele Informationen für dich. Ich hoffe du gehst mit allem richtig um. Und wenn ich alles noch einmal mache und zu diesem Keyframe zurückkehre, rechten Maustaste auf Keyframe Assistant und wähle Easy, Ease in und was passiert. Dies wird auf beiden Seiten dieses Schlüsselbildes eine Lockerung bewirken. Und dann haben wir wieder dieselbe Grafik. Und wieder, wenn ich den Vorgang rückgängig mache, wähle diesen Knoten aus, und ich klicke hier rüber und es wird genau dasselbe wieder tun. Also hoffe ich, dass dieses Hin und Her und alles für dich Sinn ergibt. Und ich bin mir ziemlich sicher, dass du das verstehst , weil ich das jetzt nicht so oft durchgegangen bin. Aber erlauben Sie mir ein letztes Mal, ein letztes Mal gehe ich Bruststück Mansi, mache es linear, wähle diesen Keyframe und drücke die Tastenkombination F9 und Vamp. Das Gleiche passiert. Das war's. Das ist das letzte Mal , dass ich das mache. Und an dieser Stelle hoffe ich auch , dass Sie diese Grafik lesen können. Was also passieren wird, ist, dass es mit einer gewissen Geschwindigkeit beginnt, hier langsamer wird, weil die Kurve, das Wertediagramm hier flach ist und dann wieder Geschwindigkeit aufnimmt, oder? Also wenn ich das locker spiele, verlangsamt es sich, geht es wieder hoch. Und wenn ich zum Geschwindigkeitsdiagramm zurückkehre, werden Sie feststellen, dass es anfängt, geht, Geschwindigkeit sehr niedrig wird, fast 0, weil die Kurve dort flach ist, und dann die Geschwindigkeit steigt und wieder abnimmt. Ziemlich cool. Kehren wir zu unserer Zeitleiste zurück. Jetzt muss etwas für die extremen Keyframes gesagt werden, das erste und das letzte in jeder Animation, nicht nur eines, das erste Keyframe, es gibt keine Umleitung, weil dies der Punkt ist , an dem Die Animation beginnt bei. Und wenn wir dem Inneren dieses Schlüsselbildes eine Lockerung hinzufügen, wird es wirklich nichts bewirken. Und in ähnlicher Weise bewirkt das End-Keyframe nichts, wenn wir eine Lockerung in Richtung der äußeren Richtung hinzufügen wenn wir eine Lockerung in Richtung der äußeren Richtung hinzufügen. Schauen wir uns also an, wie ich etwas mache den Graphen überhaupt nicht wirklich beeinflusst. Lassen Sie mich also weitermachen und zurück zum Wertediagramm gehen. Und ich wähle diesen Keyframe , den extremen Keyframe, diesen End-Keyframe. Und ich werde es leichter machen. Und Sie sehen, dass ease out hinzugefügt wurde. Natürlich hat sich die Form geändert, aber sie bewirkt eigentlich nichts. Ähnlich, wenn ich zum ersten Keyframe gehe und die Leichtigkeit nach links oder zur Umleitung hinzufüge . Es hat eine zusätzliche Lockerung hinzugefügt, aber es wird wirklich nichts bewirken. Und ich denke, das war einfach selbsterklärend. Ich wollte es nur der Vollständigkeit halber durchgehen. Eine letzte Sache , die ich Ihnen hier zeigen möchte , ist, wenn ich zu diesem Diagramm zurückkehre und zu diesem Knoten hier zurückkehre. Und Sie wissen bereits , dass Sie die Steilheit dieses Graphen oder die Ebenheit hier ändern können die Steilheit dieses Graphen oder , um die Geschwindigkeit zu steuern. Und wir haben auch gesehen, wie diese Diagramme getrennt sind, und wir haben auch gesehen , wie Sie sie verbinden können, indem Sie sie auswählen, rechten Maustaste klicken, zur Keyframe-Interpolation gehen und wählen Sie einen kontinuierlichen Bezier. Jetzt gibt es eine andere Möglichkeit, das zu tun. Wenn ich zurückgehe, sage ich immer wieder zurück. Aber wenn ich zum Geschwindigkeitsdiagramm gehe und mir diesen Punkt hier ansehe , und wenn ich seine Geschwindigkeit erhöhen möchte und was ich tun werde, um die Geschwindigkeit wieder zu erhöhen, ist eine ganz normale Aktion, dass ich klicke und ziehe, aber Sie werden feststellen, dass diese beiden Punkte getrennt sind, was nicht stimmt, und y sind die getrennten Punkte. Das liegt daran, dass dieses Wertediagramm auf jeder Seite zwei verschiedene Kurven hat. Und deshalb gibt es im Geschwindigkeitsdiagramm zwei Punkte. Jetzt gibt es eine andere Möglichkeit, dies zu verbinden. Wenn Sie nicht mit der rechten Maustaste klicken und zur Keyframe-Interpolation gehen, Sie hier doppelklicken und dann auf kontinuierliche Sperre klicken, sowohl die eingehende als auch die ausgehende Richtung sperren. Wenn ich also darauf klicke, klicke auf Okay, du wirst sehen, dass es ein einzelner Punkt wird und dann kann ich ihn nach oben oder unten bewegen. Und das wird das Wertediagramm so ändern, wie es sollte. Und auch dieser Punkt ist jetzt auch eine einzige Sache und ich kann ihn verschieben. Das ist also die eine Sache , die ich dir zeigen wollte. Das war das letzte, was ich dir in dieser Lektion zeigen wollte. Ja. Ja, das war's. Das war's. Das war's. Das war's. Das war's mit dieser Lektion. Ich hatte in der Schlussfolgerung eigentlich nichts zu sagen, außer dass ich hoffe, dass ich Sie auch in der nächsten Lektion sehe . Tschüss. 6. Animating: Okay, Willkommen zu dieser Lektion. Diese ist die kürzeste Lektion der gesamten Klasse. Bisher haben wir in dieser Klasse nur Eigenschaften wie Skalierung oder Drehung oder den Endprozentsatz animiert wie Skalierung oder Drehung oder , als wir mit der Curd-Handschrift-Animation gearbeitet haben. Und es gibt einen Grund dafür , dass all diese eindimensionale Eigenschaften sind, im Gegensatz zu, sagen wir mal so etwas wie position, was eine zweidimensionale Eigenschaft ist. Und es wird klar sein, was ich meine, wenn ich später in der Klasse zweidimensional sage . Ich wollte Ihnen nur das Problem zeigen Manipulation von Wertediagrammen darstellt, wenn es um Eigenschaften geht , die mehr als eine Dimension haben. Nun, zurück in den Nachwirkungen von gaba Quadratwurzel hier, gehe ich zur Eigenschaft position, die ich anzeigen kann, indem ich die Ebene auswähle und P drücke Ich erstelle hier einen Keyframe. Gehen Sie ein bisschen voraus und verfolgen Sie die Zeitachse an jedem Ort, egal, völlig willkürlich. Und ich bewege dieses Graue in diese Ecke, die diagonal gegenüberliegende Ecke. Nun die Art und Weise, wie die Positionseigenschaft funktioniert, und ich bin mir sehr sicher, dass Sie das wahrscheinlich schon wissen. Aber wenn es auch nur einen Studenten gibt, der das nicht tut, dann helfen wir ihnen mit dieser kurzen Erklärung. Jetzt habe ich dieses Quadrat diagonal zu dieser Ecke verschoben. Wenn ich mir die Eigenschaft position ansehe, können Sie sehen, dass anstelle von nur einer Zahl, wie bei einer eindimensionalen Eigenschaft wie Drehung oder Skalierung, zwei Zahlen vorhanden sind. Die erste ist x und die zweite ist y. X bedeutet horizontal und y bedeutet vertikal, wie wir es bereits in einer der vorherigen Lektionen besprochen haben . Erinnerst du dich? Was heißt das? Ein bisschen übel. Ich weiß es nicht. Ich weiß es nicht. Ein paar Rapper X und Y. Ich hoffe du erinnerst dich daran. Das hab ich verlegt. Erinnerst du dich daran? Also okay. Die erste Zahl ist also x und die zweite Zahl ist warum? Und anders als in der Computergrafik und anders als auf Papier, wo die untere linke Ecke 00 oder x und y 0 ist. Und in der Computergrafik und auch in After Effects ist diese obere Ecke, die obere linke Ecke, der Ursprung, wobei x und y 0 sind. Wenn Sie sich dann nach rechts bewegen, nimmt x zu und wenn Sie sich nach unten bewegen, nimmt y zu. Und in dieser Animation, in der sich das Quadrat von dieser Ecke zu dieser Ecke bewegt, sich sowohl die X- als auch die Y-Werte ändern sich sowohl die X- als auch die Y-Werte, weil sich das Quadrat horizontal bewegt, sich aber auch vertikal bewegt. Sie können sehen, dass Sie hier beim Schrubben sehen können, dass sich diese beiden Zahlen gleichzeitig ändern. Und wenn ich von hier aus in das Wertediagramm schaue, stellen Sie von hier aus in das Wertediagramm schaue, sicher, dass Sie im Wertediagramm sehen, dass es zwei Diagramme gibt, eine für x, eine für y, und das wird ziemlich schwierig zu spielen. Es gibt also eine Sache , die du tun kannst. Sie können mit der rechten Maustaste auf Position und Bemaßungen trennen. Und jetzt hast du verschiedene Graphen zum Spielen. Aber selbst mit Sabrina-Dimensionen, wie in einem allgemeinen Kontext, wird es wirklich schwierig, mit zwei verschiedenen Graphen für die Position zu spielen und die gewünschte Animation zu erhalten. Lassen Sie mich also Befehl Z drücken und beide miteinander verbinden , ohne dass es eine einzige Position und keine getrennte Dimension gab. Und aufgrund der beiden Grafiken, was ich und die meisten Animatoren die ich beobachtet habe, ist, dass sie direkt in den Geschwindigkeitsverlauf gehen, weil es nur einen Graphen gab , der angepasst werden musste. Derzeit gibt es keine Geschwindigkeitsschwankungen. Es ist eine Konstante und Sie wissen, es liegt daran, dass a0 oder After Effects standardmäßig lineare Beschleunigung anwenden. Was ich jetzt tun werde, ist, diese beiden Keyframes auszuwählen und auf Easy Ease Was ich jetzt tun werde, ist, diese beiden Keyframes auszuwählen zu klicken. Und jetzt können Sie sehen, dass wir ein bisschen Leichtigkeit im Besitz haben . Und nur durch Änderungen am Geschwindigkeitsdiagramm haben wir die Art und Weise verändert, wie die Animation abläuft. Sie können das Diagramm auch nach links verschieben . Ich kann Shift gedrückt halten und es ungefähr so aussehen lassen. Was, wenn Sie einige Tutorials befolgt haben oder einen Kurs mit Alpha-Effekten haben, können Sie wissen, dass dies ein sehr häufiger Graph ist. Würde sich das ändern? Das erzeugt eine ganz andere Animation und ich musste nicht in das Wertediagramm und nur zwei Grapheinheiten gleichzeitig gehen das Wertediagramm und nur zwei , um das zu bekommen, ich könnte einfach in den Geschwindigkeitsgraph gehen und es ist nur eine einzige Grafik. Und auch das Ändern des Geschwindigkeitsdiagramms, wie ich bereits sagte, führt zu einer Art Änderung im Wertediagramm, die Sie bereits beobachtet haben. Hier können Sie also sehen, wie Sie entweder das Geschwindigkeits - oder das Wertediagramm austauschbar verwenden können . Sie sind beide sehr miteinander verbunden, wenn Sie mehr Tutorials oder die Arbeiten verschiedener Animatoren verfolgen. Sie werden feststellen, wie mehr Tutorials oder die Arbeiten verschiedener Animatoren verfolgen. Sie werden feststellen, Sie werden feststellen sie direkt in den Geschwindigkeitsdiagramm springen und diese erstellen diese Grafiken im Hale-Stil. Heel Stone Graph ist ein Begriff , den ich mir gerade selbst ausgedacht habe. Du verstehst die Idee richtig? Es gibt ein bisschen mehr Nuancen diesem Diagramm und ein paar weitere Optionen , die sich durch Doppelklicken auf einen dieser Knoten zeigen , die wir verstehen müssen. Und das werden wir tun , während wir in der nächsten Klasse unser Abschlussprojekt aufbauen . Sie müssen sich also jetzt keine Sorgen um sie machen. Und das war's. Etwas wie, fünf Minuten? Ja. Das ist alles was ich brauchte. Ich brauchte ein bisschen Zeit, um Ihnen über multidimensionale Armut und ihre Grafiken zu berichten. Und ich hoffe, ich habe diese Erwartung oder das, was ich mir für diese Lektion erhofft hatte, gemeint . Mache ich Sinn? Aber wie gesagt, obwohl dies eine kurze Lektion war, wird die Lektion danach sehr lang sein, da wir an unserem Abschlussprojekt für die gesamte Klasse arbeiten werden . Aber ja, mach eine kurze Pause oder mach keine kurze Pause, denn das war eine kurze Klasse. Und wir sehen uns bald in der nächsten Lektion. 7. Abschlussprojekt - Pt. 1: Ich habe kürzlich eine Entdeckung gemacht. Es ist sehr reizvoll und sehr subtil. Und ich weiß nicht, ob du das bemerkt hast, aber ob du in die YouTube-App auf IOS oder iPadOS gehst . Und wenn du dir ein Video ansiehst und die Like-Taste drückst, passiert eine sehr schöne Animation. Ich weiß nicht, ob es sichtbar sein wird, aber sieh dir das an. Siehst du es? Schau dir das an. Ziemlich cool, oder? Eine weitere Sache , an die ich Sie nur erinnern wollte , ist, dass ich hoffe, dass Sie die Ressourcen aus dem Bereich Projekte und Ressourcen hier auf Skillshare heruntergeladen haben dem Bereich Projekte und Ressourcen , weil wir es sein werden das zu brauchen. Wenn Sie nun in die Ressourcen und in den YouTube-Liedosen-Ordner gehen , finden Sie dieses Beispiel für einen Videotitel. Und wenn ich es spiele, kannst du die gleiche YouTube-ähnliche Animation sehen . Unsere Aufgabe ist es, diese Animation und After Effects neu zu erstellen und gleichzeitig alles zu überarbeiten, was wir bisher über den Graphen gelernt haben. Jetzt können Sie versuchen, dies kurz alleine zu tun. Aber lassen Sie mich zunächst die Nacheffekt-Datei durchgehen , die wir für dieses Projekt verwenden werden. Jetzt müssen Sie in die AEP-Startdatei gehen. Ich doppelklicke, um es zu öffnen, und da ist es. In dieser Datei finden Sie nun eine Ebene, nur eine Schicht, die an die Lüge gebunden ist, kann sehr selbsterklärend sein und einige wenige entfalten sie. Wenn Sie Command ausführen und auf diesen Pfeil klicken , werden alle verschachtelten Optionen angezeigt. Das ist also eine Abkürzung für dich. Wenn Sie einfach darauf klicken, ohne den Befehl gedrückt zu halten , müssen Sie die verschachtelten Optionen immer wieder auflösen. Aber wenn wir alles ausrollen wollen, hältst du das Kommando und klickst hier, hier drinnen. Wenn wir zur path-Eigenschaft gehen, werden Sie feststellen, dass wir hier vier Keyframes haben. Nein, ich möchte, dass wir verstehen, woher diese vier Keyframes stammen und was sie bewirken. Die gesamte Grafik besteht also zunächst aus zwei Teilen. Da ist Hand, das ist dieser Teil hier drüben, die Handfläche und das gemeinsame Alles. Und sie schlafen, was im Grunde nur dieses Rechteck hier drüben ist . Jetzt wurde diese ganze Form, diese gesamte Vektorform, in Adobe Illustrator erstellt. Wenn Sie sich die Projektdateien unter YouTube Line, Can ansehen, sehen Sie eine Datei namens handy cons.ai. Es ist nur ein zufälliger Name. Ich hätte ihm einen besseren Namen geben sollen. Aber trotzdem kann ich, wenn Sie Adobe Illustrator installiert haben, doppelklicken und sich das ansehen. Wie Sie sehen können, habe ich in der Datei die verschiedenen Zustände der Grafik, wie wenn sich der Daumen in einer normalen Position befindet, aber er ist total gestreckt und hier in der Mitte, wenn er rückläufig ist. Und dann habe ich einfach diese verschiedenen Formen in After Effects gebracht . Jetzt gibt es mehrere Möglichkeiten , eine Grafik von Illustrator zu After Effects zu übertragen. Der einfachste Weg ist einfach zu importieren, was dir im Grunde jedes YouTube-Tutorial und jede Klasse zeigt. Aber was ich benutze ist dieses Plug-In namens Overlord. Und Overlord ist kein kostenloses Plugin, es kostet rund fünfundvierzig Dollar. Aber wenn Sie es ernst meinen, es zu animieren und weiterzuverfolgen, ist es meiner Meinung nach eine wirklich gute Investition. Lassen Sie mich Ihnen in knapp einer Minute eine Demo von Overlord zeigen . Okay, ich gehe zurück zu After Effects. Ich werde das alles zusammenbrechen. Ich verstecke das und schließe ab. Ich will mich nicht damit anlegen. Und jetzt sieh dir die Magie von Overlord an. Ich gehe zurück zu Illustrator. Ich stelle sicher, dass dieser Pfad ausgewählt ist. Und dann klicke ich einfach auf diesen Pfeil und bam, ich habe ihn hier in After Effects. Ziemlich cool, oder? Und wenn ich alles entfalle, werden Sie sehen, dass die verschiedenen Pfade hier und hier Gruppe eins genannt werden, weil ich es gerade Vanille hier in like exportiert habe und ich es vorbereitet und benannt die Schichten und alles auf diese Weise. Deshalb gibt es Schmerzen und Schlaf, aber hier ist nur Gruppe eins. Aber trotzdem müssen wir uns auf den Weg hier konzentrieren. Und wie Sie sehen werden, haben wir diesen gesamten Weg hier. Und eine Sache, auf die ich bei der Vorbereitung dieser Formen geachtet habe , ist , dass jede dieser Formen die gleiche Anzahl von Ankerpunkten hat . Und was bedeutet es, die Anzahl der Ankerpunkte gesehen zu haben ? Es bedeutet einfach, dass wenn man sich diese Punkte hier anschaut, diese Bezier-Punkte sind. welchem dieser Wege wurden gemacht? Jeder von ihnen hat die gleiche Anzahl von ihnen. Und wenn Pfade die gleiche Anzahl von Ankerpunkten haben, bedeutet das, dass After Effects Keyframes zwischen ihnen setzen kann . Was bedeutet, wenn ich zurück zu After Effects gehe und hier einen Keyframe für den Pfad festgelegt habe. Geh ein bisschen vorwärts, oder? Und ich möchte nur den Keyframe oder den Pfad für diesen Teil einbringen , den Handteil, den Handteil und nicht den Ärmel. Ich wähle das aus und stelle sicher , dass ich es abnehmen und hierher bringen kann. Und wenn diese Option ausgewählt ist, drücke ich einfach diesen Pfeil gehe zurück zu After Effects. Und jetzt können Sie sehen, dass ich hier zwei verschiedene Wege habe. Und da sie die gleiche Anzahl von Ankerpunkten haben, kann After Effects zwischen ihnen animieren. Und ich werde es los. Und so habe ich verschiedene Keyframes für den Pfad hier und mit den verschiedenen Zuständen des Daumens eingefügt. All das, alles, was ich in den letzten ein oder zwei Minuten gesagt habe, ist etwas, das ich nur für die Vollständigkeit der Lektion festgelegt die Vollständigkeit der Lektion , damit Sie nicht völlig im Dunkeln tappen. Hey, wie ist diese Vektorform überhaupt hierher gekommen? Wie hast du es geschafft? Es ist nur für diese zusätzlichen Informationen und es ist nicht der Teil der eigentlichen Klasse, der eigentlichen Klasse, die Animation dieser Hand beginnt. Nun, wissen Sie im Großen und Ganzen, ich werde die gesamte Animation in drei Schritte unterteilen. Wir werden die Rotation animieren, wir werden die Skalierung animieren und wir werden die Position breit animieren, allgemein würde es hier und da gewisse kleine Nuancen geben, aber im Großen und Ganzen Drehung, Skalierung und Position. Beginnen wir zunächst mit der Rotation und ich mache weiter und klicke auf den Befehl. Oder wenn Sie ein Windows-Steuerelement sind, klicken Sie, um alles zusammenzufassen , damit wir genau dies sichtbar haben. Und noch eine Abkürzung für dich. Wenn wir die ausgewählte Ebene noch nicht kennen , können Sie R drücken, um die Drehung zu starten, und wissen Sie was? Lass uns loslegen und loslegen. Das Wichtigste, was Sie sicherstellen möchten, ist, dass sich der Ankerpunkt dieser gesamten Grafik in der unteren linken Ecke befindet. Und wenn es sich nicht in der unteren linken Ecke befindet, wenn es sich irgendwo in der Mitte befindet, müssen Sie Y drücken, um dieses Werkzeug aufzurufen. Es wird das Schwenk-Hinter-Werkzeug genannt, auch das Ankerwerkzeug. Es ist gleich hier drüben. Sie sehen das Werkzeug „Hinter schwenken“ oder das Ankerpunktwerkzeug. Und Sie können dann die Befehlstaste auf dem Mac oder die Steuerung unter Windows ziehen und gedrückt halten , um sie direkt hier einzurasten. Eine weitere Sache, bevor wir anfangen, ist, dass wir wieder tun wollten, ich das Klicken und Entfalten befehlen werde. Wir nehmen all diese vier Keyframes und ziehen sie weit nach rechts, weil wir nicht wollen, dass sie gerade stören , wenn wir drehen, skalieren und positionieren, wir werden sie später zurückbringen, um der Animation mehr Persönlichkeit zu verleihen. Aber lassen Sie mich vorerst einfach weitermachen und sie nach rechts wegschieben. sorge mich nicht wirklich um sie. Wählen Sie die Ebene aus, drücken Sie Oregon und schon dreht sich der Kopf. Fahren wir fort und setzen den ersten Keyframe so auf 0 Sekunden. Da eine wichtige Aktion darin besteht, dass sich die Hand nach oben dreht, werden wir der Rotation ein wenig Vorfreude verleihen, indem wir einen Keyframe, einen weiteren Keyframe, ein bisschen voraus in der Zeit und ihn dann nach unten drehen so, sagen wir mal um die zehn Grad. Jetzt werden wir ein wenig vorwärts gehen und den Zeiger in seine Spitzenposition drehen. Also mache ich einfach weiter und ziehe das nach hinten. Also ich denke, es ist irgendwo wie hier. Es sieht gut aus. Sobald wir es sind. Es wird also davon ausgegangen, dass es die Spitzenposition erreicht. Dann werde ich weitermachen und es wieder in seine Ausgangsposition bringen , indem ich Command C und Command V kopiere Wir haben also Vorfreude, es erreicht seine endgültige Position und dann zurück zur ursprünglichen Position. Position. Und das war's. Wir sind mit dem Projekt fertig. Nein, ich mache nur Spaß. Uh, auf Robotic Tour Robotic. Zunächst einmal gibt es keine Persönlichkeit und nur eine so lineare Lockerung. Also sind wir natürlich noch nicht fertig. Lass uns weitermachen und weiter daran arbeiten. Das erste, was wir tun werden ist, alle Keyframes auszuwählen und unsere bewährte alte Abkürzung von F9 zu verwenden unsere bewährte alte Abkürzung von , um allen eine Lockerung zu verleihen. Und wenn ich es nochmal spiele. Okay. Ein bisschen besser. Ein bisschen besser. Aber noch nicht da. Schau es dir an. Ein bisschen besser, aber noch nicht da. Schauen wir uns die Grafiken an. Und dafür bearbeite ich direkt den Geschwindigkeitsgraph und nicht den Talgraph, denn in diesem Zusammenhang ist es für mich einfach einfacher, den Geschwindigkeitsgraph zu manipulieren. Eine Sache, über die wir noch nicht gesprochen haben, ist dieser Parameter im Geschwindigkeitsdiagramm, der als Einfluss bezeichnet wird. Wenn Sie mit Ihrer Beschleunigung im Geschwindigkeitsdiagramm mathematisch präzise sein möchten , können Sie auf einen dieser Knoten doppelklicken. Ich mache weiter und doppelklicke hier. Und im Popup-Fenster sehen Sie einen Parameter namens influence. Was Sie auch bemerken werden, ist, dass dieses ganze Popup-Fenster zwei Teile hat , eingehend und ausgehend. Und wir haben schon einmal besprochen, eingehend sind Dinge auf der linken Seite und Outgoing sind Dinge von der rechten Seite. Seit wir auf diesen Knoten geklickt haben , den ersten Knoten, gibt es kein echtes Incoming dafür, was wir bereits besprochen haben. Was auch immer wir hier hineinlegen, oder irgendeinen Wert, wird nichts wirklich beeinflussen. Das Ändern des ausgehenden Teils wirkt sich auf das Diagramm aus. Jetzt, wenn Sie einem Keyframe eine einfache Bedienung hinzufügen, indem entweder mit der rechten Maustaste klicken und Easy Ease auswählen oder auf ein Zahnrad klicken oder hier klicken oder F9 drücken. Was After Effects bewirkt, wendet dies automatisch den Einfluss von dreiunddreißig Punkt drei, drei Prozent durch den Geschwindigkeitsgraph an , der perfekt für Bewegungen kleiner Bereiche funktioniert, wie für kleine Bereiche Bewegungen, Einfluss von 33,33 Prozent funktioniert gut. Wir werden weitermachen und es bei 33% belassen. Denn dieser, dieser besondere Bewegungsbereich ist für die geringe Vorfreude auf den Schinken gedacht, die passiert. Und da es sich wieder um einen kleinen Bewegungsbereich handelt, belassen wir ihn bei 33%. Wir werden hier auf Okay klicken. Nun ist dieser zweite Knoten von Interesse, da er sowohl eine eingehende als auch eine ausgehende Seite hat . Für den zweiten Hinweis werden wir weitermachen und weiterhin bei dreiunddreißig Prozent eingehen, da n die linke Seite ist und Teil dieses Diagramms ist. Also belassen wir es bei 33%. Und was wir für die Outgoing tun werden, werden wir weitermachen und den Einfluss durch etwas wie, sagen wir mal 75%, ändern . Wir werden weitermachen und auf Okay klicken, und du wirst sehen, was es bewirkt hat. Es vergrößert einfach die Länge dieses Griffs, was sehr gut möglich ist, wenn Sie diesen Griff auch nach links oder rechts ziehen. Und das sind alles grundlegende Einflüsse, entweder tun Sie es genau indem Sie dort doppelklicken und einen Wert hinzufügen oder einfach willkürlich nach Ihren Wünschen ziehen Sie diesen Griff trotzdem für diesen bestimmten Graphen, wir wollen auch, dass diese Seite einen 75-prozentigen Einfluss auf die Geschwindigkeit hat. Wenn Sie möchten, können Sie das tun. Aber hier sind die Schritte, doppelklicken Sie darauf und da wir es auf dieser Seite haben möchten, werden wir die eingehende Site, die gerade bei 23 liegt, einen Standardwert manipulieren . Das sind 75. Und wir klicken auf Okay, und jetzt haben wir ein Halit-Diagramm in der Mitte, sehr relevant oder irrelevant. Sie haben einen guten Ausgangspunkt. Lassen Sie uns die Animation jetzt abspielen und sehen, wie sie aussieht. Ich drücke die Leertaste. Okay? Okay. Eine Sache möchte ich sicherstellen, da dies eine sehr ist, diese Animation dauert für eine kleine Dauer. Ich werde sicherstellen, dass es weniger als 1 Sekunde dauert, also im Grunde genommen bis zu 24 Frames. Also werde ich weitermachen und den Marker am 24. Frame positionieren. Sie können die Frame-Nummer Ich bin Anzeige von hier aus sehen, oder Ihre Anzeige von hier aus. After Effects ist für jeden etwas dabei. Wählen Sie also alle Keyframes aus, halten Sie die Option auf dem Mac oder Alt unter Windows gedrückt und ziehen Sie es so, und ziehen Sie es so dass es in 24 Frames passt. Was ich als Nächstes tun wollte, ist, dass die Vorfreude anhält. Nicht so sehr. Ich möchte nur, dass es ungefähr drei Frames dauert. Also werde ich weitermachen und den Abspielkopf positionieren und 0 hinzufügen. Dann können Sie auf dem Mac die Befehlstaste und den Rechtspfeil verwenden, und ich glaube, unter Windows Control und Rechtspfeil können Sie einen einzelnen Frame vorwärts bewegen. Also gehe ich weiter und gehe zum dritten Bild über, richtig? Also Command 123, und das ist alles, so lange möchte ich die Verlustleistung hinzufügen, um zu dauern. Also werde ich weitermachen und das hier hinziehen. Jetzt ist die Vorfreude also so. Okay, cool. Und was wir auch wollen ist, dass die Hand ein bisschen in dieser Pose verweilt. Und denken Sie daran, wie wir das Wertediagramm auf Kurven von k viel flacher gemacht haben, als wir K animierten, entstanden. Du wirst hier etwas Ähnliches machen. Okay, gehen wir weiter und gehen zum Wertediagramm. Gehen Sie weiter und gehen Sie zum Wertediagramm. Und was ich tun wollte, ist diesen Teil hier zu glätten. Stellen Sie also sicher, dass dieser Knoten ausgewählt ist , der der Spitzenpunkt ist. Und ich werde weitermachen und diesen Teil auswählen. Lassen Sie mich zunächst ein wenig hineinzoomen. Ich wähle diesen Teil aus, halte die Umschalttaste gedrückt und ziehe ihn einfach heraus. Es wird es hier nur flacher machen , sodass es auf dieser Position verweilt. Und ich kann gehen und gehen, immer wieder zurückgehen und es wiederholen. Und das kannst du sehen, ja. Nun, je flacher ich mache, desto mehr wird es hier verweilen. Also lass mich weitermachen und das etwas flacher machen. Ja, siehst du es? Es geht einfach weiter und gelagerte Bälle sind an dieser Position und das liegt daran, dass ich diesen Teil hier flach drücke. Jetzt können Sie sehen, wie Werte in Geschwindigkeitsdiagrammen synonym verwendet werden. Diese Änderung, die Abflachung, hat sich natürlich auf den Geschwindigkeitsverlauf ausgewirkt, wie Sie hier sehen können. Und im Gegenzug hätte es auch den Einfluss des Bettes verändert, 100% beträgt, was in Ordnung ist. Wir nutzen ihren Einfluss nur, um uns eine Basisanimation zu geben , auf der wir aufbauen können. Auch wenn Sie schauen, wenn ich weiterspiele, schauen Sie sich an, wie die, wie die Vorfreude endet, hier etwas scharf ist. Also lass mich weitermachen und es spielen. Und man sieht, dass es ein bisschen scharf ist, aber einfach rein. Ich wollte nur ein bisschen glatter sein. Ich gehe hier zurück zum Wertediagramm, zoome ein bisschen mehr hinein und versuche, es schmeichelhaft zu machen. Also werde ich weitermachen und Shift gedrückt halten und es flacher machen. Und ich kann es auch vorwärts und rückwärts bewegen. Sie können Änderungen vornehmen, bei denen es bei der Ebene mit Diagrammen nur darum geht winzige Änderungen vorzunehmen, und das ist nicht die Art von Dingen, in denen Sie irgendwann verschwinden können. Der Teufel steckt im Detail, dass Gott im Detail steckt, wann immer im Detail etwas besser ist . Also, ja, ein bisschen Hin und Her ist natürlich immer nötig, da ich es in diesem Kurs oft neu bestellt, aufgeregt und wiederholt habe, aber ich habe diesen Teil etwas glatter gemacht. Also lass uns weitermachen und es noch einmal spielen und sehen, ob es diesen scharfen Abschied beendet und dann die Zerstreuung endet. Also werde ich weitermachen und die Leertaste drücken. Und ja, so scharf ist es nicht. Es ist irgendwie glatt, was gut ist, was gut ist. Wir sind auf dem Weg dorthin. Jetzt. Wir müssen ein bisschen mit der Skala herumspielen. Wir möchten, dass diese Hand während der Erwartung schrumpft , wie wenn sie von hier nach hier geht, wir möchten, dass sie etwas schrumpft und dann größer wird, wenn sie diese Spitzenposition erreicht. Kehren wir zu unserer Zeitleiste zurück , in der wir die Keyframes sehen können. Sie können die Ebene auswählen. Und wenn Sie bereits eine Eigenschaft sichtbar haben, können Sie die Umschalttaste gedrückt halten und eine Verknüpfung drücken. Also drücke ich Shift und S, um die Skala zu erhöhen, oder? Und dann gehe ich zu 0 mal 0 und füge zum Zeitpunkt 0 einen Keyframe mit einer Skala von 100% ein. Während der Erwartung wollte ich dann die Größe auf etwa 90 oder 87% verkleinern, so etwas wie diese, sehr willkürliche Zahl. Und dann, als es die große Position erreicht hat, wollte ich im Maßstab auf etwas wie 110 erhöhen oder lass uns mit 115 Jahren gehen. Okay, also geht es so, schrumpft und taucht dann dort auf und geht dann wieder zurück, während m es zurückkommt. Ich wollte weitermachen und den anfänglichen Skalen-Keyframe kopieren und hier einfügen, damit das Wild, das herunterkommt , auf seine ursprüngliche Position schrumpft. Okay, wenn ich diese Animation jetzt noch einmal spiele, werden Sie sehen, dass die Rotation und die Abfallskala animiert werden. Es ist völlig unsynchron. Und es sollte nicht aus dem Takt geraten, da all diese Maßnahmen eine Lockerung angewendet wird. Drehungs-Keyframes und es gibt nur eine lineare Standardbeschleunigung die auf alle Skalen-Keyframes angewendet wird. Wir müssen die Rotationen auf den richtigen Maßstab bringen. Dazu können wir ein Plug-In namens e's copy verwenden , das Sie hier sehen können. Es ist ein 15-Dollar-Plugin, dem ich weiß, dass nicht alle von Ihnen es haben könnten. Lassen Sie uns also alle Keyframes einfach und einfach anpassen und sie manuell anpassen. Was ich also tun werde, ist, alle diese Keyframes erneut für die Skalierung auszuwählen , F9 zu drücken, und jetzt haben alle eine Lockerung. Nun, um eine exakte Lockerung zu geben, das Geschenk, die Skala genau verwendet und die Diagrammformen und alles als Rotationen. Was wir tun müssen, ist, dass wir von hier drüben in den Geschwindigkeitsverlauf der Rotation gehen müssen . Ja, wir sind ab und zu im Geschwindigkeitsdiagramm, kopieren die Einflüsse auf jeden Knoten und fügen sie in die Skala ein. Lassen Sie mich also weitermachen und damit beginnen. Ich doppelklicke auf diese Notiz. Es ist 3733. Ich gehe zum Geschwindigkeitsdiagramm der Waage. Ich doppelklicke hier. Und da es sich eine zweidimensionale Eigenschaft handelt und x und y sich beide ändern, werden um eine zweidimensionale Eigenschaft handelt und x und y sich beide ändern, werden wir sicherstellen, dass lock Dimensions aktiviert ist und wir werden einfach die Werte hier einfügen. Wie du wusstest. Entschuldigung, wie wir in der vorherigen Grafik gesehen haben, hatten wir es bei 37% und das ausgehende bei dreiunddreißig Prozent. Wir werden hier auf Okay klicken. In Ordnung, wir gehen wieder zur Rotation. Doppelklicken Sie hier. Wir haben 86,567 bis fünf. Gehen Sie zur Skala, doppelklicken Sie auf 86,56. Und was wurde gemacht, waren diese 75? schätze, das war es, ich werde auf Okay klicken. Und Sie können sehen, dass sich die Form des Graphen in eine Mimik ändert , genau wie diese ist. Also werde ich noch einmal mit 7575 nachsehen. Doppelklicken wir hier. Wir haben 100100. Ich gehe zurück zur Skala, doppelklicke auf diesen Knoten, gebe ihm hier 100 und dann weitere 100 hier. Und Ruhm, wir haben diese Grafik. Schauen wir uns hier den letzten Keyframe an. Es hat 3316. Also geh zurück zur Skala. Wir haben 33 hier. Und der ausgehende Teil spielt keine Rolle, da er keinen ausgehenden Teil hat. Aber trotzdem, lass mich einfach 16 schreiben, okay, ist egal. Wenn ich jetzt weiterspiele, können Sie sehen, dass Skalierung und Drehung vollständig synchron sind. Wie Sie sehen können, hätte all diese Arbeit des Kopierens und Einfügens vermieden werden können, wenn ich einfach all dies ausgewählt hätte, in den Osten kopiert, eingefügt, kopiert und dann diesen Maßstab ausgewählt hätte und füge es einfach ein. Aber auch hier weiß ich, ich weiß. Ich finde es wirklich frustrierend , wenn ich mir ein Tutorial anschaue und ein kostenpflichtiges Plugin auftaucht. Aber trotzdem verwenden wir hier kein kostenpflichtiges Plugin. Ich habe dir gerade gezeigt, dass dieses Plugin existiert und wir können es benutzen. Nein, sie würde in deine Ressourcen gehen und du schaust in den YouTube-Liedosen-Ordner. Sie finden diese kleine Textdatei namens elastic expression dot TXT. Ich möchte, dass du es öffnest, alles darin kopierst und dann zurückkommst. Sagen wir Rotation. Um mit Option zu beginnen, halten Sie Option auf Mac oder Alt unter Windows und klicken Sie auf das Stoppuhrsymbol, wodurch der Ausdruckseditor geöffnet wird. Und genau hier möchte ich nur, dass du es einfügst Befehl V und klicke raus und mach dir keine Sorgen darüber. Okay? Ich möchte, dass Sie dasselbe mit der Option Skalieren auf tun, klicken Sie auf Befehl V, klicken Sie heraus. Kein Grund zur Sorge. Endlos. Klicken Sie unter Windows auf Befehl oder Steuerung gedrückt halten und reduzieren Sie einfach alles. Und wenn ich die Animation jetzt spiele , ist nichts wirklich glücklich. Oh ****. Habe ich etwas falsch gemacht? Nein, ich habe nichts falsch gemacht. Dieser Ausdruck funktioniert so, dass Ihr letztes Schlüsselbild eine lineare Lockerung sein muss. Wie ändert man das auf lineare Lockerung? Sie halten Command unter Mac oder Control unter Windows gedrückt, und klicken Sie einfach auf Name in BAM. Und wenn ich jetzt zurückgehe und es spiele, whoo, gibt es einige Grenzen. Es gibt nicht in jemandes Leben dort. Du hast recht, Cool. Okay, jetzt sind wir fast fertig mit dieser Animation. Wir müssen hier Position und alle Handformen hinzufügen. Aber mir wurde klar, dass dieses Video die 20-Minuten-Marke berührt. Also höre ich gleich hier auf und mache einen weiteren Teil dieser Lektion und wir sehen uns dann. Also warte, warte, ruh dich aus, trink etwas Wasser und komm zurück. 8. Abschlussprojekt - Pt. 2: Okay, willkommen zurück zum zweiten Teil des Abschlussprojekts. Bisher waren wir in der Lage, Skalierung und Drehung dieser Hand zu animieren und ihr mithilfe von Ausdrücken auch ein wenig Sprungkraft zu verleihen . Das nächste, was wir tun wollen, ist, die path-Eigenschaft aufzurufen , die hier drüben ist. Diese beiden Pfade, über die wir bereits gesprochen haben, deren Keyframes wir nach rechts verschoben haben . Es ist Zeit, sie wieder reinzubringen. Also ziehe ich sie einfach hinein positioniere sie am Anfang meiner Timeline. Und lassen Sie mich einfach weitermachen und diese so anpassen , dass sie der Erwartung und allem entsprechen. Dieser Teil ist also tatsächlich, wenn der Daumen den Patienten irgendwie zurückbildet. Und dann die extreme Pose hier drüben mit gestrecktem Daumen und dann wieder normal. Also lass uns weitermachen und es spielen. Es wird nicht perfekt sein, aber mal sehen, ob es uns eine Vorstellung von der endgültigen Animation gibt. Also, okay, ja, es ist definitiv nicht richtig, weil es sich in einer ganz anderen Form bewegt , die nicht synchron ist. Der Daumen, was wir hier tun müssen, ist die Lockerung von der Skala zur Orientierung auf den Pfad zu bringen . Nun, vorhin hast du gesehen, wie ich die Einflüsse kopiere und einfüge, oder? Du kannst weitermachen und dasselbe tun. Aber was ich tun werde, ist, das e-Copy-Plugin zu verwenden. Also werde ich weitermachen und Skalierung oder Drehung auswählen. Ist es wirklich wichtig, dass sie die gleiche Lockerung haben. Ich klicke auf Kopieren. Ich gehe weiter und klicke auf den Pfad. Und ich werde weitermachen und auf Einfügen klicken. Leichtigkeit. Okay, und dann spiele ich die Animation ab und sehe mir das jetzt an. Es ist ziemlich synchron. Lassen Sie mich weitermachen und schauen, ob ich bestimmte Anpassungen vornehmen kann . Lass mich nochmal spielen. Ja, ziemlich synchron. Was ich hier tun kann, ist vielleicht diese Spitzenposition ein bisschen nach vorne zu verschieben , damit sie noch ein bisschen länger anhält. Also lass mich das machen und lass mich wieder reingehen und spielen. Ja. Ja. Alles sieht perfekt aus und alles sieht gut aus. Das einzige, was wir jetzt hinzufügen müssen ist die Animation für die Eigenschaft position. Also lass uns weitermachen und das tun. Lassen Sie mich fortfahren und diese Ebene auswählen und P drücken, um die Position aufzurufen. Und ich gehe zweimal 0 vor und erstelle einen Keyframe. Jetzt muss ich es auch mit Rotation oder Skalierung abgleichen. Ich werde einfach die Umschalttaste S drücken, um die Skala aufzurufen , damit ich die Position der Keyframes anpassen kann. Und da es antizipiert und schrumpft, möchte ich, dass sich das bewegt. Ich möchte, dass sich die Hand ein bisschen nach unten bewegt. Lassen Sie mich also die zweite Zahl auswählen, bei der die y-Position handelt. Ziehen Sie sie ein wenig nach unten, um sie zu schrumpfen. Es schrumpft. Es geht ein bisschen runter. Lass es mich ein bisschen weiter bewegen, ein bisschen weiter nach unten. Und jetzt, wo es auftaucht, wollte ich ein bisschen nach oben gehen, also werde ich weitermachen und es ein bisschen nach oben bewegen. Und dann, wenn es herunterkommt, wollte ich es an ihre ursprüngliche Position bringen. Also kopiere diesen Keyframe und füge ihn hier ein. Jetzt bewegt es sich also nach unten, es bewegt sich nach oben und dann wieder nach unten. Jetzt werde ich weitermachen und die Lockerung von der Skala erneut kopieren , natürlich mit der Kopie von e. Jetzt konnte ich wieder in den Geschwindigkeitsgraph gehen und einzelne Einflüsse kopieren und einfügen. Aber du willst nicht zusehen, wie ich das mache, oder? Wenn Sie also diesen Kaffee trinken, war ich wirklich schuldig, ein Plug-In zu verwenden, aber Sie wissen, es ist wieder erforderlich. Es tut mir leid, dass ich eine Zeit gelöscht habe. Ich werde weitermachen und die Lockerung kopieren. Gehen Sie zur Position und fügen Sie die Lockerung einfach so ein. Und wenn ich es spiele, sieht man, dass sich die Position jetzt auch ändert und es so viel besser aussieht. Eine letzte Anpassung besteht darin, den Bewegungsweg ein wenig zu zerlegen. Denken Sie daran, dass es ein Grundprinzip der Animation ist, dass sich im wirklichen Leben nichts in einer geraden Linie bewegt. Wir müssen der Position ein bisschen Bogen hinzufügen. Lassen Sie mich also weitermachen und dies auswählen. Und wenn die Eigenschaft position ausgewählt ist, werden Sie feststellen, dass es diese Punkte gibt, nicht die quadratischen mit den kreisförmigen. Dies sind Ziehpunkte für die Bezier-Kurven. Also kann ich weitermachen und es so ziehen, dass es eine Kurve bildet. Und lassen Sie mich weitermachen und eine Kurve bilden, wo immer ich kann, und machen Sie sie so glatt wie möglich. Das mache ich jetzt. Und lass es uns so bewegen. Und lass es uns so bewegen. Das ist genug Kurve. Lass mich herauszoomen und nochmal spielen. Und Sie sehen, dass es sich jetzt irgendwie in einer Kurve bewegt und dann die Krümmung des Pfades hinzufügt. Habe gerade so viel mehr Leben hinzugefügt. Animationsfilme. Also lass mich weitermachen und dieses eine letzte Mal spielen. Und da bist du ja. Und nach Ihrem eigenen Geschmack denke ich, dass das momentan etwas zu viel ist, aber nach Ihrem Geschmack können Sie dies auch anpassen, wie es Ihnen gefällt. Also ja, das ist so ziemlich alles. Das ist so ziemlich alles. Ein letzter Teller. Okay, großartig. Wenn Sie diese Animation erstellt haben, indem Sie sie mitverfolgt haben, erstellen Sie ein GIF oder ein Video und veröffentlichen Sie es in den Projekten. Und ich bin so stolz auf das, was wir bisher erreicht haben , so cool, wir sehen uns in der nächsten Lektion , der letzten Lektion. Und ich kann es kaum erwarten von Anfang an zusammenzufassen, wo wir nichts über Grafiken wussten , wo wir Grafiken manipuliert und diese Animation gemacht haben. 9. Schlussbemerkung: Nach all dem haben wir uns das Notenblatt angesehen und mir gesagt, dass Sie echte Musik in Ihrem Kopf hören können . Wissen Sie, dass Sie es wahrscheinlich nicht können, weil wir über Diagramme gesprochen haben und dieses Blatt angesehen haben, auf dem ein Wertediagramm gezeichnet ist, können Sie wahrscheinlich erkennen, welche Art von Bewegung dieses Diagramm darstellt. Und wenn du dir den Kurs noch einmal ansehen kannst , liegt es an dir. Wenn du es nicht kannst, kannst du dir den Kurs noch einmal ansehen, aber ich bin mir ziemlich sicher, dass du es trotzdem tust, jedes h2. Lassen Sie uns einen Rückblick alles geben, was wir in diesem Kurs gemacht haben. Eine wichtige Sache , die ich in diesem Kurs unterrichten wollte , weil es für B2 ziemlich rätselhaft war , ist, warum bestimmte Erleichterungen, sogenannte Ease Ins and Outs, und so weiter. Und wir haben es durch eine ganze Grafik betrachtet. gesamte Bewegungsgraph hat ein Innen- und ein Äußeres und je nachdem , auf welcher Seite Sie die Beschleunigung anwenden, kann es als ECM ist aus oder als Ease In, Out bezeichnet werden . Außerdem gibt es In- und Out-Sites zu jedem Keyframe oder was auch ein Knoten in einem Bewegungsgraph ist. Das haben wir also getan. Wir verwenden Trimmpfade, um die Handschrift zu animieren, und fügen der Handschrift Geschwindigkeitsschwankungen hinzu zu animieren, und fügen der Handschrift Geschwindigkeitsschwankungen , indem wir das Wertediagramm manipulieren, entweder indem wir es flacher oder steiler machen usw. Und weißt du, was könnte es sein? Ein cooles Projekt ist, dass Sie sich selbst oder jemanden, der etwas auf Papier schreibt, aufnehmen und versuchen , das von After Effects neu zu erstellen. Damit Sie das für unser Abschlussprojekt der Klasse tun können , haben wir die YouTube-ähnliche Cam-Animation wie 2022 auf iOS- und iPad OS-Geräten neu erstellt . Wir haben die Vorfreude kennengelernt, als die Hand geht hoch, es gibt ein bisschen Vorfreude und wir wollten es durchziehen. Und wir haben ein bisschen Follow-through hinzugefügt , indem wir einen Ausdruck , der der Lai Can eine gewisse Sprungkraft verleiht. Sie sollten sich das fertige Projekt ansehen, das wir gemacht haben. Es gibt etwas, über das ich klarkommen sollte. Das linke Projekt , das wir gemeinsam aufbauen und das Sie lösen, das Sie lösen, aber miteinander verknüpft sind. Es brauchte mehr Polituren und mehr Zeit. Ich war aufgrund des Zeitmangels und so nicht in der Lage, den ganzen Weg damit zu gehen aufgrund des Zeitmangels und so nicht in der Lage, den ganzen Weg damit . Aber die fertige Datei , die in Ihren Ressourcen enthalten ist , ist die , an der ich ausgiebig gearbeitet habe. Und es sieht viel glatter und viel besser aus. Also solltest du es dir ansehen. Keine Sorge, es wurde mit genau den gleichen Techniken erstellt , die ich gezeigt habe. Und übrigens, wenn Sie mit Ausdrücken noch nicht vertraut sind und sie lernen möchten. Ich habe eine weitere Klasse über Skillshare, die die Einführung von Ausdrücken für Anfänger trägt. Man könnte annehmen , dass es definitiv nicht darum geht, voranzukommen, und es geht nicht etwas Fortgeschrittenes als Ausdruck nachzubilden , den wir in diesem Kurs für die YouTube-ähnliche Han-Animation verwendet haben . Trotzdem denke ich, dass es einen sehr soliden Grund für jeden bietet , der anfangen möchte, Ausdruck zu lernen. Also kannst du es dir ansehen, wenn du willst. Das ist ein Wrap für mich. Ich würde mich sehr freuen, wenn Sie sich das ansehen Wenn Sie diesen Teil der Klasse erreicht haben , um eine Bewertung abzugeben, bedeutet das wirklich viel. Eine nette Bewertung lesen. Oder wenn dir die Klasse nicht gefallen hat, habe ich trotzdem einen Überblick gegeben. Ich würde gerne Feedback dazu erhalten , wie es mir geht, weil ich wirklich gerne unterrichte und lerne, wie man besser unterrichtet. Also ja, was auch immer, es liegt wieder an dir, das ist ein Wrap und wir sehen uns in der nächsten. Hoffentlich bald. Tschüss.