ToonSquid: Hüpfendes Herz Valentinstag

1. Intro zu Bouncy Heart: Hallo, ich bin Jonah und mein Herz springt vor Freude bei diesem nächsten Projekt Dieses nächste Projekt befasst sich mit einer der wichtigsten Animationsübungen , mit denen Sie zu Beginn Ihrer Animationsreise beginnen, nämlich dem Hüpfball Mit einem Twist zum Valentinstag werden wir jedoch eine Animation mit einem Hüpfherz erstellen Ich führe Sie durch den Prozess der Arbeit mit einem Referenzbild, Erstellung Ihrer Farbpalette und der Arbeit an einer Zeittabelle für die Abstände Auf dieser Grundlage planen wir unsere Keyframes und die miteinander verflochtenen Posen unseres Charakters „Hüpfendes Herz Dies trägt dazu bei, dass unsere Animation flüssiger und etwas realistischer wird Und wir werden den nächsten Schritt machen. Es wird gequetscht und gedehnt, und wir werden mit dem nächsten Schritt beginnen , der eine sekundäre Aktion ist Bei einer sekundären Aktion passiert also etwas anderes innerhalb einer Szene Dies wird Ihnen den Einstieg in die Arbeit mit Bögen erleichtern. In diesem Kurs werden wir sowohl Frame-by-Frame-Animationen als auch Keyframes Das ist also eine großartige Möglichkeit, Ihre Animationstechniken und -ansätze zu erweitern , und ich kann es kaum erwarten zu sehen, was Sie mit Ihrer Herzanimation machen werden. Holen wir uns also unser iPad, Apple Pencil und ToonSquid und nehmen wir an diesem Kurs teil 2. Projektdateien: Das erste, was wir mit unserem Projekt machen werden, ist unser Projekt zu öffnen. Jetzt habe ich unser erstes Starterprojekt dem Unterricht beigefügt unser erstes Starterprojekt dem Unterricht es also unbedingt herunter. Es ist bereits in einem ToonSquid-Format. Sie müssen es lediglich auf Ihr iPad herunterladen und öffnen und es wird direkt in ToonSquid importiert Ich werde dir nur zeigen , wie das aussieht. Die Projektdateien werden in der Klasse als Zip-Datei verfügbar sein . Sobald Sie die ZIP-Datei auf das iPad heruntergeladen und entpackt haben, sehen Sie einen Ordner mit dem Namen Projektdateien. Und diese beiden Dateien hier, der Projektstart ist die ToonSquid-Datei, auf die Sie tippen und sie wird sofort in ToonSquid importiert Die Punktpalette ist die Farbpalette, die verfügbar ist, falls die Projektdatei aus irgendeinem Grund nicht verfügbar war Wenn Sie das Projekt öffnen, sehen Sie dieses handgezeichnete Bild, bei dem es sich um ein Referenzbild handelt. Es wird sich auf einer Ebene namens Sketch befinden und es gibt eine Farbpalettenreferenz. Stellen Sie sicher, dass Sie beide an Ort und Stelle haben, bevor Sie beginnen, und lassen Sie uns das untersuchen. 3. Starter Projekt öffnen und Farbpaletten einrichten: also auf Ihrem iPad Öffnen Sie also auf Ihrem iPad die ToonSquid-Datei und ToonSquid wird automatisch importiert. Schauen wir uns an, was in dieser Datei enthalten ist. Sobald Ihre Datei in ToonSquid importiert wurde, sollte dies ein grafischer Und wenn wir unsere Timeline öffnen, sehen wir nach einem Tippen auf das E hier, die Skizze Mit diesem farbigen Hintergrund können wir tatsächlich unsere Palette zusammenstellen. also zur Farbpalette gehe, habe ich sie bereits erstellt. Wenn es in Ihrem Projekt nicht geöffnet wurde, würden Sie diesem nächsten Schritt folgen. Wir klicken auf das Plus und verwenden das Farbauswahl-Tool hier Wir werden einfach jede Farbe hervorheben Sobald ich das getan habe, tippe ich, um diese Farbe hinzuzufügen Wählen Sie im nächsten Farbwähler das Gesicht aus und fügen Sie es hinzu. Noch ein Picker, dann die Wangen. Wie Sie es angeordnet haben, stellen Sie sicher, dass Sie die Farbpalette so auswählen , wie es für Sie sinnvoll ist Meins ist so angeordnet , dass es für mich Sinn macht. Wie Sie hier sehen können, habe ich alles von hell bis dunkel. Machen wir noch einen Farbwähler, setzen wir den Akzent. Es gibt noch einen weiteren Grund, warum ich dieses Bild hinzugefügt habe weil die dunklere Farbe genau hier für den Umriss ist, also können wir sie einfach nehmen und ebenfalls hinzufügen Siehst du, selbst mit meiner neuen Farbpalette sieht es anders aus als die hier. Wenn wir auf diese drei Punkte tippen, können wir es umbenennen. Ich muss es anders benennen. Sonst wird es zu Konflikten kommen. Bouncy Heart zwei, nur um Himmels willen, jetzt ist diese Farbpalette bereit, damit wir uns den nächsten Schritt ansehen 4. Herzkörper und -gruppen: Fangen wir also mit dem Körper unserer Herzcharaktere an. Also tippe ich in meiner Timeline über der Skizzenebene einfach auf die Skizzenebene, tippe auf das Plus und erstelle eine neue Ebene. Es ist okay, wenn wir ihr jetzt keinen Namen geben. Und für das Pinselwerkzeug werden wir sicherstellen, dass wir grobe Tinte verwenden und dass ich hier diese allererste Farbe ausgewählt habe. Die Pinselgröße liegt bei Ihnen. Ich habe meine knapp über 80 und wir werden hier einfach der Linie folgen. Das ist okay, wenn Sie ein bisschen von diesem Design abweichen. Da haben wir's. Ich will nur sichergehen, dass wir dort unsere Leitung schließen. , mit dem Mal- oder dem Füllwerkzeug, Ich würde sagen, mit dem Mal- oder dem Füllwerkzeug, wenn wir auf diese drei Punkte tippen, erhalten wir zusätzliche Einstellungen. Jetzt tippe ich weg, nur um zu demonstrieren, ohne etwas zu ändern Wenn wir füllen, stellen wir fest, dass ein kleiner Linienhalo Aber wenn wir jetzt auf die drei Punkte tippen, können wir sie anpassen, um sie zu vergrößern, sodass die Füllfarbe nur ein bisschen weiter gehen kann, etwa sechs Pixel beträgt und sie dann verwischen lässt. Ungefähr zwei Wenn wir es jetzt ausfüllen, füllt es es fast nahtlos aus. Es liegt an mir, ob ich die Linie dort verfeinern will , aber das sieht toll aus. Ich gehe zu meinen Schichten. Tippe hier auf dieses kleine Symbol, benenne es um und nenne es in Heart. Füllen. Wenn Sie vergessen, umzubenennen, ist das okay. Das Projekt wird immer noch funktionieren, aber stellen Sie sicher, dass Sie es tun. Sie gewöhnen sich an, Ihre Ebenen zu beschriften , nur um der Organisation willen. Jetzt wählen wir hier diese dunklere rote Farbe und ich muss vielleicht Stift absenken und ich verwende immer noch grobe Tinte, nur um der Außenseite des Herzens zu folgen. Da sind wir. Jetzt haben wir sowohl die Füll - als auch die Konturfarben. Auch hier kann ich zur Ebene gehen und sie in Art Outline umbenennen. Jetzt schauen wir uns an, diese beiden Ebenen gruppieren Es gibt sicherlich mehr als einen Weg, dies zu tun. Der einfachste Weg, den ich gefunden habe, besteht darin, zuerst sicherzustellen, dass er ausgewählt ist. Beachten Sie dieses kleine hellblaue Leuchten. Wenn ich auf den nächsten tippe , ist dieser technisch ausgewählt. Wählen Sie mehr als eine Ebene aus, wir tippen einfach entweder mit der Stecknadel, also tippen und wischen und schon ist sie ausgewählt. Tippen und ist sie ausgewählt. Tippen und Wenn beide so ausgewählt sind, können wir auf das Plus tippen und dann Nun, diese nette kleine Funktion und einige dieser Funktionen sind tatsächlich in der neuesten Version von ToonSquid Wenn diese nicht verfügbar sind, stellen Sie sicher, dass Sie sie so schnell wie möglich aktualisieren Jetzt kann ich auf diese Gruppe tippen und umbenennen und jetzt habe ich den Hardbody. 5. Das Gesicht hinzufügen: Als Nächstes werden wir uns damit befassen, ein Gesicht für unser Herz zu kreieren . Wir wählen den Pinsel mit grober Tinte und dann diese schwarze Farbe und stellen dann sicher, dass wir uns in der Gruppe des Körpers befinden und gehen dann zur Ebene über, und wir tippen auf diese beiden Augen und benennen sie um. Da haben wir's. Damit machen wir jetzt unsere Augen. Mit Augen werden wir ein Oval machen, vielleicht eine andere ovale Form wie diese. Wir können den Augen ein bisschen Glanz verleihen. Wir können daraus eine neue Ebene machen und sie einfach hervorheben. Dafür müssen wir nicht unbedingt eine Farbe für eine Palette wählen, wir können einfach echtes Weiß für das Highlight wählen, wir werden hier nur einen kleinen Punkt und hier einen kleinen Punkt hinzufügen . Als Nächstes werden wir eine weitere Ebene erstellen und diesen Mund umbenennen. Wir wollen unsere Paletten verwenden. Wir werden zu den Paletten zurückkehren, wieder diese schwarze Farbe wählen und dann einfach ein Lächeln zaubern Sieht wirklich gut aus. Wir werden noch ein Detail hinzufügen und ich werde diese Wangen umbenennen . Das Herz Wir werden hier dieses wirklich hellrosa wählen und jetzt kleine Kreise daraus machen. Mach die Wangen so. Unser letzter Schritt, um mit unseren Gruppen zu üben. Ich berühre und wische einfach jede dieser Ebenen so, tippe auf das Plus und dann gruppiere und benenne sie in Gesicht um Jetzt haben wir unser Gesicht für unser Herz. O. 6. Herz springt mit Ease Out nach unten: Als Nächstes planen wir also unseren ersten Teil, wir werden den ersten Teil unserer Heart-Bounce-Animation planen Ich möchte hier zur Ebene gehen und eine neue Ebene erstellen und auf Umbenennen tippen Ich nenne das Timing-Diagramm, das in Animationen verwendet wird, um den Ablauf unserer Animation zu planen. Um das zu planen, gehe ich zum Pinselwerkzeug, stelle sicher, dass ich auf sechs B bin, und wähle dann ein Grau aus. Timing-Diagramm ist nur ein Leitfaden dafür, wie unsere Animation ablaufen soll. Ich werde eine gerade Linie wie diese zeichnen um mir die Tatsache vorzustellen, dass dieses Herz von oben nach unten fallen wird. Meine erste Startposition. Und zuletzt. Dies werden unsere wichtigsten Posen sein. Ich werde einen schreiben , weil ich mit dem ersten Bild beginnen möchte und ungefähr beim 11. Bild enden werde . Der Grund dafür ist, dass ich die sogenannte ungerade Regel verwende . Für alle drei Frames, zwei, drei Zeichnungen, ändere ich die Zeichnung. Mit der seltsamen Regel, weil wir 12 Bilder pro Sekunde animieren, landet die letzte Zeichnung um Frame 11 herum auf dem Boden Damit ich diese Anleitung während der gesamten Animation sehen kann, springe ich zu Bild 12, stelle sicher, dass mein Timing-Diagramm ausgewählt ist, und tippe auf Erweitern Tippen Sie auf „Meine erste Zeichnung“, „Kopieren“. Bild 11 einfügen. Wir haben noch ein Problem. Wir zeigen jede Zeichnung nur für einen Frame, was eine sehr schnelle Animation ist. Wir animieren auf dem sogenannten Zweierbild. Das Bild bleibt etwa zwei Frames lang auf dem Bildschirm Dazu wähle ich jetzt die eine leere Stelle neben meiner ersten Zeichnung aus und tippe auf Verlängern und dann auf Bild 11, um dasselbe zu tun Jetzt werden meine Zeichnungen für zwei Frames angezeigt, bevor sie geändert Als Nächstes möchte ich mein Herz dort positionieren, wo es sein sollte , auf dem ersten Bild oder bei der ersten Zeichnung. Ich tippe darauf und ziehe es ganz nach oben. Manche da drüben, es könnte höher sein. Wie Sie vielleicht bemerkt haben, auf meinem Bildschirm zusätzliche Farben angezeigt, aber das liegt daran, dass ich Onion Skin aktiviert habe. Wenn ich die Zwiebelschale gedrückt halte, kann ich sehen, wie viele Zeichnungen ich in der Zukunft sehen möchte und wie viele Zeichnungen ich vor mir sehen möchte. Es ist auch ein großartiges Tool für die Planung von Animationen. Das hellgrüne Herz zeigt mir, wo das Herz landet und wo mein Herz anfängt. Jetzt möchte ich nur meine Skizzenebene ausblenden sodass ich nur meine aktuelle Animation sehe. Nun, da wir unsere erste und elfte Zeichnung geplant haben, woher wissen wir, wo sich die Dinge in der restlichen Animation befinden werden? Auf der Herz-Ebene, deiner eigenen Timing-Chart-Ebene. Wir werden die Position etwa in der Mitte zwischen der ersten und der elften Zeichnung zeichnen Das bedeutet, dass wir einen halben Punkt wählen. Wir raten, wie schnell dieses Herz tatsächlich zu Boden fällt Anstatt es mathematisch herauszufinden, hilft uns die ungerade Regel Wir kommen uns ziemlich nahe. 11 teilt die Hälfte nicht so einfach um die siebte Zeichnung oder das siebte Bild herum auf. Unser Herz sollte in der Mitte sein. Zurück zur Herzebene, tippe und füge sie ein und stelle sicher, dass es sich um zwei Zeichnungen handelt Jetzt verschiebe ich es auf etwa die Hälfte zwischen der ersten und der 11. Zeichnung Wenn ich jetzt meine Animation abspiele, haben wir große Lücken Wenn ich jedoch darauf tippe und ziehe , nur um die Bewegung etwas schneller zu sehen , sieht es so aus. Es hat eine gute Bewegung. Es ist lineare Bewegung. Ich mache sie rückgängig, um wieder dahin zu bringen, wo sie hingehören. Wir werden das verwenden, was man Ease Out nennt. Das heißt, wir brauchen ein paar nahe beieinander liegende Zeichnungen , nur um das Herz zu verlangsamen, bevor es schnell springt. Um das zu planen, werden wir wieder Hälften verwenden und das sollte unsere fünfte Zeichnung sein Tippen Sie auf das Herz, gehen Sie zu Bild fünf und fügen Ziehen Sie es etwa in der Mitte zwischen der ersten und der siebten Zeichnung nach unten . Irgendwo da in der Nähe Sogar jetzt, wenn ich es spiele, kannst du sehen, wie sich das Herz langsam bewegt, ein bisschen in Zeitlupe bevor es einen großen Sprung zu Boden macht. Wir werden hier noch einen machen, drei. Zurück zum Herzen, einfügen und ich verschiebe das auf halber Strecke zwischen Bild eins und Bild drei Was wir hier gemacht haben, ist, dass wir hier 1—3 unseren ersten Bewegungssatz erstellt haben , das ist eine Taste dazwischen, Taste, und dann habe ich eine größere Ging-Her- und Her-Going-Taste, das ist die Aufschlüsselung und dann wieder die Tonart Wir können die Klammern immer grob nehmen. Jetzt haben wir es uns bequem gemacht. Das sieht viel besser aus. die ersten drei Zeichnungen erstellen Wenn wir die ersten drei Zeichnungen erstellen und sie näher zusammenfügen, entsteht eine kleine Zeitlupe bevor es einen großen Sprung zu Boden macht, wodurch die Illusion entsteht das Herz sehr schnell bewegt. Und da haben wir's. Jetzt , wo wir unseren ersten Teil unserer Animation erstellt haben, sind wir bereit, uns mit dem nächsten Schritt zu befassen das Herz wieder hochspringen zu lassen. 7. Heart Bounce Bounce Mit Ease In Nach oben: Nachdem wir die Reihenfolge erstellt haben, in der unser Herz zu Boden fällt, machen wir jetzt den zweiten Teil dieser Schleife, dem das Herz wieder in den Himmel springt Da das Herz an Dynamik gewonnen hat, wird es ein ähnliches Timing-Diagramm verwenden, diesmal jedoch mit Ease-In für den Aufprall Es wird hier um 13 Uhr beginnen. Springt zurück nach oben und um Frame 23 herum sollte das Herz seinen Höhepunkt erreicht haben. Lassen Sie uns unsere Keyframes erstellen. Gehe zu Frame 23 einfügen. Erweitern Sie unsere Zeittabelle , nur um sicherzugehen, dass wir sie sehen können. Ändert die Position, verschiebt unseren Keyframe hierher. Jetzt haben wir unsere beiden Keyframes. Derselbe Schritt Wir planen unseren Mittelpunkt, ungefähr auf halber Strecke liegt Das wird wahrscheinlich ungefähr 17 sein, weil das ungefähr die Hälfte ist Erhöhen Sie unser Herz auf etwa 17 und finden Sie jetzt die Hälfte heraus Wir beginnen bei Frame 1919, verschieben es dazwischen, und wir können das sogar zu unserer Timing-Chart-Rate hinzufügen , etwa hier, 19 und dann 21. 21 wird ungefähr hier auf halbem Weg 19-23 sein. Unsere Zeichnungen sind ein wenig ungenau, es geht schnell darum, sie auszurichten und wieder auszurichten Und dann eine Endschleife einrichten. Lassen Sie uns diesen Zeitrahmen etwas verlängern und spielen. Jetzt springt unser Herz runter und wieder hoch. Weil du siehst, dass das Herz langsamer wird wenn es die Höhe erreicht und dann wieder herunterkommt, wodurch eine schöne, nahtlose Schleife entsteht Obwohl es immer noch Verbesserungsmöglichkeiten gibt. Sorgen Sie dafür, dass unser Boden bis zum Ende läuft. Jetzt ist unsere Animation bereit damit wir mit dem nächsten Schritt zur Verfeinerung dieses Bounces 8. Squash und dehnen: Wir wollen uns unser Timing ansehen, das eigentlich mit dem Abstand zu tun hat Im Moment haben wir einige Lücken in unserer Kunst, sodass die Illusion , dass sie herunterfällt und wieder nach oben springt, noch nicht so ausgefeilt Das erste, was ich tun möchte, ist, den Kürbis aufzutragen und zu dehnen, während das Herz fällt, es wird auf den Boden fallen Hier springt es, sobald es auf dem Boden landet, wieder nach oben. Mit dieser Zeichnung hier gehen wir zum Transformationswerkzeug, tippen auf den Skalierungsmodus und wählen Freiform Stellen Sie sicher, dass unsere Zwiebelschalen aktiviert sind und wir werden einfach diesen oberen Lenker verwenden und ihn so zerquetschen Also das springt jetzt wieder hoch. Mit diesen Folienanpassungen werden wir sehen, wie das aussieht. Die andere Sache, die beim Abstand hilft , ist, wo sich diese ersten drei Bilder befinden. Sie sind immer noch ziemlich weit voneinander entfernt. Ich werde meine dritte Zeichnung nur ein bisschen näher an die erste heranrücken und die fünfte etwas näher. Auf diese Weise ist das Bild etwas glatter. Da haben wir's. Um diese Anpassung vorzunehmen, werden wir dasselbe tun. Wir werden das nach oben verschieben und das in der Vorschau nach oben verschieben. Ein weiterer Abstand oder Timing, den wir vornehmen könnten, ist, dass hier eine Lücke von 2 Sekunden besteht. Wir könnten damit experimentieren, dies auf drei Frames zu dehnen , dies auf drei Frames zu und dieses auf eins zu reduzieren. Gleiche gilt für diesen. Gehen Sie runter auf eins und benutzen Sie den Lenker drei Das sieht wirklich gut aus. Da haben wir immer noch eine kleine Lücke. Mit unseren Zeichnungen haben wir diese Lenker, wie ich gerade gezeigt habe Diese Lenker ermöglichen es uns, den Apple Pencil zu verwenden. Man muss vorsichtig sein, weil es seltsame Dinge macht. Sobald ich den Lenker gedrückt und schnell gedrückt und bewegt habe, kann ich Zeichnungen auf zwei, drei oder vier Rahmen erweitern drei oder vier Rahmen es drei Mal gedrückt halten, können unsere Augen es nicht länger sehen , bevor es zum nächsten springt Jetzt können wir auf diese leeren tippen und löschen und dann sehen, wie das aussieht Durch die Beseitigung dieser Leerraumlücken sieht die Animation jetzt wirklich glatt und elastisch aus. Nun, eine weitere Sache, die wir tun können , um dem Squash und der Dehnung noch etwas hinzuzufügen, ist die Tatsache, dass das Herz mit etwas Schwung nach unten fällt Um das zu demonstrieren, könnte ich wählen, welche Zeichnung ich dehnen möchte Lass uns drei zeichnen und sie ein wenig dehnen. Gleiche gilt für fünf, und dann hier bei der siebten Zeichnung, dann landet es. Mal sehen, wie das aussieht. Um das jetzt rückgängig zu machen, könnte ich das mit einer Dehnung wieder auf die Mittelpunkte bringen mit einer Dehnung wieder auf die Mittelpunkte Oder eine andere Möglichkeit, dies zu tun, wäre, diese rückgängig zu machen. Lösche fallende Frames, aber hier, weil es auf dem Höhepunkt des Herbstes ist, könnte es hier etwas dehnbar sein. Ich merke, dass die Dinge nicht ganz aufeinander abgestimmt sind, also werde ich das jetzt einfach neu anpassen Es ist subtil, aber das Herz mit dieser Dehnung gibt diese Bewegung wieder Wir könnten das Gleiche tun, wenn das Herz hier hochspringt: Dehnen Mit diesen subtilen Veränderungen hat unser Herz jetzt etwas mehr Leben und wir können jetzt R und Loop ändern Mir fällt auf, dass das Herz nicht gerade eine Linie in der Endlosschleife ist. Eine Möglichkeit, dies zu tun, besteht darin, die Schrägstrichzeichnung zu kopieren und sie einzufügen , nachdem wir Anpassungen vornehmen können wird es wie eine leichte Wölbung aussehen, bis es wie eine leichte Wölbung aussehen, bis Jetzt haben wir Squash und Stretch hinzugefügt und das Timing und den Abstand unserer Zeichnungen angepasst, das Timing und den Abstand unserer Zeichnungen angepasst um mehr Leben einzuhauchen 9. Konfetti Herz: Jetzt fangen wir an, das Timing für Herzkonfetti zu planen Herzkonfetti Und so gehen wir hier und um diesen Frame herum zu unserer Timeline , bei der Frame zehn gezeichnet wird und in der 11 das Cafetti-Herz wieder zum Vorschein kommen wird Um das zu tun, werden wir eine neue Ebene erstellen. Und ich tippe einfach auf, benenne es um und nenne es Konfetti-Pfad Wähle eine Farbe zum Skizzieren und stelle sicher, dass ich auf meinem Zeichenpfad bin, Bleistift und verstecke einfach Deshalb stelle ich mir vor, dass das Konfetti hinter dem Herzen zurückkommt Und falle so. Also wird es mit der Schwerkraft hochschießen und herunterfallen. Also ich denke, auf halbem Weg ist der erste schnelle Ausbruch Also das Herz sollte hier etwa auf halber Strecke beginnen, es wird sich lockern, so etwas, und die Zeichnungen können definitiv näher sein Und von hier aus gehen sie zu, es wird linear fallen Also werden wir eine echte Lockerung machen. Entspann dich und falle dann so. Jetzt könnte ich linear vorgehen, wo es anfängt, langsamer zu werden. Das lässt also nicht nach und nach. So etwas in der Art. Da ist also unser Weg, und ich glaube, diese Herzen fallen für den Rest der Animation, bis das Herz wieder nach oben geht. Sie sollten also am Boden sein bis das Herz wieder hochspringt Und ich gehe davon aus, dass es auch hier zeitliche Anpassungen geben wird Als Nächstes erstellen wir die erste Ebene unserer Herzen gehen zu unserer Farbpalette Lassen Sie uns vorerst mit dunkleren Farben arbeiten. Und seit den Zeichnungen tippe ich auf meine Ebene, benenne sie um und mache Unfeti Heart Und davon wird es mehrere geben, und ich werde dir zeigen, wie du mit jeder einzelnen arbeitest Mit diesem Cafetti-Herz können wir also tatsächlich zur groben Tinte überspringen und als Min. Lass uns vorerst unser Hauptherz verstecken und ein ganz einfaches Herz machen ein ganz einfaches Herz und es einfach so ausfüllen Und so können wir sehen, weil ich Melodien mit Setup hatte, es ist bereits für zwei Frames erstellt, also springe ich zu Frame 13, was bedeutet, dass das Herz hier oben sein sollte. Jetzt könnte ich mich selbst herausfordern und das Herz von Hand zeichnen , oder Sie können den Ansatz verwenden, die Zeichnung zu duplizieren Also wird es ungefähr hier sein. Sie alle verfolgen diesen Ansatz. Es wird handgezeichnete Iteration genannt , weil jede Version des Herzens etwas anders sein wird Also benutze ich tatsächlich meine Finger, um es zu kneifen. Also gut, lass uns diesen zeichnen. Eigentlich werde ich diesen immer noch in dieser Form haben. Ich werde die Herzgröße mit der Zeit anpassen. Dann, während ich die Zeichnungen erstelle, merke ich, dass dieser Bewegungspfad in Ordnung ist, und ich nehme an, dass der Zeitplan etwas länger ist, als ich ursprünglich erwartet hatte. weiteren Verlauf können wir einfach den Lenker verwenden, um die Zeichnung länger zu verlängern, damit wir weitermachen können wir einfach den Lenker verwenden, um die Zeichnung länger zu verlängern , damit wir weitermachen Dann sende uns die Zeichnung . Noch eins. Jetzt machen wir das, indem wir auf Frame 32 und Loop tippen, und lassen Sie uns dafür einfach das Timing-Diagramm ausblenden Zeig das Herz und sieh dir wie dieses Konfetti mit Herzschlag aussieht Da mein Herz hüpft und alle Frames ausdehnt, werde ich jetzt nur versuchen, die Schleife zu verkürzen, indem ich auf Bild acht tippe und die Startschleife ändere und jetzt zuschaue verkürzen, indem ich auf Bild acht tippe und die Startschleife ändere und Das sieht wirklich gut aus. Jetzt kannst du das Timing natürlich jederzeit so anpassen , wie du deinen Herzfluss haben möchtest. Wir könnten zum Beispiel das Transformationswerkzeug verwenden und das Herz für jedes Bild verkleinern , nur um ihm mehr „Gefällt mir“ zu geben, wie es auf diese Weise in die Szene kommt. Und jetzt haben wir einen Teil unserer Konfettiherzen. 10. Duplizieren von Herzen: Also werden wir unserer Szene mehr Cafeti-Herzen hinzufügen. Dazu tippen wir auf unser Cafeti-Herzsymbol und duplizieren es, um auf unser Cafeti-Herzsymbol und in der Sequenz weiter voranzukommen und dann das Transformationswerkzeug zu verwenden, einfach außerhalb der Mitte, wie Sie möchten Es ist okay, wenn es verschwindet, tippe auf Duplizieren. Dann wieder aus der Mitte. Tippen Sie auf, duplizieren Sie, lassen Sie uns noch eins hinzufügen. Das sieht wirklich gut aus. Unser Boden verschwindet, was behoben werden kann indem wir diesen Hintergrund etwas länger verlängern Gehen Sie zu Frame 32 und erweitern Sie ihn. Da haben wir's. Jetzt bist du dran. Fahren Sie fort und fügen Sie Ihrer Szene immer mehr Konfettiherzen hinzu und wir fahren mit dem nächsten Schritt fort 11. Verwenden von Symbolen: In diesem nächsten Schritt werden wir also einfach sowohl unser Cafeti-Herz als auch unser Valentinsherz einrichten , damit wir einen Loop haben und bei der Organisation unserer Szene helfen können einen Loop haben und bei der Organisation unserer Szene helfen Das Erste, was ich machen werde, ist dieses Herz hier, wir werden es umbenennen und es Herz nennen Dann tippen wir darauf und wählen Symbol erstellen. Als Nächstes gehen wir zu CafetiHart und tippen auf das Symbol und erstellen Symbolen können wir die Animation nur wiederverwenden und die Animation sogar wiederholen bei einem Herzsprung zu diesem Herzen hinuntergehe, Wenn ich bei einem Herzsprung zu diesem Herzen hinuntergehe, berühre ich es auseinander und bewege es Jetzt wird dieses Herz weiter hüpfen. Für die Cafeti-Herzen müssen wir das weiter bearbeiten Wir werden hier zu den Cafeti-Herzen gehen. Sobald wir die Ebene ausgewählt haben, tippen wir auf den Clip, tippen auf den Link und wählen Clip bearbeiten Der Grund dafür ist, dass ich die Ansicht verkleinern werde , weil ich es eigentlich an den Anfang dieser Zeitleiste bewegen und dann die Herzen dort platzieren möchte, wo sie in der Hauptszene erscheinen sollen. Dazu tippe ich einfach auf dieses leere Feld hier, wähle Mehrere auswählen und klicke und ziehe dann, um sie alle auszuwählen, tippe und halte und ziehe nach vorne. Wenn ich jetzt zu meiner Hauptszene gehe, verschieben sich die Herzen hier mehr, aber jetzt wiederholen sie sich. Um dabei zu helfen, suchen wir nach der Stelle, an der das Herz aufhört. Wir werden bis zum Ende gehen und diese Hand wegnehmen. Es sieht so aus, als ob das Herz dort stehen bleibt. Jetzt, wo all das an seinem Platz ist, tippen wir einfach darauf und ziehen es an die Stelle, an der das Herz beginnen sollte , und unsere Szene bewegt sich wie geplant weiter. Ein weiterer Schritt, den wir tun werden, ist , dass wir das jetzt so unter mein Herz tippen und ziehen , dass es von hinten herausplatzt. Jetzt ist unsere Szene bereit, damit wir sie verfeinern können. 12. Verwenden von Gruppen: Mithilfe unserer Gruppen können wir die Registerkarte tatsächlich duplizieren, die Gruppe duplizieren und sie dann horizontal drehen. Das bedeutet, dass jetzt Konfettiherzen von beiden Seiten des Herzens hervorbrechen und die Gruppen verwenden, genauso wie Symbole, weil wir sie technisch duplizieren und verschieben und alle Anpassungen vornehmen können technisch duplizieren und verschieben und sie technisch duplizieren und verschieben und alle Anpassungen vornehmen wir wollen, um unseren Herzen mehr Volumen zu verleihen Also sehen sie alle einheitlich aus? Das sieht wirklich gut aus. 13. Hintergrund hinzufügen: Ordnung, der letzte Schritt ich hier machen werde, ist , die Farbe für den Hintergrund in unser hellrosa zu ändern . Das ist sehr hellrosa. Und wir werden zu dieser Ebene gehen. Und wir werden unsere Palette wählen. Das ist eigentlich ein Ich werde nur vorsichtig jede Seite meines Rechtecks zeichnen und die Funktion verwenden, dass, wenn Sie den Stift gedrückt halten, das Rechteck gerade ausgerichtet wird Jetzt mit dem Fülleimer kann ich ihn füllen. Ich werde einfach meine Bleistiftzeichnung hier durchgehen und sie ausmalen. Jetzt, wo wir einige Hintergrundinformationen haben, können wir sehen, wie das aussieht. Wir haben noch eine Ebenenanpassung, nämlich diesen weißen Teil unseres Hintergrunds so nach unten über den Boden zu bewegen so nach unten über den Boden , dass der Boden dort ist, wo er hingehört. Da haben wir's. Das sieht wirklich gut aus. 14. Schließen Sie unseren Loop ab: Also werden wir einfach darüber sprechen, wie wir es verfeinern können. Im Moment ist unser Loop, das Herz hier oben anfängt, hier unten herunterfällt Wenn es sich wiederholt, wird es wieder am Himmel landen und das wird unser Publikum abschrecken. Was wir wahrscheinlich tun wollen, ist es durchzuschauen und zu versuchen, es zu vermitteln. Es sind wahrscheinlich etwa 3 Sekunden. Mach einfach weiter, bis du es nahe dran hast, es ist ungefähr da und wir werden loslegen und zuschauen. Um wieder bei dieser Änderung zu helfen, erweitern Sie das Ganze und schicken Sie uns etwas zurück, wahrscheinlich geht es dort hin. Da haben wir's. Jetzt haben wir eine nahtlose Schleife der unser Herz auf und ab hüpft 15. Herzausdrücke: In diesem Artikel werden wir uns also ansehen, wie man ein Herz in seinem Sprung ausdrucksvoller machen kann. Denn im Moment schaut es geradeaus und ist unzufrieden. Aber wir können definitiv mehr Ausdruck hinzufügen. Dazu gehen wir zu Ebenen, tippen auf den Clip, bearbeiten ihn und gehen dann unsere Zeichnungen durch. Damit das Publikum sieht, wohin die Herzen gehen, schauen wir uns die Augen an. Hier oben suchen wir unsere Augenschicht und wir haben ein Highlight. Bei dieser Zeichnung verschiebe ich meine Markierung nach unten, um zu zeigen, dass das Herz nach unten schaut, und durchgehen und das Gleiche für jede Zeichnung tun. Das Herz geht runter. Schauen wir in die Richtung. Was geht und hier prallt es ab. Ich prallt auf den Boden. Dafür werden wir einen anderen Ansatz wählen und zeigen , dass die Augen geschlossen sind. Wir werden eine neue Ebene erstellen. Einfach rausfinden , wo die Augen sind. Ich blinzele gleich hier und lösche dann das Augenblinzeln Sie öffnen sich und räumen einfach meine Zeichnungen auf. Hier könnten wir das Gleiche tun. Wo die Augen nach oben schauen. Dafür stelle ich sicher, dass es hier eine Zeichenebene gibt. Um dabei zu helfen sollten die Augen nur ein wenig nach oben zeigen, ebenso wie das Highlight wo sie sich befinden, und das Gleiche, ich räume meine Zeichenebene auf. Irgendwie habe ich es nur leicht nach oben bewegt. Zwiebelhaut hilft hier nicht wirklich, weil man Schichten verstecken müsste, und hier ist es okay, denn hier das Herz die Spitze erreicht und außerdem, das Skizzenzeichnen, das ich jetzt durchgehe und aufräume, ist es in der Animation nicht ungewöhnlich, dass man durchgeht und feststellt, dass man etwas in seinen Zeichnungen vergessen nicht da sein sollte, und das tut man sauber. Jetzt kannst du dir ansehen, wie das aussieht. Und das können wir sogar für den Mund tun. Hier für den Mund, was ich tun kann, ist vielleicht, dass das Herz das wirklich genießt und so kann ich ihm ein Lächeln schenken , als würde es das wirklich genießen. Jetzt zerquetscht es sich und geht. Jetzt wieder, hier oben, was ich tun könnte, ist vielleicht, dass das Herz wieder nach unten drückt Wenn ich diese Arbeit damit machen wollte , würde ich dasselbe tun. Ich würde dafür sorgen, dass das Auge geschlossen das Herz sie herausdrückt. Und ich würde sogar dasselbe für den Mund tun. Die Herbstsequenz sieht ungefähr so aus. Um das noch zu ergänzen, können wir tatsächlich zum Hauptteil gehen, sicherstellen, dass wir in freier Form und ihn einfach ein bisschen zerquetschen, er arbeitet wirklich hart Jetzt werden wir sehen. Nett. Jetzt haben wir unser Herz etwas lebendiger und ausdrucksvoller gemacht. Wenn wir zu unserer Hauptszene zurückkehren, spielt es sich so ab. Mit diesem Ansatz können Sie es nun nach Ihren Wünschen verfeinern, vielleicht die Ausdrücke ändern, es liegt an Ihnen. 16. Animation exportieren: Okay, schauen wir uns an wie wir unsere Animation exportieren können. Um unsere Animation zu exportieren, gehen wir zu Aktionen und tippen auf Exportieren. Wähle Video. Vergiss nicht, es zu benennen. Und wenn Sie fertig sind, klicken Sie auf Exportieren wählen dann einen Ort auf Ihrem iPad aus, an dem Sie ihn speichern und von dort aus teilen möchten. 17. Vielen Dank: Das war ein lustiger Kurs zum Entwerfen eines Hüpfherzchens und mit den zusätzlichen Konfettiherzen dahinter war es eine große Freude dieses für Sie zu kreieren, und ich hoffe wirklich, dass Ihnen dieser Kurs gefallen hat Ich würde gerne sehen, was du kreierst, was du mit deinem Herzen und deiner Szene gemacht hast Teile es auf jeden Fall hier auf Skillshare und markiere mich dabei Vergiss nicht, mich auf Wilber andbrg.ca zu besuchen. Der Link befindet sich in der Beschreibung dieses Kurses und danke, dass du mich auf deiner Reise als Künstler dabei