Einführung in Rive | Was ist Rive und wie verwende ich es?

1. Willkommen im Kurs: Mein Name ist Bold Bt und ich erstelle seit fünf Jahren Lotti-Animationen Ich bin ein Gewinner des Turniers Lotti Files Creator , der auf ihrem Discord gehostet wurde Ich bin auch ein zertifizierter Experte von ihnen auf Tram, und seit Kurzem bin ich auch Rive-Experte geworden Und ich glaube, jetzt ist der richtige Zeitpunkt, um meine Meinung zu äußern und mein Fachwissen oder meine begrenzte Erfahrung, die ich mit den Tools gesammelt habe , und das , was ich bisher gelernt habe, mit anderen zu teilen. Und zeige einfach, was Rife im Grunde kann und warum wir uns überhaupt die Mühe machen sollten, es zu lernen Und mit welchen anderen Tools können wir es vergleichen, und welche Vorteile bietet es uns, anstatt einfach etwas anderes zu verwenden Lassen Sie uns also darauf eingehen. 2. Was ist Rive?: Okay, was ist RIV eigentlich. Lassen Sie uns einfach von vorne beginnen und verstehen, was RIV ist Lassen Sie uns einfach weitermachen und googeln, was RIV ist. Okay? Und lass uns einfach unseren ersten Link öffnen und lass uns einfach lernen, was RV ist. Lassen Sie uns einfach einen Blick auf diese Informationen werfen. RIV ist eine interaktive Design- und Animationsengine , die es Designern und Entwicklern ermöglicht , animierte und codierte Grafiken in einem einzigen Tool zu erstellen animierte und codierte Grafiken in einem einzigen Okay, im Gegensatz zu herkömmlichen linearen Animationstools die statische Dateien exportieren, verwendet RIV ein Zustandsmaschinensystem Animationen zu erstellen, die dynamisch auf Benutzereingaben, Daten und Auslöser in Echtzeit reagieren dynamisch auf Benutzereingaben, Daten und Auslöser in Echtzeit Okay, das ist also im Grunde eine RV-Website, und RIV bietet grundsätzlich zwei Nutzungsarten Sie können RIV auch im Browser verwenden und auch die App herunterladen, worauf wir gleich eingehen werden Und dann haben wir diese wirklich netten Interaktionen , die Sie bemerken werden, wenn ich Maus über den rechten Teil der Schaltfläche fahre Im Grunde kommt eine Katzenpfote aus dieser Seite heraus, und wenn ich über die linke Seite fahre, kommt eine Pfote von dieser Seite heraus, und wenn ich vom Knopf weggehe, wirst du sehen, dass die Katze im Grunde versucht Das wird also im Grunde genommen mit State Machine aktiviert Und im Grunde sind verschiedene Zustandsmaschinen an diese Taste angeschlossen. Nun, was ist eigentlich State Machine, wo wir noch viel detaillierter darauf eingehen werden. Sie können sehen, dass dieser Button wirklich nett ist und Sie können sehen, wie flüssig die Animation läuft. Es gibt keine Verzögerung und es ist so schön, oder? Und das ist wirklich unglaublich. Genau wie wenn wir uns etwas wie Latte auf einer Website ansehen oder etwas, das einfach in einer Codebasis erstellt wurde , dann funktioniert jetzt alles genauso reibungslos Also, warum machen wir uns überhaupt die Mühe, etwas über Wohnmobile zu lernen? Darauf werden wir jetzt ein bisschen eingehen. Wir können all diese Dinge in RV erstellen, sodass wir Animationen für Websites erstellen können. Also lass uns diese einfach öffnen. Also Produkt-UI. Spiel-UI, und dann gibt es auch mobile Apps. Sie können also sehen, dass Figma RIV tatsächlich für ihre Landingpage-Animationen verwendet hat RIV tatsächlich für ihre Landingpage-Animationen verwendet Metaphy hat auch Animationen verwendet. Bend Health hat sie auch verwendet, und Sie können verschiedene Arten von Animationen sehen, oder? Die Idee hat auch RIV verwendet, und wir werden später auch einige Vergleiche , was ist der Unterschied zwischen RV und Lotti Sie können also sehen, dass all diese Animationen tatsächlich in RV erstellt wurden. Lassen Sie uns nun einfach weitermachen und uns ansehen, was wir damit noch erstellen können. Sie können sehen, dass Sie auch die Spieloberfläche erstellen können. Also ja, im Grunde können Sie ganze Spiel-Benutzeroberflächen erstellen, und abgesehen davon können Sie hier im Testbericht mehrere andere Dinge verlinkt sehen . Wir werden das alles viel ausführlicher besprechen. In Zukunft haben wir auch mobile Apps, sodass Sie die Animationen erstellen können , die in mobilen Apps verwendet werden. Okay. Aus der Sicht eines Lote-Schöpfers ist das, was RV anders macht, im Grunde nur ein Tool, das Animationen mit einfachen Worten erstellen kann Es kann auch viel mehr Dinge tun. Aber lassen Sie es uns vorerst einfach halten, damit Sie Informationen wirklich leicht verstehen und verdauen können Das ist übrigens die Perspektive eines Designer-Slash-Animators , den ich Ihnen gebe Wenn Sie Entwickler sind und sich dieses Video ansehen, dann kann ich Ihnen nur empfehlen, dass Sie sich ansehen dieses Video von Isa Genus ansehen. Ich kann jedem nur empfehlen, Ich kann jedem nur empfehlen sich mit der Entwicklung beschäftigt oder an einer Entwicklung gearbeitet hat , oder auch wenn Sie nur ein Designer sind, kann ich nur empfehlen, dass Sie sich dieses Video ansehen dieses Video von Isa Genus ansehen. Ich kann jedem nur empfehlen, der sich mit der Entwicklung beschäftigt oder an einer Entwicklung gearbeitet hat , oder auch wenn Sie nur ein Designer sind, kann ich nur empfehlen, dass Sie sich dieses Video ansehen Ein besonderes Video von Isa Gantus Ich hoffe, dass sie sich einigen wirklich netten Dingen mehr genähert hat einigen wirklich netten Dingen , weil ich dieses wirklich liebe, und ich kann nur empfehlen , es sich auf YouTube anzusehen, denn das wird dir den Kopf darüber klären, wie die Rise-Entwicklungsseite eigentlich funktioniert Okay. Lassen Sie uns einfach weitermachen und uns jetzt einige der Beispiele ansehen , die ich erstellt habe. Also habe ich diese interaktive Animation erstellt. Nun, etwas wirklich Überraschendes dabei ist, dass Sie diese Animation eigentlich nicht in einer anderen Software , die ich kenne, neu erstellen diese Animation eigentlich nicht in einer anderen Software können, außer RV. kannst du nicht tun. von Santa Monica Studio Ich glaube, der Gott von Santa Monica Studio hat es nicht benutzt, um es zu erschaffen haben sie hinter allem eine Game-Engine verwendet Offensichtlich haben sie hinter allem eine Game-Engine verwendet und dann vielleicht einfach alles im Code gebaut Aber wenn du herumarbeitest, bist du im Grunde ein Frontend-Entwickler und du interessierst dich hauptsächlich für UI-Animation und Design, diese Art von Dingen wird ständig für Schaltflächen Benutzeroberflächenanimationen verwendet, und du kannst auch einige Charakteranimationen machen. Und im Grunde gibt es eine Menge neuer Dinge, die Sie erstellen können. Aber das Interessante daran ist, dass es sich um Echtzeit handelt. Das ist eigentlich kein Video, okay? Und ein anderes Beispiel ist dieses. Das ist auch das interaktive Logo von God of War, das ich animiert habe und das ihr sehen könnt. Dass das auch interaktiv ist. Nun, Sie können dieses Zeug nicht per se in Latte erstellen, und das ist es, was den Rive von Latte unterscheidet Und wie das gemacht wird, benutzt man im Grunde die Und wir werden das im Detail besprechen, wie Sie das auch selbst machen können. Dies ist jedoch nur eine Einführung, um Ihnen zu zeigen , wozu RIF in der Lage ist? Und das ist es im Grunde. Ich hoffe, du verstehst, was Rife tatsächlich kann, und wir sehen uns in der nächsten Klasse Okay, jetzt glaube ich, dass du verstehst, was Rife kann. Lass uns einfach mit der nächsten Klasse weitermachen. 3. Lottie gegen Rive: Okay, in diesem Video werden wir Rb mit Lotte vergleichen Lassen Sie uns einfach weitermachen und uns eingehend damit befassen. Okay, hier haben wir also im Grunde die Late Files-Community, und Sie können sehen, dass es mehrere Foren gibt , die Sie durchgehen können. Und ja, Sie können im Grunde lernen, was die Community sagt und was die Community tut. Und du kannst sehen, dass das im Grunde ihre Community ist. Okay. Und dann ist da noch die Entsorgung von Wohnmobilen RV hat übrigens auch eine Community. Lass uns einfach weitermachen und mir die Community Rive geben. Lass mich das einfach öffnen. Ja. Damit wir ein paar Kleinigkeiten vergleichen können. Okay, das ist also die Community für Wohnmobile. Okay, also lass uns einfach weitermachen. Ja. Es gibt also viele Feature-Anfragen. Es ist ein allgemeiner Chat im Gange. Okay. Also ja, lass uns einfach weitermachen und jetzt zuerst über einige Dinge sprechen , die wir sollten. Okay. Also im vorherigen Video haben wir besprochen, dass wir im Grunde genommen, ja, RI mit Lotte vergleichen können . Lotte revolutionierte also die Art und Weise, wie Designer leichte lineare Animationen für Web und Mobilgeräte RI löst ein größeres Problem. Wir haben es uns zur Aufgabe gemacht, mit einem neuen Allzweck-Grafikformat für alle Software und Benutzeroberflächen Geschichte der Hardcore-D-Grafik neuen Allzweck-Grafikformat zu schreiben, und Animation ist nur ein Teil davon. Mit einem ENT und einer Pipeline für Design, Aufbau und plattformübergreifende Ausführung interaktiver Grafiken geht RiS über lineare Formate hinaus, RiS über lineare Formate hinaus um interaktive und ansprechende Grafiken zu ermöglichen Der speziell entwickelte Rive-Render sorgt also für kleinere Dateien und eine schnellere Leistung ohne die Freiheit der Designer zu beeinträchtigen Guide vergleicht RV und Late in Bezug auf wichtige Dimensionen, um Teams bei der Auswahl des richtigen Tools für ihr Projekt zu unterstützen. Okay, wie es hier heißt, ersetzt RIV im Grunde nicht nur Latte, oder Beide Tools bieten unterschiedliche Arten von Lösungen in einfachen Worten Am besten für interaktive Antworten und Ausgaben auf der Benutzeroberfläche eignen sich im Grunde produktionsfertige Grafiken mit zustandsgesteuerter Interaktivität und Live-Eingaben Wie Sie sehen können, befindet sich die Schaltfläche Ga Started hier, genau wie wir es bereits besprochen haben Und Late ist im Grunde eine leichte lineare Animation für Marketing-Websites und App-Interaktionen. SN enthält lineare Animationen mit begrenzter Interaktivität. Genau. Und dann kannst du auch viele neue Sachen machen. Es gibt ein Responsiveness Layout, was man in Lotte grundsätzlich nicht machen kann Es ist nicht im Grunde nur etwas, das man tun kann. Datenbindung ist grundsätzlich nicht Teil der Lott-Domain. Sie haben vor Kurzem Bewegungstoken eingeführt, aber das funktioniert nicht genau so wie die RIS-Datenbindung Und die RiS-Datenbindung bietet viel mehr Komplexität und bietet viele intuitive mögliche Ergebnisse. Und dann ist da noch die Ankündigung, wo ich ein bisschen darauf eingehen werde Danach haben wir Masken und ja, das sind im Grunde Dokumente, und das Zeug wird quasi hinzugefügt Und dann noch PU-beschleunigtes Rendern obendrein. Und dann, im Grunde ja, lass uns einfach darüber reden. Sie werden das Design im Grunde in Illustrator erstellen, in After Effects animieren und dann mit dem Body Movement Plugin exportieren oder Sie Body Movement Plugin exportieren oder Sie können auch das LatifiPlug-in verwenden und dann das LatJsNFLE ausführen, und dann das LatJsNFLE ausführen das im Grunde das haben wir vor allem in meinen früheren Kursen oder Klassen besprochen All das haben wir vor allem in meinen früheren Kursen oder Klassen besprochen. Sie können sich diese ansehen. Wenn Sie es wärmstens empfehlen möchten, haben wir unzählige verschiedene komplizierte Projekte behandelt, und die Prinzipien der UI-Animation sind tatsächlich dieselben. Das Tool bietet im Grunde nur eine bessere Ausführung. In einigen Fällen ist das Los besser oder After Effects ist besser In einigen Fällen wird die MRT besser sein. Aber die Grundlagen sind dieselben, daher empfehle ich Ihnen dringend, sich diese anzusehen, wenn Sie daran interessiert sind, etwas zu lernen, insbesondere über UI-Animationen, und sich alle möglichen Informationen zu besorgen, die Sie haben können Ich kann Ihnen daher nur empfehlen, sich diese anzusehen. Und davon abgesehen gibt es im Grunde die Bibliothek. Sie können es im Grunde fast überall ausführen. Okay, abgesehen davon haben sie einige CSS-Studien, und danach haben wir auch dieses interaktive Foto auf der Website. Okay, also RIV und Lotti, der größte Unterschied ist der Pipeline-Unterschied, Das ist im Grunde genommen die Lotte-Pipeline, aber die RV-Pipeline ist eigentlich ganz anders Der Editor ist eigentlich der , den RIV gebaut hat. Das Format ist Punkt RIV. Es ist nicht nur ein seltsames Format wie Dot JSON. Nun, es ist keine schlechte Sache, Punkt-JSON-Animationen zu haben. Es ist nur so, dass Henan Torosi, der Gründer von Lotti, zu der Zeit, in der Technologie Henan Torosi, der Gründer von Lotti, zu der Zeit, in der das Late-Format erfunden hat, und er ist Ich habe großen Respekt vor dem Kerl und er hat einen unglaublichen Job gemacht Aber es ist einfach nicht darauf ausgelegt, diese Komplexität oder Interaktivität zu bieten , die RIV tatsächlich bieten kann Das Format Dot RIV kann also tatsächlich aus RIV selbst exportiert werden Also exportiert es keine andere Software tatsächlich. Die Runtime wird tatsächlich von selbst, dem Rive-Team, erstellt, und dann wird auch der Renderer von derselben Plattform erstellt Wir haben in den Kursen viele verschiedene Themen behandelt , in denen ich all die verschiedenen Arten von Animationen beibringe , die wir mit Late Animations und After Effects erstellen können mit Late Animations und After Effects erstellen Und in diesen Kursen wirst du eine Menge Dinge sehen, die nicht wirklich so übersetzt werden, wie sie sollten Wir sehen etwas anderes in After Effects und etwas anderes im Internet Und es ist irgendwie komisch, selbst wenn wir die unterstützten Funktionen verwenden. Aber das wird in RIV nicht der Fall sein. Ich benutze RV jetzt über ein Jahr, fast 1,5 Jahre, und ich war noch nie mit einem seltsamen Problem wie diesem konfrontiert Es gab nur dann ein seltsames Problem , wenn jemand nicht den richtigen Renderer für RIF verwendet Manchmal muss man ihn tatsächlich aktivieren Als sie im Grunde den neuen Renderer starteten und irgendwie umschalten mussten, gab es einige Probleme, aber danach gab es keine weiteren Okay. Und wenn Sie etwas über Latte wissen, werden Sie wissen, dass Latte nicht glänzt, im Grunde genommen, richtig Ein großer Vorteil der Verwendung von RI ist, dass es tatsächlich Vektor-Feathering bieten kann Nun, was ist Vector Feathering? Eigentlich? Lass uns einfach im Wohnmobil nach Vektor-Feathering suchen, okay? Und im Grunde ist es nur ein Tool, mit dem Sie im Grunde Unschärfe hinzufügen können, so einfach ist das, oder Aber mit der Unschärfe können Sie hier noch viel mehr tun. Sie können die Unschärfen grundsätzlich manipulieren. Sie können alle Arten von Animationen erstellen, und Sie können sehen, dass dadurch wirklich schöne Effekte erzeugt werden, und die Unschärfe kann tatsächlich interaktiv sein Sie können sehen, dass sich die Maus bewegt und im Grunde genommen der Glow-Effekt auf den Cursor folgt, oder? Du kannst tolle Dinge sehen durch die Verwendung von Unschärfen entstanden sind, oder? Nun, du kannst dieses Zeug nicht machen, besonders nicht mit Latte. Nun, das sind einige bahnbrechende Dinge. Abgesehen davon gibt es auch noch andere Dinge, die ich gerne behandeln würde, nämlich lass uns einfach weitermachen und lassen Sie mich Ihnen diese Fallstudie zeigen, die, ja, diese ist, Begriff Eins. Mir ist eine wirklich interessante, sagen wir einfach, Revolution aufgefallen ist eine wirklich interessante, sagen wir einfach , die Rive im Grunde genommen geschaffen hat, nämlich dass im Grunde all diese riesigen Unternehmen RV verwenden, um interaktive Animationen zu erstellen Nun, die meisten Menschen würden sich dieser Vorstellung bewusst sein, und alle KI-Animationen ihres Assistenten sind tatsächlich interaktiv und werden mit RV erstellt Jetzt benutzt niemand Lotte. Ich kenne den Grund dafür nicht, aber ich habe Lotte Creator tatsächlich selbst ausprobiert, und ich glaube nicht, dass die Tools wirklich intuitiv sind. beispielsweise in RV Wenn Sie beispielsweise in RV eine Animation erstellen, können Sie im Grunde genommen von einem Animationsstatus aus beginnen und dann in eine andere Zeitleiste wechseln. Lassen Sie uns im Grunde einfach bedenken, dass dies eine Zusammensetzung von After Effects ist, oder? Also ein Übergang von einer Komposition in eine andere, so einfach ist das. Aber Lotti funktioniert nicht auf diese Weise. In Lotte muss man in einer Komposition arbeiten, und dann muss man im Grunde den Arbeitsbereich sperren , genau wie wir es in After Effects tun würden, und dann müssen Sie diese Abschnitte definieren und dann diese Abschnitte anhängen und dann die Animation erstellen Ich denke nicht, dass das wirklich eine gute Art ist zu umgehen, weil ich es getestet habe, aber ich mochte die Ergebnisse auch nicht wirklich, und es war sehr verwirrend, es für jemanden mit meinem Hintergrund zu verwenden für jemanden mit meinem Hintergrund , der After Facts verwendet hat. Ich weiß nicht, ob das nur daran liegt, dass ich voreingenommen bin, aber ja, ich habe nicht wirklich einige wirklich große Projekte gesehen kürzlich in Lotti entstanden sind Abgesehen gibt es hier eine wirklich wichtige Sache zu erwähnen, nämlich dass wir einfach weitermachen und die Lotti-Dateiplattform überprüfen, okay die Lotti-Dateiplattform überprüfen Und lass mich dir etwas wirklich Nettes zeigen. Okay, lassen Sie uns einfach weitermachen und uns die Kunden ansehen. Ja, schauen wir uns einfach alle Fallstudien an. Okay, du wirst hier sehen , dass es heißt, mach einen Jargon, und wir klicken einfach darauf Und du kannst hier eine Menge Sachen lesen. Nun, wie R im Grunde entstanden ist, ist, dass die Geschichte im Grunde einfach ist. Im Grunde war Duolingo der erste Kunde oder der Benutzer von Okay? Und das Team hat tatsächlich zum ersten Mal angefangen, RV zu verwenden, glaube ich, weil das nicht nur erfundene Informationen Go Rosso, der im Grunde der Gründer von RV ist. Sie haben dies im Grunde in einem Podcast oder in einem Interview erwähnt in einem Podcast oder in einem Interview Ja, das können Sie mit Rosso, CEO von RV, sehen. Also, ich glaube, der Zwillingsbruder von Nutsure Luego ist der, ja, Luigi Oso, ja Also diese beiden sind der CEO von RV und unglaubliche Typen, die uns sehr unterstützen und sie sind wirklich einer der CEOs, die man am einfachsten erreichen kann Ich weiß es wirklich zu schätzen, wie das RV-Team das Tool entwickelt und wie schnell es ständig reagiert Es ist also wirklich etwas Überraschendes für mich. Darauf werden wir auch näher eingehen. Im Grunde genommen verwendet Duolingo derzeit RIV, und RV war im Grunde kein öffentliches Tool Es wurde die meiste Zeit nur von Duolingo benutzt. Und was dann tatsächlich passiert ist, ist dass ein anderer Animator mit Guido darüber gesprochen hat, dass sie vielleicht starten sollten , weil andere Leute es auch benutzen möchten Nun, Joy Cornman von School of Motion hat auch etwas in Bezug auf RV erwähnt , dass es wirklich ein fantastisches Tool ist RV ist das beste neue Tool für Motion-Designer der letzten zehn Jahre Damit können Sie das tun, was Flash auch verwendet hat, aber auf eine viel leistungsfähigere Art und Weise. Nun, ich bin nicht wirklich so alt, dass ich Flash gearbeitet habe, um ehrlich zu sein. Und im Grunde waren viele Leute, als sie Rive auf den Markt brachten , wirklich froh, dass Flash zurück ist und es jetzt so viel besser ist. Also vielleicht weiß jemand, der genug Erfahrung mit Flash hat, worum es eigentlich geht. Abgesehen davon gab es auch einige wirklich unglaubliche andere Gaststudien. Zuallererst waren die Duolingo, wie wir bereits besprochen haben, derzeit im Grunde der erste Kunde oder der erste Nutzer von RF, und sie sind im Grunde komplett auf Animationen umgestiegen Und der duale Lingo-Charakter kann das im Grunde Wir behandeln jetzt im Grunde das, wozu R möglich ist Und im Grunde genommen werden Sie, wenn Sie alle Details lesen, feststellen, dass es sich bei all diesen Sounds tatsächlich um grundsätzlich unterschiedliche Mundgeräte handelt. Aber diese werden im Grunde über das Backend mit der Datenbindung verknüpft , und auf diese Weise können Sie im Grunde sehen, dass sie tatsächlich alles verändert haben, und der Mund bewegt sich im Grunde genommen auf der Grundlage , wie die Worte gesagt werden oder welchen Ton sie erzeugen, und die Datenbindung löst im Grunde diese Mundmomente Nun, das alles passiert in Echtzeit. der Super Duo Lingo-Funktion, der kostenpflichtigen Funktion, können Sie Lily tatsächlich per Video anrufen Und Lily verwendet im Grunde die Datenbindungsfunktion von R, was wirklich überraschend ist, und sie spricht im Grunde mit Ihnen Und es hört Ihnen im Grunde zu und reagiert Ihnen , weil diese Daten im Grunde an die Rive-Animation angehängt sind, und das übersetzt sich in die Animation, da sie verschiedene Eingaben auslöst Okay? Nun, es könnte wirklich schwer zu verstehen sein. Aber in einfachen Worten, sagen wir einfach, Nummer eins ist geschlossener Mund. Lassen Sie mich einfach weitermachen und ein Figma öffnen und lassen Sie mich das besser veranschaulichen Okay, schauen wir uns einfach an, was ich dir sagen wollte Okay, sagen wir einfach , das ist ein Mund und wir haben hier verschiedene Posen. Und das ist, sagen wir einfach, die Zunge oder der geschlossene oder der offene Mund, und dann kommen im Grunde verschiedene Geräusche aus dem Mund des Charakters, okay? Und im Grunde genommen sagen wir einfach, dass wir diese vier verschiedenen Eingänge haben. Okay? Also das sind nur vier verschiedene Münder, gehen wir einfach zu einem und lassen Sie es mich einfach vergrößern. Okay. Okay. Und im Grunde dient das nur zur Vereinfachung der Veranschaulichung, damit Sie die Konzepte verstehen können. Okay? Sagen wir einfach, das sind die vier Posen und sie müssen im Grunde zwischen ihnen jonglieren Nun, wenn der Benutzer im Grunde spricht, spricht Lily im Grunde nichts, oder? Sagen wir also einfach, die Zahl drei ist der geschlossene Mund, richtig, so. Okay. Und im Grunde wird dieser aktiviert. Automatisch, weil die Daten im Grunde genommen abgehört werden und die Animation die Bedingung hat , dass Sie Nummer drei aktivieren müssen, wenn der Benutzer spricht . Sobald der Benutzer jedoch aufhört, müssen Sie mit unterschiedlichen Sounds reagieren. Sagen wir einfach, das ist der Klang von A, und das ist der Klang von T, und das ist der Klang von F, richtig? Und dann versucht es im Grunde, voll zu sagen, dann wechselt es für einen Frame zu Luft F oder L. Zum Beispiel so etwas. F 000 und dann L. Das wird also automatisch gemacht, weil die Datenbindung damit verknüpft ist und die Logik auf diese Weise erstellt wurde. Und im Grunde wird so etwas in RV erstellt, sodass Sie sehen können, Sie wissen schon, dass die Datenbindung miteinander verbunden ist, oder? Also so etwas. Sie können Strukturen wie diese ständig in der Animation von Wohnmobilen sehen. So funktioniert es also im Grunde genommen im Backend. Schauen Sie sich nun auch einige andere Beispiele an , die zeigen, wie sich RI tatsächlich unterscheidet. Okay? Und warum ich eigentlich denke, dass es ein potenzieller Anwendungsfall oder ein Tool sein könnte , das Sie für die Erstellung von UI-Animationen erlernen sollten. Wenn ihr nun die Late-Community oder den Late-Discord bemerkt , werdet ihr feststellen, dass es dort keine Aktivität gibt Ihr werdet sehen, dass es im Juli nur eine Nachricht gibt Niemand reagiert. Dieser ist, glaube ich, Moderator. Davon abgesehen kann man sehen, dass die Community irgendwie tot ist Jetzt haben sie offiziell angekündigt, dass die Community hierher umgezogen ist. Schauen wir uns jetzt einfach den Chat an und Sie werden sehen, dass es am 22. Juli zwei Nachrichten gibt und dann am 21. Juli eine Nachricht. Und dann kann man im Grunde den Unterschied sehen. Im Grunde genommen wird also der gesamte Juli oder ein ganzer Monat in 20 oder 30 Nachrichten behandelt . Das ist es. Im Grunde genommen wird in der Community nicht viel geredet, und es scheint nicht, dass viele aktive Benutzer es tatsächlich nutzen. Und selbst wenn Sie auf LinkedIn suchen, werden Sie nicht viele Fälle finden, in denen Leute solche Dinge erstellen. Und vielleicht, weil Lotteriefunktionen eingeschränkt sind. Und abgesehen davon glaube ich nicht, dass es dafür einen besonderen Grund gibt. Vielleicht sind die Tools begrenzt, weil es viele Funktionen gibt , die nicht enthalten sind, außer nur der Unschärfe oder der Datenbindung Lassen Sie uns zum Beispiel einfach weitermachen und uns etwas anderes ansehen, nämlich Meshes Also lass uns einfach weitermachen und mich einfach nach Meshes in Rip suchen lassen , okay Einführung in Meshes, Mesh is Rye, öffne einfach ein paar Links, damit ich dir zeigen kann, was wir tun können Sie können also sehen, dass Sie diese seltsamen, komplizierten Strukturen erstellen können , oder? Also im Grunde sind das Bilder, einfache Bilder, man kann im Grunde Meshes drüber hinzufügen und dann ziemlich einfach animierte Sachen Late bietet diese Funktion nicht, und das Jason-Format unterstützt grundsätzlich, dass Sie nur mit dem Vektorformat arbeiten RIV löst im Grunde auch dieses Problem, weil Sie Polygonnetze umgehen können, und das tut es nicht in der Datei, weil Sie sehen können, wie die Netze funktionieren, Sie können daraus einige wirklich, wirklich komplizierte Animationen erstellen wirklich komplizierte Animationen Und ich habe es selbst versucht. Ich bin nicht wirklich so gut mit Meshes, daher ist meine Erfahrung damit sehr begrenzt, aber das tut es nicht bin ich mir ziemlich sicher , weil du hier sehen kannst, wie schön das aussieht, und das sind nur ein oder zwei Bilder oder teile einfach ein paar Bilder in Photoshop, und dann kannst du sie einfach hier anhängen ist wirklich wichtig, hier zu erwähnen, dass Sie Photoshop-Dateien auch in RF eingeben und dann auch mit diesen arbeiten können, ziemlich einfach. Und wenn diesen Ebenen Effekte hinzugefügt werden, verursachen sie im Grunde keine großen Probleme. Abgesehen davon ist eine wirklich wichtige Sache, die hier zu erwähnen ist, dass es in RI noch ein anderes Tool gibt , das so genannte Bone-Tool, das das anbietet, und Sie können das Rigging im Grunde verwenden, wie Sie wollen Und das ist etwas wirklich Erstaunliches. Late bietet nicht alle diese Funktionen. Man kann nicht wirklich interaktive Animationen erstellen und die Art der Charakteranimation ist hier wirklich ein Problem , weil jeder versucht ein neues duales Lingo zu erstellen, weil sich Dual Lingo oder im Grunde der Trend der Benutzeroberfläche in den letzten Jahren stark verändert hat Im Grunde versucht nicht jeder, die minimalistischste App zu erstellen Auch wenn so etwas wie Notion, die im Grunde für ihren Minimalismus bekannt ist, auch hier tatsächlich ein animiertes Maskottchen verwendet, das ihre KI repräsentiert Und der Großteil des Unternehmens versucht im Grunde, sich für einen Maskottchen-Animationsansatz zu entscheiden einen Maskottchen-Animationsansatz bei dem ihre gesamte Identität im Grunde einem Maskottchen oder einer Figur zugeordnet ist , die den Benutzer im Grunde durch alles führt Zum Beispiel gibt es ein wirklich schönes Beispiel, nämlich Byte Paul, etwas Ähnliches wie Duolingos können Und aller Wahrscheinlichkeit nach denke ich, dass dies auch in RIV erstellt wurde Ich bin mir nicht wirklich sicher weil das nirgends erwähnt wird, aber wenn Sie irgendwo recherchieren, dann finden Sie vielleicht auch das Thema dahinter Okay. Und abgesehen davon können Sie auch Audio anhängen. Ich habe Audios mit Late eigentlich nicht wirklich verwendet , weil Lot das Audio tatsächlich in eine separate Datei exportiert Aber eigentlich kommt es auf dieselbe Diskussion zurück , die hier erwähnt wurde Die gesamte Animation, die Soundeffekte, alles befindet sich in einer einzigen Datei, der Datery-Datei. Dies ist jedoch nicht der Fall, wenn Sie eine JSON-Datei exportieren , da die Audiodatei separat exportiert wird Und dann musst du das dem Entwickler geben, und er muss einen Weg finden oder es irgendwie anhängen, weißt du, auch eine wirklich wichtige Sache, die man beachten sollte, ist, dass Lottie keine Interaktivität bietet, wohingegen das , was RIV tatsächlich besser macht der große Vorteil der Verwendung von RIV ist der Aspekt der Problemlösung, das heißt, wenn Sie erstellen Die Animation, müssen Sie nicht, es ist nicht nur so , dass das Tool interaktive Animationen machen kann. Das Tool ermöglicht es Ihnen im Grunde, all diese Interaktionen innerhalb des Erstellers oder der Software selbst hinzuzufügen all diese Interaktionen innerhalb . Sie müssen dem Entwickler oder dem Backend-Team also im Grunde keine großen Kopfschmerzen bereiten. Im Grunde können Sie hier die gesamte Interaktion hinzufügen, sodass sie im Grunde vom Animator erledigt werden kann, der Slash-Designer dem Entwickler, der die Animation macht, Sie können hier die gesamte Logik erstellen, und dann müssen Sie im Grunde nur all diese Daten mit dem Backend verknüpfen diese Daten mit dem Backend Das ist es. Ziemlich einfach. Sie müssen nicht die Bedingungen eingeben , dass, wenn die Maus hier drüben ist, sie einfach größer machen. Sie müssen das alles nicht tun. Sie müssen nicht all diese Kopfschmerzen auf sich nehmen , und im Grunde versuchen wir als Animator oder Designer, komplexe Probleme zu lösen Und wenn Sie ein weiteres Problem für Ihren Kunden erstellen, bedeutet das im Grunde keinen Mehrwert für das Projekt oder Sie werden im Grunde nicht zum Problemlöser für das Projekt oder den Kunden, oder? ein weiteres Problem für Ihren Kunden erstellen, im Grunde keinen Mehrwert für das Projekt oder Sie werden im Grunde nicht zum Problemlöser für das Projekt oder den Kunden, oder Das Erstaunliche dabei ist also , dass Sie das alles selbst erledigen , Sie schaffen nicht nur zusätzliches Chaos für das Entwicklungsteam Und das wirklich Erstaunliche dabei ist, dass man auch solche Dinge sehen kann auch solche Dinge sehen , die auch auf die Probleme hinweisen. Es gibt eine Konsole , die dir tatsächlich zeigt , was du in der Animation tatsächlich machst. Okay? Und dann können Sie hier auch einige Tests durchführen. Es gibt einige Änderungen. Es gibt so viel Rive, was du tun kannst. Und es ist auch wirklich sehr wichtig , hier den Community-Aspekt zu erwähnen, okay? Nun, weil da eine Menge Diskussionen im Gange sind, sagen wir einfach der Großteil dieser Umfrage ist jetzt quasi tot, vielleicht weil sie hierher gewechselt sind, aber Sie können sehen, dass auch hier nicht viel diskutiert wird . Aber vergleichen wir es einfach mit der Arrive Community. Jetzt kannst du sehen, lass uns einfach nach unten scrollen und sehen, wie viele Nachrichten oder Chats pro Tag laufen. Es ist also Tag eins, und wir gehen hoch, wir steigen auf, wir steigen auf. Es ist Tag zwei. Und dann haben wir Tag drei und dann hast du Tag vier. Und jetzt ist nicht viel los an diesem Tag. Also offensichtlich passiert das. Und dann, ja, viele Nachrichten. Und man kann sehen, dass die Leute im Grunde Dinge teilen und kreieren. Lassen Sie mich jetzt einfach zu Late Community oder Chat zurückkehren. Man sieht nicht wirklich, dass Leute solche Dinge erwähnen. Also hier wird ein Problem erwähnt. Davon abgesehen werden nicht wirklich Dinge von der Community erstellt, oder? Und wohingegen, lass uns einfach Jac in die Community kommen, du kannst sehen, dass da eine Menge Dinge vor sich gehen Okay? Und etwas wirklich Überraschendes dabei ist, dass es so viel einfacher ist, das Team zu erreichen. Du kannst Guido sogar taggen. Er ist im Grunde der Gründer des Teams oder im Grunde der Gründer von The Rive, wie wir besprochen haben Und ich hatte im Grunde einige Schwierigkeiten, weil ich versucht habe , eine Contra-Herausforderung einzureichen, aber ich konnte im Tool keine Option finden Und Guido hat mir im Grunde geantwortet , weil ich glaube, innerhalb einer Stunde, und wenn er sich nicht meldet, wird es jemand anderes aus dem Team tun Es gibt also ständigen Support, was wirklich, wirklich erstaunlich ist Und das Schockierende für mich ist, und ich grüße das Team wirklich sehr, grüße das Team wirklich sehr , dass sie die Updates wirklich, sehr schnell veröffentlichen Im Grunde genommen aktualisiert RV die Software wöchentlich Und ich mache keine Witze. Manchmal wird es auch zweimal pro Woche aktualisiert. Im Grunde debuggen sie manchmal nur ein paar Dinge. Manchmal fügen sie ein kleines Detail hinzu , das die Community angefordert hat Und abgesehen davon können Sie Ihre Arbeit im Grunde auch einfach teilen. Damit du teilen kannst, kannst du sehen, dass hier viel Arbeit geteilt wird. Richtig. Die Leute kreieren also quasi ganze Showrollen im Inneren, wie Sie hier sehen können. Aber ich habe noch nicht all diese Dinge gesehen, bei denen Latte verwendet wird. Und ich denke , das wird wirklich die letzte Erkenntnis daraus sein , dass Unternehmen wie Spotify dies auch genutzt haben Nun, wofür sie es verwenden, ist wirklich interessant, dass die Spotify Wrap Leute am Ende des Jahres auf Spotify Wrap warten Und ich glaube, dass Sie verstehen, was Spotify Arab ist, wenn Sie im Grunde verstehen oder im Grunde überprüfen, welche Art von Song Sie das ganze Jahr über gehört haben und im Grunde genommen, dass die arabische Spotify-Animation tatsächlich mit TV erstellt wurde. Und was hier wirklich interessant ist, ist, dass Spotify so viele Hörer oder Nutzer hat Und im Grunde wurde die Datenbindung zum Beispiel angehängt Zum Beispiel an das Benutzerprofil. Also weil im Grunde jeder sein Gesicht in seinem Spotify sehen wird , richtig, oder jeder Künstler auf der Plattform wird oder jeder Künstler auf der Plattform wird tatsächlich zur Spotifyer-Animation hinzugefügt Das geschieht also im Grunde über die Verwendung von Datenbindung. Wenn wir zum Beispiel wieder hierher gehen, lassen Sie uns einfach vier Kreise erstellen, sodass einfach sagen können, dass wir vier Künstler haben, richtig. Also, was wir hier im Grunde haben , ist , dass es jetzt definitiv so viel mehr Künstler als vier gibt , aber wir nehmen das nur als Beispiel, oder? Und im Grunde passiert das, was durch die Datenbindung tatsächlich passiert , ist , sagen wir einfach, dass ich diesem Künstler zuhöre, oder? Nun, im Grunde hat Spotify meine Daten. Jetzt wird es im Grunde genommen meine Animation auf der Grundlage dessen erstellen , was ich höre oder welchem Künstler ich zuhöre. Jetzt wird das aktuelle Profilbild dieses Künstlers an meine meisten Zuhörer angehängt meine meisten Zuhörer oder der Künstler, den ich am häufigsten gehört habe , wird hier hinzugefügt. Der Platzhalter in dieser Animation ist also im Grunde ein Platzhalter dieser Animation ist also im Grunde ein Es wird im Grunde jedem einzelnen Ersteller der Plattform antworten jedem einzelnen Ersteller der Plattform Und sobald es mit diesem Datenpunkt übereinstimmt, wird es im Grunde nur diesen Datenpunkt auswählen. Jetzt werden wir das alles definitiv nicht sehen , weil RI wirklich, wirklich reibungslos funktioniert. Und warum ist das so? Weil es, wie wir bereits besprochen haben, eine eigene Pipeline hat. Die Animation läuft also wirklich flüssig. Und wir haben nicht wirklich eine Gegenreaktion darauf gesehen , dass die Animation kaputt gegangen ist, weißt du, ich meine, wenn ein Team wie Spotify etwas benutzt, dann glaube ich nicht, dass es einen Grund gibt, sich Sorgen zu machen Und Duolingo war im Grunde genommen die OG der Maskottchen-Animationen im UI-Bereich, und im Grunde ist ihr Produkt das animierteste Produkt im Internet, würde Und wenn diese Tools verwenden, welche die besten Tools sind, als ob sie die besten 1% sind, richtig, in Und wenn sie diese Tools verwenden, dann würden sie meiner Meinung nach die besten Tools verwenden, weil sie auch die besten Leute oder die besten Unternehmen in ihren Bereichen oder ihrem Fachgebiet sind die besten Leute oder die besten Unternehmen in , oder? Sie können also sehen, dass sie auch darüber nachdenken würden , die Animation mit einem Skalenlabel zu erstellen , und das ist definitiv ein Skalenlabel, und deshalb haben sie Rive verwendet, anstatt etwas anderes zu verwenden. Ich glaube also, das deckt alles ab , was Ri kann, was Lotti nicht kann Und ich denke, das deckt alles ab, was Lotti nicht kann, aber stattdessen kann Rf tatsächlich Ich glaube also, dass Sie jetzt verstehen was Rife tatsächlich kann und was Lotti nicht Und ich glaube, du hast in diesem Video etwas Neues gemacht in diesem Video etwas Neues Lass uns mit dem nächsten weitermachen. 4. After Effects im Vergleich zu Rive: Okay, lassen Sie uns jetzt einfach After Effects mit RIV vergleichen. Lassen Sie uns einfach weitermachen und uns After Effects ansehen. Zuallererst ist es wirklich, sehr wichtig , dass Sie in After Effects viele Plugins und Skripte haben. Jetzt wurde auch Scripting zu RI hinzugefügt, aber es funktioniert nicht auf die gleiche Weise Im Grunde gibt es vorgefertigte Tools und Erweiterungen und ähnliches Jetzt in Aftereffects, definitiv, weil es auch ein viel älteres Tool Und auch der Anwendungsfall für beide Softwares ist sehr, sehr unterschiedlich Nun, da Aftereffects eine Compositing-Software oder 2,5-D-Animationssoftware ist und im Grunde genommen für zwei D-Animationen oder Drei-D-Animationen oder Compositing erstellt wurde , können Sie in After Effects im Grunde eine ganze Menge Dinge tun Menge Sie können Erklärvideos erstellen , Sie können Charakteranimationen erstellen. Sie können Compositing machen, ein wirklich gutes Beispiel dafür was tatsächlich verwendet Ein wirklich gutes Beispiel für den Einsatz von After Effects ist Jalex Rosa , der im Grunde genommen eher ein Regisseur ist. Ich betrachte ihn im Grunde Regisseur, der im Grunde all diese Animationen kreiert Und wenn Sie sich eines seiner Videos ansehen, werden Sie feststellen, dass er das endgültige Compositing im Grunde genommen innerhalb von After Effects durchführt, und der Rest des Videos wird tatsächlich in Blendern erstellt, manchmal in Enopod-Sachen wie diesem und manchmal Frame für Frame-Animationen, solche Sachen, aber das Endergebnis ist und der Rest des Videos wird tatsächlich in Blendern erstellt, manchmal in Enopod-Sachen wie diesem und manchmal Frame für Frame-Animationen, solche Sachen, aber das Endergebnis ist tatsächlich in After Effects zusammengesetzt. Also Live-Action-Sachen, Erklärvideos, solche Sachen sind im Grunde, lass uns einfach weitermachen und uns verschiedene Beispiele für Erklärvideos ansehen. Sagen wir einfach, dass diese Szene in RV erstellt werden musste Jetzt können Sie das definitiv in Rive erstellen. Aber wenn Sie einige wirklich magische Übergänge erstellen möchten, sollten Sie mit fünf Beispielen und nur 60 Sekunden Animation arbeiten , oder? Im Idealfall ist es nicht das beste Tool, da es für interaktive Animationen und nicht für Erklärvideos entwickelt wurde interaktive Animationen und nicht für Erklärvideos die gleiche Weise wird After Effect jetzt für Compositing und komplexe Animationen erstellt , nicht für interaktive Animationen nicht Aus diesem Grund wird das Dottery-Format nicht angeboten. Nun, Hernan Tosi ist im Grunde der Gründer des Body Movement Plug In und er hat im Grunde auch das Late Jason-Format erfunden Und was wirklich wichtig ist, hier hervorzuheben , ist , dass, weil sich das Unternehmen so stark weiterentwickelt, das auch einige aufregende Neuigkeiten sind, dass Hernan Tosi im Grunde auch Rive beigetreten ist Der Gründer von Flat, Hernan Torisi, tritt also RV bei. Lassen Sie uns auch ein bisschen darüber lesen. Das ist also die Legende selbst. Und Sie können sehen, wie er sagt, als ich Rive vor ein paar Jahren zum ersten Mal fand, habe ich durch ihre Website navigiert In all den Tools, die sie entwickelt hatten, traf ich dann Guido und Luigi, im Grunde die Chefs der CEOs, die mir ihre Pläne für die Zukunft erzählten Und es waren atemberaubende Momente, Interaktivität, der Editor, die Zustandsmaschine, Knochen, Einschränkungen und vieles mehr, und vieles mehr, Ich wurde sofort ein Fan und verfolge seitdem ihre Fortschritte Als sie mich einluden, dem Team beizutreten, war ich begeistert, eine Gelegenheit zu haben, aber aus persönlichen Gründen konnte ich sie damals nicht annehmen. Zeit verging, und R wurde einem noch beeindruckenderen Tool Alle sprachen darüber und nutzten es immer mehr. Schließlich stimmten die Dinge überein und sie waren so freundlich, das Angebot noch einmal zu erweitern. Ich habe es sofort gesagt, und diese Woche beginnt meine Reise mit einem großartigen Projekt und Team. Okay. Und im Grunde ist dieser Beitrag vom 16. Oktober 2023, oder? Also, das ist wirklich, sagen wir einfach auch überraschend für mich, dass ich meine, vielleicht hätte Latte nicht mehr so viel Potenzial , dass Hernan stattdessen auch zu Rive kam Oder vielleicht hätte er das denken können, warum nicht etwas Ähnliches erfinden, aber stattdessen Latte verwenden oder so etwas entwickeln Ich weiß nicht, warum er das nicht getan hat. Ich bin hier nicht der Experte, aber der Pluspunkt hier ist die positive Seite der Geschichte oder der gute Teil der Geschichte, nämlich, ich meine, es muss einen Grund geben, warum ein Experte wie er tatsächlich zu Ri gekommen ist, oder? Es ist also so, als könnte er die Vision oder das Update sehen oder ich meine, jemand, der Lotte im Grunde genommen entwickelt hat, wenn er versteht, dass R so viele spannende Funktionen oder Updates und er begeistert war, dem Team beizutreten, dann hat das Tool offensichtlich etwas an sich, oder? Okay. Also das war etwas Erwähnenswertes, also dachte ich, lass es uns einfach machen, okay? Und jetzt, was RV oder Lotte angeht, etwas wirklich Wichtiges, das ich erwähnen sollte, nämlich dass ich all diese Animationen in After Effects mit den After Effects erstellt habe , im Grunde genommen und dann mit Körperbewegungen exportiert habe, Plug In. Wenn ich so etwas erstellen müsste, würde ich mich immer noch für After Effects entscheiden. Warum? Weil die Ebenenverwaltung so einfach ist und mir dadurch viel mehr Zeit sparen wird. Die Layerverwaltung in RIV ist derzeit schrecklich. Vielleicht kommen noch mehr Shortcut-Tools hinzu, vielleicht wird es besser Ich bin mir nicht sicher, aber wenn es derzeit 400 Ebenen gibt, ist es viel einfacher, all diese Ebenen in After Effects zu verwalten , wenn Sie es mit RIF vergleichen Und warum sollte ich mich für so etwas oder RV entscheiden? Weil ich meine, RV bietet so viel mehr Funktionen, man viel mehr Dinge machen kann. Ich würde das nur in Fällen wählen , in denen ich keine Interaktivität möchte Wenn ich etwas erstellen möchte, das perfekte Loop-Animation ist, dann werde ich mich im Grunde nur für After Effects entscheiden Okay? Weil ich einen Grafikeditor sehr einfach anpassen kann. Es gibt Tastenkombinationen. Es gibt Erweiterungen, es gibt Plugins, es gibt Skripte. Ich kann im Grunde einfach die Keyframes verschieben, solche Sachen, wirklich einfach zu machen. Ich kann das alles nicht wirklich einfach R machen. Manche Dinge müssen manuell erledigt werden. , das sind die wichtigsten Unterschiede Ich würde sagen, das sind die wichtigsten Unterschiede zwischen den Tools. Davon abgesehen, wenn ein Projekt so etwas wie einfach erfordert , müssen Sie einigen Elementen Interaktivität hinzufügen, auch wenn es sich um eine Schaltfläche handelt, oder? Oder selbst wenn es ein Charakter ist , der drei Pausen hat, glücklich, wütend und traurig, vielleicht, weißt du, solche Sachen , dann musst du diese Sachen definitiv in RIV machen Nun, du könntest sagen, wenn du so etwas wie, sagen wir mal, die duale Olingo-Animation erstellst , oder Wenn Sie so etwas erstellen, lassen Sie mich einfach zur Duolingo-Seite zurückkehren Okay? Und wenn Sie eine solche Animation erstellen, was jetzt wirklich kompliziert ist, sagen wir einfach, dass es 400 Ebenen gibt , mit denen Sie arbeiten müssen. In diesem Fall müssen Sie nun, weil Sie mit Interaktivität arbeiten müssen, Kompromisse bei der Ebenenverwaltung Sie können nicht wirklich etwas dagegen tun. Der entscheidende Punkt hier ist also, was du eigentlich zu erschaffen versuchst, okay? Und wenn das Endergebnis eine interaktive Animation sein soll , dann auf jeden Fall, geh einfach zu RIF, okay? Und was das Design angeht, empfehle ich dringend , anstelle von Illustrator Figma zu verwenden, weil das auch sehr gut funktioniert Oder im Grunde können Sie einfach kopieren und einfügen, SVG auch von Illustrator nach Figma exportieren und dann oder im Grunde das SVG exportieren und dann das SVG einfach per Drag-Drop ablegen und dann auch in RI damit arbeiten Jetzt werden wir all das im Detail besprechen, aber wenn Sie im Grunde genommen mit den UI-Animationen arbeiten oder etwas erstellen, dann ist es vielleicht das UI-Design, dann ist es vielleicht das UI-Design das in Figma erstellt wurde Dann können Sie wirklich einfach Dinge aus Figma kopieren und einfügen einfach Dinge aus Figma Ich warte auf jeden Fall auf ein paar Plugins , damit es viel reibungsloser Zum Beispiel Overload von Battle X, oder? Ich glaube, dass sie tatsächlich Pläne haben , die Ankunft zu überlasten. Also warte ich immer noch, wann das passiert, denn dann kannst du nur einen Klick drücken und dann, weißt du, ist alles drinnen reif. Also freue ich mich wirklich auf diese Zeit. Also haben sie dieses Detail irgendwo erwähnt. Ich bin mir nicht sicher, ob wir das finden werden oder nicht, aber als sie es veröffentlichten, haben sie es tatsächlich erwähnt. Ich konnte den Teil nicht finden, in dem steht, dass sie den Plan haben, es auch für RIV zu erstellen Aber sie haben es definitiv erwähnt, aber weil ich glaube, dass sie ihre Landing Page aktualisiert haben , konnte ich es nicht finden. Also im Grunde ist es das. Und ich denke, wir haben alles behandelt, was mit Nebenwirkungen und deren Vergleich mit RV zu tun hat. Okay. Also das ist im Grunde der Vergleich zwischen RV und After Effects. Ich hoffe, dass ihr klar versteht , dass After Effects damit nicht umgehen können, wenn Interaktion ins Spiel kommt . Abgesehen davon ist After Effects ein großartiges Tool, um komplexe Animationen zu erstellen, aber es kann einfach nicht mit Interaktivität umgehen Und das ist es. 5. Einführung in Rive: Okay, lassen Sie uns jetzt einfach weitermachen und eine kleine Einführung in das Thema Wohnmobile geben und uns einfach das Thema Wohnmobil genauer ansehen. Okay. Also lass uns einfach weitermachen und eine neue Datei erstellen. Lassen Sie uns einfach weitermachen und die Größe beibehalten und dann einfach eine Hartfaserplatte erstellen Okay, im Grunde genommen werden Sie zunächst feststellen, dass diese Tabs „Design“ und „Animieren“ gibt, Design und Animation werden also getrennt behandelt. Ein weiterer Unterschied zwischen After Effects und RV, oder? Okay. Davon abgesehen gibt es diese Hierarchie. Der entscheidende Unterschied besteht darin, dass die Animationen im Grunde als Timeline und nicht als Komposition bezeichnet werden . Denken Sie also bitte daran. Der Zeitplan entspricht der Zusammensetzung. Das ist es. Abgesehen davon ist eine wirklich wichtige Sache, die Sie beachten sollten, sagen wir, wenn Sie zum Beispiel einen Kreis hinzufügen , richtig? Und wir haben diese Farbe genau hier. Ups, wir müssen uns im Designmodus befinden. Bitte behalte das im Hinterkopf. Okay? Und dann lass mich einfach diesen Keyframe entfernen Und dann haben wir das im Grunde genau hier. Okay? Nun, Sie werden feststellen, dass wir hier eine Ellipse haben , und nennen wir sie einfach Ball Okay. Jetzt drücke ich Y und es funktioniert im Grunde genauso wie in After Effects. Im Grunde haben wir das kostenlose Tool hier, okay. Und jetzt wollen wir einfach weitermachen und alle Tools behandeln. Gib mir einfach eine Minute. Zunächst möchte ich Ihnen etwas wirklich Wichtiges zeigen : Sie können die Tabulatortaste auf Ihrer Tastatur drücken und zwischen der Timeline hin- und herschalten Und das Design und die Animation. Okay. So einfach ist das. Wann immer Sie ein Design erstellen, müssen Sie bedenken, dass Sie sich auf der Registerkarte Design befinden sollten. Andernfalls, wenn Sie hier etwas erstellen, zum Beispiel, wenn ich es hierher verschiebe, wenn ich zurückgehe, werden Sie die Änderungen im Design nicht sehen, tatsächlich wurde hier ein Keyframe hinzugefügt Jetzt werden wir das im Detail besprechen, aber nur um zu bedenken , dass das wirklich sehr wichtig ist Eine wirklich, wirklich wichtige Sache, die Sie beachten sollten, ist, dass es zwar nicht wirklich wichtig ist, ob die Latte-Größe oder die Kompositionsgröße der Latte exakt der gleichen ist, dass die Entwickler Sie gefragt haben , ob es keinen negativen Raum um Ihr Design herum gibt, der Entwickler es im Grunde nach oben und nach unten skalieren kann es im Grunde nach oben und nach unten skalieren Das wird Ihnen nicht wirklich Kopfschmerzen bereiten, aber das ist bei RB nicht der Fall Das liegt nicht daran, dass Sie die Animation nicht vergrößern oder verkleinern können. Wenn es sich bei der Ebene um SVG handelt, bleibt sie SVG, also bleibt sie Vektorebene. Es ist nicht so, dass dieses Werkzeug nur Animationen in Rasterbildern exportiert. Nicht der Fall Bitte behalte das im Hinterkopf. Aber nur weil die Integration ein bisschen anders ist, ist es besser, etwas Organisierteres zu haben, etwas Organisierteres und etwas, das tatsächlich viel einfacher in das Produkt passt. Okay, also jetzt haben wir zuerst dieses Tool, das das Auswahlwerkzeug ist, im Grunde unsere Maus, dann haben wir die Übersetzung. Und wenn wir das ausgewählt haben, klicken wir einfach hier. Und was wir damit im Grunde machen können ist, dass ich es ehrlich gesagt nicht wirklich benutze, weil ich nur mein V benutze. Das ist alles, und ich habe den Translate Key nicht wirklich benutzt. Danach haben wir den Rotationsschlüssel. Das können wir definitiv zum Rotieren verwenden. Und danach haben wir die Waage, wir die Skalierung vornehmen können. Und hier ist es wirklich wichtig zu beachten , dass wir nur den Skalierungswert ändern. Wir ändern die Ursprungsgröße des Ellipsenpfads nicht. Okay, es ist wirklich, sehr wichtig, das im Hinterkopf zu behalten. Eine wirklich erstaunliche Sache dabei ist , dass Sie, sobald Sie auf die Bearbeitungsscheitelpunkte klicken , wissen Sie natürlich, dass dies derzeit ein Ball ist, aber wir konvertieren das in einen Pfad Eine wirklich wichtige Sache dabei ist, dass Sie, wenn Sie in die Bearbeitungsscheitelpunkte gehen, tatsächlich jeden Scheitelpunkt bearbeiten oder bearbeiten und ihn im Grunde auch animieren können im Grunde auch animieren Und eine weitere wichtige Sache ist dass, sobald Sie es ausgewählt haben, sagen wir einfach, dass Sie auf diese Art von Problemen stoßen werden , wenn Sie Art von Haar in der Figur animieren oder wenn Sie tatsächlich versuchen, einen Pfad oder ein Gesicht einer Figur zu animieren oder vielleicht nur der Arm über dem Körper liegt , dann müssen Sie mehrere auswählen Ankerpunkte. Arrival bietet diese nette Möglichkeit die Ankerpunkte tatsächlich auszuwählen, und dann können Sie sie im Grunde fallen lassen , um auch die Form des Pfads zu ändern , und ihn auch im Grunde verformen, um etwas zu schaffen , das Ihnen besser gefällt, wissen Sie Es sieht also wirklich nett aus. Okay. Davon abgesehen etwas wirklich Wichtiges, eine weitere Regel. Im Grunde sind das so etwas wie eine Regel, weißt du. Also, wann immer Sie irgendein Projekt machen, müssen Sie diese Dinge im Hinterkopf behalten. Es spielt keine Rolle, was Sie erstellen möchten. Es ist besser, all diese Regeln zu befolgen, um zu üben. Nun, wenn Sie Ihr gesamtes Kunstwerk geschaffen haben, sagen wir einfach, wir hatten hier zwei tolle Momente, richtig? Und sagen wir einfach, wir haben 50 erreicht, 50, richtig, oder lassen wir es einfach auf 20 oder ja, 20 sinken. Wir haben diese beiden. Wir müssen diese beiden gruppieren, okay? Im Grunde können wir es verschieben, oder? Wenn wir einfach sagen, dass dies zwei Augen waren, wollen wir auch die Gruppenebene verschieben. Sie müssen es einfach erneut gruppieren und es dann im Grunde einfach Root nennen. Tun Sie das jetzt jedes Mal, wenn Sie eine Animation in Drive erstellen und erstellen Sie einfach eine Stammgruppe alles darin enthalten ist, im Grunde einfach dort bleibt. Warum? Weil für den Fall, dass etwas Schlimmes passiert ist oder vielleicht ein bisschen falsch ausgerichtet Sie können einfach auf die Stammgruppe klicken und sie einfach hierher bringen Oder du kannst es im Grunde einfach so verschieben , wie du willst, okay? Also das wird auf diese Weise wirklich helfen. Wie wir besprochen haben, können Sie die Umschalttaste drücken und die Ebenen auswählen, und im Grunde können Sie mehrere Ebenen auswählen und dann auch automatische Layouts erstellen, aber darauf werden wir nicht näher eingehen Abgesehen davon gibt es Soloanimationen, die manchmal auch für Buttons oder auch Posen für Posenanimationen verwendet werden können , bei denen ein Charakter manchmal seine Augen von einem Stil zum anderen wechselt , im Grunde kann sie verwendet werden oder wenn der Charakter seinen Arm wechselt, weißt du, wenn wir zum Beispiel einen solchen haben, dann haben wir Arm to. Nehmen wir einfach an, der Charakter hat diesen ersten Arm, wo wir im Grunde den Charakter in einer blauen Farbe haben , weißt du, nett und ruhig, und dann haben wir den Charakter in einem wütenden Modus, weißt du, lass uns einfach so etwas sagen, aber mit einer seltsamen Form, weißt du, so. Aber ich möchte, dass der Charakter diese Arme verschiebt. Also kann einer nach dem anderen aktiviert werden, oder? Ich kann also einfach hier drüben klicken, Solo gehen und ich kann einfach Solo wie dieses erstellen, oder ich kann einfach G steuern und dann im Grunde mit der rechten Maustaste hier klicken und dann zu Solo konvertieren. Und dann kann ich im Grunde nur eine Ebene nach der anderen aktivieren. Bitte beachte, dass die Gruppe das Ursprungsrecht hat, und wenn du diesen die Gruppe das Ursprungsrecht hat, Ursprung änderst, folgt auch alles innerhalb dieser Gruppe diesem Ursprung. ist also wirklich wichtig, das im Hinterkopf zu behalten, und Sie können sehen, wenn ich die Ebene darin ändere und dann zurückgehe und sie bearbeite, können Sie sehen, dass sich der Arm auf die gleiche Weise bewegt. Das kann also hilfreich sein, wenn Sie eine Charakteranimation erstellen. Okay, weitermachen, wir haben die Komponente. Also im Grunde ist das wie Pre-Comp in After Effect, wie du sagst Jetzt funktioniert es ein bisschen anders. Oder wenn Sie in Figma arbeiten , funktioniert es im Grunde genauso Die Komponenten funktionieren. Aber auch hier gibt es so viele zusätzliche Funktionen , dass Sie dieselbe Komponente verwenden können. Wenn Sie jedoch, wissen Sie, eine Website erstellt haben, gibt es eine Funktion namens CMS, der Sie dasselbe Element beibehalten , aber die darin enthaltenen Daten ändern können . Sie können also auch solche Dinge damit machen. Und das ist ein viel detaillierteres Thema, also werden wir es in einem späteren Kurs besprechen. Und danach haben wir einfache Werkzeuge für Formebenen. Wir haben das Stiftwerkzeug, richtig, einfaches Zeug, ziemlich einfaches Zeug. Wenn Sie ein Designtool verwendet haben , funktioniert es genauso. Und eine interessante Sache hier ist, dass Sie im Grunde einfach einen beliebigen Ankerpunkt auswählen und einstellen können, wie er im Grunde genommen gehandhabt werden kann, weißt du? Man kann es also anhängen, dazuhängen, solche Sachen, ziemlich einfaches Zeug, nichts allzu Und auch hier kannst du drücken und all das Zeug machen Okay? So wie Sie es in Illustrator machen können Also ziemlich einfaches Zeug, nichts allzu Kompliziertes. Und danach haben wir das Textwerkzeug. Wirklich mächtiges Tool, mit dem Textwerkzeug können Sie viel machen. Und was wirklich wichtig ist, ist und eine wichtige Sache, die Sie beachten sollten, ist, dass das Texttool in Ähm, RI im Grunde alle Google-Schriftarten bietet. Wenn also ein Produkt mit einer Schriftart erstellt wird , die sich in Google befindet, dann ist das wirklich, wirklich ein großes Plus. Und Sie können diese Schriftart im Grunde einfach von hier aus auswählen. Lass uns weitermachen und zum Beispiel nach Inter suchen. Okay, das ist also schon ausgewählt. Und dann können Sie, sagen wir, einen anderen Text wählen. Okay. Und damit kannst du tatsächlich auch eine Menge Sachen machen. Zum Beispiel können Sie dieses Gewicht auch animieren. Du musst also diese Animationen gesehen haben bei denen der Text im Grunde einfach, ja, dick und dann dünn wird , weißt du? Also kannst du es im Grunde einfach loopen. Okay. Und dann gibt es Funktionen und solche Sachen, die ich nicht wirklich eingegangen bin, weil es bisher keinen Bedarf gab. Okay. Also haben wir das Textwerkzeug. Wir haben viele verschiedene Sachen. Also im Grunde, genau wie Textmodifikatoren im Grunde wie Textanimatoren in After Effects funktionieren wie Textanimatoren in After Okay. Also etwas Ähnliches, wir können etwas anderes hinzufügen. Sie können sehen, dass die Reichweite grundsätzlich beeinträchtigt wird, oder? Und dann kannst du im Grunde Dinge wie Opazität, Rotationsposition usw. hinzufügen Rotationsposition usw. Also lass mich einfach so auf Offset drücken. Okay. Und dann lass mich das einfach versuchen. Okay, der Bereich sollte also 0 und 100 liegen und dann können Sie sehen, wie die Animation erstellt wird Okay. Nun, das ist definitiv ein viel tieferes Thema. Dies soll nur zeigen, wie Sie das tun können. Okay? Also sage ich dir nur, wie das Interface eigentlich ist. Dann haben wir das Bond-Tool, das hauptsächlich für die Animation von Charakteren verwendet wird. So einfach ist das, du kannst Knochen hinzufügen, ziemlich einfaches Zeug. Okay. Und dann haben wir im Grunde das Gewichtstool. Im Grunde kann es verwendet werden, um Knochengewichte hinzuzufügen oder zu verschieben. Dann haben wir die Veranstaltung. Ereignis ist im Grunde etwas, das ausgelöst werden kann , und etwas, das zum Beispiel in einer Komposition oder auf Canvas passiert , dann kann es das im Grunde mit einer Listener-Eingabe auslösen Es ist schwer zu erklären. Es ist besser, Ihnen ein Beispiel zu zeigen. Im Grunde ist es wie eine Klingeltaste, sagen wir, damit die Daten tatsächlich erkennen, dass etwas auslöst oder etwas passiert. Also ziemlich einfach Und dann haben wir Scripting, was im Grunde genommen bedeutet, dass ich sagen würde, dass ein Entwickler besser darin wäre, wenn er das erklären Ich habe bisher ein oder zwei Skripte verwendet, also nicht wirklich viel Erfahrung damit, aber es kann definitiv viele verschiedene Dinge tun Ich habe mehrere Beispiele gesehen, und ich werde Ihnen bestimmt bald einige Vermutungsstudien dazu zeigen . Okay. Und jetzt löschen wir einfach all diese zusätzlichen Sachen. Und lassen Sie uns einfach versuchen, der Animation ein Schlüsselbild hinzuzufügen , okay? Lassen Sie mich es jetzt einfach hier hinstellen. Okay. Dann lass mich diesen auch in die Mitte ziehen. Okay, also wir haben diesen Ball hier drüben. Und jetzt schauen wir uns an, welche Animationswerkzeuge wir haben. Okay. Lass uns einfach weitermachen und den Ball auswählen. Und was ich jetzt tun werde, ist eine wichtige Sache , die Sie beachten sollten , ist , dass, wenn Sie die Animation starten und mehrere Zustände erstellen werden , sagen wir einfach, dass der Ball animiert wird, wenn Sie auf den Ball klicken Wenn Sie die Maus herausnehmen, hört sie im Grunde auf. Und wenn du mit der Maus drüber fährst, ändert es im Grunde die Farbe, du weißt schon, solche Sachen Eine sehr wichtige Sache , die Sie beachten sollten, ist, lassen Sie mich das einfach als Leerlauf bezeichnen, und dann werde ich Ihnen das erklären Was bedeutet das? Okay, jetzt haben wir also im Grunde drei Kompositionen. Übrigens, ich mache das ganz einfach. Übrigens, wenn dein Panel irgendwo versteckt ist, musst du nur auf Animationen klicken und dann wird es angezeigt. Und ab diesen Aufnahmen ist RIV völlig kostenlos Sie müssen nur Ihr Abonnement kaufen, wenn Sie Ihre Animation in eine Dot Ry-Datei exportieren möchten Das Erlernen des Tools ist jedoch kostenlos . Und wenn Sie sich meine Fallstudie ansehen, werden Sie feststellen, dass ich eigentlich keine Animationsdateien von Daughter teile , weil das die Datei ist , die an den Client geht , weil es sich um eine echte Eingabedatei handelt, oder? Im Grunde werden Sie also Animationen in Videos zeigen, werden Sie also Animationen in Videos zeigen oder wenn Sie kein kostenpflichtiges R-Abo haben, können Sie einfach einige Bildschirmaufnahmen machen So einfach ist das, benutze OBS, genau wie ich es gerade benutze Und dann können Sie einfach einige grundlegende Kompositionen in After Effects oder einer anderen Software die Masken unterstützt, und dann im Grunde einfach Ihr Portfolio daraus erstellen . So einfach ist das. Okay. Okay, lassen Sie uns jetzt einfach weitermachen , lassen Sie mich einfach zur Staatsmaschine gehen und wir haben das Idol schon hier. Sagen wir zum Beispiel einfach , dass es nicht hier ist. Wir können unsere Animation einfach so per Drag-and-Drop ziehen, okay? Und dann sagen wir einfach, dass wir vom Eingang bis hierher gehen. Ignoriere diese beiden einfach. Im Moment werden wir sie kaum jemals benutzen. Und danach werden wir zu unserem Farbwechsel übergehen , okay? Und danach werden wir zu unserer Positionsänderung übergehen . Ziemlich einfach. Okay. Und was ich jetzt tun werde , ist im Grunde , dass wir die Zustandsmaschine vorerst einfach ignorieren, okay? Und sagen wir einfach, dass ich nach den Farbänderungen möchte, dass die Animation tatsächlich von hier aus beginnt, okay? Und dann geh hierher. Das ist es. Einfach. Okay. Einfacheres Zeug. Ziemlich einfach, okay? Und hier gibt es keine Animation. Und sagen wir einfach, dass ich darüber nachdenke, es vorerst hier zu lassen, okay? Sie werden hier eine sehr seltsame Sache feststellen , dass die Animation, der Keyframe hier hinzugefügt wird, oder? Es sollte hier sein. Aber warum ist es hier? Es gibt keinen Schlüsselrahmen? Was hier tatsächlich passiert , ist , dass ich einfach weitermachen und zuerst das Schlüsselbild für den Farbwert erstellen kann, okay? Und dann werden wir die Farbe jetzt wieder auf Grün umstellen , okay? Jetzt sagst du, du denkst bestimmt , dass wir hier den DAL-Keyframe haben Wir haben den grünen Keyframe hier in der anderen Timeline, dann haben wir hier die Positionsänderung. Aber wenn ich den Keyframe auch hier hinzufüge, sagen wir einfach so. Okay? Und ich gehe weiter in den Leerlauf. Und dann einfach den Farbwert kopieren und einfügen. Lass mich einfach weitermachen und die Farbe kopieren und sie dann einfach hier einfügen. Einfach. Übrigens, wo auch immer sich Ihr Header auf der Timeline befindet, fügen Sie dort im Grunde nur einen Keyframe Wenn ich also den Wert hier ändere, wirst du sehen, ob wir einen Keyframe hinzugefügt haben Also fangen wir hier an. Wir ändern die Farbe so. Jetzt warte. Warum wir die Farbe hier nicht beeinflussen, oder? Warum ist das so? Zuallererst müssen Sie bedenken, dass es beim Animieren einer Eigenschaft wirklich wichtig ist, zuerst die Animation zu planen, bevor Sie Animieren einer Eigenschaft wirklich wichtig ist, zuerst die Animation zu planen die Schlüsselbilder in ive erstellen Das ist wirklich wichtig. Nehmen wir zum Beispiel an, dass es hier 50 Ebenen gibt und der Kunde möchte einfach, und der Kunde möchte einfach dass Sie ein sehr kleines Detail ändern. Zum Beispiel die Augenbrauenfarbe des Designs. Zum Beispiel ist das eine Augenbraue. Okay. Übrigens, wenn Sie einem Pfad eine Fläche oder Konturen hinzufügen möchten, können Sie einfach in die Fläche und die Kontur gehen, die Fläche oder einen Strich herausnehmen und dann auch hier einfach eine Kontur hinzufügen. Einfaches Zeug. Ziemlich einfaches Zeug, okay? Sehr einfach. So wie es in Figma funktioniert Sehr ähnlich dem. Sagen wir einfach, der Designer oder der Entwickler sagen: Oh, da muss ein Fehler passiert sein. Oh, oh, nein. Oh nein, nein, nein, nein, nein, wir müssen es ändern Okay. Also dann müssen Sie im Grunde nur die Farbe ändern. Einfach genug, aber nicht wirklich einfach genug. Warum? Weil, sagen wir einfach, du hast zehn Pausen mit der Charakteranimation, dann musst du einfach überall hingehen Und dann müssen Sie im Grunde jedem von ihnen ein Schlüsselbild hinzufügen Oder wenn Sie tatsächlich nur die Farbe ändern möchten, müssen Sie einfach in den Designmodus zurückkehren. Sehr interessant dabei ist, dass, wenn ich hierher gehe und es dann einfach so mache dann zurückgehe, ihr werdet sehen einige wirklich seltsame Dinge passieren. Wir haben blaues Haar. Wir haben blaues Haar. Und wir haben rotes Haar. Was ich meine, was passiert? Okay, jetzt werde ich dir das wirklich, wirklich einfach erklären . Okay? Lass mich einfach weitermachen und diese Ebene im Grunde löschen. Ich weiß nicht, warum die Löschtaste auf meiner Tastatur nicht funktioniert. Vielleicht gab es ein Problem. Also lass mich es einfach ausschalten. Okay. Also konzentrieren wir uns nur auf unsere erste Ebene oder nur auf unseren Ball. Nun, warum tritt das Problem auf, warum? Was ist gerade passiert? Warum wir es nicht verstehen können, ist sehr einfach. Wenn Sie eine Animation erstellen wollen, ist das Einfachste, dass Sie zuerst alles mit dem Design abgleichen müssen . Wie ich bereits sagte, müssen Sie das Design komplett hier machen. Mach hier nichts, mach alles hier. Okay. Jetzt haben wir die Farbe hier. Dies ist zum Beispiel unsere endgültige Farbe. Sagen wir einfach, das ist nicht die Farbe für die Finalisten. Das ist unsere Finalistenfarbe wie diese. Okay? Das ist abgeschlossen. Das ist es Wir gehen in den Animationsmodus. Wir müssen unseren Keyframe löschen. Jetzt werden Sie sehen, dass wir wieder beim grünen Wert sind , der unser ursprünglicher Wert ist. Wenn es nun eine Roadmap zwischen den Animationen geben soll , wenn Sie, sagen wir einfach, die Position in dieser Zeitleiste animieren wollen, müssen Sie auch hier zwei Dummikframes hinzufügen Warum passiert das? Nun, hier ist, was tatsächlich passiert. Lass mich einfach etwas wirklich Schönes für dich zeichnen. Okay. Also, was im Grunde passieren wird, ist, mal sehen, ob ich das besser erklären kann. So funktioniert die Zustandsmaschine, okay? Lassen Sie uns einfach ein Rechteck erstellen und sagen wir einfach, dass dies unsere Zustandsmaschine ist. Okay? Und das ist im Grunde eine Animation, okay? Lass mich einfach weitermachen und es so machen. Und dann zeichnen wir eine weitere Farbe wie diese. Nun, dieses Konzept ist wirklich, wirklich einfach und es ist wie ein Kinderspiel für jemanden, der auch nur ein bisschen Erfahrung in der Entwicklung hat, würde ich sagen, oder der etwas Arbeit geleistet hat. Es ist ziemlich einfach. Aber ich weiß, als ich mit Re angefangen habe , als es mein erster Tag war, war ich im Grunde, weißt du, für eine Stunde abgestürzt, weil ich nicht herausfinden konnte, was eigentlich passiert Also im Grunde ist es das, was passieren wird. Lassen Sie mich diesen Text auch hier zur Pflicht machen, damit ich ihn vielleicht besser erklären kann Okay. Also die Daten, und dann haben wir diese 120. Also hat jede Timeline Daten, okay. So einfach ist das. Und was dann tatsächlich passiert ist, dass, wie Sie wissen, in After Effects oder sonstwo, wenn Sie eine Animation erstellen, was tatsächlich passiert, dass Sie im Grunde Interpolation erzeugen, wissen Sie Wenn ich zum Beispiel eine Animation wie diese erstelle, 12 K Frames, dann mache ich das so Die Interpolation zwischen diesen beiden Werten nimmt hier grundsätzlich zu, wie Sie hier sehen können Wir sagen der Software also im Grunde, dass innerhalb von 12 Frames von Null auf 100 Opazität steigt, und die Software berechnet im Grunde den Rest der Berechnung und der Werte Jetzt passiert hier das Gleiche. Im Grunde enthält jede Zeitlinie Daten, okay? der ID handelt es sich im Grunde um Animationsdaten , also um Schlüsselbilder, die wir hinzugefügt haben. Und danach haben wir den Farbwechsel. Danach haben wir einen ziemlich einfachen Positionswechsel, richtig. Wenn Sie nun ein Schlüsselbild an der Position hier drüben hinzufügen, sagen wir einfach, dass dies unser Positions-Keyframe wie folgt ist . Lass es mich so machen, weißt du, ja, sieht besser aus. Lassen Sie uns einfach sagen, dass dies unser Keyframe ist und lassen Sie uns einfach eine bessere Farbe daraus machen, richtig Und sagen wir einfach, dass dies unser Kframe für Farbe ist. Und das ist unser Schlüsselrahmen für die Position. Okay? Nun, im Grunde ist es das, was passiert. Wir haben den Leerlauf. Wir haben den Farbwechsel und dann haben wir den Mbadry, wählen Sie einfach beide Wir haben im Grunde die Farbänderung und dann haben wir die Positionsänderung Das ist also unsere Positionsänderung. Also, wir haben diese Keyframes nicht, oder? Und dann haben wir hier keinen Farbwechsel. Okay? Nun, was hier tatsächlich passiert , ist, dass, wenn es hier kein Keyframe gibt, es die Werte von hier nach hier nicht interpolieren kann, weil es keine Übergangsdaten für den Übergang gibt , es muss tatsächlich einige andere Daten durchlaufen Sagen wir einfach, wir haben die Farbe gerade geändert , richtig Aber danach wird die Farbe im Grunde nicht geändert. Was dann tatsächlich passiert, ist, dass die Farbe, die eigentlich die ursprüngliche war die eigentlich die ursprüngliche war hier im Grunde genommen tatsächlich ausgelöst wird. Wenn Sie also möchten, dass diese Farbe hier erscheint, müssen Sie sie im Grunde einfach so duplizieren. Ganz einfach. Und wenn Sie möchten, dann müssen Sie im Grunde auch diesen Keyframe hier drüben hinzufügen dass sich die Position ändert, dann müssen Sie im Grunde auch diesen Keyframe hier drüben hinzufügen, den letzten Keyframe, oder sagen wir einfach, okay, also wenn wir zum Beispiel diesen Positions-Keyframe hier haben, gehen wir einfach zurück zum vorherigen Computer Sie werden sehen, dass die Position 333 ist, oder? Lass es uns einfach kopieren. Denken Sie daran, wir haben hier keinen Keyframe. Ich ändere hier nur die Farbe. Jetzt fügen wir einfach die Position hier drüben hinzu, okay? Und Sie werden sehen, dass hier nichts hinzugefügt wird. Warum? Weil ich zuerst den Schlüsselrahmen hinzufügen muss. Und dann muss ich nur C kontrollieren, es kopieren und dann hier einfügen und dann Inter drücken. Du erstellst die Animation also so. Einfach. Nichts zu kompliziert. Es macht es nur so länger. Okay. Klingt gut. Jetzt werden Sie sehen , dass wir diese Animation hier haben, ziemlich einfach. Dann geht diese Animation hoch. Okay. Und dann haben wir diese Animation hier drüben. Jetzt wollen wir, dass der Farbwert hier gleich bleibt. Lassen Sie uns einfach den Farbschlüsselrahmen löschen. Und dann ist die Farbe hier drüben, was ist sie? Es ist eine Art Farbspiel. Lass mich einfach weitermachen und hier drüben einen Keyframe erstellen. Nun, von hier aus wird es im Grunde nicht darum gehen, Farbe auszuwählen. Warum? Weil es im Grunde dem Keyframe folgt , der hier schon hinzugefügt wurde, oder? Also lass mich einfach diesen löschen und dann lass mich einfach diesen Wert kopieren , weil ich ihn vergessen werde Also lass mich einfach diesen löschen. Sie werden sehen, dass die Standardposition dieselbe ist. Lassen Sie mich jetzt hier einen Keyframe hinzufügen. Lassen Sie mich hier einen Keyframe hinzufügen und dann kopieren und einfügen. Wenn ich weitermache, werden Sie sehen, dass wir auch hier die Farbe nicht ändern, weil wir den Farb-Keyframe nicht hinzugefügt haben Der ideale Weg, dies zu tun, besteht also darin, zur ersten Komposition überzugehen, der Dal-Komposition, in der nichts im Grunde animierend ist, überhaupt nichts, oder Und dann muss man im Grunde eine Reise machen Eine bestimmte Maschine ist wie eine Reise oder so etwas wie ein Pfad, und du wirst deine Elemente oder deinen Charakter im Grunde durch diesen Pfad treiben und sie im Grunde genommen auf diese Reise mitnehmen, okay? Und deshalb wissen wir jetzt, was wir animieren werden. Wir werden zwei Eigenschaften animieren, und was sind diese Zuerst haben wir die Farbe. Zweitens ist die Position. Wir haben beide Keyframes hinzugefügt. Wir werden mit dem Farbwechsel fortfahren. Wir werden hier auch beide Keyframes hinzufügen. Die Farbänderung wurde bereits hinzugefügt, aber die Position wurde nicht hinzugefügt Also haben wir das hinzugefügt. Aber das wirklich Wichtige hier ist , dass wir unseren Ball tatsächlich animieren wollen Okay. Übrigens, ich glaube, wir haben nur unsere Ballgruppe animiert. Bleiben wir vorerst einfach dabei, okay? Mach es nicht verwirrender. Also haben wir zwei Keyframes hinzugefügt. Jetzt haben wir auch hier zwei Keyframes, aber wir ändern nur die Farbe Ziemlich einfach. Sehr einfach. Jetzt werden wir diese beiden Keyframes kopieren und hier einfügen. Ziemlich einfach Aber der Farbwert sollte dieser sein, oder? Und im Grunde werden wir das kopieren und dann zum Anfang kommen weil der Endpunkt dieser Komposition der Ausgangspunkt dieser Komposition sein sollte . Auf diese Weise wird die Animation flüssig sein. Also lass es uns einfach hier einfügen. Einfach. Also lass uns einfach den ersten spielen. Ziemlich einfach. Lass uns einfach mit dem zweiten weitermachen. Wir ändern die Farbe. Und dann haben wir die Positionsanimation. Nun, etwas wirklich Wichtiges, das man im Hinterkopf behalten sollte , ist ziemlich einfach : Lasst uns einfach weitermachen und damit experimentieren dass ich eine Skala animieren kann Sie können sehen, dass wir den Keyframe hinzugefügt haben , wenn wir die Eigenschaft ändern, oder? Gehen wir einfach zurück und Sie werden sehen, dass wir das Skalenohr nicht ändern Wenn wir zurückgehen, werden Sie feststellen dass wir den Skalar nicht ändern, oder? Also ziemlich einfaches Zeug. gleiche Grundkonzept. Lass uns einfach den Keyframe entfernen So einfach ist das, oder? Jetzt funktioniert alles gut. Und jetzt können Sie sehen , dass die Animation nicht unterbrochen wird , weil wir die Keyframes hinzugefügt haben Okay? Das ist also sehr wichtig, wenn Sie die Animation tatsächlich erstellen. Nebenzustandsmaschine. Das ist wirklich, sehr wichtig, okay? Weil ein Grundstück in ein anderes übergeht und die Interpolation diese Daten benötigt Es ist wirklich, sehr wichtig, okay? Das sind quasi entscheidende Punkte , die du im Hinterkopf behalten musst, okay? Und ich habe versucht, es so weit wie möglich zu vereinfachen. Nun, ein paar wirklich nette Tricks oder sagen wir einfach Tools , die ich an Drive liebe. Lass uns einfach gehen und sie überprüfen, okay? Lass uns das alles löschen und ich werde einfach weitermachen und diese beiden entfernen. Ich gehe einfach in den Ball und dann gehe ich einfach zur Position. Entferne den K-Frame aus der Gruppe, und dann animieren wir ihn im Grunde nach oben, und dann können wir zum 40. Keyframe gehen Dann werden wir es einfügen. Und dann lässt uns Rivet im Grunde auch einfach den Farb-Keyframe entfernen Ja. Im Grunde bietet RV also tatsächlich diese grundlegende Interpolation, in allen UI-Animationstools sehr einfach ist, aber im Gegensatz zu After Effect, wie Sie sehen können, hat Aftereffect dies nicht After Effect hat so etwas, das als Flow bezeichnet wird, aber es ist im Grunde eine sehr einfache Interpolation, aber etwas Tolles wie After Effect ist auch in Drive, dem Grafikeditor, enthalten Und wie Sie das aktivieren können, ist, indem Sie hier klicken, und dann können Sie im Grunde einfach die Animation abspielen und Okay. Und dann müssen Sie im Grunde genommen, wenn Sie Graph aktivieren wollen, hier rüber gehen und dann auf Cub-Wert klicken oder F neun auf der Tastatur drücken Und was Sie dann tun können, ist das zu tun. Lass uns ein Ergebnis sehen. Oh, nett. Wirklich nette Ball-Bounce-Animation. Okay? Siehst du? Ziemlich einfach. Das Schöne an RIV ist, dass wir gleich darauf eingehen werden. Jetzt können Sie sehen, dass es im Grunde das Wertdiagramm ist, okay? Erwarten Sie also nicht, dass es eine Geschwindigkeitsgrafik geben würde, es gibt keine Bestätigung, und im Grunde können Sie das Wertdiagramm auch umgehen, können Sie das Wertdiagramm auch umgehen wenn Sie auch ein guter Animator sind R bietet derzeit also nur Valegraph statt Geschwindigkeitskurve an Also ich hoffe, das reicht dir auch. Anstatt mit Tools zu arbeiten , mit denen man Graphen nicht umgehen kann, bricht es mir wirklich das Herz, dass man die Lockerung nicht anpassen kann Okay, gehen wir also zurück zu unserer Zeitleistenansicht statt zur Diagrammansicht Und jetzt lass mich dir einfach etwas wirklich Schönes zeigen. Wir haben Zeitleistenoptionen , bei denen Sie sich grundsätzlich die Hierarchie oder Benutzerdefiniert ansehen und alles auf den Entwurfsmodus anwenden können. Ich bin mir nicht wirklich sicher, was es tut. Die aktuellen Spielhöhenwerte wurden auf das Design angewendet. Oh. Also das ist etwas wirklich Nettes. Zum Beispiel, wenn ich möchte, dass dieser Wert am Anfang der Animation steht. Zum Beispiel möchte ich, dass dies hier am Anfang steht. Ich denke, ich kann hier klicken alles auf den Entwurfsmodus anwenden. Und dann, ja, unser Ball ist genau hier. Also das ist etwas wirklich Cooles. Es ist wirklich überraschend, dass ich, während ich das aufnehme, auch etwas Neues lerne , das ich eigentlich nicht erforscht habe, denn solche Dinge sind eigentlich nicht wirklich, du musst diese Funktionen nicht erforschen weil es dir nicht in den Sinn kommt , oh, ich muss sie benutzen. Aber wenn du es benutzen musst, dann kannst du es auf jeden Fall tatsächlich finden. Mein Hauptaugenmerk liegt also die meiste Zeit ausschließlich auf Animationen. Also kopiere ich eigentlich keine Werte von hier in den Designmodus. Und ein weiterer Grund dafür ist, dass ich das Design eigentlich im Voraus plane und dann den Animationsteil ausführe. also auch etwas, Das ist also auch etwas, dessen Erlernen einige Zeit in Anspruch nehmen wird. Weißt du, du wirst viele dieser Fehler machen , die du oft bearbeitet hast, aber sie werden im Animationsmodus gemacht Und wenn Sie die Tabulatortaste drücken, geraten Sie in eine schreckliche Situation, weil das Design völlig anders ist In diesen Fällen kann Sie dieser Tipp also retten, oder? Okay, noch etwas, das ist dieser Arbeitsbereich. Okay? diesem können Sie also im Grunde den Abschnitt der Animation bearbeiten, und dann können Sie ihn im Grunde abspielen. Und dann wird im Grunde nur dieser Teil der Timeline exportiert. Und wenn Sie PFoE exportieren, wird das auch der Fall sein Und lass es mich einfach voll machen. Meine Lieblingsfunktion ist, wenn Sie mit Late Felt und After Effects vertraut sind, wissen Sie vielleicht, dass Late die Funktion zur Zeit-Neuzuweisung nicht unterstützt, die hauptsächlich dazu dient , die Animation zu verlangsamen oder zu beschleunigen Wenn ein Kunde verlangt eine 15-Sekunden-Animation 20 Sekunden lang sein soll, müssen Sie weitermachen und praktisch jeden Keyframe manuell anpassen Und wenn Sie so etwas wie eine Produkt-UI-Animation erstellen , ist das im Grunde ein Albtraum, und es wird im Grunde viel Zeit mit den Überarbeitungen verschwendet Nun, etwas wirklich Schönes an R ist, dass ich diese Art von Funktionen liebe Es spart Ihnen im Grunde eine Menge Zeit, und es gibt mir auch die Perspektive, dass dies bei der Entwicklung des Tools berücksichtigt wurde, dass diese Art von Funktionen auch einen großen Unterschied machen können und dass diese Art von Funktionen Ihnen auch dabei helfen kann, und dass diese Art von Funktionen Ihnen auch dabei helfen kann unterschiedliche Animationsergebnisse zu erzielen. Wenn Sie beispielsweise eine Animation erstellen, in der eine Figur wütend ist, und wenn Sie zeigen möchten, dass die Figur schnell bewegt, müssen Sie nicht im Grunde die gesamte Animation machen. Du musst uns nur die Haare auf den Kopf klicken. Du musst es nur bis X schaffen. Okay. Jetzt funktioniert es vielleicht nicht, weil es nicht so funktioniert. Ja. Aber du kannst definitiv auch die Geschwindigkeit verringern. Da bin ich mir also sicher. Und wenn Sie die Geschwindigkeit erhöhen möchten, können Sie die gleiche Technik übrigens auch mit Alt-Klick ausführen. Das kannst du also auch tun. Aber sagen wir einfach , Sie haben 100 Ebenen nacheinander animiert und dann eine nach der anderen und eine nach der anderen, und Sie können sie nicht einfach alle antippen. Denn dann wird die Überlappung der Ebenen im Grunde durcheinander geraten Dann kannst du auch hierher kommen und die Geschwindigkeit im Grunde reduzieren Jetzt kannst du es machen, was du willst, 0,1, sagen wir einfach. Also lass mich einfach weitermachen und es dir zeigen. Schau, wie schön das aussieht. Außerdem passiert hier etwas wirklich Interessantes, nämlich dass die Abspielgeschwindigkeit tatsächlich auch dem Wert hier entspricht Du weißt schon. Ich finde es auch sehr nett, wenn Sie damit experimentieren, herauszufinden , wie das Timing der Animation sein sollte das Timing der Animation sein sollte Anstatt verschiedene Keyframes per Drag-and-Drop zu ziehen , können Sie im Grunde nur die Zeit von hier aus neu Ein wirklich wichtiges Element , das Sie bei der Animation beachten müssen ist, dass RIV nicht wirklich mit 24 FPS oder 60 FPS funktioniert Es hängt im Grunde vom Gerät des Benutzers , wie viel Keyframe es möglicherweise auf diesem Gerät anzeigen kann , und dann wird die Animation im Grunde mit dieser Geschwindigkeit wiedergegeben, was ziemlich interessant ist Sagen wir einfach, wenn es ein Gerät gibt, das wirklich nett ist und über ein Display mit 240 Herden verfügt, dann zeigt es 240 Frames auf diesem Wenn Sie die Quantisierungsfunktion verwenden, werden hier Ihre Keyframes auf das beschränkt, was Sie Okay. Also etwas wirklich Wichtiges, das man auch beachten sollte. Also, übrigens, wir können es auch einfach auf lb reduzieren. Also schauen wir uns das einfach an. Okay, richtig? Und das Gleiche passiert. Und lass mich einfach die Quantis ausschalten und lass es uns sehen Siehst du? Wir sehen hier 12 Keyframes, aber die Vorschau enthält keine 12 Keyframes Die Animation ist so glatt, oder? Das ist also einfach etwas , das Sie im Hinterkopf behalten können. Lass mich einfach wieder 60 draus machen. Und etwas wirklich Nettes, ein weiteres Feature, nämlich dieser Loop Wenn Sie idealerweise mit Lotte arbeiten , werden Sie wissen, dass Sie die perfekte Loop-Animation erstellen müssen, und dann kann der Entwickler sie quasi für immer im Loop abspielen lassen. Dieser Teil kann vom Entwickler übernommen werden. Wenn Sie die Animation jedoch in Drive erstellt haben, können Sie Ihre Komposition einfach in einer Schleife laufen lassen. Und dann wird die Animation im Grunde für immer in einer Endlosschleife laufen . Und der Entwickler muss dafür keinerlei Code anhängen. Nochmals etwas wirklich Interessantes,