Animation für Anfänger:innen: Animation zu deinen Instagram-Fotos mit Procreate hinzufügen

1. Einführung: Seien wir ehrlich, Animation kann einschüchternd sein, besonders wenn Sie noch nie animiert haben. Es kann zeitaufwändig sein, Yada, Yada. Aber keine Sorge , deswegen bin ich hier. Hallo nette Leute. Ich bin Tyra Washington, ich bin Grafikdesignerin, YouTuber und ich schätze, du kannst mich einen autodidaktischen Animator nennen. Heute werde ich Ihnen helfen, Ihre allererste Frame-für-Frame-Animation in Procreate zu erstellen. Egal, ob Sie Animationen verwenden möchten, um Ihre Marke zu vermarkten oder Ihren persönlichen Instagram-Fotos ein wenig Magie zu verleihen , Animation ist mit Tools wie Procreate einfacher denn je. Wenn Sie ein absoluter Anfänger sind, der in die Welt der Animation eintauchen möchte , oder Sie ein Profi sind, der lernen möchte wie Sie Procreate für Ihre Animationen verwenden können, ist diese Klasse für alle geeignet, die hinzufügen möchten ein wenig Magie für ihre Instagram-Fotos mit Animation. In dieser Klasse werden wir procreate verwenden, um unsere Animationen zu erstellen. Sie lernen, wie Sie Animation Assist in Procreate verwenden , und dann führe ich Sie durch eine Reihe verschiedener Animationstechniken , die Sie auf Ihre Fotos anwenden können. Zum Beispiel zeige ich Ihnen, wie Sie verschiedene Objekte in Ihrem Foto animieren, wie Sie Ausdruckslinien, Text, Lichter animieren und wie Sie Masken zum Animieren verwenden. Zuletzt zeige ich Ihnen, wie Sie Ihre Animationen aus Procreate exportieren und wie Sie Ihre endgültige Animation mit Adobe After Effects schleifen können. Ich bin nicht zur Animation zur Schule gegangen. Eigentlich lerne ich immer noch. Deshalb glaube ich , dass jeder animieren kann. Wenn ich es schaffe, kannst du es auch machen, also lass uns darauf eingehen. 2. Kursorientierung: Willkommen. Ich bin so aufgeregt, dass du dich für diesen Kurs entschieden hast. Für das Klassenprojekt werden wir Procreate verwenden, um eine Frame-für-Frame-Animation zu erstellen , die auf einem Ihrer Fotos läuft. Sobald Sie Ihrem Foto etwas Magie hinzugefügt haben, der letzte Schritt darin, Ihre Animation auf Instagram hochzuladen , wenn Sie möchten. Ich dachte, anstatt eine Animation komplett von Grund auf neu zu erstellen , warum fügen wir einem Foto, das bereits existiert, nicht einige unterstützende Animationen warum fügen wir einem Foto, das bereits existiert, nicht einige unterstützende Animationen hinzu. Außerdem haben Sie eine erstaunliche personalisierte Animation , die Sie mit Ihren echten Freunden und Ihrer echten Familie teilen können , zusammen mit Ihren virtuellen Freunden hier auf Skillshare Dies ist ein Bonus, wenn ich sag es selbst. Ich glaube, dieser Kurs ist für alle Fähigkeitsstufen gedacht. Ich führe Sie durch eine Reihe verschiedener Animationstechniken und basierend auf Ihrem Können können Sie eine Technik anwenden oder ein paar verschiedene Techniken zusammen anwenden am Ende bei mir. Für diesen Kurs benötigen Sie auf jeden Fall ein iPad und die Procreate App. Ich empfehle dir einen Apple Pencil zu besorgen, aber du kannst deinen Finger auf jeden Fall benutzen, wenn du willst. Sie benötigen auch einen Laptop und das Adobe After Effects-Programm. Wenn wir unsere Animationen beenden, würde es mir absolut gefallen, wenn ihr eure Projekte in die Klassenprojekte hochgeladen habt . Ich würde zusammen mit all Ihren Mitschülern hier auf Skillshare gerne sehen, was Sie geschaffen haben. Alles klar, ich freue mich darauf anzufangen, also lass uns gehen. 3. Animationsprinzipien in Procreate: Bevor wir mit dem Animieren beginnen, müssen einige Animationsprinzipien berücksichtigt werden. Diese Prinzipien werden es nur so machen, dass Ihre Animation realistischer aussieht und einfach besser fließt. In dieser Lektion werde ich vier der 12 Animationsprinzipien behandeln . Dies sollte sehr hilfreich sein, um einen Neuanfang zu animieren. Die vier Prinzipien, die ich in dieser Klasse behandeln werde , sind Timing, langsames Ein- und Langsamwerden, Bögen und Quashing Strecken. Sie können diese Konzepte verwenden und auf fast alles anwenden, was Sie animieren. Lasst uns anfangen. An erster Stelle steht das Timing. Das Timing wird grundsätzlich durch die Anzahl der Frames bestimmt , die Sie in einer Animation verwenden. In diesem Beispiel sehen Sie, dass diese Vogel-Animation viele Frames hat, in dieser Flugzeuganimation hat weniger Frames. Welche Animation wird Ihrer Meinung nach die schnellere Animation haben ? Mal sehen. Sie sehen, dass die Animation, die mehr Frames hatte , tatsächlich langsamer ist als die , die weniger Frames hat. Grundsätzlich müssen Sie nur über das Timing wissen dass mehr Frames einem langsameren Timing entspricht, weniger Frames entspricht einem schnelleren Timing. Das bringt uns zum nächsten Prinzip, das als langsam und langsamer bezeichnet wird, das im Grunde von der Beschleunigung eines Objekts spricht. Im wirklichen Leben beginnen Objekte langsam, beschleunigen sich in der Mitte und verlangsamen sich dann wieder, wenn sie aufhören werden. Um eine Beschleunigung zu erreichen, beginnen Sie mit mehr Frames am Anfang, weniger Frames in der Mitte und dann mit mehr Frames am Ende. Hier ist ein Beispiel dafür, dass der Ball nicht langsam und langsamer wird. Wirklich Roboter sind das einzige, was einer konstanten Geschwindigkeit wie dieser bewegen kann, also sieht es einfach nicht sehr realistisch aus. Jetzt sprechen wir über Bögen. Die meisten Objekte im wirklichen Leben folgen einem Bogen, wenn sie in Bewegung sind. Bögen lassen Ihre Animation im Grunde viel realistischer aussehen , weil sie den Regeln der Schwerkraft folgt. Wenn Sie keinem Bogen gefolgt und Ihre Animation so aussieht, wird sie robotischer aussehen, und der Hund in dieser Animation wird wahrscheinlich sagen : „Ich esse diesen Baum nicht, weil ich ihm nicht traue.“ Als nächstes kommt Squash and Stretch, was wirklich nur die Art und Weise betont , wie sich ein Objekt beim Bewegen entweder dehnt oder zerquetscht . Die Art und Weise, wie ein Objekt zerquetscht und dehnt, hilft dem Betrachter wirklich zu sehen, wie schwer das Objekt ist und wie schnell es sich bewegt. Wenn du zum Beispiel einen Basketball wirfst, hätte er viel mehr Squash und Stretch als ein Bowlingball. Jetzt haben Sie ein wenig Hintergrundwissen über einige der Animationsprinzipien. Sie haben etwas über Timing gelernt, langsam ein und verlangsamen, Bögen, Squash und Strecken. Denken Sie daran, wenn wir später in dieser Klasse mit dem Animieren beginnen. Wenn Sie diese Prinzipien interessant fanden, empfehle ich Ihnen wirklich, alle 12 Prinzipien nachzuschlagen. Ich spreche nicht mehr über Prinzipien. Begleite mich in der nächsten Lektion, in der wir uns ein wenig mit Procreate vertraut machen werden. 4. Erste Schritte in Procreate: [MUSIK] Procreate ist eine digitale Illustrations-App , mit der Künstler einfach unglaubliche Kunstwerke geschaffen haben. Kürzlich hat Procreate seine Animationsfunktion aktualisiert. Jetzt können Künstler direkt von ihrem iPad aus Frame-für-Frame-Animationen erstellen . Nicht lügen, Procreate ist etwas eingeschränkter als einige der anderen Apps, die speziell für Animationen erstellt wurden . Einer der größten Nachteile ist das Layer-Limit, und es gibt einige Einschränkungen beim Video, aber Sie können in Procreate immer noch einige ziemlich erstaunliche einige ziemlich erstaunliche Frame-für-Frame-Animationen erstellen. In dieser Lektion zeige ich Ihnen, wie Sie Ihre Leinwand auf die richtige Größe und den richtigen DPI für Instagram einrichten . Ich zeige Ihnen auch ein paar der grundlegenden Tools in Procreate. Öffne deine App und ich zeige dir Procreate. Wenn du dein Procreate öffnest, sollte dein Bildschirm in etwa so aussehen. Normalerweise sehen Sie Zeilen und Zeilen von Projekten, an denen Sie arbeiten. Aber ich werde nicht lügen, mein Dashboard sah verrückt aus, also habe ich beschlossen, es aufzuräumen um etwas professioneller auszusehen. Wie auch immer, [LACHEN] um eine neue Zeichenfläche hinzuzufügen, drücken Sie das Pluszeichen. Sie werden sehen, dass bereits eine Menge Optionen verfügbar sind, aber wir erstellen eine benutzerdefinierte Größe, indem dieses Symbol in der Ecke drücken. Sprechen wir über die verschiedenen Dimensionen für einen Instagram-Beitrag. Instagram hat derzeit drei verschiedene Optionen , aus denen Sie wählen können. Sie können eine quadratische Option, eine Hochformat- oder Querformat wählen. je nach Foto, das Sie animieren möchten, einfach die Option aus, die für Sie am besten geeignet ist. Im Moment wähle ich nur die quadratische Dimension, weil ich denke, dass es am besten für das Foto funktioniert , das ich verwenden werde. Ich tippe 1080 x 1080 Pixel ein. Für den DPI ist 72 gut für die meisten sozialen Medien und den digitalen Einsatz. Aber wissen Sie nur, wenn Sie versuchen, dies auszudrucken, wird dies ein pixeliges Durcheinander sein. Wenn Sie der Meinung sind, dass Sie dies möglicherweise ausdrucken möchten, stellen Sie Ihren DPI definitiv auf 300 ein. Ich bin mir nicht sicher, warum du eine Animation ausdrucken möchtest , aber es weiß es einfach. Jetzt, da wir alle unsere Dimensionen angeschlossen haben, können wir sehen, wie viele maximale Schichten wir haben dürfen. Zuletzt überprüfen Sie nur noch einmal, um sicherzustellen, dass Sie Pixel ausgewählt haben , da dies für soziale Medien gilt. Eine letzte Sache: Stellen Sie einfach sicher, dass Ihr Farbprofil auf RGB und Create eingestellt ist . Los geht's. Eine neue Zeichenfläche wartet darauf, dass du etwas Magie erschaffst. Lassen Sie uns nun einige dieser Tools durchgehen. Das Wichtigste zuerst. Hier ist das Pinsel-Werkzeug. Sie werden sehen, dass es so viele Pinsel gibt, aus denen Sie wählen können. Alles vom Skizzieren bis zum Malen. Es gibt auch nur ein paar coole Texturen Sie auf Ihre Kunst anwenden können. Ich empfehle, einfach alle Pinsel zu erforschen. Außerdem können Sie in jedem Pinsel darauf klicken, und das öffnet ein ganzes Fenster noch mehr Optionen. Wir haben Optionen an. Eine Sache, die hilfreich sein könnte , ist die Stabilisierung. Das hilft nur sicherzustellen , dass Ihre Linien gerader sind. Sobald Sie den Pinsel ausgewählt haben, mit dem Sie spielen möchten, können wir nach links schieben, wo wir einige Größenoptionen haben. Was wirklich cool ist, ist, dass Sie tatsächlich eine Größe auswählen und speichern können. Keine inkonsistenten Liniengrößen mehr, Sie haben sie direkt hier auf der Waage gespeichert. Zum Beispiel, wenn wir hier drüben ein paar Linien zeichnen, und wir sagen: „Warte mal, warte. Was war diese größere Größe, die ich benutzt habe?“ Nun, bumm. Es wurde bereits für dich gespeichert. [GELÄCHTER] Wie auch immer, Sie können die gespeicherten Größen löschen, indem Sie einfach das Minuszeichen drücken. Unter der Pinselgröße haben wir die Opazitätseinstellungen. Sie können die Deckkraft verringern, Dinge real und durchscheinend aussehen lassen. Lassen Sie die Dinge transparent aussehen. letzten Tools, die wir hier haben, sind die Schaltfläche „Rückgängig“. Du kannst einfach darauf und die Schaltfläche „Wiederholen“ tippen . Eine Verknüpfung, die ich den ganzen Tag die ganze Nacht verwende, ist das Doppelfinger-Tippen zum Rückgängig oder das Drei-Finger-Tippen zum Wiederholen. Lassen Sie mich Ihnen sagen, das ist die beste Abkürzung aller Zeiten, weil ich sie die ganze Zeit benutzt habe. Zusätzlich zu den Bürsten haben wir das Smudge-Werkzeug und das Radiergummi-Werkzeug, dem der Radiergummi alle verschiedenen Optionen bietet , die für die Bürsten verfügbar sind. Wählen Sie einfach Ihren Pinsel aus und sehen Sie zu, wie er das tut, was Radiergummis am besten können, löschen Sie. Als Nächstes haben wir das Ebenenbedienfeld. Dies ist die einzige Schicht, die wir bisher haben. Sie können es nach links schieben und duplizieren. Sie können auch auf eine Ebene klicken, um eine ganze Reihe mehr Optionen anzuzeigen. Ich benenne einfach meine um. Ich nenne es vorerst Zeilen, oder ich schätze eine Layer-1-Zeilen. Klar. Natürlich können Sie eine neue Ebene hinzufügen, indem Sie das Pluszeichen drücken, und Sie können eine Ebene löschen, indem Sie sie nach links schieben und Entf drücken. Als nächstes kommt das Farbfeld. Wie Sie unten sehen können, gibt es ein paar verschiedene Ansichten, aus denen Sie wählen können. Diese erste Ansicht ist die Festplattenansicht. Dann haben wir die klassische Ansicht, die meine persönliche Präferenz ist. Eine weitere wirklich interessante Möglichkeit, Farben auszuwählen, ist diese Harmonieansicht. Anhand der von Ihnen gewählten Farbe können Sie auf diese Ecke klicken. Es gibt eine ganze Reihe verschiedener Farbpalettenoptionen. Sobald Sie die Farben ausgewählt haben, wird es automatisch in der rechten Ecke angezeigt. Dort können Sie Ihre neue Farbpalette per Drag & Drop auf Ihre Zeichenfläche ziehen. Eine andere Möglichkeit, Ihre Farbpalette anzuzeigen , ist diese Registerkarte Wert. Dieser ist für ganz bestimmte Farben gedacht. Sie können bestimmte Hexadezimale eingeben und so weiter. Die letzte Option ist diese Farbpalettenoption , bei der Sie Ihre eigenen benutzerdefinierten Farbpaletten erstellen können , was ziemlich cool ist. Auf der linken Seite von Procreate haben wir hier das Schraubenschlüsselwerkzeug, das nur ein Panel voller Aktionen ist. In dieser Registerkarte namens Add können wir ein Foto einfügen. Wir können etwas Text einfügen. All das gute Zeug. Auf der Registerkarte Canvas verwenden wir hier später Animation Assist, verschiedene Optionen für unser Referenzbild und Canvas-Informationen. Dann haben wir die Registerkarte Teilen, auf der Sie nur verschiedene Optionen zum Exportieren Ihres Bildmaterials erhalten . Hier lebt die Zeitraffer Replay. Wenn Sie jemals Ihr Zeitraffervideo exportieren möchten , ist es genau hier. Nur ein paar verschiedene Präferenzen , auf die ich nicht eingehen werde. Als nächstes haben wir das Anpassungsbedienfeld, dem Sie so viele Möglichkeiten haben, die Farbe der Dinge zu ändern. Um die Unschärfe anzupassen, liquidieren, klonen, nur alle Arten von Anpassungen. Als nächstes haben wir das Auswahlwerkzeug, dem Sie bestimmte Objekte auf einer Ebene auswählen und einfach eine Reihe verschiedener Anpassungen darauf anwenden können. Während Ihr Objekt noch ausgewählt ist, [NOISE] können Sie das Direktauswahl-Werkzeug verwenden Ihr Objekt zu bewegen. Unten gibt es verschiedene Optionen wie Horizontal spiegeln, vertikal drehen. Grundsätzlich können Sie mit diesem Tool Ihr Objekt einfach verzerren und transformieren, wie Sie möchten. Ich würde sagen, wir haben die Grundlagen hier behandelt. Jetzt sind wir alle in Procreate eingerichtet. Sie haben gelernt, wie Sie Ihre Leinwand auf die richtige Größe und den richtigen DPI für Instagram einrichten . Sie haben auch einige der grundlegenden Tools in Procreate erfahren . In der nächsten Klasse werde ich Ihnen alles über Procreate Animation Assist beibringen , der die Geheimwaffe ist, wenn es um das Animieren in Procreate geht. [MUSIK] 5. Animation Assistent in Procreate: Der Hauptschlüssel zum Animieren in Procreate ist dieses Ding namens Animation Assist. Dies ist im Grunde eine visuelle Zeitleiste, Sie Ihr Hintergrund- und Vordergrundbild einstellen können, Zwiebelhäutung als Leitfaden sehen können und es Ihnen ermöglicht, Ihre Animation einfach wiederzugeben , um zu sehen, was es ist sieht aus wie. Es ist ein wirklich leistungsfähiges Tool, wenn es darum geht , Frame-für-Frame-Animationen zu erstellen. Was sind Frame-für-Frame-Animationen, fragen Sie vielleicht? Nun, im Grunde genommen zeichnet Frame für Rahmen mit leichten Unterschieden zwischen den einzelnen Frames, und wenn Sie sie zusammenziehen, scheint es, als würde sich das Objekt bewegen. Machen Sie sich bereit, ein paar Frames zu zeichnen, lasst uns eintauchen. Um den Animationsassistenten zu aktivieren, gehen Sie zum Schraubenschlüssel-Werkzeug, gehen Sie zu Canvas und aktivieren Sie dann einfach diesen Umschalter Animation Assist. Sie sehen die neue Zeitleiste für Animationsunterstützung am unteren Rand Ihres Bildschirms, und dies wird sehr hilfreich sein, Ihres Bildschirms, und dies wird sehr hilfreich sein, wenn wir mit der Erstellung unserer Frame-für-Frame-Animationen beginnen. Ich werde den ersten Frame meiner Animation zeichnen . wir einfach so, als würde etwas über dem Bildschirm schmelzen. Der erste Zweig wurde ziemlich getan, um das nächste Bild hinzuzufügen, wir drücken Frame hinzufügen in der Ecke der Zeitleiste. Wenn Sie dies tun, werden Sie feststellen, dass Sie immer noch den vorherigen Frame Ihrer Animation sehen können. Dies nennt man Zwiebelhaut. Die Zwiebelhaut dient im Grunde als Referenz für das Zeichnen Ihres nächsten Frames. Sie können die Sichtbarkeit Ihrer Zwiebelhaut anpassen , indem Sie in die Einstellungen gehen. Sie können auswählen, wie viele Zwiebelschalen Sie gleichzeitig sehen , indem Sie die Zwiebelhautrahmen anpassen. Normalerweise stelle ich mich gerne auf eins ein, weil ich denke, dass es weniger ablenkend ist, nur eine Zwiebelhaut zu haben. Sie können auch die Deckkraft der Zwiebelhaut anpassen, daher stelle ich meine gerne auf eine geringe Deckkraft ein, nur damit ich darunter sehen kann. Eine andere Sache, Sie können die Zwiebelhautfarbe ändern, was ich nicht weiß, ob Sie eine orangefarbene Zwiebelhaut oder eine lila Zwiebelhaut haben möchten, oder eine lila Zwiebelhaut irgendeinem Grund können Sie das hier tun. Aber ja, sobald Sie alle Ihre Onion Skin-Einstellungen nach Ihren Wünschen haben , können Sie den zweiten Frame Ihrer Animation zeichnen . Ich werde diesen zweiten Frame nur etwas tiefer zeichnen also scheint es, als würde er nach unten schmelzen. Genau so hast du die ersten beiden Frames deiner Animation erstellt . Ich schalte einfach durch, um zu sehen, wie diese Animation bisher aussieht. Ich meine, es bewegt sich. Klar, sagen wir, wir möchten diesen Frame duplizieren. Alles, was Sie tun, ist auf die Ebene zu klicken, und wenn dieses neue Dialogfeld erscheint, drücken Sie einfach das Wort „Duplizieren“. Sofort werden Sie sehen, dass es eine neue Kopie der Ebene erstellt hat , auf der wir gerade waren. Ich möchte, dass diese Animation weiter schmilzt. Auf dieser neuen duplizierten Ebene verwende ich nur das Direktauswahlwerkzeug, um es ein wenig nach unten zu verschieben und schnell diesen großen alten Bereich oben auszufüllen, einfach klicken und ziehen Sie die Farbe Swatch in der oberen rechten Ecke. Wow, das ist die schnellste Schmelze, die ich je gesehen habe. Um die Geschwindigkeit Ihrer Animation anzupassen, gehen Sie einfach in die Einstellungen und passen Sie die Frames pro Sekunde an. Ich denke, die meisten Animationen sind auf etwa 12 Frames pro Sekunde eingestellt, aber nehmen Sie Ihre ehrlich gesagt einfach zu, was am besten aussieht. Ich denke, ich werde meinen auf ungefähr acht anstoßen und gerade jetzt kannst du das später immer anpassen. Also haben wir über diese Zeitleiste gesprochen. Werfen wir einen Blick auf dieses Ebenenbedienfeld. Sie werden feststellen, dass alle Ebenen, die sich hier unten in der Zeitleiste befinden , auch in diesem Ebenenbedienfeld angezeigt werden. Das bedeutet, dass jede neue Ebene oder Gruppe von Ebenen in Ihrem Ebenenbedienfeld als ein Frame in Ihrer Zeitleiste angezeigt wird. Das heißt, wenn Sie eine Illustration haben , die mehr als eine Ebene verwendet, können Sie sie ganz gruppieren und sie wird als ein Bild in Ihrer Zeitleiste angezeigt. Nehmen wir an, Sie möchten Ihrer Animation einen Hintergrund hinzufügen . Fügen wir einfach einen neuen Rahmen hinzu, gehen Sie zum Schraubenschlüssel-Werkzeug, fügen Sie ein Foto hinzu und fügen Sie es ein. Lassen Sie mich einfach sehr schnell mein Album durchgehen und einfach ein Bild einsetzen. Aber keine Sorge, ich werde näher darauf eingehen wie Sie später in dieser Klasse ein Foto zu Ihrer Zeichenfläche hinzufügen können. Sie werden feststellen, wenn wir unsere Animation bisher abspielen, sieht das Foto einfach wie ein anderer Rahmen in der Animation aus. Aber eine coole Sache an Procreate ist, dass Sie das Hintergrundbild tatsächlich einstellen können. Lassen Sie mich diesen Frame an den Anfang verschieben, und wenn Sie darauf klicken, sehen Sie, dass es eine Option gibt , ihn als Hintergrund festzulegen. Das heißt, wenn Sie die Animation abspielen , bleibt dieses Bild die ganze Zeit im Hintergrund. Stellen Sie einfach sicher, dass das gewünschte Bild als Hintergrund die allererste Ebene ist , sonst können Sie es nicht als Hintergrund festlegen. Genau wie der Hintergrund kannst du auch deinen Vordergrund einstellen. Nehmen wir an, wir möchten, dass das Thema unserer Animation die ganze Zeit auf dem Laufenden bleibt . Ich verwende nur das Auswahlwerkzeug um einen Teil meines Themas auszuwählen, und sobald ich mit der Auswahl zufrieden bin, gehe einfach nach unten, um zu kopieren und einzufügen. Sie werden sehen, dass Ihre Auswahl automatisch auf eine brandneue Ebene gesetzt wird , genau wie der Hintergrund die allererste Ebene sein musste . Um den Vordergrund zu setzen, muss es die allerletzte Ebene sein. Lassen Sie mich das einfach einschalten und sehen, wie diese Animation abläuft. Die Art und Weise, wie ich das Thema ausschneide, ist absolut schrecklich. Aber hey, es bleibt im Vordergrund, genau wie wir es wollen. Ich schalte das tatsächlich aus, weil es mir nicht gefällt. Lassen Sie mich das einfach ganz löschen. Ich klicke einfach auf den Frame, den du entfernen möchtest , und drücke „Löschen“. Unsere Animation bewegt sich, und ich würde sagen, das ist ein gutes Zeichen, und ich würde sagen, wir haben alle Grundlagen von Animation Assist behandelt . In dieser Lektion haben Sie alle Grundlagen von Animation Assist in Procreate gelernt . Sie haben gelernt, Frames hinzuzufügen und zu duplizieren. Sie haben gelernt, wie Sie Ihr Hintergrund- und Vordergrundbild einstellen können. Du hast auch etwas über Zwiebelhäutung gelernt und wie man sie benutzt. Stellen Sie sicher, dass Ihre Animationsassist-Timeline sichtbar ist, und treffen Sie mich dann in der nächsten Lektion, in der ich Ihnen zeige, wie Sie ein Bild in Procreate importieren . 6. Ein Bild in Procreate importieren: [MUSIK] Das von Ihnen gewählte Foto wird einen großen Einfluss auf Ihre Animation haben. Ein gutes Image wird Sie inspirieren und Sie einfach für eine ganze Welt voller Möglichkeiten öffnen . In dieser Lektion wählen wir das Bild aus, das wir für diese Klasse verwenden werden, und dann zeige ich Ihnen, wie Sie dieses Bild in Procreate importieren . Lasst uns anfangen. Ich weiß bereits, welches Bild ich für diese Animation verwenden werde . Um ein Bild hinzuzufügen, gehen wir zum Schlüsselwerkzeug, drücken Sie „Hinzufügen“ und „Foto einfügen“. Sofort sehen Sie, dass Ihre Bildergalerie auftaucht. Ich empfehle tatsächlich, verschiedene Fotoalben für Ihre Fotos zu erstellen verschiedene Fotoalben für , damit sie leichter zu finden sind. Ich öffne einfach dieses Album genau hier. Meine Freunde und ich ständig Fotoshootings gemacht, also hier sind nur ein paar Fotos von diesen Fotoshootings ausgewählt. Sie sich beim Durchschauen Ihrer Bilder einfach, Fragen Sie sich beim Durchschauen Ihrer Bilder einfach, was ist das Hauptthema des Bildes? Und wie könnte eine Animation mit diesem Thema interagieren? Gibt es etwas Interessantes auf dem Foto, das du animieren kannst? Könnten Sie die Farbe von etwas wie vielleicht den Hintergrund dieses Bildes ändern ? Könntest du vielleicht eine Bewegung oder eine Show Motion zeigen? Wenn Sie sich Ihre Bilder ansehen, sehen Sie einfach, was zu Ihnen springt und was Sie inspiriert. Wenn ich mir zum Beispiel dieses Bild anschaue, kann ich mir nur vorstellen, dass die Eiswaffeln schmelzen. Das werde ich auf jeden Fall in meine Animation integrieren . Jetzt, da ich mein Bild auf meiner Zeichenfläche habe, merke ich, dass ich vielleicht die Porträtgröße anstelle der quadratischen Größe verwenden sollte die Porträtgröße anstelle der , nur weil ich denke, dass es etwas besser zu meinem Bild passt. Ich gehe zum Schraubenschlüsselwerkzeug Canvas und dann ganz oben zuschneiden und skalieren. Im neuen Dialogfeld gehe ich zu Einstellungen und hier können Sie die Abmessungen Ihres Canvas ändern. Wenn Sie sich erinnern, beträgt die Porträtgröße für Instagram 1080 bis 1350, also schließe ich das an und Sie werden feststellen, dass es uns etwas mehr Platz auf unserer Leinwand gegeben hat. Ich drücke einfach auf „Fertig“. Ich möchte nicht riskieren, dass mein Bild durch Skalieren verpixelt wird, also lade ich es einfach erneut hoch. Lassen Sie mich dieses Bild löschen, gehen Sie zum Schlüsselwerkzeug Hinzufügen, und dann setze ich mein Foto wieder ein. Ich navigiere nur zurück zu meinem Foto, es war super leicht zu finden, weil es in einem Album war. Jetzt skaliere ich mein Bild nur ein wenig, nur um es an die Ränder zu bringen. Benutze einfach diese kleinen Griffe und passe einfach das Zuschneiden deines Bildes an. Stellen Sie sicher, dass Sie mit dem Zuschneiden Ihres Bildes sehr zufrieden sind , bevor Sie Ihr Bild aufheben, denn sobald Sie es auswählen, ist der Rand Ihres Bildes vollständig verschwunden, wie bye girl. [GELÄCHTER] Aber keine Sorge, du kannst einfach das Zwei-Finger-Rückgängigmachen benutzen und von vorne anfangen. Stellen Sie einfach sicher, dass es nach Ihren Wünschen abgeschnitten ist und nehmen Sie sich einfach Zeit. Stellen Sie sicher, dass es richtig abgeschnitten ist. Genau wie der große Bubba Sparxxx einmal sagte, schneide es richtig aus und schneide es fest. Ich weiß nicht, ob das ein direktes Zitat war, aber ich mache weiter. [GELÄCHTER] Lassen Sie uns ein paar Anpassungen an unserem Image vornehmen. Das erste, was ich gerne mache, ist mein Image zu schärfen. Drücken Sie „Sharpen“ und ich mache das wirklich gerne, weil wir die Qualität unseres Bildes auf 72 dpi gesenkt haben. Wenn Sie also ein wenig Schärfe hinzufügen, wird nur sichergestellt , dass Ihr Bild für Instagram etwas knuspriger ist. Benutzen Sie einfach Ihren Apple Pencil und schieben Sie nach rechts, um die Schärfe nach Ihren Wünschen anzupassen. Jetzt sieht unser Image gut und knackig aus. Einige andere Dinge, die Sie anpassen können, sind die Kurven, die einfach die Helligkeit und Dunkelheit Ihres Bildes anpassen. Sie können auch das Klon-Tool verwenden, das dem Klon-Tool in Photoshop ziemlich ähnlich ist. Wenn Sie das Klone-Tool auswählen, wird dieser kleine Kreis auf Ihrem Canvas angezeigt. Dieser kleine Kreis fungiert im Grunde als Bezugspunkt für Ihr Klonen. Sagen wir, ich möchte diese Telefonleitung vertuschen. Wo auch immer der Bezugspunkt ist, ist genau das, was ich mit meinem Pinsel malen werde. Nehmen wir an, ich habe den Bezugspunkt hier drüben, Sie werden sehen, dass ich tatsächlich das DQ-Zeichen klone und das ist nicht das, was wir hier anstreben, also machen Sie es rückgängig. Eine andere coole Sache ist, dass Sie jeden Pinsel verwenden können , den Sie klonen möchten. Wenn dieser Scripting-Pinsel zu hart ist, können Sie etwas Weiches wie einen Airbrush in geringer Größe verwenden . Klonen Sie es einfach weg und stellen Sie sicher, dass sich Ihr Bezugspunkt an der Stelle befindet, die Sie kopieren möchten. Außerdem möchte ich nur darauf hinweisen, dass Sie alle diese Bildanpassungen vorher in Photoshop vornehmen und dann Ihr Bild in Procreate hochladen können. Ehrlich gesagt können einige dieser Bildanpassungen in Photoshop viel einfacher sein. Zum Beispiel gibt es dieses Ding namens Content-Aware , das unerwünschte Dinge aus Ihrem Bild entfernt unerwünschte Dinge aus Ihrem Bild im Grunde wie Magie, so schnell. Aber wisse einfach, dass es Optionen gibt. Ich wollte nur zeigen , dass Sie all diese Anpassungen genau hier in Procreate vornehmen können. Ich denke, unser Image sieht gut aus. Ich denke, wir sind bereit, ein paar Animationen hinzuzufügen. In dieser Lektion haben wir einige Dinge durchgegangen, bei der Auswahl eines zu animierenden Bildes berücksichtigt werden sollten. Wir haben auch gelernt , dieses Bild in Procreate zu importieren und nur ein paar Bildanpassungen in Procreate vorzunehmen. In den nächsten Klassen gehe ich durch eine Reihe verschiedener Animationstechniken, die Ihren Instagram-Fotos nur einen Hauch von Magie verleihen. Wenn Sie bereit sind, schließen Sie sich mir in der nächsten Klasse an, in der ich Ihnen zeige , wie Sie ein Objekt in Ihrem Foto animieren können. [MUSIK] 7. Objekte animieren (Teil 1): Animieren von Objekten in Ihrem Foto ist eine großartige Möglichkeit, Ihr Foto zum Leben zu erwecken. In dieser Lektion zeige ich Ihnen, wie Sie Ihr Hintergrundbild bearbeiten , um es für Ihre Animation vorzubereiten. Sie lernen, wie Sie ein Referenzvideo nachschlagen, und schließlich lernen Sie, wie ein Objekt animieren auf deinem Foto. Lasst uns gleich eintauchen. Wir haben unser Foto bereits aus der vorherigen Lektion vorhanden. Jetzt müssen wir nur noch herausfinden, was wir animieren wollen. Auf diesem Foto denke ich definitiv, dass die Eiswaffeln das Hauptthema sind, und ich denke, es wäre wirklich cool, diesem Bild etwas Bewegung hinzuzufügen , indem die Eiswaffeln schmelzen lassen. Das allererste, was ich gerne mit dieser Art von Animation mache , ist meine Idee zu skizzieren. Wir erstellen eine neue Ebene und ich benenne diese Skizze vorerst um. Grundsätzlich möchte ich auf dieser Skizzenebene nur planen , wie mein Illustrationsstil aussehen soll. Fragen Sie sich einfach: „ Möchten Sie, dass Ihre Illustration realistischer oder Cartoonie aussieht ?“ Ihren Illustrationsstil festnageln jetzt Ihren Illustrationsstil festnageln, sparen Sie jede Menge Zeit wenn wir bereit sind, mit dem Animieren zu beginnen und unser Foto zum Leben zu erwecken. Um uns ein wenig inspirieren zu lassen, schauen wir uns ein Referenzbild an und einer meiner Lieblingsorte, um Inspiration zu finden, ist Pinterest. Oh mein Gott, jedes Mal, wenn ich mein Pinterest öffne, bin ich einfach erstaunt über die Dinge, die Menschen erschaffen. Es ist so cool. Aber wie auch immer, lasst uns die Registerkarte Suchen verwenden, und ich suche Eiscreme-Illustration und lass uns sehen, was auftaucht. Wir haben ein paar Möglichkeiten. Ich denke, das macht echt Spaß. Ich mag es wirklich, wie rund es ist und wie es schmilzt. Dieser ist einfach ziemlich klassisch wie ein generischer Kegel, aber ich mag die Form sehr und ich denke, es würde perfekt für meine Animation funktionieren. Eine coole Sache, die Sie in Procreate tun können , ist, dass Sie auf jede App klicken und halten können, die sich in Ihrem Dokument und sie einfach direkt neben Ihr Procreate-Fenster ziehen. Sie können auch die Größe und das Referenzbild direkt vor Ihren Augen anpassen . Bevor wir mit dem Skizzieren beginnen, überprüfen Sie einfach, ob Sie sich auf Ihrer neuen Skizzenebene befinden. Denn wenn Sie versehentlich mit dem Zeichnen auf Ihrem Hintergrundbild beginnen und versehentlich einen Fehler machen, löschen Sie beim Löschen des Fehlers tatsächlich Ihr Hintergrundbild als nun, was wir nicht wollen. Deshalb greifen wir auf eine neue Ebene zurück. Auf diese Weise können Sie, wenn Sie einen Fehler machen , nur die Ebene mit dem Fehler löschen, ein Lebensretter ist. Aber wie auch immer, wir können mit dem Skizzieren in unserem Eis beginnen. Zuerst hole ich mir meinen Lieblingspinsel, der der Skriptpinsel ist. Ein weiterer Pinsel, den die Leute wirklich mögen, ist der Sirup-Pinsel, also probieren Sie ihn vielleicht auch aus und sehen Sie, was Ihr Favorit ist. Aber es hängt alles von dem Illustrationsstil ab, den Sie anstreben. Ich mag es wirklich, wie das Top mit dem kleinen Wirbel anfängt. Lass mich diese Form richtig machen. Ich werde diese Eiswaffel nicht vollständig kopieren, ich werde sie einfach modifizieren und meinen eigenen Stil hinzufügen. Ich glaube definitiv nicht, dass ich mir so viele Wellen hinzufügen werde. Ich denke, vielleicht sind drei Wellen auf jeder Seite in Ordnung. Es ist gut genug für mich. Dies ist eine gute Grundform. Ich habe meine ziemlich tief heruntergezogen, also benutze ich das Direktauswahl-Tool und bringe meine Illustration ein wenig auf. Mir geht es gut mit diesem grundlegenden Umriss und jetzt denke ich, dass es ein guter Zeitpunkt ein wenig Farbe hinzuzufügen. Ich drücke und halte die Leinwand fest , um diese bräunliche Farbe fallen zu lassen. Ich füge diese neue Farbebene direkt unter der Skizzierebene hinzu. Auf dieser neuen Ebene werde ich den Umriss, den ich zuvor gezeichnet habe, verfolgen und einfach dein Bestes geben, um in den Zeilen zu bleiben. Wir sind damit fertig, gehen wir zurück in diese Ebenen. Ich benenne diese Ebene tatsächlich um damit wir ein wenig organisiert bleiben können. Ich nenne das Chocolate, vielleicht Grundfarbe, also wissen wir was das ist. Bisher haben wir unseren Umriss, wir haben unsere Grundfarbe. Als nächstes füge ich die Schattenebene und möchte, dass diese direkt über unserer Grundfarbe liegt. Der Grund, warum ich all diese Teile des Eiscremes auf separaten Schichten aufbewahre diese Teile des Eiscremes , liegt darin , dass es mir nur mehr Flexibilität gibt. Wir nennen diese Ebene Shadows, und was ich tun werde, ist, ich mir eine etwas dunklere braune Farbe für den Schatten schnappen werde . Ich schiebe es ein wenig nach rechts für einen dunkleren Braunton. Ich denke, dass das Hinzufügen von Schatten zu Ihren Illustrationen ihnen eine schöne Tiefe und Realismus verleiht. Wenn ich die Schatten zeichne, tue ich nur so, als würde die Lichtquelle aus diesem oberen linken Bereich kommen, was bedeutet, dass der Schatten auf den Boden jeder Welligkeit fallen würde . Außerdem gibt es einige Schatten in meinem Referenzbild, also wenn ich mich verirre, kann ich mir immer unsere Referenz ansehen. Eine andere Sache, wenn Sie diese Schatten einzeichnen, haben Sie keine Angst, mit verschiedenen Pinseln zu experimentieren , die vielleicht eine gewisse Textur haben. Es gibt einige schöne Texturen unter der Zeichenpinselgruppe und vielleicht sogar Charcoal, also bedenken Sie dies als Option für Ihre Illustration. Genau wie wir die Schatten ausgefüllt haben, werden wir als nächstes einige Highlights ausfüllen. Ich lasse die Grundfarbe dieses Kegels mit den Augen fallen und wähle dann eine Highlight-Farbe aus , die etwas oben und links von meiner Grundfarbe liegt . Machen Sie weiter und erstellen Sie eine neue Ebene direkt über der Schattenebene. Ich benenne diese Schokoladen-Highlights um, und ich werde anfangen, diese Highlights am oberen Rand jeder Welligkeit zu zeichnen , genau dort, wo unsere vorgetäuschte Lichtquelle herkommt diese obere linke Ecke. Ich glaube, ich mache noch ein Highlight und das nenne ich gut. Während ich mir diese Illustration ansehe, dieser Umriss tatsächlich stört mich dieser Umriss tatsächlich ein wenig. Mir gefällt es nicht, dass es den ganzen Weg rüber geht, also werde ich ein bisschen löschen. Dies ist eigentlich ein perfektes Beispiel dafür , warum wir Layer verwenden. Ich konnte den Umriss anpassen, ohne eine andere Ebene zu belästigen , und jetzt passe ich die Schatten an, ohne die gesamte Illustration zu ruinieren, was einfach tragisch wäre. An dieser Stelle bin ich mit meiner letzten Illustration fertig, also werde ich alle diese einzelnen Elemente einfach zusammenfassen. Wählen Sie einfach jede Ebene aus, indem Sie sie nach rechts schieben, und drücken Sie, sobald sie alle ausgewählt sind , oben auf „Gruppe“. Zuletzt benenne ich diese Gruppe um, damit wir wissen, was es ist. Ich nenne es Schokoladeneis. Jetzt, da wir mit unserer ersten Illustration fertig sind, brauchen wir unser Referenzbild an dieser Stelle wirklich nicht mehr. Um das Pinterest-Fenster loszuwerden, greifen Sie nur diesen Griff genau hier und wischen Sie ihn so direkt aus dem Rahmen. Jetzt sind wir bereit, uns darauf einzurichten, mit dem Animieren zu beginnen. Um den Animationsassistenten zu aktivieren, wechseln Sie zum Schraubenschlüssel-Werkzeug, gehen Sie dann zu Canvas und aktivieren Sie dann die Schaltfläche Animationsassistent. Sie fragen sich wahrscheinlich : „Warum sieht mein Rahmen so aus?“ Nun, was Sie zuerst tun müssen, ist zur Timeline zu gehen und sicherzustellen, dass Ihr Bild auf den Hintergrund eingestellt ist. Auf diese Weise bleibt Ihr Bild während der gesamten Animation im Hintergrund. Ich würde sagen, eine gute Faustregel, bevor Sie mit dem Animieren beginnen , ist, ein gutes Referenzvideo zu finden, also werde ich Google wirklich schnell hochziehen , damit ich ein wenig darüber recherchieren kann, wie ein Eis schmilzt tatsächlich. Ein Ort, an den ich wirklich gerne gehe, ist Adobe Stock. Ich denke nur, dass sie ein ziemlich gutes Video haben , also gehen wir auf diese Website. Stellen Sie sicher, dass das Video in diesem Dropdown-Menü ausgewählt ist. Jetzt tippe ich meine Suche ein, die ich schon einmal eingegeben habe, Eiscreme schmelzen und mal sehen, was wir uns einfallen lassen. Sofort gibt es schon so viele gute Möglichkeiten. Lassen Sie mich durchblättern und schauen Sie mir ein paar an. Klicken wir vorerst einfach auf dieses Video. Das erste, was mir beim Anschauen dieses Videos auffällt , ist, dass das Eis schrumpft und kürzer wird, wenn es schmilzt, also möchte ich das auf jeden Fall in meiner Animation machen. Was wirklich hilfreich ist, ist, dass Sie tatsächlich durch das Video scrollen und in den Momenten innehalten können, die Sie etwas länger betrachten möchten . Das kann sehr hilfreich sein. Schauen wir uns ein anderes Video an, vielleicht dieses. In diesem Video ist dies ein gutes Video, um darauf hinzuweisen, wie ein Eis tropfen würde. Es sieht so aus, als ob der Tropf sehr lang wird und sobald er abbricht, schnappt der Tropf zurück und verkürzt sich wieder. Ich empfehle ehrlich, Referenzvideos für alles zu suchen , was Sie animieren, sei es Feuer, Blitz, und Sie könnten wahrscheinlich ehrlich nach anderen Animationen suchen , um sich inspirieren zu lassen. Ich glaube, wir haben eine gute Inspiration gesammelt. Lassen Sie mich einfach zum Procreate-Bildschirm zurückkehren weil ich denke, dass wir diese Eiswaffel tatsächlich animieren können . Wir haben eigentlich schon das erste Frame unserer Animation fertig. Um einen neuen Frame hinzuzufügen, gehen Sie einfach zu Frame hinzufügen in der Ecke dieser Zeitleiste und sofort sehen Sie die Zwiebelhaut des vorherigen Frames. Ich möchte die Deckkraft meiner Zwiebelhaut anpassen und sie einfach ein wenig mehr aufstoßen, also mache ich das einfach in den Einstellungen. Das sieht viel besser aus. Ich denke, es wäre hilfreich, wenn ich mein Referenzvideo im selben Fenster wie mein Procreate hätte. Halten Sie einfach eine beliebige App neben Ihrem Procreate-Fenster gedrückt und lassen Sie mich einfach nach unten zu dem Video scrollen, das ich sehen möchte. Jetzt, wann immer ich etwas feststecke, wenn es um das Animieren geht, kann ich einfach einen Blick hier werfen und weiß, dass ich für alle Fälle ein kleines Backup habe. Jetzt können wir mit dem zweiten Frame dieser Animation beginnen. Basierend auf einigen der Videoreferenzen, die wir nachgeschlagen haben, haben wir erfahren, dass Eiswaffeln schrumpfen und etwas kürzer werden, wenn sie schmelzen Wie Sie in diesem Rahmen sehen können, mache ich die Eiswaffel etwas kürzer und ich zeichne jede Welle etwas niedriger als der vorherige Rahmen. Ich füge auch ein paar kleine Wellen hinzu , die später zu Tropfen werden; also füge ich dort eine hinzu, vielleicht eine andere auf dieser Welle, genau dort. Ich habe diesen Rahmen etwas zu breit gezeichnet. Ich glaube, ich bin ziemlich zufrieden damit, wie dieser Rahmen aussieht. Jetzt ist es an der Zeit, den nächsten Frame zu zeichnen. Kommen Sie einfach noch einmal zur Timeline und drücken Sie einfach Frame hinzufügen. In diesem dritten Frame der Animation konzentriere ich mich immer noch nur auf den Umriss, also mache ich die Eiswaffel immer noch kürzer mache gleichzeitig die Tropfen etwas länger. Wir setzen nur diese Abwärtsbewegung fort, machen jede Welligkeit etwas niedriger als die letzte und verwenden einfach Ihre Zwiebelhaut als Leitfaden. In dieser Phase der Animation kann es sehr hilfreich sein, einfach wieder durchzugehen und zu sehen, wie Ihre Frames bisher aussehen. Lassen Sie mich meine Einstellungen tatsächlich ändern damit wir nur eine Zwiebelhaut sehen, damit es einfacher ist zu sehen, was passiert. Wir beginnen mit unserem vollen Eis und Sie können sehen, dass es langsam schrumpft. Weiter zum nächsten. Für diesen nächsten Frame werde ich diesen Tropf ziemlich lang machen, ich denke, er wird wahrscheinlich im nächsten Frame abbrechen . Es ist im Grunde dieselbe Geschichte, neuer Rahmen, wir lassen dieses Eis nur schrumpfen und achten gleichzeitig darauf, in welcher Phase sich jeder Tropf befindet. Zum Beispiel ist dieser Tropf auf diesem nächsten Frame definitiv bereit, abzubrechen. Ich werde nur den Tropf zeichnen und wenn Sie sich an die Videoreferenz erinnern, die Oberseite zurück und schrumpft auf eine kleinere Größe, sobald der Tropf abbricht schnappt die Oberseite zurück und schrumpft auf eine kleinere Größe, sobald der Tropf abbricht. Lasst uns damit anfangen, nur ein bisschen zu schrumpfen , und lassen Sie mich das einfach beschleunigen während ich den Rest dieser Wellen durchziehe. Ich mache diese Tropfen auch ein bisschen länger. Wir werden sie wahrscheinlich in einem der kommenden Frames abbrechen lassen . Lassen Sie mich einfach den Fortschritt dieser Animation überprüfen. Ich würde sagen, es ist immer eine gute Faustregel , nur den Fortschritt Ihrer Animation zu überprüfen da es in diesem Stadium so viel einfacher ist, Änderungen vorzunehmen als wenn Sie es sind weiter im Animationsprozess. In diesem nächsten Frame werden wir diesen Tropf etwas weiter nach unten bewegen lassen, und wir werden nur ein wenig Kürbis hinzufügen und strecken, um die Bewegung dieses Tropfens zu übertreiben runter. Mit diesem oberen Teil werden wir einfach weiter zulassen, wir einfach weiter dass er wieder schrumpft, und wir werden entscheiden, ob wir diesen Tropf später wieder herstellen wollen . Nochmals, ziehe einfach weiter jede Welle etwas tiefer. Ich wünschte eigentlich, diese beiden Tropfen würden nicht landen. Das können wir uns jetzt ändern oder einfach verlassen. Für diesen Tropf denke ich, dass es ein guter Zeitpunkt ist, dass dieser abbricht. Ich werde einfach den unteren Teil so zeichnen und dann erinnere mich daran, dass wir diesen Topstart machen müssen , um ein wenig zurückzuschnappen. An diesem Punkt der Animation das Timing jedes Tropfens möglicherweise etwas verwirrend, aber konzentrieren Sie sich einfach auf eins nach dem anderen und es wird Ihnen gut gehen. Dieser Tropf fällt immer noch nach unten, und ich werde tatsächlich ein bisschen einen Kürbis haben , sobald er auf meinen Finger trifft. Für die Spitze des Tropfens denke ich, dass ich es noch einmal tropfen lassen werde, also lass es mich einfach etwas länger machen. Alles nach unten fortsetzen. Für diesen kleinen Tropfen hier drüben werde ich ihn dehnen lassen und dann ein bisschen oben zurückschnappen. Wieder einmal ist es immer eine gute Idee, Ihre Animation wiederzugeben , um zu sehen, wie sie bisher aussieht. Stellen Sie einfach sicher, dass nichts verrückt aussieht und einfach alle Änderungen vor , die Sie benötigen während wir noch in diesem Stadium sind. Da dies wiedergegeben wird, denke ich, dass es eine gute Idee ist, jeden Tropf einzeln anzusehen , nur um zu sehen, wie er sich selbst animiert. Ich werde dieser Animation nur noch ein paar Frames hinzufügen , ich denke, ich werde nur die Tropfen landen lassen , und dann nenne ich es gut. Lasst uns weitermachen und einen neuen Rahmen hinzufügen , und wenn dieser Tropfen landet, werde ich ihn einfach komplett gegen meinen Finger zerquetschen lassen. Dann gehe ich durch und lasse einfach alles andere ein bisschen schrumpfen und lasse die Schwerkraft das tun, was die Schwerkraft am besten kann, nämlich einfach Dinge auf den Boden zu ziehen, und ich werde weitermachen und lassen dieser zweite Tropfen Squash auch in meinen Finger. Dieser mittlere Tropfen sieht etwas komisch aus, also lass mich das einfach schnell reparieren und lass mich sehen, wie das aussieht. Jetzt sieht es etwas zu dünn aus, also verdicken wir es einfach ein bisschen und machen es etwas länger. Schauen wir uns das an. Eine andere Sache, die ich merke, ist, dass dieser Top-Tropf etwas seltsam zurückspringt, es ist fast wie zu federnd, wenn du weißt was ich meine. Lassen Sie mich einfach den Rahmen finden, dass es etwas seltsam wird, was dieser ist, und lassen Sie mich das einfach ein wenig verkürzen . Zeichnen wir diesen Rahmen einfach etwas ähnlicher dem vorherigen Frame, damit er sich langsamer bewegt. Wenn ich das abspiele, denke ich, dass ich auch diesen letzten Frame bearbeiten muss, diesen auch verkürzen und vielleicht auch etwas dünner. Mal sehen, wie das läuft. Ich würde sagen, das ist ein bisschen besser. Ja, damit geht's mir gut. Das Letzte, was ich tun werde, ist, dass ich nur eine exakte Kopie dieses Frames verfolgen werde eine exakte Kopie , nur damit er am Ende läuft. Ich gehe im Grunde einfach durch und verfolge alles genau gleich. Ich versuche nicht mehr, es zum Schmelzen zu bringen, ich möchte nur, dass dieser Frame am Ende jittert, also habe ich die Möglichkeit, es bei Bedarf zu schleifen. Mit meinen beiden Jitter-Frames am Ende kopiere ich beide , damit es nur ein bisschen länger läuft. Ich dupliziere diesen ersten Frame und dupliziere dann diesen zweiten Jitter-Frame. Wenn wir das abspielen, werden Sie sehen, dass es am Ende ein wenig zittert, anstatt einfach still zu bleiben. Ich mag es, diesen kleinen Shake am Ende der Animation zu haben, damit ich die Möglichkeit habe, es am Ende so lange zu schleifen , wie es nötig ist. Zum Beispiel werde ich definitiv die andere Eiswaffel auf diesem Foto animieren. Die beiden Jitter-Frames helfen mir die Animationen so einzustellen, dass sie gleichzeitig enden. Jetzt, da wir mit unseren Basisrahmen fertig sind und wir uns 100 Prozent sicher sind, dass wir damit einverstanden sind, wie alles aussieht, können wir in jeden Frame eingehen und anfangen Farbe und Details hinzuzufügen. 8. Objekte animieren (Teil 2): Gehen wir zurück zu diesem ersten Referenzrahmen und Sie einfach die Farbe fallen, die wir jedem Frame hinzufügen werden. Gehen wir zum ersten Frame , in dem wir Farbe hinzufügen werden. Ich denke, es ist tatsächlich einfacher, das Ebenenbedienfeld für diesen Prozess zu verwenden . Sie werden sehen, dass wir ungefähr sieben oder acht ähnliche Rahmen haben ungefähr sieben oder acht ähnliche Rahmen , denen wir Farbe hinzufügen müssen. Fügen wir eine neue Ebene für unseren Farbrahmen hinzu. Dann müssen wir diese Ebene mit Frame Nummer zwei gruppieren. Schieben Sie einfach die Ebene nach rechts, um sie auszuwählen, und drücken Sie dann oben einfach „Gruppe“. Nachdem Sie „Gruppe“ gedrückt haben, werden Sie feststellen, dass es unsere beiden Ebenen in einen schönen und ordentlichen Ordner gelegt hat, und Sie können einfach dieses kleine Dreieck an der Seite verwenden , um den Ordner auszublenden. Ehrlich gesagt können Zwiebelschalen an dieser Stelle etwas verwirrend werden. Sie können sie also entweder ausschalten oder unsere Gruppe lange halten und nur die Gruppe isolieren , mit der wir arbeiten. Stellen Sie sicher, dass Sie sich auf Ihrer neuen Ebene befinden. Dann ist dies der entspannende Teil. Sie können einfach durchgehen und Ihren Rahmen einfärben, genau wie ein Malbuch. Wir sind damit fertig, diesem ersten Frame Farbe hinzuzufügen. Um die Sichtbarkeit aller Ebenen erneut zu aktivieren, halten Sie das einfach gedrückt und halten Sie das Häkchen erneut gedrückt. Auf Frame Nummer drei erstellen wir erneut eine neue Ebene für unsere Farbe, schieben Sie Frame drei nach rechts, um sie auszuwählen, und drücken Sie dann „Gruppe“. Sie außerdem sicher, dass sich die Gliederungsebene für jede dieser Gruppen auf der Farbebene befindet, da wir den Umriss sehen möchten. Ich drücke und halte das Häkchen noch einmal fest, um diese Gruppe einfach zu isolieren, und ich genieße nur ein wenig Zeit zum Ausmalen. Ich würde sagen, dass dies der entspannendste Teil des Animierens ist , weil wir den schwierigen Teil der Planung jedes Frames beendet haben, und jetzt können wir uns einfach entspannen und färben. Ich zeige euch eine andere Möglichkeit, Ebenen zu gruppieren. Wir fügen eine neue Ebene für unsere Farbe und ziehen dann einfach die neue Ebene nach oben auf Frame Nummer vier, um sie zu gruppieren. Noch einmal müssen wir nur sicherstellen, dass sich unser Umriss auf unserer Farbenschicht befindet. Lassen Sie mich diese Gruppe einfach isolieren und diese sehr schnell einfärben. Außerdem weiß ich nicht, ob ich der Einzige bin, aber sieht dieses Schokoladeneis aus wie das Kot-Emoji? Ja, irgendwie komisch. Nur aus diesem Grund werden wir die Gruppen nicht mehr isolieren. Ich färbe den Rest der Rahmen mit dem Hintergrundbild an. Als nächstes kommt Frame Nummer Sechs. Ihr kennt die Übung inzwischen. Erstellen Sie eine neue Farbebene, gruppieren Sie sie zusammen mit dem Rahmenumriss und legen Sie Ihre Farbe fest. Sie sehen, dass es ein wenig ablenkendes Zeichnen mit den Zwiebelhäuten ist. Gehen Sie also einfach in die Einstellungen und drehen Sie die Zwiebel-Skin-Frames auf keine. Wir können uns einfach auf den vorliegenden Rahmen konzentrieren. Das wiederholt sich ein wenig. Ich werde diesen letzten Frames nur noch Farbe hinzufügen , und ich treffe euch, wenn ich fertig bin. Wir sind zurück. Mal sehen, wie es aussieht, wenn wir es wiedergeben. Es sieht ziemlich gut aus. Aber rate mal was, das einzige, was uns fehlt, sind die Schatten und Highlights, die wir in unsere Referenzillustration aufgenommen haben . bedeutet im Grunde, dass wir durch jeden Rahmen zurückgehen und jeder Eiswaffel eine Schattenschicht hinzufügen müssen . Lassen Sie mich in diese erste Gruppe gehen. Ich füge den Schatten direkt über dieser Basisfarbebene hinzu. Aber lassen Sie mich zuerst zu unserer Referenz zurückkehren, damit ich die richtige Schattenfarbe mit den Augen fallen lassen kann. Da sind wir los. Lassen Sie mich das zu der neuen Ebene hinzufügen, die wir direkt über unserer Grundfarbe erstellt haben. Es liegt wirklich an Ihnen zu bestimmen, wie viele Details Sie Ihrer Illustration hinzufügen möchten. Ich füge gerne Schatten hinzu, nur weil ich denke, dass es etwas schöner und ein bisschen realistischer aussieht . Wissen Sie nur, dass je mehr Details Sie in Ihrer Illustration haben, desto länger dauert es, bis Sie jeden Rahmen fertigstellen. Hier bin ich hier drüben füge jedem Frame auch Highlights hinzu und füge es direkt über der Schattenebene hinzu. Ich bin noch nicht fertig, meine Schatten und Highlights hinzuzufügen, aber du wirst feststellen, dass mein Schokoladeneis unter meiner Animation auftaucht. Um das zu beheben, muss ich mein ursprüngliches Hintergrundbild ein wenig bearbeiten. Ich isoliere nur das Hintergrundbild, indem ich das Häkchen drücke und halte , und das wird nur die Sichtbarkeit aller anderen Ebenen deaktivieren . Eine andere Sache, die ich machen möchte, ist, dass ich eine Kopie machen möchte. Schieben Sie also Ihr Hintergrundbild nach links und drücken Sie einfach „Duplizieren“. Ich mache gerne eine Kopie für den Fall, dass ich es vermasseln würde. Ich schalte einfach die Sichtbarkeit der Kopie und wir arbeiten vorerst an diesem Bild. Um das Schokoladeneis zu entfernen, gehe ich zum Zauberstab-Werkzeug und drücke „Klonen“. Bewegen Sie diesen Kreis einfach zu einem schönen Bezugspunkt. Ich glaube, ich möchte diesen Zement kopieren. Sie werden sehen, wenn Sie anfangen zu malen, beginnt es zu kopieren, was sich unter dem Kreis befindet. Ich werde dafür tatsächlich einen weicheren Pinsel benutzen und vielleicht etwas Kleineres, also ist es nicht zu verrückt. Ja, das sieht viel besser aus. Vielleicht möchte ich diese gelbe Kurve ein wenig klonen. Ja, wir werden gerade die Spitze dieser Eiswaffel los. Es sieht nicht perfekt aus, aber niemand wird es merken. Wenn Sie das Klonwerkzeug nicht graben, können Sie das Auswahlwerkzeug verwenden und es einfach verwenden, um den Bereich auszuwählen, den Sie kopieren möchten. Ich wähle einen Teil der Straße aus, Teil dieses Bordsteins, und stelle einfach sicher, dass du einen Bereich auswählst, der breit genug und groß genug ist , um deine Eiswaffel zu bedecken. Ich denke, mein Bereich ist groß genug, also gehe ich einfach zu dieser unteren Leiste und drücke „Kopieren & Einfügen“, wodurch automatisch nur der Bereich kopiert und eingefügt wird , den wir in einer neuen Ebene ausgewählt haben. Ich verschiebe einfach diese neue Schicht und lege sie direkt auf meine Eiswaffel, und das allein fängt schon die Eiswaffel zu verschleiern. Sie können diese Ebene auch ein wenig verzerren , um sicherzustellen, dass der Bordstein aufgereiht ist. Stellen Sie sicher, dass alles abgedeckt ist. Ich denke, diese Berichterstattung sieht ziemlich gut aus. Das einzige, was ich anpassen muss, sind diese harten Kanten. Ich benutze einfach dieses Radiergummi-Werkzeug und verwende vielleicht einen weicheren Pinsel wie eine Airbrush, und ich muss definitiv die Größe davon verringern, weil es zu viel löscht. Aber ja, lösche einfach die Teile, die wir nicht brauchen, und erweichen Sie einfach die Teile , die etwas hart sind, wie hier. Gib einfach dein Bestes, um alle Kanten mit dem Rest des Bildes zu mischen. Genau wie ein Zaubertrick lässt man Dinge so verschwinden. Ich bin ziemlich zufrieden damit, wie das aussieht. Ich werde es einfach mit der Kopie meines Originalbildes zusammenführen . Sie können entweder „Zusammenführen“ drücken oder auf eine andere Weise, wie Sie Ebenen zusammenführen können , besteht darin, sie einfach zusammen mit Ihren Finger zu kneifen. Manchmal braucht das Zusammenklemmen von Schichten ein wenig Zeit, aber hey, wir haben es geschafft. Sehen wir uns nun an, wie unsere Animation aussieht , wenn der Hintergrund entfernt ist. Hey, es sieht ziemlich natürlich für mich aus. Ich werde dich nicht langweilen, indem ich die letzten Highlights und Schatten hinzufüge . Lass mich einfach meine letzte Animation hochziehen. Es gibt ein paar Unterschiede in dieser Version. Zum Beispiel habe ich einen braunen Umriss anstelle von Schwarz verwendet, und ich habe auch ein wenig Textur für die Schatten verwendet. Genau wie zuvor habe ich meine beiden End-Jitter-Frames eingefügt , damit wir dies so lange wie nötig schleifen können. Eine andere Sache, die ihr euch bewusst seid ist das Ebenenlimit von Procreate. Um zu sehen, wie viele Ebenen Sie noch haben, gehen Sie zum Schraubenschlüssel-Werkzeug Canvas und drücken Sie unten auf „Canvas-Informationen“. in dem neuen Fenster sicher, dass Sie Layer ausgewählt haben, und es wird Ihnen eine ganze Aufschlüsselung darüber geben , wie viele Layer Sie verfügbar haben. Es sieht so aus, als hätte ich nur 19 Ebenen verfügbar, und ich brauchte ungefähr 41 Ebenen, um diese Animation zu erstellen. abgesehen muss ich diese Vanille-Eiswaffel auf jeden Fall in einer anderen Datei animieren. Ich habe diese Vanille-Eiswaffel eigentlich schon animiert. Wie Sie sehen können, habe ich die Schokoladeneis, ich habe die Vanille-Eiswaffel. Ich habe sogar dieses Dairy Queen-Zeichen zum Schmelzen animiert. Wenn wir uns die Vanille-Eiswaffel ansehen wollen, werden Sie sehen, dass ich sie gerade genauso animiert wie ich die Schokoladeneis animiert habe. Ich habe am Ende ein paar Jitter-Layer erstellt, damit ich es einfach so lange schleifen kann, wie ich die beiden zusammenstellen muss. Ich zeige Ihnen, wie Sie all diese separaten Animationen in einer Looping-Animation kombinieren können, in einer der letzten Lektionen. Bleib einfach gegen Ende dran. Perfekt. In dieser Klasse haben Sie gelernt, wie Sie Ihr Hintergrundbild bearbeiten um es für Ihre Animation in Procreate vorzubereiten, dann haben Sie gelernt, wie Sie ein Referenzvideo nachschlagen und schließlich ein Objekt in Ihrem Foto animieren können. Jetzt bist du dran. Schau dir dein Bild an und sieh nach, ob es ein Objekt gibt, das du in deinem Bild animieren oder Bewegung hinzufügen kannst . Dann triff mich in der nächsten Klasse, in der ich dir beibringe, wie man Ausdruckslinien in Procreate animiert. Lass uns gehen. 9. Animierte Ausdruckslinien und Formen: [MUSIK] Verwendung grundlegender Linien und Formen in Ihrer Animation ist eine großartige Möglichkeit, Ihren Fotos Ausdruck, Bewegung und Interesse zu verleihen . Sie legen auch nur Wert auf das Thema Ihres Fotos. In dieser Lektion zeige ich Ihnen, wie Sie einige Ausdruckslinien in Ihrem Foto animieren können. Wählen Sie für diese Animation ein Bild aus, das ein klares Thema enthält , auf das Sie ein wenig Wert legen möchten . Ich würde sagen, dass die Eiswaffeln Gegenstand dieses Bildes sind. Also werde ich nur Animation verwenden , um ein wenig Interesse zu wecken. Das erste, was wir tun werden, ist eine neue Ebene zu erstellen. Wir fügen es direkt über dem Hintergrundbild hinzu. Ich glaube, ich benenne diese Skizze um. Ich werde diese Ebene verwenden, um meine Idee für diese Animation zu skizzieren. Lass mich schnell einen schönen Pinsel schnappen. Meistens benutze ich den Skriptpinsel unter der Kalligraphie aber ich würde definitiv sagen, experimentiere mit Pinseln, um herauszufinden , welcher dein Favorit ist. Die Grundidee hier ist, dass Funken dieser Eiswaffel ausgehen, wie Ausdruckszeichen. Meine Markierungen sehen schief aus, aber keine Sorge, verwenden Sie einfach das Tool „ Direktauswahl“ und Sie können alle erforderlichen Anpassungen vornehmen. Das sieht ziemlich gut aus, jetzt muss ich den Funken der anderen Eiswaffel hinzufügen. Um eine Kopie einer beliebigen Ebene zu erstellen, schieben Sie sie einfach nach links und drücken dann „Duplizieren“. Dann benutze ich einfach mein praktisches Dandy Direct Selection Tool , um meinen zweiten Funken in Position zu bringen. Ich denke, dieser zweite Funke würde besser aussehen, wenn er umgedreht würde. Lassen Sie mich also noch einmal auf dieses „Direktauswahl“ -Tool drücken und einfach auf „Horizontal umkehren“ drücken, was es einfach horizontal widerspiegelt. Jetzt, da meine Skizze fertig ist, führe ich diese beiden Ebenen einfach zusammen. Sie können das tun, indem Sie einfach die Ebenen zusammendrücken und dann möchte ich diese Skizze mit meinen Hintergrundbildern gruppieren diese Skizze mit meinen Hintergrundbildern Ich habe bereits eine neue Gruppe aus der letzten Lektion eingerichtet. Aber im Grunde klicken und ziehen Sie Ihre Skizze und bewegen Sie sie direkt auf Ihren Hintergrund, um sie zu gruppieren. Ich glaube, wir sind bereit für Animation Assist. Komm rüber zum Schraubenschlüssel, drücke Canvas und dann Animation Assist. Wenn die Zeitleiste erscheint, vergewissern Sie sich einfach, dass Ihr Bild auf den Hintergrund eingestellt ist. Dadurch wird nur sichergestellt , dass unsere Bildgruppe, einschließlich unserer Skizze, während der gesamten Animation im Hintergrund bleibt . Lassen Sie mich davon abgesehen einfach die Deckkraft meiner Skizze reduzieren , nur damit sie etwas weniger ablenkend ist. Es wird auch helfen, damit ich meine Animationsrahmen ein wenig besser sehen kann . Alles klar, also lass mich dir ein paar Möglichkeiten zeigen , wie wir diese Funken animieren können. Bei jeder Animation möchten Sie zunächst einen neuen Frame hinzufügen. Gehen wir in der Ecke der Zeitleiste zu Frame hinzufügen. Für die erste Option werden wir nur unseren Skizzen-Layer vollständig verfolgen. Dann erstellen wir einen weiteren Frame, indem wir erneut auf Frame hinzufügen drücken. In diesem Rahmen werden wir Skizze einfach noch einmal verfolgen. Das war's für die erste Option. Wenn Sie die Animation abspielen, werden Sie sehen, dass sie den Funken nur ein wenig Jitter gibt und es sieht einfach so aus, als hätten Sie hier Ihr Bild ein Geschenk hinzugefügt . Jetzt zeige ich dir einen anderen Weg wie du diese Funken animieren kannst. Ich werde diese Animation so erstellen, dass die erste Option für Funken und zweite Option für Sparks gleichzeitig gespielt die zweite Option für Sparks gleichzeitig gespielt werden, damit wir sie vergleichen können. Gib mir einfach eine Sekunde , um weitere Frames hinzuzufügen. Diese erste Animation sieht genauso aus. Ich habe gerade weitere Frames hinzugefügt , damit ich diese zweite Animation erstellen kann. Normalerweise würde ich eine zweite Animation in einem ganz anderen Canvas erstellen , aber ich möchte nur, dass ihr diese Seite an Seite sehen könnt . Lassen Sie mich zunächst eine neue Ebene für das erste Bild dieser Animation erstellen . Dann wähle ich das erste Bild unserer ersten Animation aus und gruppiere es zusammen mit dem ersten Frame der zweiten Animation , damit sie zusammen spielen. Grundsätzlich werden alle Ebenen, die im Ebenenbedienfeld gruppiert sind , hier unten in der Animationszeitleiste als ein Bild angezeigt . Für diese zweite Animationsoption lasse ich diesen Funken nach außen ausdehnen und dann verschwinden. Für diesen ersten Frame werde ich nur einen ganz kleinen Teil dieses Funkens zeichnen . Das ist gut für den ersten Frame. Gehen wir nun zum zweiten Frame hier unten in der Zeitleiste, im Ebenenbedienfeld erstelle ich einen neuen Frame für unsere neue Animation und gruppiere ihn einfach mit dem zweiten Rahmen unserer ersten Animation. Dann lass mich einfach meine Einstellungen so anpassen , dass meine Onion Skin Frames auf eins eingestellt sind. Weil ich denke, dass es hilfreich sein wird, den ersten Frame unserer Animation als Referenz zu sehen . Dann tauchte das auf. Da sich dieser Frame der Animation in einer Gruppe befindet, fragt ich mich im Grunde, auf welche Ebene ich zurückgreifen möchte. Lassen Sie mich Ihnen tatsächlich zeigen, wie ich diese Einstellung auftauchte. Wenn Sie diese Einstellung ebenfalls wünschen, wechseln Sie zum Schraubenschlüssel-Werkzeug, gehen Sie zu Einstellungen und tippen Sie dann auf „Gestensteuerung“. Es gibt so viele Einstellungen, die Sie einrichten können, aber im Grunde genommen habe ich zu dieser Option „Ebenenauswahl“ gegangen und dann diese Schaltfläche plus Apple Pencil Toggle aktiviert . Diese Option ist wirklich cool, wenn Sie versuchen, eine bestimmte Ebene in Ihrem Kunstwerk zu finden. Zurück dahin, wo wir waren. In Frame zwei drücken wir die leere Ebene , die wir erstellt haben. Dann werden wir in diesem Rahmen den Funken nur etwas weiter ausdehnen als das erste Bild. Ich würde sagen, dehne es auf etwas mehr als die Hälfte deiner ursprünglichen Skizze aus, damit am Ende nur noch ein bisschen übrig ist. Weiter zu Frame 3 der Animation. Oben im Ebenenbedienfeld erstelle ich eine neue Ebene und gruppiere sie mit Frame Nummer drei. Lassen Sie mich die Deckkraft meines Onion Skin verringern, damit ich etwas besser sehen kann. Im dritten Frame dieser Animation möchte ich unseren Funken bis zum Ende unserer Skizze ausdehnen, aber gleichzeitig möchte ich tatsächlich anfangen, ihn zu schrumpfen. Ich werde es etwas höher als unten zeichnen , aber strecke es bis zum Anfang unserer Skizze aus. Wenn wir unsere Animation bisher in der Vorschau anzeigen möchten, werden Sie sehen, dass sie sich nach außen erstreckt. Ich denke eigentlich, dass wir nur einen weiteren Rahmen für diese Animation brauchen . Lass mich zu Frame Nummer vier gehen. Wie immer erstellen wir eine neue Ebene im Ebenenbedienfeld und gruppieren sie mit Frame Nummer vier. Wow, es ist eigentlich schwer, den Unterschied zwischen meinem Onion Skin und meiner Skizze zu erkennen. Lassen Sie mich einfach die Deckkraft meines Onion Skin ansprechen. Verwenden Sie im Grunde einfach die Onion Skin-Einstellungen, um alles zu tun, was für Sie am einfachsten zu sehen ist. Für diesen letzten Frame, Frame Nummer vier, ende ich gerade mit einem kleinen Punkt direkt außerhalb des vorherigen Frames. Ich denke, der Flow ist ziemlich nett. Hier sind beide zusammen. Lassen Sie mich eigentlich unsere ursprüngliche Skizzenebene ausschalten , damit wir die Animation in vollem Umfang sehen können. Hier sind die beiden Möglichkeiten zusammen. Du wirst sehen, dass wir diesen nervösen Funken geschaffen haben und dann den Funken, der sich nach außen erstreckt. Aber wissen Sie einfach, dass es so viele Möglichkeiten gibt Ihren Animationen Ausdruckslinien hinzuzufügen. Lassen Sie sich einfach inspirieren und haben Sie keine Angst zu experimentieren. In dieser Lektion haben Sie gelernt, einfache Ausdruckslinien zu animieren , um Ihrem Bild Bewegung und Betonung zu verleihen . Jetzt bist du dran. Schau dir dein Foto an und sieh dir an, wo du einige Ausdruckslinien hinzufügen kannst. Dann begleite mich in der nächsten Lektion, in wir eine kleine Textanimation machen. [MUSIK] 10. Text animieren: [MUSIK] Die Verwendung von Wörtern in Ihrer Animation kann Ihrer Animation eine kleine Hintergrundgeschichte geben. Es kann dem Betrachter auch einen kleinen Kontext darüber geben , was er wissen soll. Es gibt so viele Möglichkeiten, Text in Procreate zu animieren, aber in dieser Lektion zeige ich Ihnen , wie Sie Ihren Text schrittweise erscheinen lassen und dann verschwinden. Lass uns gehen. Für diese Animation verwende ich dieses Foto, das ich in San Diego aufgenommen habe. Ich liebe diesen Kerl einfach im Hintergrund und ich denke, er würde mit etwas Textanimation richtig gut aussehen. Ich habe bereits eine Vorstellung davon welchen Text ich diesem Bild hinzufügen möchte, aber wenn Sie völlig ratlos auf ein Wort sind, würde ich anfangen, einige Idiome zu durchsuchen. Das Wort, das ich glaube, dass ich in meine Animation aufnehmen möchte , ist das Wort Träume. Lass mich einfach nach Traum-Idiomen suchen und sehen, was auftaucht. Wir haben Dinge wie jenseits deiner wildesten Träume, das ist nett. Wir haben Dinge wie zerbrochene Träume. Sie können weiter hineinklicken und sehen, welche anderen Ergebnisse angezeigt werden, aber das ist nur eine Vorstellung davon, wie Sie ein Wort oder eine Phrase erstellen können. Aber sobald Sie ein Wort oder einen Satz ausgewählt haben, zeige ich Ihnen, wie Sie Text hinzufügen. Wir gehen zum Schlüsselwerkzeug, drücken „Hinzufügen“ und drücken dann „Text hinzufügen“. Sofort wird ein neues Textfeld angezeigt. Während der Text noch ausgewählt ist, wähle ich gerne die Farbe aus. Dafür denke ich, dass ich einfach bei der Farbe Weiß bleibe , nur um den Hintergrund schön sauber zu halten. Jetzt ist es an der Zeit, unser Wort einzutippen. Ziehen Sie einfach die Tastatur hoch und das Wort, das ich ausgewählt habe, ist das Wort „Träumer“, nur weil dies ein wirklich schönes und verträumtes Bild ist. Stellen Sie sicher, dass Ihr Text ausgewählt ist. Um unseren Text zu formatieren, drücken wir einfach dieses doppelte A in die Ecke. Das wird nur diesen Schriftstil-Dialog aufrufen . Wie Sie sehen können, gibt es verschiedene Schriftarten, aus denen Sie wählen können, also gehen Sie einfach durch. Ich bleibe bei der DIN Condensed nur weil es schön und sauber ist. Dann können Sie einfach durchgehen und andere Anpassungen vornehmen. Sie können die Größe wählen. Spiel einfach mit den Einstellungen herum. Wenn Ihnen etwas nicht gefällt, setzen Sie diese Einstellung einfach auf null Prozent zurück. Eine Sache, die ich tun werde , ist, dass ich meinen Text alle Großbuchstaben mache , indem ich diesen kleinen Umschalter in der Ecke drücke. Eine andere Sache, die Sie tun könnten, ist, Ihren Text alle Umrisse zu erstellen, indem Sie darauf drücken. Ehrlich gesagt, um ehrlich zu sein, weiß ich nicht einmal, was dieses Tool macht. Wir werden einfach rückgängig machen. [GELÄCHTER] Ich bin ziemlich zufrieden mit diesen Einstellungen, also drücke ich „Fertig“. Wenn Ihr Text in zwei Zeilen wie meinen läuft , können Sie einfach diese kleinen Griffe an der Ecke verwenden und Ihr Textfeld so breit machen, wie Sie benötigen. Der Text sieht ziemlich gut aus. Ich möchte es nur in der Mitte positionieren. Ich gehe zum Direktauswahl-Tool und ich denke, ich möchte, dass es genau dort ist. Wir skalieren es ein bisschen. Das sieht gut aus. Unser Text sieht verrückt normal aus. Es passiert nichts zu besonderes. Ich denke, was ich tun möchte, ist eine benutzerdefinierte Form zu erstellen, als würde ich vielleicht den Textbogen ein wenig haben nur um ein bisschen mehr Interesse zu wecken. Was ich tun werde, ist, dass ich eine neue Ebene hinzufügen werde. Nennen wir diese Referenz vorerst. Auf dieser Referenzebene skizziere ich einfach die Form, der mein Text folgen soll. Die Spitze wird gerade sein. Ich ziehe einfach, halte mit meinem Apple Pencil gedrückt, um eine gerade Linie zu machen, und dann kannst du mit dem Finger gedrückt halten, um die Linie an einer perfekten horizontalen Linie zu schnappen. Unten mache ich einen Bogen. Ich zeichne einfach meinen Bogen ein, drücke und halte ihn mit deinem Apple Pencil ohne ihn anzuheben, um ihn zu einem perfekten Bogen zu machen, und drücke dann mit dem Finger nach unten, um ihn zu einem perfekten Kreisbogen zu machen. Dann lege ich diese Form einfach bei. Klicke und halte an den Seiten, benutze deinen Finger, um die Linie perfekt vertikal zu machen, und ich mache das Gleiche auf dieser Seite. Diese Form sieht ziemlich gut aus, aber ich denke, ich möchte die Höhe anpassen , nur damit sie etwas besser in den Raum passt. Ich nehme das Auswahlwerkzeug und wähle einfach die Oberseite der Form aus. Stellen Sie sicher, dass ich auf der richtigen Ebene bin. Dann benutze ich dieses Direktauswahl-Tool um die Höhe ein wenig zu erhöhen, und ich denke, das sieht ziemlich gut aus. Nachdem wir nun unser Referenz-Shape erstellt haben, werde ich den Text so anpassen , dass er dieser Form folgt. Gehen wir zur Textebene. Um die Form anzupassen, müssen wir den Text rasterisieren. Zuerst erstelle ich nur eine Kopie, damit wir sie nur für alle Fälle haben. Für diese andere Textebene drücke ich rasterize, was Rastern bedeutet, dass Sie mit diesem Text nicht mehr tippen können . Stattdessen ist es wie eine Form. Es gibt so viele Möglichkeiten, Text in Procreate anzupassen. Eine Sache, die ich sehe, dass Leute viel tun, ist Liquify zu verwenden. Unter Liquify kannst du die Größe anpassen und deinen Text einfach in eine Wellenform schieben. Du kannst deinen Text auch drehen, wenn das dein Stau ist. Damit kannst du wahrscheinlich tatsächlich eine coole Animation machen. Ich weiß nicht, spiele einfach mit einigen dieser verfügbaren Effekte herum . Aber für diesen Kurs werde ich keine Liquify-Effekte verwenden. Ich werde dieses Direktauswahl-Tool tatsächlich verwenden. Dieses Direktauswahl-Tool enthält alle Tools, die ich brauche. Lassen Sie mich das einfach bis zum Rand meiner Referenz skalieren und wir können beginnen. In der Ecke siehst du diese Option namens Warp. Wenn Sie darauf klicken, fügt es all diese kleinen Raster zu Ihrem Text hinzu und Sie können es einfach verwenden, um Ihr Bild zu dehnen. Ich werde nur ein bisschen eine Seite runterziehen, dann die andere Seite. Dann schiebe ich diese Mitte wieder nach oben. Ich werde einfach weiterhin diese wirklich kleinen Anpassungen auf der einen Seite, auf der anderen Seite vornehmen und dann die Mitte fixieren. Ich nehme mir Zeit mit diesen Anpassungen, weil ich die Integrität der Schriftart so weit wie möglich beibehalten möchte , obwohl wir sie verzerren. Eine weitere Option, wenn Sie möchten, dass Ihr Text noch perfekter aussieht, könnten Sie ihn tatsächlich in Adobe Illustrator erstellen und einfach ein PNG in Procreate importieren. Lassen Sie mich einfach die Querstreben des Es runterbringen, und ich denke, das sieht anständig aus . Ich bin ziemlich zufrieden damit. Wir sind mit dieser Referenz fertig. Ich werde einfach weitermachen und diese Form löschen. Um meinen Satz zu beenden, füge ich nur noch ein paar Worte an die Spitze. Noch einmal gehen wir zum Schraubenschlüssel, fügen Text hinzu und fügen ihn hinzu, wählen Ihre Farbe aus. Dann gebe ich zum Anfang meines Satzes einfach „Die Rache der“ ein. Schrei zu jedem, der weiß was das ist. jedenfalls sicher, dass Ihr Text ausgewählt ist , bevor Sie formatieren. Formatieren Sie Ihren Text einfach so, wie Sie möchten. Ich mache meine alle Caps wieder und skaliere die Schrift ziemlich nach unten. Diesmal verwende ich etwas Kerning auf die Breite des Wortes „Träumer“. Lassen Sie mich diese Griffe einfach ein wenig anpassen. mir ziemlich gut , also drücke „Fertig“. Wieder einmal verwende ich das Direktauswahlwerkzeug, um diesen Text einfach auf die Breite des Wortes „Träumer“ zu skalieren und sicherzustellen , dass Sie Uniform ausgewählt haben oder Sie nur Ihre Text auf seltsame Weise. Außer du willst das, ich meine, mach es. Wir haben die Basisstruktur unseres Textes eingerichtet. Jetzt ist es an der Zeit, mit dem Animieren zu beginnen. Um den Animationsassistent einzuschalten, gehen Sie zum Schraubenschlüssel-Werkzeug, gehen Sie dann zu Canvas und aktivieren Sie dann die Schaltfläche Animationsassistent. Wie immer stelle ich mein Hintergrundbild gerne auf den Hintergrund, damit es für die gesamte Animation im Hintergrund bleibt . Ich denke, ich möchte tatsächlich, dass dieser Text auch im Hintergrund bleibt, aber lassen Sie mich einfach „Rache of the“ greifen und ihn mit dem Hintergrundbild gruppieren. Alles, was mit dem Hintergrund gruppiert ist, wird die ganze Zeit im Hintergrund bleiben . Weißt du was? Ich werde sogar unseren benutzerdefinierten Text, den wir gerade erstellt haben, auch in die Hintergrundgruppe einfügen, weil ich diesen eher als Referenz verwenden möchte, anstatt dass Referenz verwenden möchte, anstatt es sich tatsächlich um einen Rahmen der Animation handelt. Lassen Sie mich diese Referenz einfach umbenennen , damit ich weiß, dass ich beim Animieren weiterhin darauf zurückgreifen muss. Wir haben unsere Struktur und alles eingerichtet, denken wir jetzt über die Animation nach. Mein Plan ist es, ein Objekt von links nach rechts einschießen zu lassen und die Buchstaben so auszufüllen , wie es geht. Dann lasse ich es vielleicht übergehen , indem ich alle Buchstaben schmelzen lasse. Gehen wir zunächst zu unserer praktischen Dandy-Referenzebene und drücken „Auswählen“. Wenn Ihre Ebene ausgewählt ist, sehen Sie all diese seltsamen diagonalen Linien. Wenn Ihre Auswahl so schwarz aussieht, stellen Sie einfach sicher, dass die freie Hand ausgewählt ist. Die Auswahl bedeutet nur, dass wir nur innerhalb der ausgewählten Form zeichnen können , die zufällig das Wort „Träumer“ ist . Machen Sie weiter, fügen Sie einen neuen Rahmen hinzu, und was wir tun werden, ist, die Buchstaben schrittweise von links nach rechts auszufüllen . Aber lassen Sie mich zuerst die Deckkraft dieser Referenzebene senken , damit wir sehen können, was wir etwas besser machen. Ich denke, dass es in Ordnung ist auf 21 Prozent. Ich denke auch, dass es nützlich wäre, einfach eine Skizzenebene hinzuzufügen , um den Pfad unserer Animation zu skizzieren. Ich zeichne einfach diesen roten Pfeil, um den Bogen anzuzeigen, dem ich folgen möchte. Ich habe nur diese kleine Skizzenebene in der Hintergrundgruppe mit dem Rest des Hintergrunds. Wählen Sie Ihr erstes Frame aus und starten Sie endlich den ersten Frame unserer Animation. Ich fange etwas langsam an. Ich mache nur einen wirklich kleinen Bloop für den ersten Frame. Das ist wichtig. Jedes Mal, wenn Sie danach einen neuen Frame hinzufügen, drücken wir „Duplizieren“, damit wir diese Animation weiterhin hinzufügen und erstellen können . Drücken Sie erneut auf „Duplizieren“ und fügen Sie Ihrer Form etwas mehr Länge hinzu. Drücken Sie erneut auf „Duplizieren“. Fügen Sie Ihrer Form noch mehr Länge und Breite hinzu. Lassen Sie mich noch eins machen, damit wir sehen können , wie sich das bisher entwickelt. Duplizieren, noch mehr hinzufügen und jetzt sehen wir uns an, was wir bisher erstellt haben. Es kommt langsam zusammen, aber sicher. Eine Sache, die ich beachten möchte, ist, dass jetzt unsere Ebene nicht ausgewählt ist Wenn wir also das E ausfüllen, ist es an dieser Stelle Freilandhaltung. Grundsätzlich wird jedes Mal, wenn Sie durch die Timeline scrollen , anstatt nur auf eine Ebene zu klicken , Ihre Auswahl aufheben. Was Sie tun müssen, ist, durch Ihre Ebenen zurückzukehren und Ihre Referenz zu finden. Stellen Sie sicher, dass es ausgewählt ist, und wenn Sie eine Ebene in Ihrer Timeline auswählen, klicken Sie mit absoluter Sicherheit darauf also klicken Sie statt zu scrollen. Dann können Sie von dort aus weitermachen und weiter duplizieren. Ich denke, ihr kapiert es an dieser Stelle, also werde ich nur ein bisschen vorwärts gehen. Duplizieren Sie einfach jede Folie und füllen Sie sie dann jedes Mal immer weiter aus. Während ich durch das Bauen in jedem dieser Frames gehe, versuche ich mein Bestes, um diesem roten Bogenpfad zu folgen , den wir früher in dieser Lektion für uns selbst erstellt haben . Wir sind etwas mehr als die Hälfte unserer Animation und lassen uns so tun, als würden wir einen Fehler machen. Nehmen wir an, ich habe vergessen, den oberen Teil des D auszufüllen , und ich habe es nicht bemerkt, also werde ich einfach weiter Frames duplizieren , um den Rest dieser Animation auszufüllen. Lassen Sie mich einfach ein paar weitere Bilder durchlaufen und ich zeige Ihnen, was passiert, wenn Sie vergessen, ein kleines Stück Ihrer Briefe auszufüllen. Ich denke, das ist ziemlich gut für das Beispiel. Nachdem ich diesen Fehler gemacht hatte, habe ich etwa vier zusätzliche Frames ausgefüllt. Da wir Frames duplizieren, bedeutet dies, dass der Fehler auf den letzten vier Frames dieser Animation liegt . Scrollen wir einfach durch die Timeline , um zu sehen, wo wir den Fehler gemacht haben. Ich senke nur die Deckkraft meiner Zwiebelschalen. Sieht aus, als wäre der Fehler in diesem Frame gemacht worden, was bedeutet, dass er auf alle Frames danach kopiert wurde . Es geht um vier oder fünf Frames, was für dieses Beispiel nicht schlecht ist, ich könnte leicht zurückgehen und das einfach in den fünf Frames ausfüllen. Lassen Sie mich einfach meine Referenz auswählen und dann den Rahmen auswählen. Denken Sie daran wählen Sie nicht scrollen. Wählen Sie den Rahmen aus, in den ich das D ausfüllen muss und machen Sie das einfach durch alle Frames, die ich verpasst habe. Das war kein sehr schrecklicher Fehler, es war ziemlich einfach zu beheben, aber Sie können sich vorstellen, dass es schmerzhaft sein könnte, zurückgehen zu müssen, wenn Sie in einem Ihrer ersten Frames einen Fehler gemacht haben und repariere alle Frames danach. Ehrlich gesagt, je nach Situation, ist es möglicherweise einfacher, alle Frames danach zu löschen und von dem Frame zu beginnen , in dem der Fehler gemacht wurde. Aber wie auch immer, ich werde fortfahren, indem den letzten dieser Frames ausfülle. Nur noch eins danach und wir können es als fertig bezeichnen. Ich werde diesen letzten Frame noch einmal duplizieren und mal sehen, wie es aussieht. Es sieht ziemlich gut aus, aber dieser rote Bogen lenkt ein wenig ab, also schalte ich diese Ebene einfach aus. Eigentlich können wir die Referenzebene auch an dieser Stelle ausschalten . Jetzt sehen wir es mit vollem Effekt. Ich denke, das sieht ziemlich gut aus, aber ich denke, ich könnte tatsächlich ein paar Details hinzufügen , um diese Animation etwas cooler aussehen zu lassen. Ich scrolle zu dem Punkt, an dem jeder Buchstabe endet wie hier, das ist der Rahmen, an dem das D endet und ich werde nur ein kleines Splash-Zeichen machen. Dieser Tropf betont nur das Ende des D und fungiert als sekundäre Animation innerhalb unserer Animation. Im zweiten Frame beende ich den Tropf einfach mit einem kleinen Punkt. Lassen Sie mich als Nächstes sehen , wo das R endet. Es ist eigentlich der gleiche Rahmen wie das D. Ich wünschte, dass D, R und E zu getrennten Zeiten fertig sind, aber ich werde einfach damit rollen. Lassen Sie mich einfach das Tropfelement auf dem E machen und auf dem zweiten Frame, beenden Sie es mit dem Punkt, genau wie das D. Ich überspringe vorerst das A und das M und finde den Punkt, an dem dieses E endet, was genau hier ist. Ich ziehe einen kleinen Tropfen auf den ersten Rahmen und dann lasse ich den Tropf mit einem kleinen Punkt verschwinden. Hier ist das R. Noch einmal mache ich den Tropf auf dem Rahmen, an dem das R endet, und dann mache ich beim nächsten Frame nur einen kleinen Punkt, um es verschwinden zu lassen. Ich liebe es definitiv, wie E, R und S zu verschiedenen Zeiten enden. Ich denke, wenn Animationen auf diese Weise gestaffelt sind, weckt das nur mehr Interesse als wenn sie alle gleichzeitig enden. Werfen wir einen Blick auf diese Animation mit den hinzugefügten Tropfen, ich mag es definitiv am Ende mit E, R, S, aber der Anfang sieht ein wenig klar aus. Lassen Sie mich tatsächlich weitermachen und dem R einen Tropf hinzufügen . Dies ist der Rahmen, in dem das R endet, und dann werden wir den Tropf einfach verschwinden lassen. Mal sehen, wie es aussieht. Ich habe das getan, aber eine Sache, die mir beim Durchspielen aufgefallen ist, ist, dass sich die Worte auf seinem Kopf überlappen. Ich denke, das würde so viel stärker aussehen wenn sein Hut vielleicht oben auf den Buchstaben wäre. Ich denke, das war der Hut, der sich überlappt, es würde dieser Animation eine schöne Tiefe verleihen. Was an Procreate cool ist ist, wie Sie ein Hintergrundbild einstellen können, Sie können auch ein Vordergrundbild festlegen, was bedeutet, dass das Bild im Vordergrund bleibt , während die gesamte Animation abgespielt wird. Lass mich zum Hintergrundbild gehen und eine Kopie dieses Hutes machen. Ich verwende dieses Auswahlwerkzeug, um einfach um den Umriss des Hutes zu zeichnen. Nehmen Sie sich einfach Zeit damit und folgen Sie dem Umriss so gut wie möglich, bis Sie den gesamten Umriss des Hutes verfolgen. Ich denke, dass die Auswahl ziemlich gut ist, also gehe ich einfach zum Kopieren und Einfügen, und wenn ich darauf drücke, wird der Hut automatisch auf eine neue Ebene fallen. Ich nenne diesen Hut nur um ein wenig organisiert zu bleiben. Die einzige Möglichkeit, ein Vordergrundbild festzulegen , besteht darin, Ihr Bild entweder oben im Ebenenbedienfeld zu haben oder wenn Sie auf oben im Ebenenbedienfeld Ihre Timeline zur Animationsunterstützung schauen, muss es das allerletzte Bild sein. Jetzt haben wir unser Vordergrundbild eingestellt und schauen, diese Buchstaben gehen hinter den Hut. Ich denke, es sieht ziemlich gut aus. Sie können diese Animation so belassen, wie sie ist, oder Sie können tatsächlich animieren wie die Buchstaben beendet werden sollen. Dies ist meine letzte Animation, und ich habe mich tatsächlich entschieden die Buchstaben schmelzen zu lassen, um die Bühne zu verlassen. Die Art und Weise, wie ich diesen Schmelzübergang erstellt habe ist eigentlich ziemlich einfach. Lassen Sie mich einfach zurück dorthin scrollen , wo die Buchstaben voll sind. Dies ist der Anfang des Mundes also lass mich einfach meine Zwiebelrahmen ausschalten. Im Grunde genommen löschst du einfach Buchstaben von oben und fügst einfach kleine Tropfen nach unten hinzu. Machen Sie das einfach weiter und nach wird der Platz mit dem Tropf kleiner, bis Sie irgendwann nur diese kleinen Linien haben und dann verschwinden sie. Das ist nur eine der vielen Möglichkeiten, Text in Procreate zu animieren. In dieser Lektion haben Sie gelernt, wie das Textwerkzeug in Procreate verwenden, Sie haben auch gelernt, wie Sie Ihren Text in eine interessante Form bringen können, und schließlich haben Sie gelernt, wie Sie Ihren Text animieren können allmählich erscheinen und verschwinden. Schau dir dein Bild an und sieh dir an, wo du Textanimationen hinzufügen kannst und mich in der nächsten Lektion treffen kannst, wo du lernen wirst, wie man ein paar Lichter animiert. [MUSIK] 11. Animierte Lichter: [MUSIK] Jedes Mal, wenn ein Bild Lichter enthält , ist dies eine großartige Gelegenheit, etwas Animation hinzuzufügen. In dieser Lektion lehre ich Ihnen, wie Sie Masken verwenden, um einen schönen, dynamischen Lichteffekt zu erzeugen und wie Sie blinkende Lichter in Ihrem Bild animieren können. Für diese Animation habe ich dieses Bild mit diesem wirklich coolen Neonzeichen im Hintergrund gewählt. Dieses Zeichen schreit im Grunde darum, animiert zu werden. Zu Beginn beschrifte ich diese Hintergrundebene einfach als Normal. Das lässt mich nur wissen, dass dies die ursprüngliche Ebene ohne Lichteffekt ist . Natürlich habe ich einen Tippfehler gemacht. Lass mich wieder reingehen und das reparieren. Jetzt mache ich eine Kopie dieser Ebene für den Lichteffekt. Schieben Sie einfach die Ebene nach links und drücken Sie Duplizieren, und dann benenne ich diese Ebene um und nenne sie Bloom, da dies der Name des Lichteffekts ist, den wir verwenden werden. Jetzt sind wir bereit, diesen Lichteffekt hinzuzufügen. Gehe zum Zauberstab-Werkzeug und scrolle dann nach unten und finde das Wort Bloom. Wenn dieses neue Fenster auftaucht, schieben Sie lediglich den Cursor nach rechts, um die Blüte anzupassen , die Sie Ihrem Bild hinzufügen. Sofort werden Sie sehen, dass das Licht jetzt so aussieht, als wäre es bis zur maximalen Helligkeit. Wenn Sie zwischen der Sichtbarkeit Ihrer Ebenen wechseln, werden Sie feststellen, dass es einen großen Unterschied in der Beleuchtung gibt. Wenn diese beiden Ebenen erstellt wurden, schauen wir uns an, was wir bisher haben. Ich schalte das Schraubenschlüssel-Werkzeug ein, gehe zu Canvas und schiebe auf diesem Animationsassistenten. Dann setze ich das erste, was ich immer mache, das Hintergrundbild in der Timeline. Lassen Sie mich einfach die Sichtbarkeit unserer Bloom-Ebene einschalten und sehen, was wir haben. Wir haben nichts. [GELÄCHTER] Das Hintergrundbild bleibt im Hintergrund, sodass es nie wirklich über der Blütebene auftaucht. Ich erstelle einfach eine Kopie und lege sie über die Bloom-Ebene. Da sind wir los. Jetzt haben wir etwas viel zu schnelles. Ich passe nur die Frames pro Sekunde in den Einstellungen an. Das sieht viel besser aus. Ich denke, diese Animation sieht so gut aus wie sie ist, aber ich denke, wir können etwas Besseres und Dynamischeres machen . Lassen Sie mich einfach die Kopie dieser normalen Ebene loswerden und ich schalte den Animation Assist vorerst aus weil es Zeit ist, ein wenig lückenhaft zu werden. Ich erstelle nur eine neue Ebene und benenne diese Skizze um . Ich werde diese Skizzenebene im Grunde verwenden , um einfach den Bewegungspfad meines Objekts zu skizzieren . Lass mich eine schöne helle Farbe schnappen und lass mich einfach einen schönen Skizzierpinsel machen. Meine Idee ist, dass ein kleiner magischer Lichtstrahl hereinkommt und die Lichter aktiviert. Lassen Sie mich einfach versuchen, einen Pfad zu skizzieren. Das nicht. [GELÄCHTER] Es wird hier vorne hinter mir kommen und das Licht genau hier aktivieren. Ich glaube, ich möchte, dass die Lichter nacheinander aktiviert werden, also 1, 2, 3, 4. Zuerst das M, dann A, dann das K, dann das E. Jetzt, wo ich den Pfad meines Objekts abgebildet habe, muss ich jetzt das Timing abbilden. Ich werde das langsame Ende machen, also unser Prinzip. Wir werden das Objekt langsam starten lassen, in der Mitte beschleunigen, und es wird sich um die Kurven verlangsamen, in der Mitte schlagen, um die Kurven verlangsamen und so weiter. Denken Sie daran, wenn Sie möchten, dass Ihr Objekt langsam wird, fügen Sie weitere Frames hinzu. Ich möchte tatsächlich, dass das dort etwas schneller geht, also entferne ich ein paar Frames. Okay, wir haben einen Plan. Ich gruppiere diese Skizzenebene einfach mit dem Hintergrund und ich würde sagen, wir sind bereit zu animieren. Ich lasse die Bloom-Schicht vorerst ausgeschaltet, aber keine Sorge, dafür kommen wir zurück. Kommen wir hierher und schalten unseren Animationsassistenten erneut ein. Es ist das Schlüsselwerkzeug Canvas, Animation Assist, und stellen Sie sicher, dass Ihr Hintergrundbild in der Timeline eingestellt ist. Wir haben uns schon wie früher eingestellt, also können wir loslegen. Drücken Sie einfach Frame hinzufügen und starten wir diese Animation. Ich möchte, dass es so aussieht, als würde ein Lichtstrahl hereinkommen, um dieses Licht zu aktivieren. Ich denke, dieser Lichtstift wird mir den Effekt geben , den ich suche. Was die Farbe angeht, denke ich, dass dieses Licht einen bläulichen Farbton hat, also wähle ich einfach eine Farbe, die ziemlich ähnlich ist. Bevor Sie mit dem Animieren beginnen, stellen Sie sicher, dass Sie einen neuen Frame haben, ich habe bereits einen. Erstellen wir einfach das erste Bild dieser Animation und um den Frame Nummer 2 und 3. Während ich in diesen Rahmen zeichne, verwende ich nur die Häkchen , die ich zuvor angebracht habe. Ich verwende auch das Squash- und Stretch-Prinzip , um wirklich zu übertreiben wie schnell sich diese Folie bewegt. Wenn sich die Lichter sehr schnell bewegen, sieht man eine Straße, und da sie sich langsam um diese Ecke bewegt, werde ich sie einfach kleiner machen. Jetzt, an diesem Punkt möchte ich, dass der Lichtstrahl hinter mir bleibt. Dieser Hushbrush funktioniert nicht. Ich werde etwas weicheres benutzen, wie diesen weichen Pinsel. Ich denke, dieser weiche Radiergummi mischt das Licht ein wenig mehr und lässt es so aussehen, als würde es hinter meinen Haaren gehen. Es muss nicht perfekt sein, da diese Animation sehr schnell bewegen wird, aber ich denke, das sieht ziemlich glaubwürdig aus. Weiter zum nächsten Frame drücken Sie einfach Frame hinzufügen, und dieses geht noch einmal in meinem Kopf vorbei. Ich werde diese weiche Bürste benutzen, um ihn hinter meinen Haaren zu löschen. Fügen Sie einen Rahmen hinzu und wir sind noch einmal an dem Punkt, an dem das Licht um die Ecke verlangsamt, also probieren Sie einfach diese Rahmen aus und es dehnt sich aus, wenn es schneller geht. Diese Linie sieht wackelig aus, also zögern Sie nicht, sie jederzeit rückgängig zu machen und es erneut zu versuchen. Versuche einfach, mich nicht nach der Menge zu beurteilen, wie oft ich rückgängig mache, weil es ziemlich verrückt wird. Machen wir einen Deal. Lassen Sie uns einen Ad-Deal machen. Wenn du mich nicht urteilst, verurteile ich dich nicht. Wir haben das Licht immer noch ziemlich schnell und direkt in diese Seite des Schildes. Ich denke, wir sind fertig mit unserer Lichtstrahlanimation, also lass mich unsere Skizze ausschalten und wow, ich kann nicht glauben, dass ich all diese Zwiebelhäute die ganze Zeit habe . Tut mir leid, wenn das schwer zu verfolgen war. Lassen Sie mich hier auch die Frames pro Sekunde beschleunigen. Ja, das sieht viel besser aus. So sieht unser kleiner Lichtstrahl bisher aus. Er ist ziemlich süß, er bewegt sich schnell. Ich denke, ich möchte tatsächlich einen kleinen Funken hinzufügen, wenn er in die Seite der Zeichen eindringt. Lassen Sie mich das einfach einziehen. Sieh dir an, wie das aussieht. Klar. Es sieht gut aus. Lass uns weitermachen. Du hast nicht gedacht, dass ich das Neonschild vergessen habe, oder? Nein, das machen wir nicht hier drüben. Im Moment blinkt unser Licht einmal und es ist einfach nicht so aufregend. Ich denke, es wäre aufregender, einen Buchstaben nach dem anderen zu haben , bis das ganze Wort aufbaut und dann vielleicht ein paar Mal blinkt. Um dies zu tun, möchte ich zuerst unsere Bloom-Layer duplizieren. Schieben Sie es einfach nach links und drücken Sie Duplizieren. Ich nenne diese nur Full Bloom, denn hier wird unsere Animation enden. Ich verstecke das jetzt einfach, weil wir es bis zum Ende nicht brauchen. Im Moment konzentrieren wir uns einfach auf diese Bloom-Schicht. Ich benenne diese Bloom Nummer 1 um. Grundsätzlich wollen wir auf dieser Ebene nur, dass das M beleuchtet wird. Ich klicke auf diese Ebene und wähle Maske aus und sofort siehst du eine neue Maskenebene, siehst du eine neue Maskenebene direkt auf deiner Blütebene hinzugefügt wurde. Es ist Zeit für eine leichte Pause, weil Sie vielleicht fragen, was sind Masken? Für dieses Beispiel habe ich ein Bild, und wenn ich eine Maske darauf lege, werden Sie sehen, dass es eine neue weiße Ebene direkt über meinem Bild hinzufügt . Da diese Maske weiß ist, kann ich die entgegengesetzte Farbe, die schwarz ist, verwenden , um einen Teil des Bildes zu löschen. Wenn wir jetzt auf unsere Maske zurückblicken, sehen Sie unser schwarzes Kritzeln direkt darüber. Warum benutzt du nicht einfach einen Radiergummi? Du darfst fragen. Nun, die Antwort ist, dass Radiergummis kein Bild von den Toten zurückbringen können , nachdem wir es gelöscht haben. Wie Sie sehen können, tauchte der Teil , den ich gerade weiß gefärbt habe, wieder im Bild auf. Grundsätzlich müssen Sie nur über Masken wissen , dass Schwarz Dinge verschwinden lässt und Weiß Dinge erscheinen lässt. Was passiert, wenn ich meine Maske invertiere? Nun, die Maske wurde schwarz, was bedeutet, dass mein gesamtes Bild verschwunden ist. Da meine Maske schwarz ist, welche Farbe kann ich verwenden, um mein Bild wieder erscheinen zu lassen? Die Antwort ist weiß. Wenn es um Masken geht, lässt die Farbe Weiß Dinge erscheinen und die Farbe Schwarz lässt die Dinge verschwinden, und so einfach ist das. Mit dieser Maske auf meinem Bild invertiere ich sie so, dass die gesamte Beleuchtung auf meiner Blütebene verschwindet. Das einzige, was ich auf dieser Ebene auftauchen möchte, ist das M. Da meine Maske schwarz ist, verwende ich die entgegengesetzte Farbe, die weiß ist, um nur die M-Beleuchtung wieder erscheinen zu lassen. Lassen Sie mich dazu eine weichere Bürste wie diese weiche Airbrush besorgen. Ich fülle nur Weiß aus , damit das Bild wieder erscheint. Wenn Sie einen Fehler machen und einen Teil des Bildes löschen möchten, verwenden Sie einfach die Farbe Schwarz. Ich hoffe, das ergibt Sinn, Leute. Verwenden Sie im Grunde Weiß, um Dinge erscheinen zu lassen , und schwarz, um Dinge verschwinden zu lassen. Ich glaube, wir sind mit dem ersten Brief fertig. Auf der nächsten Ebene möchte ich, dass das M und das A erscheinen. Ich werde diese M-Ebene tatsächlich duplizieren. Sie werden feststellen, dass es beim Duplizieren die Ebene sowie die Ebenenmaske dupliziert. Das wollen wir eigentlich. Ich benenne diese Ebene um Bloom 2, und ich wähle die Ebenenmaske aus und lasse das A erscheinen. Mit welcher Farbe? Die Farbe Weiß, um Dinge erscheinen zu lassen. Ehrlich gesagt, wenn Sie sich nicht erinnern können, welche Farbe Dinge erscheinen lässt und welche Farbe die Dinge verschwinden lässt, würde ich sagen, gehen Sie einfach durch Versuch und Irrtum. Wählen Sie eine Farbe und wenn sie nicht den gewünschten Effekt erzeugt, versuchen Sie es einfach mit der entgegengesetzten Farbe. Wir machen Fortschritte, wir haben das M und A, jetzt ist es Zeit für das K. Jetzt werde ich Bloom 2 duplizieren, es in Bloom 3 umbenennen, nur damit wir organisiert bleiben können. Stellen Sie sicher, dass Sie die Ebenenmaske mit der richtigen Farbe färben. Wir haben M, A, K, und für das E werde ich eigentlich nur die volle Blütebene einschalten , weil diese Ebene bereits alle unsere Lichter eingeschaltet und aktiviert hat . Gut. Mal sehen, wie unsere Animation bisher aussieht. Es sieht so aus, als würden alle Buchstaben richtig reinkommen, aber ich denke, wenn alle Buchstaben am Ende hereinkommen , wäre es nicht cool, sie ein paar Mal blinzeln zu lassen ? Lass es uns versuchen. Was ich tun werde, ist, dass ich unsere ursprüngliche Ebene kopieren werde , die keinen Lichteffekt hat, und ich ziehe sie nach der vollen Blüte in den Rahmen. Hoffentlich sieht es so aus, als würde es ein- und dann aus blinken. Ich denke, ich werde tatsächlich die volle Blüte und die ursprüngliche Ebene noch ein paar Mal kopieren die volle Blüte und , Wechsel zwischen den beiden. Mal sehen, wie das aussieht. Nett. Ich denke, die Blinzeln sind viel zu schnell, also lass mich die Frames pro Sekunde ausprobieren, um zu sehen, ob das hilft. Das Licht blinkt einfach immer noch ziemlich schnell für mich. Das erste, was mir auffällt, ist, dass ich nicht mit einer vollen Blüteschicht enden werde. Lass mich das beheben, füge das zum Ende hinzu. Das sollte ein bisschen helfen. Das sieht viel besser aus. Aber eine andere Sache, die ich tun möchte, ist, dass ich nur die Dauer jedes dieser Blinzeln etwas länger halten möchte. Ich klicke auf jede Ebene und schiebe einfach die gesamte Dauer auf eine Kerbe. Es ist ziemlich selbsterklärend, aber was es tun wird, ist , dass jede dieser Ebenen auf die Dauer eines Frames gehalten wird. Ich habe versehentlich zwei bei diesem gemacht, also lass mich das reparieren. Mal sehen, wie das aussieht. Ja, das ist der eine. Ich glaube, wir haben es geschafft. Ich nenne das, Fertig. In dieser Lektion haben Sie gelernt, wie Sie den Bloom-Effekt verwenden , um Ihrem Bild Beleuchtung hinzuzufügen. Sie haben gelernt, mit Masken einen schönen, dynamischen Lichteffekt zu erzeugen , und schließlich haben Sie gelernt, blinkende Lichter zu animieren. Schauen Sie sich nun Ihr Bild an und sehen Sie, wo Sie Ihrem Bild eine Lichtanimation hinzufügen können . Ich habe gelernt, verschiedene Elemente in Procreate zu animieren . Begleite mich in der nächsten Lektion , in der ich dir beibringe, wie du deine Animationen aus Procreate exportieren kannst. [MUSIK] 12. Exportieren deiner Animation: Wir sind mit unseren Animationen fertig. Wir müssen diese Animation aus Procreate rausbringen und in die Welt kommen. In dieser Lektion bringe ich Ihnen bei, wie Sie Ihre Animationen aus Procreate exportieren können. Wie Sie sehen können, habe ich ein paar verschiedene Animationen in verschiedenen Procreate-Dateien. Gehen wir einfach in diese Schokoladen-Eiscreme-Kegelfeile , um zu beginnen. Unsere Animation sieht ziemlich gut aus und wir sind bereit zu exportieren. Um Ihre Animation zu exportieren, gehen wir zu diesem Schlüsselwerkzeug drücken dann auf „Teilen“. Unten sehen Sie mehrere Optionen wie Sie dieses Video speichern können. Sprechen wir einfach über einige dieser Optionen damit Sie entscheiden können, welche Option für Sie am besten geeignet ist. Die erste Option, über die wir sprechen werden, ist animiertes GIF. GIFs scheinen eine gute Option zu sein, da sie automatisch immer und immer wieder schleifen. Aber Instagram unterstützt tatsächlich keine GIFs, daher werden wir das heute nicht verwenden. Als Nächstes haben wir MP4 animiert. Ehrlich gesagt, wenn Sie mit Ihrer Animation zufrieden sind und keine weiteren Anpassungen vornehmen möchten, können Sie sie einfach als MP4 speichern. Instagram erfordert jedoch, dass Ihr Video mindestens drei Sekunden lang damit es läuft. Wenn Ihr Video nicht drei Sekunden lang ist , machen wir diese nächste Option, nämlich PNG-Dateien. PNGs speichern jeden Frame Ihrer Animation als Bild. Was wirklich seltsam klingt, aber das bietet die größte Flexibilität für die Bearbeitung in After Effects. Dies ist die Option, für die wir heute wählen werden. Aber zuerst müssen wir in unsere Datei zurückkehren und sicherstellen, dass wir alle Hintergrund- und Vordergrundbilder ausschalten . Weil wir möchten, dass jeder dieser Frames als transparente PNGs gespeichert wird. Wir sind bereit, das zu retten. Gehen wir zurück zum Schraubenschlüsselwerkzeug und drücken auf „PNG-Dateien“. Geben Sie dem etwas Zeit zum Exportieren, und ganz oben werden Sie sehen, dass dies 14 separate Bilddateien speichern wird . Wir müssen diese Dateien an unseren Laptop senden , damit Sie ein paar Möglichkeiten haben. Normalerweise gehe ich mit AirDrop. Cool. Wir haben das gerettet. Jetzt müssen wir den Rest meiner Dateien als PNG-Dateien speichern . Lass mich in die Galerie gehen. Als nächstes sparen wir die Vanille-Eiswaffel aus. Wie zuvor ist es sehr wichtig, dass Sie alle Hintergrund- und Vordergrundbilder ausschalten , da wir möchten, dass jede Datei genau so transparent ist. Sieht gut aus. Speichern wir dies als PNG-Dateien und warten Sie, bis es exportiert wird. Dann gehe ich zu AirDrop 13 Dateien auf meinen Laptop. Ich habe zwei weitere Dateien als PNGs zu speichern. Ich mache das sehr schnell und wir können weitermachen. In dieser Lektion haben wir über die verschiedenen Videoeinschränkungen gesprochen die verschiedenen Videoeinschränkungen , die Instagram erfüllt hat. Wir haben auch über verschiedene Exportoptionen gesprochen , die in Procreate verfügbar sind. Schließlich haben wir unsere Animation aus Procreate exportiert. Exportiere deine Animation nun als PNG-Dateien, schnapp dir dann deinen Laptop und triff mich in der nächsten Lektion in der ich dir beibringe, wie du deine endgültige Animation mit After Effects schleifen kannst. [MUSIK] 13. Schleife deine letzte Animation: Alles klar Leute, wir sind auf der Heimstrecke. Adobe After Effects ist der Industriestandard, wenn es um Motion Graphics geht. Ich werde in dieser Lektion nicht zu tief in After Effects eintauchen , aber es wird ein großartiges Einsteiger-Intro sein. In dieser Lektion importieren wir unsere PNG-Dateien in Adobe After Effects, wo wir unsere endgültige Looping-Animation für Instagram erstellen werden . Das erste, was wir tun werden, ist, einige Ordner zu erstellen , damit wir organisiert bleiben können. In diesem ersten Ordner nenne ich es nur Eiscreme Animation, und hier werde ich alle meine Dateien speichern. Dann öffne ich das einfach und wir erstellen ein paar Unterordner. Zuerst möchte ich einen Ordner für unsere After Effects-Datei erstellen , also nenne ich diesen After Effects einfach. Dann möchten wir auch einen Ordner , in dem alle unsere PNGs gespeichert werden können, also erstelle ich einen neuen Ordner und nenne ihn PNGs. Zuletzt erstelle ich einfach einen Ordner für unsere letzte Animation. Dies sind also unsere Hauptordner, aber ich möchte meine PNG-Dateien auch in separate Ordner aufteilen. In diesem Ordner erstelle ich für jede Gruppe von PNGs separate Ordner. Ich speichere meine Schokoladen-PNGs in diesem Ordner, dann erstelle ich einen Ordner für die Vanille-PNGs, einen weiteren für mein DQ-Zeichen, und schließlich erstelle ich einen Ordner für unseren Ausdruck PNGs. Wir sind alle bereit und organisiert, jetzt lass mich einfach anfangen, meine PNGs in diese Ordner zu legen . Hier haben wir die abgelegten Dateien für die Schokoladen-PNGs, ich speichere sie einfach in Downloads und ziehe all diese PNGs so in den Schokoladenordner. Als nächstes werde ich die Vanilla-PNG-Dateien ablegen, also speichere ich diese in Downloads und lege all diese in den Vanilla-Ordner ab. Ich werde einfach schnell vorwärts gehen und die PNGs für das DQ-Zeichen und die PNGs für die Ausdruckszeilen speichern . Jetzt haben wir alle unsere PNG-Dateien alle nett und organisiert. Öffnen wir nun Adobe After Effects damit wir alle unsere Animationen miteinander kombinieren und unsere endgültige Animation für Instagram schleifen können. Warten wir einfach, bis Adobe After Effects schön und aufgewärmt wird. In diesem neuen Fenster können Sie „Neues Projekt“ drücken, und ich weiß nicht warum, aber mein neues Projektfenster erscheint direkt hinter diesem Fenster, also gehe ich einfach aus. In After Effects drücken wir als erstes „Neue Komposition“, und sofort werden wir aufgefordert, unsere Komposition einzurichten. Ich nenne einfach diese neue Comp Eiscreme Animation. Im nächsten Schritt wird nach der Größe gefragt. Wir geben nur die Größe ein, die wir für unsere Procreate-Animation verwendet haben , also Ihre vielleicht 1080 bis 1080, aber für diese ist meine tatsächlich 1080 bis 1350. Dann wird es nach den Frames pro Sekunde fragen. Wieder einmal werden wir dies nur mit dem abgleichen , was wir in Procreate verwendet haben. Meine war auf acht eingestellt, aber ich denke, die meisten Animationen sind auf 12 Frames pro Sekunde eingestellt. Als Nächstes müssen wir unsere Dauer festlegen, und für Instagram muss unser Video mindestens drei Sekunden dauern, also setze ich es auf drei und drücke dann „Okay“. Jetzt haben wir unsere neue Komposition und sie wartet nur auf unsere schöne Animation. Lassen Sie uns fortfahren und alle unsere PNG-Dateien importieren . Gehen wir zu „Datei“, „Importieren“ und dann zu Datei, und navigieren Sie im neuen Fenster einfach dorthin, wo Sie alle Ihre PNGs gespeichert haben. Meiner ist auf meinem Desktop in diesem Eisanimationsordner, wählen Sie einfach alle Ihre PNGs aus. Wenn Sie nicht wissen, wie das geht, klicken Sie einfach auf den „Obersten Ordner“, halten Sie die Umschalttaste gedrückt und klicken Sie dann auf „Unterer Ordner“, um alles auszuwählen. jetzt alles ausgewählt ist, drücken Sie einfach „Öffnen“ und Sie werden sofort sehen, dass alle Ihre Ordner in diesem Projektfenster gelöscht werden. Wo soll ich anfangen? Fangen wir mit unserer Chocolate Mappe an. In diesem Ordner sehen Sie alle unsere PNGs. Dieses erste ist eigentlich unser Hintergrundbild, und danach haben wir jedes transparente PNG unserer Schokoladeneis-Animation. Wählen wir einfach alle unsere PNGs aus , indem wir erneut auf „Umschalt“ drücken und sie in unsere Timeline legen. Eine Sache, die ich gerne mache, um organisiert zu bleiben , ist einfach die Farbe dieser zu ändern. Klicken Sie auf diesen Farbchip und ich mache diese Braun einfach passend zum Schokoladeneis. Kommen wir hierher und spielen unsere bisherige Animation ab. Drücken Sie einfach die „Leertaste“, um die Animation abzuspielen, und Sie werden feststellen, dass nichts animiert wird. Alles, was wir sehen können, ist unser Hintergrundbild. liegt daran, dass alle unsere Ebenen in der Timeline die gleiche Länge haben, also müssen wir sie sequenzieren. Stellen Sie dazu zunächst sicher, dass alle Ihre Ebenen ausgewählt sind, bewegen Sie dann Ihren Spielkopf über einen Frame, und dann drücken wir die Option „rechte Klammer“, um alle Frames auf dasselbe zu trimmen verknüpfen. Schließlich klicken wir mit der rechten Maustaste auf „Keyframe-Assistent“ und gehen dann zu „Sequenzebenen“. Wir drücken einfach „Okay“ in dieser kleinen Nachricht, oh, und schon hast du mich beim Ausrutschen erwischt, wenn wir auf und schon hast du mich beim Ausrutschen erwischt, „Play“ drücken, wirst du feststellen, dass meine Animation tatsächlich rückwärts abgespielt wird. In diesem Fall drücken Sie einfach „Command Z“, um es rückgängig zu machen, und wählen Sie dann Ihre Ebenen von oben nach unten aus , während Sie die Umschalttaste gedrückt halten. Weil ich denke, dass die Reihenfolge, in der Sie die Layer auswählen , tatsächlich die Reihenfolge ist, in der sie abfolgen werden. Versuchen wir es noch einmal, also klicken Sie mit der rechten Maustaste, gehen Sie zum Keyframe-Assistenten, drücken Sie dann „Sequenzebenen“ und drücken Sie dann einfach „Okay“. Yay, jetzt ist es in der Reihenfolge sequenziert, und wenn Sie durchblättern, unsere Animation korrekt abgespielt. Sie fragen sich jedoch vielleicht, wo zum Teufel unser Hintergrundbild ist? Unser Hintergrundbild chillt hier tatsächlich, es ist dieser obere Frame, also lasst mich das tatsächlich umbenennen. Klicken Sie einfach auf die Ebene und drücken Sie „Enter“ , um umzubenennen, und ich rufe dieses Hintergrundbild einfach auf , damit ich es unterscheiden kann. Dann müssen wir dies nach unten ziehen, wo das Hintergrundbild hingehört. Wenn Sie möchten, können Sie diesen Farbchip drücken , um die Farbe des Hintergrunds zu ändern. Ich mache das schön und leuchtend gelb, und ich ziehe es auf die gesamte Länge unserer Zeitleiste, weil wir möchten, dass der Hintergrund die ganze Zeit da ist. Als wir unseren Hintergrund von dieser ersten Ebenenposition verschoben haben, haben wir eine kleine Lücke gelassen, also wähle ich einfach alle meine Ebenen aus, indem ich „Umschalt“ drücke, und ziehe sie einfach über eine Stelle. Drücken Sie einfach die „Leertaste“ und schauen wir uns unsere bisherige Animation an. Nun, meins glittert tatsächlich aus und es spielt nicht. Weißt du was? Dies ist ein guter Zeitpunkt , um unsere Datei zu speichern. Wir hätten es eigentlich früher machen sollen, aber hier sind wir. Gehe einfach zu „Datei“ und gehe zu „Speichern“, und dann speichern wir diesen in dem Ordner, den wir für unsere After Effects-Datei erstellt haben . Meiner ist auf dem Desktop, Ice Cream Animation After Effects-Datei. Dann benenne ich es um, ich nenne diese Eiscreme auch und speichere. Zurück zur Panne, wenn meine After Effects anfangen zu glittern wenn meine After Effects und meine Animation nicht abspielen, komme ich normalerweise zum und doppelklicke einfach auf das Panel dieses Projekts auf unsere Komposition, und das sollte es zurücksetzen, und mal sehen. Yay, jetzt animiert unsere Eiswaffel. Lassen Sie mich meinen Arbeitsbereich tatsächlich kürzen indem ich diesen kleinen Kerl einfach rüberziehe, und schauen wir uns noch einmal an. Ja, es sieht ziemlich gut aus. Also haben wir zum größten Teil unsere Schokoladeneis an Ort und Stelle, jetzt fügen wir unser Vanilleeis hinzu. Gehen wir zurück zum Projekt-Panel und öffnen unseren Vanilla-Ordner, und wir brauchen diesen ersten Frame nicht , da es das Hintergrundbild ist, also wählen wir einfach alles außer dem Hintergrundbild. Genau wie das Schokoladeneis werden wir diese in die Zeitleiste ziehen, und ich werde die Farbe in Sandstein ändern, weil das eine schöne Vanille-Farbe zu sein scheint. Lassen Sie uns diese Ebenen sequenzieren, ich ziehe den Spielkopf über einen Frame und drücke dann die Option rechte Klammer, um sie alle zu trimmen. Lassen Sie mich das einfach zu einem Frame zurückziehen, und dann klicken wir mit der rechten Maustaste auf „Keyframe Assistant“ und dann sequenzieren diese Ebenen. Da gehen sie hin. Okay, also drücken wir „Leertaste“, um die bisherige Animation abzuspielen. Während diese Animation abgespielt wird, bemerkte ich, dass diese Vanille-Eiswaffel blinkt, und das liegt daran, dass unsere Vanille-Animation einen Frame kürzer ist als unsere Schokoladenanimation. Aber zum Glück habe ich diese beiden Jitter-Frames am Ende dieser Vanille-Eiswaffel erstellt diese beiden Jitter-Frames am , also kopiere ich einfach diese Sekunde aus dem letzten Frame und lege sie am Ende. Ich drücke „Command C“ zum Kopieren und „Command V“ zum Einfügen. Ich ziehe diese Kopie einfach an den Grund meiner Vanille-Layer und verschiebe sie dann an das Ende meiner Animation. Mal sehen, wie das aussieht. Jetzt sind die Eiswaffeln mal zusammen. Beide enden gleichzeitig, ich würde sagen, wir sehen gut aus. Fügen wir den nächsten Teil unserer Animation hinzu, der die Ausdruckslinien sind. Wieder einmal ist das erste PNG das Hintergrundbild, also wähle ich alles außer diesem und ziehe es in die Timeline. Ich bin mit dieser Farbe einverstanden, also schneiden wir diese Ebenen einfach durch Drücken von „Option“, „Rechte Klammer“ und lassen Sie sie dann sequenzieren, indem „Keyframe Assistant“ und Sequenzebenen drücken. Mal sehen, wie unser kleiner Sparky spielt. Mir gefällt es. Ich glaube nicht, dass ich weitere Anpassungen an dieser Funkenebene vornehmen werde, also gruppieren wir sie einfach in einer schönen Ebene. Klicken Sie einfach mit der rechten Maustaste und drücken Sie „Vorverfassen“. In diesem neuen Fenster benenne ich nur diesen Ausdruck und stelle sicher, dass Sie die Kompositionsdauer anpassen können. Jetzt sehen Sie, dass sich unsere Ausdrucksgruppe in einer schönen und sauberen Ebene befindet. Lassen Sie mich das tatsächlich wieder in Lavendel umwandeln, damit ich weiß, dass es sich um ein separates Objekt handelt. Jetzt möchte ich diese Funkenanimation auch auf das Schokoladeneis kopieren diese Funkenanimation auch auf . Während die Ebene ausgewählt ist, drücken Sie „Command C“ zum Kopieren und zum Einfügen auf „Command V“. Nachdem wir jetzt eine Kopie erstellt haben, können wir einfach in unsere Videovorschau gehen und die Kopie über unsere Schokoladeneis ziehen. Ich möchte die Animation umdrehen, also gehe ich zu „Ebene“, „Transformieren“ und dann „Horizontal spiegeln“. Eigentlich drehe ich meine Animation einfach waagerecht um . Lassen Sie mich es einfach neu positionieren und mal sehen, was wir haben. Wir haben unsere Funken und dann mal sehen. Das sieht ziemlich gut aus. Lass uns einfach ein bisschen mehr mit dem Timing herumspielen. Vielleicht möchten wir, dass der erste Rahmen unserer Eiswaffel für eine Weile still bleibt, dann aktiviert er den Rest der Schmelze, wenn der Funke hereinkommt . Ich wähle alle meine Eisschichten aus. Klicken Sie auf die oberste Ebene, halten Sie die Umschalttaste gedrückt , und drücken Sie dann die untere Ebene, und ich verschiebe all dies nur über einen Frame. Lass mich das zurückbringen. Ich mache den ersten Rahmen dieses Vanillenkegels, letzten zwei Frames, und ich werde das Gleiche mit der Schokolade machen. Wir haben nur unser Eis für die ersten beiden Frames pausiert. Dann lassen wir diesen Funken im dritten Frame eindringen und aktivieren den Rest der Eisschmelze. Ja, das sieht ziemlich gut aus. Lassen Sie mich einfach meinen Arbeitsbereich anpassen um sicherzustellen, dass alles drin ist, und schauen wir uns an, wie das aussieht. Ziemlich cool. Wir müssen noch ein Element hinzufügen, nämlich unser Dairy Queen-Zeichen. Kommen wir her. Öffnen wir unseren DQ-Ordner und schnappen uns unsere PNGs. Ich ziehe es einfach oben auf die Zeitleiste, und ich denke, eine gute Farbe dafür wäre Rot. Ihr seid inzwischen alle Profis. Sie wissen, dass ich alle meine Ebenen auswähle, sie auf alle trimme, die ungefähr einen Frame lang sein würden, und dann verwende Keyframe Assist, um unsere Ebenen zu sequenzieren. Unser DQ-Zeichen ist alle sequenziert und sieht gut aus, aber Sie werden feststellen, dass das Dairy Queen-Zeichen viel kürzer ist als der Rest der Elemente in unserer Zeitleiste. Ich denke, was ich tun werde, ist, dass das Dairy Queen-Zeichen aufhört zu schmelzen, wenn die Eiswaffel aufhört zu schmelzen. Ich ziehe alle diese Frames so, dass sie bis zum Ende der Eiscreme-Animation ausgerichtet sind, und ziehe einfach diesen ersten Frame heraus. Es wird zuerst noch sein und dann später mit dem Animieren beginnen. Es sieht tatsächlich so aus, als würde das DQ-Zeichen anfangen zu animieren, nachdem die Funken losgegangen sind. Ich glaube, dass ich damit einverstanden bin. Ich bin fast fertig. Jetzt muss ich nur sicherstellen, dass meine Animation mindestens drei Sekunden für Instagram abgespielt wird. Lassen Sie mich meinen Arbeitsbereich auf drei Sekunden zurückziehen, und ich werde anfangen, einige meiner Elemente vorab zu komponieren , damit es einfacher ist, eine Schleife zu machen. Das erste, was ich vorkomponiere, ist das DQ-Zeichen. Ich wähle einfach alle Ebenen aus und drücke dann „Vorverfassen“. Natürlich nenne ich einfach dieses DQ-Zeichen. Ziemlich selbsterklärend. Stellen Sie einfach sicher, dass die Dauer der Komposition anpassen aktiviert ist. Das hat unser DQ-Zeichen in eine neue Gruppe gebracht. Ich werde diese Gruppe nur rot machen. Grundsätzlich möchte ich diese Animation wiederholen bis wir mindestens drei Sekunden erreicht haben. Machen wir eine Kopie davon, indem wir zum Kopieren auf „Command C“ und „Command V“ zum Einfügen drücken. Verschieben wir diese Gruppe an das Ende dieser Animation. Anstatt diese Animation einfach wiederholen zu lassen, denke ich, dass es cool wäre, dieses Spiel umgekehrt zu haben. Klicken Sie einfach mit der rechten Maustaste, gehen Sie zu „Zeit“ und drücken Sie dann „Time-Reverse-Layer“. Lasst uns mal sehen , wie das aussieht. Unsere Animation beginnt vorwärts und kurz bevor sie endet, kehrt sie um. Ich werde auch alle restlichen Ebenen zusammenfassen und alle restlichen Ebenen zusammenfassen sie in umgekehrter Geschwindigkeit spielen , genau wie das DQ-Zeichen. Ich wähle meine Vanille aus, drücke „Pre-Compose“ und komponiere sie zu einer Gruppe namens Vanille. Hier ist unsere neue Gruppe. Ich drücke einfach „Command C“, „Command V“, um es zu kopieren und einzufügen und dann an das Ende der Animation zu verschieben. Eigentlich hat unsere Animation jetzt unser Minimum von drei Sekunden überschritten, daher muss ich uns mehr Zeit für unsere Timeline geben. Gehe zu „Komposition“ und drücke „Kompositionseinstellungen“, und ich passe unsere Zeitleistendauer auf etwa vier Sekunden an. Ich denke, das sollte genug Zeit sein. Das sieht besser aus. Lassen Sie mich einfach in meinen Arbeitsbereich bis zum Ende unserer Animation ziehen und lassen Sie uns fortfahren. Ich habe mit der Vanille aufgehört und möchte, dass diese zweite Animation genau wie das DQ-Zeichen umkehrt. Klicken Sie mit der rechten Maustaste, gehen Sie zu „Zeit“ und „Zeitrückwärtsebene“. Dies ist der letzte. Wir machen das Gleiche mit unserem Schokoladeneis. Ich werde weitermachen und das zu einer Gruppe zusammenstellen. Ich nenne diese Gruppe Chocolate, drücke „Okay“. Ich werde die Farbe ändern, nur damit wir wissen, dass es unser Schokoladeneis ist. Zuletzt kopieren und einfügen Sie es einfach, ziehen Sie es bis zum Ende. Ich werde diese Ebene umkehren, indem ich zu „Zeit“, „Time-Reverse-Layer“ gehe . Mal sehen, was wir bisher haben. Alles beginnt vorwärts und dann kehrt es zu Ende um, und wir haben unser Drei-Sekunden-Minimum erreicht, also sind wir im Grunde gut zu gehen. Wir sind bereit zu exportieren, aber bevor wir exportieren, möchte ich euch nur zeigen, dass es viele Effektoptionen gibt , mit denen Sie in After Effects herumspielen können . Nehmen wir an, wir wollten dem Funken auf der Schokoladen-Eiswaffel einen Glanz verleihen . Alles, was Sie tun, ist zum Panel „Effekte & Voreinstellungen“ zu kommen. Wenn deins nicht sichtbar ist, gehen Sie einfach zu „Fenster“ und stellen Sie sicher, dass Effekte und Voreinstellungen aktiviert sind. Sie kommen einfach in dieses Bedienfeld und geben das Wort „Glühen“ ein, suchen Sie leuchten und ziehen es auf die Ebene, der Sie ein Leuchten hinzufügen möchten. Sie werden sehen, dass bereits ein Licht leuchtet, und Sie können die Einstellungen des Glühens in diesem Panel tatsächlich anpassen . Nehmen wir an, wir wollen die Intensität anpassen, einfach mit diesen Einstellungen herumspielen und sehen, was gut aussieht, aber ich werde heute nicht leuchten, also drücke ich „Command Z“, um es rückgängig zu machen. Eine weitere coole Sache, die Sie tun können, ist, sagen wir, Sie möchten die Farbe von etwas ändern. Zum Beispiel ändern wir vielleicht die Farbe dieser Schokoladen-Eiswaffel. Wählen Sie einfach Ihre Ebene aus, und im Effektbedienfeld gehen wir zu „Farbkorrektur“ und scrollen dann nach unten, bis Sie In Farbe ändern sehen , und ziehen Sie diesen Effekt einfach auf die Ebene, die Sie neu einfärben möchten. Wieder einmal wird dieses Panel voller Optionen angezeigt. Um diesen Effekt für die Von Farbe anzuwenden, müssen Sie die Farbe, die Sie ändern möchten, und dann können Sie für die Farbe „An“ tatsächlich die Farbe auswählen, können Sie für die Farbe „An“ tatsächlich die Farbe auswählen in die Sie sie ändern möchten. Ich wähle eine verrückte rote Farbe und werde mich mit diesen Einstellungen anlegen, und werde mich mit diesen Einstellungen anlegen um zu sehen, was am besten aussieht. Farbton und Sättigung bewirken die dramatischste Veränderung. Sieh mal. Jetzt haben wir eine wirklich seltsame rote Eiswaffel. Ich weiß nicht, warum das jemand tun möchte, aber dieser Effekt würde perfekt für etwas anderes funktionieren. Ich gehe einfach zu „Command Z“, um all das rückgängig zu machen. Wissen Sie nur, dass es in After Effects Effekte gibt , und wenn dies Sie interessiert, untersuchen Sie definitiv. Jetzt sind wir endlich mit unserer Animation fertig. Wir sind damit zufrieden. Wir haben alle Elemente zusammengestellt, jetzt ist es Zeit zu exportieren. Um zu exportieren, gehen Sie einfach zu „Datei“, „Exportieren“ und gehen Sie dann zu „Add to Adobe Media Encoder Queue“, dem ich weiß, dass das wirklich seltsam klingt, aber das müssen wir tun. Dies wird tatsächlich eine neue App eröffnen. Gib ihm einfach ein wenig Zeit, um es überlegen zu lassen und zu tun, was es tun muss. Hier sind wir. Jetzt gib ihm einfach etwas Zeit um dein Video in dieser Box auftauchen zu lassen. Manchmal dauert es ein paar Sekunden. Los geht's. Ich klicke einfach darauf, um es zu öffnen. Stellen Sie zunächst sicher, dass Ihr Format auf H.264 eingestellt ist , also lassen Sie das einstellen. Match Source - Hohe Bitrate ist in Ordnung. Der Ausgabenname ist tatsächlich der Ort, an dem wir den Speicherort auswählen, um diesen zu speichern, also drücken Sie darauf und navigieren Sie zu Ihrem endgültigen Animationsordner. Drücken Sie „Speichern“. Als nächstes gehen wir zu „Video“. Ihre Breite und Höhe sollten bereits auf die richtige Größe eingestellt sein. Stellen Sie einfach sicher, dass Sie bei maximaler Tiefe rendern und Maximale Renderqualität verwenden. Lassen Sie beide überprüfen. Wir sollten bereit sein zu gehen. Drücken Sie einfach auf „Okay“. Zurück in diesem Fenster drücken wir dieses Play-Zeichen genau hier, und das wird unsere Animation exportieren. Fertig. Schauen wir uns unseren letzten Animationsordner an, um uns unsere Animation anzusehen und zu sehen, wie sie aussehen würde. Trommelwirbel, und da ist es. Schau, es sind vier Sekunden, was perfekt für Instagram ist. Lass es mich noch einmal spielen. Alles klar, Leute. Dies ist im Grunde bereit, auf Instagram hochzuladen. Schick es einfach an dein Handy und schon kannst du loslegen. In dieser Lektion haben Sie gelernt, wie Sie einen neuen Comp in Adobe After Effects erstellen. Sie haben gelernt, wie Sie mit Keyframe Assist Ihre endgültigen PNG-Dateien sequenzieren können. Schließlich haben Sie gelernt, wie Sie Ihre Animation für Instagram exportieren können. Wow, wir haben es geschafft. Jetzt rette deine schönen Kreationen und triff mich in der letzten Klasse. 14. Schlussbemerkung: Du hast es geschafft und hoffentlich hast du etwas geschaffen, mit dem du so glücklich bist und bereit bist, der Welt zu zeigen. Du solltest so stolz auf dich sein. Jetzt kennen Sie ein paar grundlegende Animationsprinzipien, Sie kennen sich mit Procreate und wie Sie Animationsassistenten in Procreate verwenden können. Sie lernen auch ein paar verschiedene Animationstechniken wie Sie Objekte in Ihrem Foto animieren, Ausdruckslinien animieren, Textbeleuchtung und wie Sie Masken zum Animieren verwenden. Sie haben auch gelernt, wie Sie Ihre Animation aus Procreate exportieren und schließlich, wie Sie Adobe After Effects um Ihre endgültige Animation für Instagram zu schleifen. Hoffentlich haben Sie festgestellt, dass Animation nicht so beängstigend sein und mit ein wenig Phantasie alles möglich ist. Gehen Sie jetzt in die Welt und erstellen Sie einige schöne Animationen, aber vergessen Sie nicht, zurückzukommen und diese Animationen auf der Registerkarte Projekt zu teilen. Ich würde auf jeden Fall gerne sehen, was ihr geschaffen habt. Alles klar, Leute. Vielen Dank, dass Sie an diesem Kurs teilgenommen haben und etwas Zeit mit mir verbracht und bis zum nächsten Mal Ruhe haben.