Morphing in Loops! Verwandle ein Objekt in ein anderes mit Animation

1. TRAILER ZUM KURS: Wolltest du schon immer lernen, wie man dynamische Morphing-Loops wie diese animiert ? Vielleicht möchten Sie wissen, wie ein Objekt in ein anderes umwandeln oder wie Sie einen reibungslosen und flüssigen Übergang erzeugen können. Oder brauchst du einfach ein cooles animiertes GIF für deine sozialen Medien? Dann ist dieser Kurs genau das Richtige für dich. Hallo, mein Name ist Giulia Martinelli und ich bin Vollzeitkünstlerin, Animatorin und Illustratorin mit Sitz in Zürich, Schweiz. Ich arbeite mit einer Vielzahl von Kunden und Studios weltweit balanciere Provisionen mit persönlichen Projekten. Im Laufe der Jahre lerne ich, wie man skurrile animierte Loops macht und mit Morphing spielt. Ich verwende diese Technik oft in meiner Praxis für Übergänge, um einen magischen Effekt hinzuzufügen oder einfach lustige animierte Aufkleber für soziale Medien zu erstellen . In der heutigen Klasse konzentrieren wir uns auf 2D, Frame-für-Frame-Morphing-Animation. In ein paar Lektionen werde ich Ihnen beibringen, wie Sie von Anfang bis Ende Ihre eigene Morphing-Schleife erstellen können. Ich werde Tipps und Tricks teilen ich auf meiner persönlichen Reise gewonnen habe. Ich führe dich durch jeden Schritt. Wir beginnen mit einer Aufwärmübung und gehen dann zum Design und zum eigentlichen Animationsprozess über. Wenn Sie eine Animationssoftware haben, ist das großartig, aber auch Stift und Papier könnten funktionieren. Dieser Kurs ist für dich, wenn du ein Kreativer jeder Stufe bist , der lernen möchte, mit Morphing zu spielen. Am Ende verlassen Sie diese Klasse mit Ihrer eigenen ursprünglichen Morphing-Schleife und mit den Tools, um sie voranzubringen. Egal, ob Sie diese Animationstechnik erkunden möchten oder ein neues kreatives Talent wünschen, ich kann es kaum erwarten zu sehen, was Sie sich einfallen lassen werden. Wir sehen uns im Unterricht [MUSIC] 2. Einführung: [MUSIC] Willkommen in der Klasse. Morphing ist ein Spezialeffekt in Filmen und Animationen, ein Bild oder eine Form durch einen nahtlosen Übergang in ein anderes verwandelt oder verwandelt. Worauf wir uns heute konzentrieren, ist ein 2D - und gezeichnetes Morphing, das Frame für Frame erstellt wurde. Wie Sie sehen können, ist ein Morphing eine Abfolge von Zeichnungen, die von einem Anfangsbild zu einem anderen übergehen. Für das abschließende Projekt erstellen Sie Ihr eigenes persönliches Design und gemeinsam werden wir alle Schritte durchlaufen , um die Morphing-Schleife zu animieren. Die Zutaten für diese Art von Schleifen sind zu viele Bilder, eines für den Anfang, eines für das Ende und eine schnelle Animation zwischen den beiden, und eine schnelle Animation zwischen den die eine Abfolge von Zeichnungen ist. Damit dies eine Schleife wird, wird natürlich nicht nur A zu B, sondern dann auch B gehen wir zurück zu A. Lassen Sie mich Ihnen einige Beispiele zeigen um besser zu erklären, was ich meine. In dieser Schleife habe ich für eine animierte Lektion von TED Ed gemacht. Ich musste alle Mundstücke des Insekts zeigen. Die Animation bewegt sich von einer Struktur zur nächsten. Dieses ist ein animiertes Portrait ich für eine VR-Ausstellung gemacht habe. Ich entwarf zuerst vier Gesichter, die mich und meine Leidenschaften repräsentieren, und dann mehr vom Übergang von einem zum anderen, der die Bewegung als rotierende Kugel animiert. In diesen Beispielen haben wir nicht nur zwei Posen A und B, sondern einige mehr. In unserem Projekt konzentrieren wir uns jedoch nur auf zwei wichtige Posen, um die Übung schnell und einfach zu gestalten. Für die Zwecke dieser Klasse habe ich eine Reihe nützlicher Ressourcen für Sie erstellt. Pausieren Sie dieses Video und rufen Sie den Ressourcenbereich auf, um sie herunterzuladen. Dort findest du Bonusmaterial und einige Arbeitsblätter. Ich würde mich in den nächsten Lektionen auf diese beziehen. Über Tools für die Animation sprechen. Ich werde Animate CC von Adobe verwenden. Es ist jedoch nicht notwendig, diese spezifische Software oder irgendeine Animationssoftware überhaupt zu haben irgendeine Animationssoftware überhaupt , um dieser Klasse zu folgen und zu verstehen. Egal welche Werkzeuge Sie zur Hand haben Fähigkeiten ich Ihnen beibringen werde, arbeiten Sie auf jeden Fall und Sie können sie auf Ihre Situation anwenden. Abschließend noch eine kurze Notiz zum Stil. Denken Sie daran, dass nicht jedes Morphing gleich aussehen wird. Eigentlich liebe ich am Morphing, dass es sich um eine sehr freie Technik handelt. Zögern Sie nicht, flexibel mit Ihrem Prozess zu sein und denken Sie daran, dass Sie immer auf diese wesentlichen Tipps und Techniken zurückgreifen können. Während dieses Kurses werde ich zusammen mit Ihnen mein eigenes Projekt erstellen und den Prozess Schritt für Schritt aufschlüsseln . Als nächstes ein bisschen nützliche Terminologie, die wir in dieser Klasse verwenden werden. [MUSIK] 3. Grundlagen und Terminologie: [MUSIK] Ohne zu versuchen, alle Grundlagen der Animation in einem dreiminutigen Video zu vermitteln , dachte ich, ich würde diesen kurzen Abschnitt über die Terminologie machen , die wir in den nächsten Lektionen benötigen werden. Hier sind einige wichtige Wörter und Konzepte, die wir in der Klasse verwenden werden. Wenn Sie sich damit bereits wohl fühlen, können Sie diese Lektion überspringen. Beginnen wir mit einem sehr grundlegenden Konzept, Animation ist eine Abfolge von Bildern. Was wir tun, nennt man Frame-für-Frame-Animation , da wir tatsächlich jeden einzelnen Frame zeichnen, ohne eine computererstellte Interpolation zu verwenden. Für unser Projekt werden wir uns auf zwei Haupt-Schlüsselpositionen konzentrieren : A und B. Die dazwischen liegenden Bilder werden unsere Animation sein, die Reise zur Umwandlung von Objekten A in Objekt B. Schlüsselpositionen sind die wichtigsten Posen einer Animation. In unserem Fall sind es die Rahmen, in denen unsere beiden Objekte abgebildet sind. Timing und Abstand sind zwei sehr wichtige Konzepte und grundlegendes Prinzip in der Animation. Typischerweise wird in der Animation eine Sekunde durch 24 Frames erstellt. Wenn wir in einer Sekunde von A nach B wechseln möchten, sollten wir die Zwischenbilder möglicherweise mit Bildern füllen. Timing ist die Anzahl der Frames , die benötigt wird, um eine Aktion durchzuführen. Mehr Zeichnungen zwischen Posen geben dem Betrachter eine langsame und reibungslose Aktion, während weniger Zeichnungen dem Betrachter eine schnellere und schärfere Aktion geben . Abstand ist die Entfernung, die ein Objekt innerhalb einer definierten Zeit für diese Aktion bewegt. Es ist auch die Distanz, die es für jeden Frame dieser Aktion bewegt. Abstand funktioniert immer entlang eines Bogens und bezeichnet Beschleunigung oder Verzögerung. Abstrich-Frames in Animationen sind solche, die eine Illusion von Bewegungsunschärfe erzeugen. Sie sind eigentlich sehr schnell, normalerweise einen Frame lang. Sehr lustig und schrullig zu kreieren. Sie können sehr nützlich für unser Morphing sein, indem sie von einer Pose zur anderen wechseln. Dies ist ein Beispiel aus meinem neuesten Kurzfilm Marea. Die Charaktere bewegen sich sehr schnell aufeinander zu. In dieser Aktion waren einige Abstrichrahmen notwendig, um die schnelle Bewegung zu vermitteln. Follow through ist die Idee , dass lose verbundene Teile eines Körpers oder eines Objekts sich weiter bewegen werden , nachdem der Charakter gestoppt wurde. überlappende Aktion ist insofern eine ähnliche Idee, als sie beschreibt wie sich verschiedene Körperteile oder Objekte tendenziell unterschiedlich bewegen . Wir werden dies verwenden, wenn wir die Schlüsselposition erreichen , um die Ankunftsbewegung zu mildern. In dieser Schleife können Sie beispielsweise sehen, wie sich die Pflanzen noch bewegen, während der Kopf bereits in Position gekommen ist. Wir können sagen, dass einige Elemente, zum Beispiel in diesem Fall die Pflanzen, mit einer Verzögerung in Position kommen. Dies sind die wichtigsten und spezifischsten Begriffe die wir in dieser Klasse verwenden werden. Jetzt reicht es mit der Theorie. In der nächsten Lektion fangen wir endlich an zu zeichnen, also bereiten Sie Ihre Tools vor und sehen uns dort. [MUSIK] 4. Aufwärmen: Fangen wir an, unseren Animationsmuskel mit einer Übung aufzuwärmen . Dies ist eine gute Möglichkeit, Ihre kreativen Säfte zum Fließen zu bringen. Sie können es auf Papier oder digital machen. Holen Sie sich Ihr Aufwärmarbeitsblatt im Ressourcenbereich und folgen Sie weiter. Wie Sie in diesem Arbeitsblatt sehen können, haben wir verschiedene Spalten. Auf der linken Seite befindet sich das Anfangsbild A, und rechts ist das letzte B. In diesen Kästen dazwischen wird unser Morphing stattfinden. A ist das Bild, mit dem wir anfangen, und B ist das Bild, mit dem wir enden möchten. Unser Ziel ist es, die Zwischenräume zu füllen und A in B zu verwandeln Nun, wie Sie anfangen, diese Felder zu füllen, fragen Sie vielleicht. In der oberen rechten Ecke befindet sich das Timing-Diagramm. Dies liefert wichtige Informationen für uns, um zu wissen, wie wir mit der Animation vorgehen sollen. Zeitdiagramme sind Werkzeuge, um zu zeigen, wie viele Zeichnungen zwischen den einzelnen Schlüsselrahmen liegen, und zeigen auf einfache Weise, wie jede Zeichnung mit der anderen zusammenhängt. Denken Sie daran, je näher die Zeichnungen sind, desto langsamer die Bewegung. Dieses Timing-Diagramm hat einen langsameren Anfang, eine schnelle Bewegung in der Mitte und verlangsamt sich dann in Richtung der letzten Schlüsselposition. Wir beginnen mit dem mittleren Bild und bewegen uns zu den wichtigsten Posen. Der Trick besteht darin, immer das mittlere Bild zu zeichnen und sich auf das Diagramm zu beziehen, wenn Sie verloren gehen. Die mittlere Pose zwischen A und B ist vier und wir werden damit beginnen. Was ist in der Mitte zwischen A und vier, drei, und dann zwischen A und drei sind es zwei und so weiter so. Je mehr wir uns der Schlüsselposition nähern, desto ähnlicher wird das Bild natürlich der endgültigen Pose sein. Die großen römischen Zahlen zeigen die Reihenfolge an, der wir folgen werden, um die Rahmen zu zeichnen. Ich bringe das Arbeitsblatt meiner Animationssoftware mit, um digital daran zu arbeiten. Aber du kannst auch auf Papier gehen. Ich möchte die ersten und letzten Frames A und B zurückverfolgen und in der Timeline positionieren. Ich zeichne auch das Timing-Diagramm oben , um diesen Prozess klarer zu machen. Dies ist die erste Zeichnung, also zeichne ich einen Kreis um Nummer 1, und hier ist unsere letzte Pose, damit der Stern mit der Nase zu einem Mond wird. Verwenden Sie die Zwiebelhaut und stellen Sie sicher, dass sich die beiden wichtigsten Posen überlappen. Los geht's. Unsere wichtigsten Posen sind bereits vorhanden und wir können anfangen zu animieren. Wie Sie sehen können, ist dies der mittlere Frame 4, und ich werde hier anfangen, das Zwischenbild zu zeichnen die Zwiebelhaut zu aktivieren. Ich kann den vorherigen und den folgenden Frame sehen. Wenn Sie an Papier arbeiten, könnte ein heller Tisch oder ein Fenster nützlich sein, insbesondere für ein komplizierteres Design. Ich zeichne den ersten dazwischen. Ich muss mir vorstellen, wie sich der Stern in den Mond verwandelt. Was ich hier mache, ist , den Mittelpunkt für jeden Scheitelpunkt für eine lineare Animation zu finden . Für jeden Scheitelpunkt zeichne ich einen Punkt , der zwischen der A-Pose und der B-Pose liegt. Dies ist mein erster dazwischen. Mach dir keine Sorgen, wenn es komisch aussieht, denke ich sollte es tun. Je mehr wir uns der Schlüsselposition nähern, desto mehr wird die Zeichnung ihr ähneln. Jetzt machen wir den gleichen Prozess weiter. Ich möchte das nächste dazwischen ziehen, zwischen A Nummer 1 und 4, die wir gerade gezeichnet haben, ist drei. Dieser wird ein bisschen mehr wie ein Stern aussehen und wieder suche ich nach der mittleren Position, beginnend mit dem Scheitelpunkt des Sterns. Fertig. Jetzt mache ich dasselbe für die andere Seite. Nummer 5, zwischen 4 und 7. Dieser werden wir natürlich eher wie ein Mond aussehen. Ich habe schnell durchgespielt, um zu sehen, was die aktuelle Situation ist. Jetzt zeichne ich die letzten beiden Zwischenzwischenzahlen. Hier ist es. Als erstes merke ich, dass es sehr schnell ist. Tatsächlich dauern die Anfangs- und Endposen im Moment die Anfangs- und Endposen nur einen Rahmen wie jede andere Zeichnung. Ich werde die erste und letzte Pose länger machen , wie drei Frames. Dann färbe die Rahmen, um das Morphing besser zu sehen. Damit dies eine Schleife wird, muss der Mond natürlich zum Stern zurückkehren. Da wir ein sehr lineares Morphing gezeichnet haben und die Form sehr einfach ist , reicht es aus, dieselbe Zeichnung zu kopieren , die auf den Stern zurückgeht. Ich habe eine zweite Aufwärmübung und dieses Mal zeige ich sie schneller. Wir verwandeln diese Vase in einen Donut. Das erste, was mir auffällt, ist, dass beide Bilder eine runde Form haben und dass der Donut ein Loch in der Mitte hat. Während des Morphings müssen wir dieses Loch erstellen, die Höhe der beiden Objekte ist gleich, was zu beachten ist, und eine gute Referenz, die uns während der Animation hilft prozess. Für mein Morphing stellte ich mir vor, dass sich die runde Form der Vase ausdehnen würde und den oberen Teil einbezieht, den oberen Teil einbezieht während sich das Loch von der Mitte aus öffnet. [MUSIK] Los geht's. Schließlich ist hier eine Idee, die Übung zu erschweren. Benutze deine Initialen oder einen anderen Buchstaben und morphiere sie. Ich möchte dir diese Übung zeigen, die ich gemacht habe. G und M sind sehr unterschiedliche Formen. Der erste ist sehr rund und das zweite sehr spitze Morphing kann es uns ermöglichen, irgendwann ein bisschen zu schummeln. In diesem Fall habe ich das G verdreht und in die nächste Position gebracht, wobei ich in den Zwischenbildern improvisierte. [MUSIK] Unter dem Strich probieren Sie es aus, experimentieren Sie und haben Sie Spaß am Morphing, um kreative Lösungen zu finden. Hier sind sie. Unsere Aufwärmübungen werden gemacht, also viel Spaß und morph Grundformen. Ich habe sogar ein leeres Aufwärmarbeitsblatt wenn Sie Ihre eigenen Schlüsselpositionen zeichnen möchten. Wenn Ihnen diese Übung gefallen hat und Sie denken, dass Sie noch etwas mehr tun könnten, versuchen Sie es erneut mit ein paar Formen, vielleicht zwei Buchstaben oder vielleicht sogar mit einem Wort. Du kannst es vorantreiben. Sie können einige Details hinzufügen. Sie können Farbe hinzufügen. Machen Sie weiter und teilen Sie im Projektbereich Ihre Aufwärmübungen mit. Wenn Sie mit Ihrem Aufwärmen zufrieden sind, können wir zum eigentlichen Projekt übergehen. In der nächsten Lektion beginnen wir mit der Gestaltung unserer wichtigsten Posen. [MUSIK] 5. DESIGN: [MUSIK] Wir sind jetzt bereit , unser Klassenprojekt anzugehen und zu lernen, wie man eine vollständige Morphing-Schleife animiert. Dies ist die Zeit, um unsere beiden Objekte zu brainstormen, zu entwerfen, das erste und das letzte. Es ist eine wichtige Phase des Projekts , weil wir die Form und die Farben definieren und über den Charakter unseres Designs nachdenken können und wie es sich bewegen wird. Dies sind die Schritte, denen wir folgen werden. Zuerst werden wir die beiden Hauptobjekte, unsere Schlüsselrahmen, brainstormen und entwerfen. Dann müssen wir die Farben auswählen und ich werde Ihnen sagen, warum weniger mehr ist. Schließlich planen wir die Bewegung von A nach B und dann wieder von B nach A für einen Schleifeneffekt. Lass es uns machen. Hier sind ein paar Tipps von mir, die Sie beim Entwerfen Ihrer Schlüsselbilder beachten können . Zum Brainstormen können Sie Mind-Mapping, Referenzen ziehen oder einfach anfangen zu kritzeln. Was wir tun müssen, ist Objekt A in Objekt B umzuwandeln Objekt A in Objekt B Jetzt müssen wir entscheiden, was der Protagonist unserer Animation sein wird . Es ist Zeit für Ihre persönlichen kreativen Entscheidungen. Die beiden Schlüsselbilder werden sich in das andere verwandeln. könnten zwei zufällige Objekte sein, aber ich denke, es macht mehr Spaß, wenn sie irgendwie verwandt sind. Vielleicht gibt es zu Gegensätze wie einen Ballon und einen Kaktus, oder vielleicht sind sie Teil desselben Prozesses wie eine Raupe und ein Schmetterling. Versuchen Sie, ihnen mehr oder weniger das gleiche Volumen zu geben. Dies wird den Animationsprozess erleichtern. Zeichnen Sie mit einer minimalen Palette im Hinterkopf, zwei oder drei Farben oben. Versuchen Sie, nicht zu viele Details hinzuzufügen. Versuchen Sie, menschliche Figur und Anatomie zu vermeiden, mit Ausnahme von Gesichtern, die meiner Erfahrung nach tatsächlich ziemlich gut funktionieren. Fangen Sie an zu kritzeln und folgen Sie Ihrem Free-Flow. Sei nicht zu kostbar, mach dir keine Sorgen um das Ergebnis. Je nachdem wie wohl Sie sich fühlen, beginnen Sie mit einer einfachen Objekttransformation, vielleicht einem Text oder einem Gesicht. Wenn Sie ein Level beginnen, mit dem Sie sich wohl fühlen, können Sie die Übung immer ein zweites Mal machen und sich ein wenig mehr herausfordern. Sprechen wir über die Farbpalette. Warum muss es minimal sein? In der traditionellen Animation gilt Je einfacher das Design ist, desto effizienter die Produktion. Noch mehr für Morphing ist es entscheidend, eine minimale Palette zu haben. Die Farben werden das Auge lenken und dazu beitragen, dass unsere Transformation glatter aussieht. Aus diesem Grund ist es wichtig, sich der Volumen bewusst zu sein und Farbblöcke zu verwenden, die sich konsequent in den Rahmen bewegen. Im Ressourcenbereich finden Sie einige Farbpalette, Tipps und Eingaben, falls Sie nicht wissen, wo Sie anfangen sollen. Für mein Projekt animiere ich zwei Köpfe. Insbesondere nach viel Kritzeln bin ich auf diese Idee gekommen. Ich dachte, es könnte Spaß machen, den großen bösen Wolf in das Rotkäppchen zu verwandeln . Mit dieser Dualität zu spielen, wie das Schlechte und das Gute, männlich und weiblich und all dieser Jazz. Ich fange an zu kritzeln, um zu definieren, wie die beiden Köpfe meiner Charaktere aussehen werden. Sie können sehen, dass sie in derselben runden Form arbeiten , um ihnen den gleichen Kern und die gleiche Lautstärke zu geben den gleichen Kern und die gleiche Lautstärke [MUSIK]. Ich spiele mit kostenlosen Formen und Komposition und versuche, das Design einfach zu halten, füge aber einige Details hinzu. Ich mag es, dass die beiden Charaktere hier verschiedenen Richtungen gegenüberstehen. Auf diese Weise sieht sie naiv und unbewusst aus, was mehr Kontrast schafft. Mir ist aufgefallen, wie die Kapuze und der Mund des Wolfes eine ähnliche Form haben können. [MUSIK] Ich probiere verschiedene Charakterdesign-Ideen aus, vergleiche sie und denke dann über Farbe nach. Ich verwende zunächst dunkelgrün und pink und versuche sorgfältig, beide Farben in beide Designs aufzunehmen . Einer wird hauptsächlich rosa mit einigen dunklen Details sein und der andere wird das Gegenteil sein, hauptsächlich dunkel mit einigen rosa Details [MUSIK]. Ich mache die Nase des Wolfs größer als normalerweise, um mehr Rosa im Design zu haben. Zuerst dachte ich darüber nach, auch in seinen Ohren etwas Rosa hinzuzufügen , aber dann habe ich diese Idee verworfen, als ich das Design entwickle. Jetzt, wo wir entwerfen, sehen wir die wichtigsten Posen Seite an Seite. Aber für die Animation überlagere ich sie so, dass sie sich an derselben Stelle befinden. Ich räume jetzt meine Entwürfe auf. Ich benutze einen sauberen Basispinsel, weil ich unbelebt animiere, wo es keine große Auswahl für Pinsel gibt. [MUSIK] Während dieser Bereinigungsphase entscheide ich, dass Schwarz besser funktioniert. Dies ist auch der Schritt, in dem ich die Details entscheide, besonders für den Gesichtsausdruck des Mädchens. Ich habe viele Möglichkeiten gezeichnet, um ihr Gesicht interessanter zu machen. Ich beschließe auch, die Zähne des Wolfs loszuwerden Zähne des Wolfs [MUSIK]. Am Ende habe ich mir ein paar verschiedene Optionen ausgedacht, besonders für das Gesicht des Mädchens, ich hatte etwas andere Designs. Ich würde empfehlen, wenn Sie Zeit haben , eine Pause zu machen oder das Design bis zum nächsten Tag zu verlassen das Design bis zum nächsten Tag und mit frischen Augen darauf zurückzukehren. Hier sind unsere endgültigen Entwürfe für unsere Animation. Das werden die beiden Schlüsselbilder sein. Kannst du dir vorstellen, wie sich A in B verwandeln wird? Nehmen Sie sich für diese Phase die Zeit, die Sie benötigen. Mein Prozess wurde beschleunigen, aber es kann einige Zeit dauern, bis Sie Ihre endgültigen Entwürfe gefunden haben. Zeigen Sie Ihre Schlüsselbilder im Projektbereich an. [MUSIK] Lassen Sie uns jetzt über die Bewegung für die Animation nachdenken . [MUSIK] 6. Plane die Bewegung: [MUSIK] Dies ist die Phase , in der wir planen, welche Art von Bewegung wir in unserem Morphing haben wollen und wie genau A zu B werden wird Tatsächlich gibt es unendliche Möglichkeiten, ein Morphing zu erzeugen. Zuallererst könnte ein Morphing an Ort und Stelle passieren, so dass sich die beiden Schlüsselbilder A und B an derselben Stelle ineinander verwandeln. Oder das Morphing könnte sich zu einem anderen Teil des Rahmens bewegen. Das wird Ihre Entscheidung sein. Ich werde vor Ort animieren , was bedeutet, dass A, Rotkäppchen, in B verwandeln wird, den Wolf, der an derselben Stelle des Bildschirms bleibt. Zweitens, wie genau können sich die wichtigsten Posen bewegen und transformieren? Ein Morphing kann völlig abstrakt sein, wo Farben und Formen sich verändern und in die Endposition wechseln können . Oder wir können über eine Aktion nachdenken , die unser Objekt oder Charakter ausführen kann. Zum Beispiel kann sich ein Gesicht drehen, ein Mund oder eine Kiste kann sich öffnen, eine Blume kann blühen. In meiner speziellen Übung möchte ich, dass Rotkäppchen zum Wolf wird und dann der Wolf sich in Rotkäppchen verwandelt. Mir gefällt die Idee, dass der Wolf den Mund öffnen kann und Rotkäppchen aus dem Mund kommen könnte. Ich mag auch die Idee , dass es völlig das Gegenteil von dem ist, was in der Geschichte passiert, also steigt sie aus, anstatt in den Mund zu kommen. Jetzt können Sie darüber nachdenken, Sie können skizzieren, welche Idee Sie auf Papier haben oder einfach nur über die Bewegung brainstormen. Aber wenn du dich bereit fühlst, könnten wir anfangen, in eine Zeitleiste zu gehen. Als erstes müssen Sie Ihre beiden Keyframes in die Timeline einfügen, und wenn die Animation vor Ort ist, möchten wir sie überlagern. Das erste, was ich mache, ist, unsere Entwürfe in der Animationssoftware zurückzuverfolgen. Vor allem, wenn Sie vorhaben, die Farben separat zu animieren, ist es sinnvoll, sie auf separaten Ebenen zu haben. Mit Hilfe der Zwiebelhaut kann ich prüfen, ob die beiden Schlüsselpositionen perfekt übereinander liegen. In Bezug auf das Timing können wir mit einer Sekunde beginnen, um das Bild zu reparieren. Bild A, eine Sekunde ist die Animationsschleife und dann eine Sekunde wieder Standbild, aber dieses Mal ist es das letzte, B. Wenn wir eine Schleife animieren wollen, müssen wir natürlich immer noch hinzufügen noch eine Sekunde des Morphings von B nach A. Wir könnten es wiedergeben und prüfen, ob das Timing funktioniert, und vielleicht könnte uns das Sehen unserer beiden Bilder mit diesem Timing auch helfen , uns vorzustellen, wie wir wollen die Animation zu sein. Eine kleine Erinnerung an unser Timing-Diagramm. Ich werde dieser Struktur folgen und plane als niedrige Bewegung am Anfang, dann eine schnelle mittlere Phase und einen Verzögerungsansatz im zweiten Keyframe. Denken Sie daran, dass die Animation am schnellsten ist, je weiter die Zeichnungen voneinander entfernt sind . Je näher die Zeichnungen sind, desto langsamer wird die Animation aussehen. Was wir tun wollen, ist eine Animation zu haben , die von A nach B geht und langsam beginnt, in der Mitte schneller geht und dann wieder langsamer wird, wenn Sie B erreichen. Nachdem Sie das Timing überprüft und sich das Bewegung, vielleicht willst du eine lose Skizze machen oder rau. Dieser Schritt ist völlig optional, besonders wenn Ihr Design ziemlich einfach ist, müssen Sie vielleicht keine grobe Phase durchlaufen, aber ich mache das immer gerne. Meine Rough sind sehr schlecht und ziemlich hässlich, aber das hilft mir zu verstehen, welche Art von Bewegung ich planen kann . Wie Sie sehen können, teste ich nur Dinge aus und ich werde viele Unhöhen machen ich endlich die Bewegung finde, die ich mag. Wenn Sie sich mit Animationen sicherer fühlen, können Sie eine dynamischere Bewegung oder eine Aktion planen. Zum Beispiel, was ich mit dem Mund des Wolfes mache. Wenn Sie mit der Animation beginnen , reicht es möglicherweise aus, eine lineare Transformation der Form zu animieren . Spiele mehr mit Farben statt mit dem Charakter selbst. In diesem beschleunigten Video teste ich meine Idee für die Bewegung. Ich stelle mir vor, was passieren könnte. Ich plane, das Mädchen dazu zu bringen, aus dem Mund des Wolfes zu kommen , während sie sich drehen. Sie wird sich dann drehen und den Wolf enthüllen , während ihre Kapuze vorbeikommt. Ich beginne mir vorzustellen, wie sich das Mädchen nach links drehen kann, und der Wolf erscheint hinter ihrer Kapuze. An diesem Punkt sind meine Zeichnungen sehr grob und helfen mir nur zu verstehen, ob die Idee funktionieren könnte. Der Bogen ihrer Kapuze kann uns helfen, Anweisungen zu geben. Während der Wolf erscheint, ist es wichtig, beide Charaktere gleichzeitig im selben Rahmen zu sehen , damit es kein Rotkäppchen mehr ist, aber es ist auch noch nicht der Wolf. Sie es durchspielen oder durch die Bilder blättern , können Sie überprüfen, ob die Bewegung funktionieren könnte. Hier versuche ich mir vorzustellen, wie der Wolf seinen Mund öffnen wird. Ich hatte eine Vorfreude, die eine Vorbereitung auf die Hauptaktion ist, und die Bewegung in die entgegengesetzte Richtung bevor die Hauptaktion beginnt. Bevor der Wolf also mit dem Mund hochgeht, wird es ein paar Bilder geben , in denen er untergeht. Ich werde später dasselbe für das Mädchen tun und ein wenig Vorfreude hinzufügen, ein wenig Vorfreude hinzufügen bevor sie ihre Rotation beginnt. Der Rahmen, in dem das Mädchen aus dem Mund des Wolfs kommt , war nicht einfach. Ich habe es viele Male gezeichnet, bevor ich eine Lösung gefunden habe. Während dieser Phase beginnen Sie, das Timing anzupassen. Wir begannen mit einer Sekunde Key-Pose und einer Sekunde Morphing. Aber vielleicht merken wir , dass die Bewegung schneller sein wird. zurück zum Wolf ging, Als ich zurück zum Wolf ging, wurde mir klar, dass sich der Mund zu langsam öffnete, also zog ich die Pose der Mundöffnung neu. Ich denke, der Mund des Wolfs könnte sich anders öffnen und könnte besser funktionieren. Es muss sich weiter drehen, während das Kind rauskommt. Im Mund könnte es eine rosa Form geben, die zuerst aussehen könnte, als wäre es die Zunge des Wolfs, aber dann wird es die rote Kapuze sein. Das Mädchen kommt mit geschlossenen Augen heraus und öffnet sie, während es sich dreht und in Position geht. Am Ende dieser Phase bekomme ich ein Bild von der Bewegung und dem Timing, das meine Animation haben soll. Jetzt, da Sie eine Vorstellung von der Bewegung haben , die Sie machen möchten, und Sie haben Ihre Schlüsselpositionen bereits am richtigen Ort. Jetzt bist du bereit, alle Zwischenbilder zu zeichnen , um dein Morphing zum Leben zu erwecken. Machen Sie weiter und teilen Sie im Projektbereich Ihre laufende Arbeit und die Bewegung, die Sie animieren möchten. sehen uns in der nächsten Lektion, wo wir endlich in die Animation springen. [MUSIK] 7. Animation: [MUSIK] Jetzt, da wir unseren Plan haben, wollen wir uns mit der Animation befassen. Das Rough für das erste Morphing funktioniert schon ziemlich gut, also fange ich dort an. Ich räume die Posen auf , die ich skizziert habe. Das ist das Mädchen, das anfängt, links abzubiegen. Der Wolf wird unter der Haube erscheinen, während sie geht. Die runde Form ihres Kopfes bleibt an Ort und Stelle, während sich die Kapuze, die Augen, die Nase und der Mund drehen. Der Bogen der Haube ist ein sehr wichtiges Detail. Es hilft uns, Bewegungsgefühl zu vermitteln. Ich zeichne einen kleinen Abstrich für die Wange. Es wird zerquetscht, als sie sich schnell dreht. Auch die Brauen sind gestreckt. Die Pinselstriche helfen , die Bewegung zu vermitteln. Zeichnen wir den nächsten dazwischen. Sie können die vorherige Zeichnung in Overlay und die folgende Zeichnung sehen. Während sie sich ständig dreht und fast verschwindet, schau dir den Bogen an. Es hilft uns wirklich, die Rotation zu spüren und ein Gefühl von Bewegung zu vermitteln. Der Ball wird rosa sein, also wird es eine schöne Farbspur sein, die ich von dem Mädchen übrig habe von dem Mädchen übrig während der Wolf bereits im Rahmen ist. Dies wird dazu beitragen, den Übergang reibungsloser zu gestalten. [MUSIK] Auch die Spitze der Haube hilft uns, die Rotation zu vermitteln. Jetzt zeichne die Zwischenwetten, um den Wolf in seine Position zu bringen. Er wird seine Augen allmählich öffnen , bis sie die Schlüsselposition erreicht. Wir können immer noch ein bisschen Rosa hinter ihm sehen. Sieh dir die Motorhaube an. Wir müssen es verschwinden lassen. Es sind Büsche vorbei und ich werde im letzten Rahmen einen kleinen Schwanz hinzufügen, unser letztes kleines Stück Kapuze, bevor es vollständig verschwindet. Hier füge ich die Ohren von dem Wolf hinzu, der rausspäht. Es ist das erste Bild, in dem wir einige Teile des Wolfs sehen. Auf diese Weise bedeckt die Haube den Wolf und enthüllt ihn dann. Es ist wichtig, vorher einen Hauch von Ohren im Rahmen zu haben , um das Auge zu tricksen. Jetzt zeichne ich die Zwischenwetten des Wolfs , der in Position kommt. Er öffnet allmählich seine Augen und dreht sich um. [MUSIK] Ich werde die Schüler hierher ziehen und ich werde sie in Ordnung halten, als würde der Wolf das Publikum anstarren. Jetzt ist das erste Morphing erledigt und funktioniert ziemlich gut. Der zweite ist immer noch ein Durcheinander, also lasst uns dran sein. Dies ist die Vorfreude, in der der Wolf leicht nach unten geht, bevor er seinen Mund öffnet. Ich bringe ihn dazu, seine Augen zu drücken, während es untergeht. Lasst uns diese Aktion bereinigen. Der Mund muss sich viel schneller öffnen und sich gleichzeitig drehen. Hier kommt Rotkäppchen. Hier kommt sie aus dem Mund während sie sich dreht und ihre Augen öffnet. Zeit, etwas zwischenzeitlich aufzuräumen und zu zeichnen. Ich werde hier viele Zwischenwetten für die Ankunft des Mädchens in Position ziehen , um die Action reibungsloser zu gestalten. Ein Extra dazwischen auch für die Vorfreude auf den Wolf. In dieser Phase beim Abspielen der Animation erkennen Sie, ob einige Timing-Anpassungen erforderlich sind und ob einige zusätzliche Zeichnungen die Aktionen ersticken können. Wie Sie sehen können, fehlt eine Sache. Der Mund des Wolfes schließt und verschwindet dann. Zeichnen wir es. Das ist erledigt. Jetzt ist es an der Zeit, einige Frames aufzuräumen , die noch rauh und dann farbig sind. Guter Job. Du hast den größten Teil der Animation gemacht. Dieser Prozess kann ziemlich lang sein. Wieder habe ich meinen Prozess beschleunigt. Nimm dir Zeit. Wenn Sie die Chance haben, lassen Sie es eine Weile dort liegen, gehen Sie spazieren, gehen Sie auf eine Tasse Tee und kommen Sie mit frischen Augen zurück. Das könnte sehr helfen. In der nächsten Lektion werden wir die Animation ein wenig verbessern und exportieren. [MUSIK] 8. FEINSCHLIFF: Fast da. Unsere Morphing-Schleife ist animiert, wir müssen sie nur ein wenig polieren und einen letzten Schliff hinzufügen , um sie perfekt zu machen , und dann können wir zum Export übergehen. Wenn Sie es noch nicht getan haben, ist dies ein guter Zeitpunkt, um Ihre Rahmen zu färben. Eine Sache, die mir hilft, Fehler und Verstöße zu erkennen , ist, eine helle Farbe als Hintergrund zu legen. Dies lässt die Farbfehler auftauchen, wie in diesem Fall. In dieser Phase habe ich die Animation durchgespielt und gesehen, ob es etwas gibt, das poliert oder repariert werden muss. Manchmal muss das Timing ein wenig angepasst werden, vielleicht müssen die wichtigsten Posen etwas länger bleiben oder wie ich hier schneller sein könnte. Mir wurde klar, dass die rosa Nase in dieser Reihenfolge, in der der Wolf verschwindet, nicht funktioniert. Während der Animationsphase zeichnete ich die Nase, löschte sie aber beim Färben, weil es keinen Sinn die Farbe Pink nur für zwei Rahmen wieder aufzutauchen. Ich kann auch einige Bewegungslinien zeichnen , die im Grunde kleine Abstriche sind. Sie verleihen Ihrem Morphing eine nette Note . In diesem Fall habe ich nach der Bewegung der Kapuze etwas rosa Farbe hinzugefügt . Ich verstehe es beim ersten Versuch nicht richtig. Es ist in Ordnung, es auszuprobieren und zu löschen, wenn es nicht funktioniert. Ich habe das Gleiche mit dem Öffnen des Mundes des Wolfs und einige weiße Linien hinzugefügt. Während die Hauptaktion zwischen den beiden wichtigsten Posen liegt, fand ich es sehr nützlich, den Posen selbst kleine Animationen hinzuzufügen . Rotkäppchen und der Wolf sind unser Hauptprotagonist. Dies ist der Grund, warum ihre Entwürfe für viele Frames auf dem Bildschirm bleiben. Es ist wichtig, sie zu sehen und zu erkennen, daher ist die Pause nach der Morphing-Animation wichtig. Aber eine nette Geste ist es, ihnen ein wenig Leben in ihrer Stille zu geben , wenn es sinnvoll ist. Normalerweise füge ich gerne kleine Aktionen für die wichtigsten Posen hinzu. Aus diesem Grund habe ich ein Blinzeln für das kleine Mädchen und einen kleinen glitzernden Effekt für den Wolf hinzugefügt . Für das Mädchen habe ich auch einen Nachfolger für den Bogen hinzugefügt, um eine glattere Niederlassung zu erreichen. Wie Sie im Moment sehen können, ist es früh animiert. Ich füge ein paar Zwischenübergänge, ein Follow-Through und ein Überschwingen hinzu. Es wird Overshoot genannt, wenn die Bewegung über die Endposition hinausgeht und dann zurückkommt und sich niederlässt. Hier sind einige andere Beispiele und Ideen für kleinere sekundäre Aktionen. Als Meile, eine Nachfolge einiger Elemente wie Ohrringe, ein Schal, Haare, Pflanzenhaare, eine Träne, ihre Reflexion auf der Sonnenbrille, ein Augenzwinkern usw. Ein weiterer nützlicher Tipp kann sein, ein unterschiedliches Timing zu geben , zwei verschiedene Elemente, die beispielsweise die Ankunft einiger Effekte ausgleichen . Wenn Sie beispielsweise Ihrer Key-Pose sowohl ein Augenzwinkern als auch einen Funkeleffekt hinzufügen möchten , ist es besser, wenn sie nicht mit demselben Timing passieren. Wenn ich mit meiner Animation zufrieden bin, exportiere ich normalerweise meine Schleife in verschiedenen Formaten. Mp4 und GIF sind die nützlichsten für mich. Manchmal brauche ich auch eine SWF- oder eine PNG-Sequenz. Auf diese Weise habe ich alles, was ich für alle möglichen Plattformen und Nutzung brauche . Im Projektabschnitt dieser Klasse können Sie ein GIF hochladen. In der nächsten Lektion schließen wir Dinge ab und ich werde Ihnen alles sagen, was Sie jetzt mit Ihrer animierten Morphiumschleife tun können . 9. Wir kommen zum Ende.: [APPLAUS] Herzlichen Glückwunsch, du hast es geschafft. Du hast dein eigenes animiertes Morphing erstellt. Hier ist eine kleine Zusammenfassung dessen, was wir gelernt haben. Wir haben ein bisschen Morphing gelernt, einige Grundlagen der Animation, wir haben eine Aufwärmübung gemacht und dann gehen wir in das Design unserer Keyframes ein. Dann haben wir die Bewegung geplant, dann animieren wir sie, wir haben die Animation poliert, wir haben sie exportiert und wir haben sie gerade geschafft. High-Fünf. [APPLAUS] [NOISE] Wie benutzt man dieses Morphing und wie kann man es vorantreiben? Sie können Ihr Morphing als animierten Aufkleber oder GIF verwenden. Diese eignen sich hervorragend für soziale Medien, aber auch für Newsletter und Präsentationen. In letzter Zeit begannen viele Animationsfestivals auch eine GIF-Auswahl zu enthalten. Dieses Morphing könnte deine nächste Einreichung werden. Ihr Morphing könnte auch Teil eines Übergangs in einer größeren Animation oder einem Kurzfilm sein. Nehmen Sie noch einmal an der Klasse teil, wenn Sie sich selbst herausfordern und etwas mehr versuchen möchten . Übung ist gut, um dein Morphing besser zu machen. Probieren Sie die Übung noch einmal und fordern Sie sich vielleicht ein bisschen mehr heraus. Versuchen Sie stattdessen etwas härteres, vielleicht nicht nur zwei wichtige Posen, sondern mehrere Posen wie in diesem Beispiel. anstelle von zwei Farben Probieren Sie anstelle von zwei Farben drei oder vier aus. [MUSIK] Ich kann es kaum erwarten, alle schönen Ergebnisse und Arbeiten im Projektbereich zu sehen , also lade sie sicher hoch. Du könntest es auch in sozialen Medien teilen, mich markieren und die Hashtag Morphing Loops verwenden. Danke, dass du an meinem allerersten Skillshare-Kurs teilgenommen hast. Es würde viel bedeuten, wenn du mich wissen lassen würdest, wie es dir gefallen hat und ob du es deinen Freunden empfehlen könntest. [MUSIK] Danke, dass du an meinem Unterricht teilgenommen hast. [AUSLÄNDISCH] [MUSIK]