Procreate-Animation: Erstelle lustige GIFs und Videos (Original)

1. Kurseinführung: Hey, mein Name ist Rich Armstrong von TapTapkaBoom.com Wenn Sie einen meiner Klassen in der Vergangenheit genommen haben, werden Sie wissen, dass ich animierte GIFs, Kritzeln und Stop-Motion-Animation liebe . Ich bin auch in Procreate und die Idee eines iPad-Workflows verliebt. All das entspricht dieser Klasse, wo ich Ihnen zeige, wie Sie eine lustige Looping-Animation in Procreate erstellen, wie Sie es als GIF exportieren und dann, wie Sie dieses GIF in ein Looping-Video konvertieren alle auf Ihrem iPad. der Lage zu animieren ist fantastisch und eine super vielseitige Fähigkeit, die Sie in Ihrem Werkzeuggürtel haben können, auch wenn es nur ein paar Bilder in Procreate animiert. Mit dieser neuen Fertigkeit können Sie Storyboards mit dem großartigen Werkzeug „Procreate“ erstellen, Ihren Illustrationen Leben und Bewegung einhauchen und lustige Animationen erstellen , um Ihrer Arbeit mehr Aufmerksamkeit und Engagement zu schenken. Wenn Sie neu in der Welt der Animation sind, fürchten Sie sich nicht. Ich breche alles auf und erkläre Dinge auf eine zugängliche, Procreate zentrierte Art und Weise. Kurz gesagt, diese Klasse umfasst Animationen Grundlagen, Procreate Animationsvorbereitung, Erstellen süßer Looping-Animationen, Animationen vorhandener Grafiken, Exportieren von GIFs und Videos auf Ihrem iPad und eine Reihe von Procreate Tipps und Tricks. Wenn die Einführung von Bewegung und Leben in Ihre Arbeit wie Spaß klingt, kommen Sie in diese Klasse. 2. Neue Version dieses Kurses!: Okay, große Neuigkeiten. Es gibt eine neue Version dieser Klasse, obwohl die Animationskonzepte und die Klasse immer noch genau richtig sind , hat sich Procreate geändert Es ist viel besser geworden und die Art und Weise, wie ich Dinge mache, hat sich geändert. Also habe ich eine aktualisierte Version dieser Klasse erstellt , um diese beiden Dinge widerzuspiegeln. In der neuen Version des Kurses zwei weitere Stunden Inhalt. Es gibt über eine Stunde mit Beispielvideos und viel mehr Material Arbeiten mit den Druckdateien, Exportieren von Videos und zum Erstellen von Videoschleifen. Und der gesamte Kurs behandelt die Arbeit mit dem Animationsassist-Bedienfeld zusätzlich zum Ebenenbedienfeld. Deshalb freue ich mich, dass Sie sich für diesen neuen Kurs anmelden und Ihr Projekt dort veröffentlichen Aber wenn du dir diesen Kurs ansehen und dein Projekt hier posten willst diesen Kurs ansehen und dein Projekt hier posten , ist das total cool. dem auch sei, ich freue mich darauf zu sehen, was Sie kreieren. 3. Leitfaden für die Animation: Lassen Sie uns einige Animationsgrundlagen abdecken. Die theoretischen Aspekte sind wirklich wichtig, aber der Knebel ist wirklich langweilig, also werde ich es kurz halten. Eine Animation ist eine Illusion von Bewegung. Es ist eine Reihe von Bildern, die wirklich schnell an Ihren Augen vorbei kommen, um Ihre Augen zu verleiten, dass es Bewegungen gibt. Diese Bewegungen ziehen unsere Aufmerksamkeit auf sich und halten uns engagiert. Ein Beispiel dafür ist eine Flip-Book-Animation. Ich bin sicher, du hast das ausprobiert und wenigstens eines deiner Notizbücher oder an einem Haufen Post-its irgendwann in deinem Leben. In der digitalen Welt werden die Seiten in der Flip-Book-Animation Frames genannt und in der Fortbildung können wir diese Frames erstellen und sie als Video und als animiertes GIF exportieren, was eigentlich ein Bildformat ist. Dies bringt uns zu Frameraten. Wir sind es gewohnt, Videos zwischen 25 und 60 Bildern pro Sekunde anzusehen. Der Animationsbegriff dafür ist Frames pro Sekunde und es sind die Frameraten des Videos. Die Frameraten von handgefertigten GIFs sind normalerweise viel langsamer und liegen zwischen 5 und 15 Frames pro Sekunde. In der Fortbildung können wir eine Vorschau unserer Animationen anzeigen, weitere Frames hinzufügen und die Bildrate anpassen, während wir gehen. Dies ist eine super leistungsstarke Animationsfunktion für ein digitales Kunstwerkzeug. Die meisten Filme in der Animation wurden als lineares Format verwendet. Es hat einen Start- und Endpunkt, aber in dieser Klasse werden wir Schleifenanimationen erstellen. Sie sind wahrscheinlich in Form von Online-GIFs und Instagram-Videos auf sie gestoßen. Sie sind besonders, weil sie für immer eine Schleife machen und den Betrachter entscheiden lassen, wann sie vorbei sind. Technisch gesehen ist eine Looping-Animation eine, die von Anfang bis Ende immer wieder abgespielt wird. Wir können diese Wiederholung nutzen und eine Schleife in eine nahtlose Looping-Animation verwandeln. Eine Seamless-Schleife kann als Kreis dargestellt werden , dessen letzte und erste Frames voneinander führen, genau wie andere Frames in der Timeline. Was genial ist, ist es, dass procreate exportiert Looping GIFs. Dies bedeutet, dass wir durch das Erstellen von nur wenigen Frames eine nahtlose, nie endende Looping-Animation erstellen können. Alles, was wir tun müssen, ist sicherzustellen, dass jeder Rahmen vom vorherigen Frame weiterführt und dass der erste Frame vom letzten Frame weiterführt. Das ist also ein bisschen Theorie. Wenn Sie mehr erfahren möchten, schauen Sie sich einige andere Klassen an und machen Sie Ihre eigenen Recherchen. In der nächsten Lektion werden wir praktisch, ja. 4. Animation in Procreate: Lassen Sie uns nun eine grundlegende Animation in „Procreate“ erstellen. Ich werde damit beginnen, eine neue Leinwand und Instagram zu erstellen, quadratische Größe, die 1080 mal 1080 Pixel ist und ziemlich vielseitig ist. Ich werde ein wenig verkleinern und beginnen, indem ich nur Frame 1 schreibe. Nun gibt es in der Fortpflanzung zwei Möglichkeiten, einen Frame zu erstellen, die erste ist durch eine oberste Ebene Ebene und die zweite durch eine Gruppe der obersten Ebene. Ich werde zuerst Ebenen abdecken und dann auf Gruppen gehen. Jetzt Ebenenbedienfeld sehen Sie, dass Frame eins mit Ebene 1 korreliert. Wenn wir eine neue Ebene erstellen, wird ein neuer Rahmen erstellt. Dann werde ich die Deckkraft von Ebene 1 oder Frame 1 reduzieren und sie als Referenzebene für unseren nächsten Frame verwenden. In der Animationswelt wird dies Zwiebelhäuten genannt. Es gibt eine Menge von Möglichkeiten, dies in der Fortbildung und einer anderen Animationsanwendungen zu tun. Sobald wir das getan haben, kann ich das Wort Frame verfolgen, und das erzeugt wirklich schöne wackelige Animationsgefühl, das ich wirklich mag. Wir haben Frame, und dann werde ich das in Frame 2 ändern. Sobald ich dies getan habe, werde ich einen neuen Frame oder eine neue Ebene erstellen und dann meine vorherige Ebene ausblenden und ich werde Frame wieder verfolgen und den einen durch eine Drei ersetzen. Dann werde ich das noch zweimal tun, damit ich fünf Frames habe. Sobald ich fünf Frames habe, kann ich die Sichtbarkeit aller meiner Ebenen oder aller meiner Frames aktivieren und sicherstellen, dass meine Ebene i, seine Deckkraft wieder 100 Prozent beträgt. Nun, mit einer Sichtbarkeit aller Ebenen, sieht es wirklich wie ein Hundefrühstück aus, aber das ist okay. Jetzt werden wir unsere Animation exportieren. Gehen Sie zu Aktionen, stellen Sie sicher, dass Sie sich auf der Registerkarte „Freigeben“ befinden, und gehen Sie dann zu „Ebenen freigeben“. Es gibt mehrere Möglichkeiten, Ihre Ebenen freizugeben. Ich werde Ihnen zeigen, wie Sie Ihre Animation als animiertes GIF und ein MP4 exportieren, das ein Videoformat ist. Wir gehen für ein animiertes GIF zuerst, und Sie werden sehen, dass dies ein kleines Vorschaufenster ist, es ist ein bisschen klein, aber Sie können ein gutes Gefühl aber Sie können ein gutes Gefühlfür höhere Animation tun, nur durch die Vorschau in diesem kleinen Fenster. Das erste, was wir als unsere Frames pro Sekunde anpassen können, und wenn wir zu einem oder langsamer gehen, fühlt es sich an wie eine Diashow oder ein Storyboard. Es ist wirklich cool, verschiedene Kunstwerke und vielleicht verschiedene Illustrationen bei dieser Bildrate anzuzeigen . Sobald Sie anfangen, es zu erhöhen, vielleicht auf so etwas wie fünf Frames pro Sekunde, beginnt es sich wie eine tatsächliche Animation zu fühlen. Sie werden sehen, dass das Wort Frame, es fühlt sich wie ein Element, das wackeln und bewegen. Wenn wir gehen und das bei etwa 10 Frames pro Sekunde setzen, was ich wirklich mag, ist meine bevorzugte Framerate und fühlt sich handgefertigt an, es fühlt sich an, als wäre der Wortrahmen ein tatsächliches Element und fühlt sich jetzt wirklich wie eine Animation an. Wenn wir zu etwa 15 Frames oder 14 Frames pro Sekunde gehen, beschleunigt es ein wenig und der Wortrahmen, es fühlt sich an, als würde es sich etwas schneller bewegen und es fühlt sich wirklich an, als wäre es jetzt sein eigenes Element. Das kann aber ein bisschen schnell für mich werden. Wenn Sie auf etwas wie 30 erhöht werden, beginnt es sich ein wenig schnell zu bewegen, aber Sie möchten vielleicht mit der Geschwindigkeit animieren. Sie können den ganzen Weg bis zu 60 Bilder pro Sekunde gehen, was meiner Meinung nach nur mental ist. Ich werde das auf 10 Bilder pro Sekunde reduzieren. Die nächste Option ist, sich für einen transparenten Hintergrund zu entscheiden und der Grund warum Sie dies tun möchten, ist, Ihr GIF zu exportieren, um online zu verwenden, und online können Sie Ihre Hintergrundfarbe hinter Ihrem GIF in die gewünschte Farbe ändern . Ziemlich vielseitig. Aber vorerst werde ich das nicht benutzen. Die letzten beiden Optionen besteht darin, Ihr GIF als webfähige Version oder als Vollauflösung zu exportieren . Wenn Sie über die Dateigröße besorgt sind, gehen Sie zur webfähigen Version. Es wird eine kleinere Datei exportieren, aber die Qualität wird nicht so gut sein. Ich werde für diese Version gehen und wir können sie mit einer Vollauflösungsversion vergleichen. Das nächste, was ich mache, ist, ich speichere das Bild, so dass ich es auf meiner Fotos-App öffnen und es nur Vorschau anzeigen kann , überprüft, dass alles gut aussieht. Lassen Sie uns wieder für ein animiertes GIF gehen, aber eine Version mit voller Auflösung. Ich werde es nochmals speichern. Lassen Sie uns schließlich für einen animierten MP4 gehen. Auch hier können Sie Ihre Frames pro Sekunde anpassen und einen webbereiten und eine vollständige Auflösung exportieren. Ich gehe für eine vollständige Auflösung ein und speichere es. Lassen Sie uns jetzt etwas vergleichen. Öffnen Sie Fotos, lassen Sie uns unsere Web-fertige Version aus. Ja, es sieht ziemlich gut aus, aber wenn man es mit der vollen Auflösung eines Mannes vergleicht, ist die Qualität einfach erstaunlich, wenn man sich diese volle Auflösung eines anschaut. Sie können sehen, dass es ein bisschen verschwommen ist, aber es ist immer noch gut. Aber Mann, das ist wirklich knusprig und die Qualität unseres Videos wird unserem animierten GIF in voller Auflösung ziemlich ähnlich sein. Aber wir werden auf Play drücken, und es stoppt und Play, und dann hört es auf. Dies ist das große Problem beim Exportieren einer Animation aus der Fortbildung. Es läuft nicht, aber wir werden abdecken, wie man das später in der Klasse umgehen kann. Im Moment gehe ich zurück und öffne Procreate, und ich werde Ihnen zeigen, wie man Top-Level-Gruppen verwendet, vier Frames. Auf Ebene 1, wenn wir eine neue Ebene erstellen, die einen neuen Rahmen erstellen würde, wenn ich dann ein Quadrat hier über und ich halte gedrückt und ich tippe, wird ein perfektes Quadrat zu schaffen. Ich habe etwas Neues zu animieren. Wenn ich diese beiden Ebenen gruppiere, wird ein Rahmen erstellt. Wenn ich für animiertes GIF gehe, wirst du sehen, dass es in Frame 1 ein Quadrat gibt, das wirklich cool ist. Es bedeutet, dass ich innerhalb einer Gruppe so viele Ebenen hinzufügen kann, wie ich möchte und ich sie auf einer Frame-für-Frame-Basis animieren kann. Lassen Sie uns dieses animieren, wir werden es duplizieren, wir werden es aus diesem Rahmen verschieben, aus dieser Gruppe. Wählen Sie diese beiden Ebenen aus, gruppieren Sie sie und erstellen Sie einen Rahmen aus diesen beiden Ebenen. Ich werde das dann animieren oder es leicht nach rechts verschieben und eine Illusion der Bewegung erzeugen. Ich werde das weiterhin für alle fünf Frames tun. Sobald ich das für alle fünf Frames getan habe, beginnen die Dinge ziemlich chaotisch aussehen. Es gibt jetzt eine Menge Schichten. Sie sehen wirklich ähnlich aus. Ich habe keine Ahnung davon, was vor sich geht und wie, wie weit nach rechts ist diese und welche Schicht ist das? Es kann ein bisschen verwirrend werden. Um mir selbst zu helfen, ist das, was ich gerne mache, einfach die Ebenen zusammenklappen und dann jede dieser Gruppen umbenennen, etwas wie Frame 1 und Frame 2 und so weiter. Jetzt, da ich meine Ebenen benannt habe, fühle ich mich ein bisschen wohler, ein bisschen wohler. Es gibt eine Organisation in meinem Dokument. Nun, wenn ich dies als animiertes GIF oder ein MP4 exportiere, ein R-Quadrate, das sich von links nach rechts bewegt und wenn wir die Frames pro Sekunde auf zehn oder mehr erhöhen, sieht ein wirklich so aus, als würde sich das Quadrat bewegen. Es ist erstaunlich. Das letzte, was ich Ihnen in diesem Video zeigen möchte, ist der leichte Unterschied zwischen Ebenen und Gruppen. Neben der Tatsache, dass Sie mehrere Ebenen innerhalb einer Gruppe haben können, erstellen wir eine neue Ebene, einen neuen Rahmen, und wir setzen das Wort „ Hey, gleich hier drüben“. Wenn wir es als animiertes GIF auf MP4 exportieren, werden Sie sehen, dass es einen Frame gibt, der besagt, „Hey“, was zu erwarten ist. Aber wenn wir diese Ebene verstecken und wir einen Export machen, gibt es kein Hey und es gibt keinen leeren Rahmen, was großartig ist. Aber wenn wir eine neue Ebene erstellen und so etwas wie Yo hineinlegen müssen und hey einschalten und dann diese gruppieren, exportieren Sie diesen yo hey, als einen neuen Frame , der zu erwarten ist, und dann verstecken wir diese Gruppe oder diesen Frame, wenn wir als animiertes GIF oder MP4 exportiert haben. Dieser leere Rahmen. Dies kann einige Frustrationen verursachen, wenn Sie animieren Ihre wie „Woher kommt dieser leere Rahmen, ich bin mir nicht sicher, was los ist.“ Nun, es gibt einen leichten Unterschied zwischen einer unsichtbaren Gruppe und einer unsichtbaren Schicht. Was oft passiert, ist die während ich unseren vielleicht verfolgbaren Frame 1 auf Frame 5 animiere und dann bin ich „Ja, lass uns einen kurzen Blick werfen“ und es gibt eine ganze Reihe von fehlenden Frames und ich bin wie „Was ist los?“ Das ist nur etwas, worauf man sich bewusst sein muss. Eine weitere große Verwendung einer Ebene, die ich löschen werde , ist, wie ich Ihnen am Anfang gezeigt habe, wir hatten unseren Rahmen eins und dann habe ich es verfolgt, indem ich die Deckkraft des Textes von Ebene 1 reduzierte. Eine andere Möglichkeit, dies zu tun, besteht darin, eine Ebene zwischen zwei Frames zu erstellen und dann die Hintergrundfarbe auszuwählen , die Ebene zu füllen und die Deckkraft einer Ebene auf 80 oder 70 Prozent zu reduzieren . Dies ist eine andere Möglichkeit, Zwiebelhaut zwischen zwei verschiedenen Frames. Wenn ich nun Frame 2 sehe, können Sie den Rahmen zum Inhalt sehen, aber Sie können auch den Inhalt von Frame 1 sehen. Wenn ich dann zwischen Frame 3 und Frame 2 animiere, kann ich meine Zwiebel-Hautschicht zwischen diese beiden Frames legen. Das ist wirklich vielseitig und es bedeutet, dass ich diese Ebene auch einfach ausschalten kann, diese anderen Ebenen ausschalten und exportieren und es gibt sowieso keinen leeren Rahmen, es gibt keine Kupplungen. Das sind die Grundlagen der Frame-für-Frame-Animation in der Procreate. Was ich daran wirklich mag, ist, dass Sie in jedem Frame, der eine Gruppe der obersten Ebene ist, so viele Ebenen hinzufügen, so viele Elemente hinzufügen können , wie Sie möchten, und Sie können sie auf einer Frame-für-Frame-Basis animieren. 5. Was kannst du animieren?: Nun, da Sie wissen, wie Sie Frames in Procreate erstellen und exportieren können, lassen Sie mich Ihnen einen kurzen Überblick über grundlegende Dinge geben, die Sie Frame für Frame mit Procreate animieren können . Die einfachste Sache, die Sie als Position eines Elements animieren können, indem Sie eine Ebene Frame für Frame neu positionieren, können Sie die Illusion von Bewegung erzeugen. Das nächste, was Sie animieren können, ist die Drehung eines Elements. Wenn Sie in Procreate drehen, müssen Sie es möglicherweise auch neu positionieren, damit es lebensechter aussieht, indem Sie vom richtigen Punkt drehen. Ein Beispiel dafür wäre ein Arm, der sich von der Schulter und nicht von der Mitte einer Schicht dreht . Sie können auch die Skalierung eines Elements animieren. Aber denken Sie daran, dass, wenn Sie ein Element größer machen, die Qualität nicht so gut Beginnen Sie also immer mit der größten Größe und machen Sie Elemente kleiner und kleiner. Ein lustiges Werkzeug für die Animation ist das verflüssigte Werkzeug. Wenn Sie etwas so aussehen lassen wollen, als würde es im Wind wehen oder sich mit etwas Haltung bewegen, probieren Sie es aus, Frame für Frame. Die nächste ist, indem Sie ein Element neu zeichnen. Dies kann ein schönes wackeliges, handgefertigtes Feld schaffen. Es eignet sich hervorragend für Typografie und für das Hinzufügen von subtilen Bewegungen zu Druckstücken. Ich bin ein großer Fan von dieser Technik. Der letzte Weg besteht darin, Elemente von Frame für Frame neu zu zeichnen, aber auch zu bewegen, zu drehen und zu skalieren, wie Sie es tun. Dies ist sehr ähnlich wie die Erstellung unserer eigenen Flip-Book-Animation. Es ist am zeitaufwändigsten, aber es macht auch den meisten Spaß. Was wirklich cool ist, ist, dass Sie auf jedem Frame mit einer Kombination all dieser Methoden animieren können. Procreate exportiert ein Looping-GIF, aber es sieht nicht wie Seamless-Schleife aus, es sei denn, Sie verwandeln es in eine Schleife. Das bedeutet, dass jeder Frame zum nächsten Frame führen muss, und der letzte Frame muss zum ersten führen. Es gibt mehrere Möglichkeiten, dies zu tun, und in einigen Fällen ist es viel einfacher zu erreichen als andere. Wenn Sie einen handgezeichneten Typ haben, ist es ziemlich einfach, den ersten Frame immer wieder auf neuen Ebenen zu verfolgen und es werden wir das Gefühl haben, dass es ziemlich gut läuft. Wenn Sie ein Element haben, das sich bewegt, muss es einen Frame entfernt von der Stelle, an der es in Frame 1 begonnen hat, enden. Eine einfache Möglichkeit, dies zu tun, besteht darin, ein paar Frames eines Elements zu erstellen, das sich in eine Richtung bewegt , und dann die Frames zu duplizieren und sie neu anzuordnen, damit es wieder an den Ort zurückgeht, an dem es begonnen hat. Ok. Das sind die Grundlagen der Frame-für-Frame-Animation in Procreate. Ich würde vorschlagen, herumzuspielen und Spaß mit einfachen Animationen zu haben, bevor ich etwas ehrgeizigeres ausprobiere. In den nächsten Lektionen werde ich Themen behandeln, die das Erstellen von Animationen auf Procreate Weise erleichtern werden. Wir werden über Qualität, GIF-Einschränkungen, Dimensionen, die Umwandlung von GIFs in Videos, Organisation, Vorbereitung und Größenänderung Ihrer Dokumente unterhalten Dimensionen, die Umwandlung von GIFs in Videos, , und ich zeige Ihnen meinen Prozess, ein animiertes GIF zu erstellen. 6. Größe und Qualität: In dieser Lektion werde ich die Animationsvorbereitung, die Animationsqualität, die Dokumentmaße und die Dateigröße behandeln . Der Zweck der Animationen und das endgültige Ziel bestimmen, wie Sie Ihre Animation animieren und exportieren. Wir helfen Ihnen auch bei der Entscheidung über Ihre Dokumentenmaße und wie viele Rahmen und Farben Sie verwenden möchten. Was ich empfehle, bevor ich eine Animation beginne, fragt sich, wie lange möchten oder müssen Sie mit Animationen verbringen? Manchmal dauert das Animieren viel länger als erwartet, besonders wenn Sie mehrere Elemente animieren oder etwas Phantasievolles tun möchten. wissen, wie viel Zeit Sie haben, kann sich ändern, was und wie Sie animieren. Es gibt drei Dinge, die helfen, die Antwort zu bestimmen. Der erste ist der Grund, warum Sie diese Animation machen: etwas Spaß haben, sich selbst fördern, um eine Illustration für Ihr Portfolio Leben zu verleihen. Die zweite ist es Ziel: Geht es auf Ihrer Website, Instagram, Dribbble, Behance, YouTube? Der dritte ist, was du animierst. Animieren eines Oktopus kann in einem einzigen wackeligen Wort etwas länger dauern. GIFs können maximal 256 Farben haben. Das klingt vielleicht nach einer Menge. Wenn Sie jedoch komplexe digitale Malerei mit Farbverläufen und Texturen durchführen oder viele Frames mit unterschiedlichen Farben verwenden, sehen Ihre exportierten GIFs möglicherweise nicht so aus wie in Procreate. Sie einen Blick auf dieses GIF, innerhalb von Procreate, und Außenseiter von Procreate. Kannst du sehen, wie die Qualität nicht so gut ist? Procreate verwaltet und verwirft zusätzliche Farben, wenn Sie sie in GIF exportieren. Je einfacher Ihr Kunstwerk und je flacher Ihre Farben sind, desto näher ist Ihr GIF außerhalb von Procreate Ihrem Kunstwerk innerhalb eines Procreate. Wenn Sie zu super hochwertigen Animationen, mehr Farben und mehr Kontrolle, würde ich vorschlagen, Ihre Ebenen aus Procreate zu exportieren und sie in Photoshop oder After Effects zur Animation zu importieren. Wir werden diese Option hier jedoch nicht abdecken. Als Nächstes sind Dokumentmaße. Animationen, die wir auf Procreate erstellen, sind digital. Wir verwenden Pixel, um sie zu messen, nicht Zoll, nicht Millimeter, sondern Pixel. Wenn Sie es gewohnt sind, in Druckgrößen zu arbeiten, werden Sie sich freuen, dass Animationsmaße in der Regel viel kleiner sind. Obwohl GIFs und Videos in jeder Größe erstellt werden können, gibt es einige Dimensionen, die sinnvoller sind als andere. Sie werden im Vergleich zur Pixelanzahl in einem A4-Dokument mit 300 DPI dargestellt, das einer Standardbuchstabengröße von 1280 x 720 Pixel ähnelt . Dies ist eine niedrigere Qualität HD. Es ist in Ordnung für YouTube. 1920 x 1080 Pixel: Das ist hochwertiges HD. Die meisten YouTube- und Vimeo-Videos haben diese Größe. 1080 x 1920 Pixel: Das ist die Größe einer Instagram-Geschichte. 1080 mal 1350 Pixel: Dies ist die Größe eines Instagram-Posts. 800 mal 600 Pixel: Dies ist die Größe eines animierten GIF auf Dribbble. Alle Dokumente, die in Procreate erstellt wurden, haben ein Pixelmaß. Wenn Sie das Dokument jedoch mit physikalischen Messungen wie Zoll oder Millimeter erstellen, wird der Pixelwert anhand physikalischer Abmessungen und DPI berechnet. Dies ist kein Problem, aber die Größe Ihres Dokuments auf die richtige Größe in Pixeln kann schwierig sein. Wir werden das später in der Klasse abdecken. Das letzte, was zu beachten ist, ist die Dateigröße Ihrer Animationen. Wenn Sie Videos für Instagram oder YouTube erstellen, die Dateigröße keine Rolle. Aber wenn Sie ein GIF für Websites erstellen oder wenn Sie eine Animation für Menschen machen , die mit langsamen Internetgeschwindigkeiten leben, beachten Sie bitte die Dateigröße. Es gibt drei Dinge, die die Dateigröße einer Animation erhöhen. Die erste ist Dimensionen. Je größer die Abmessungen sind, desto größer ist die Dateigröße. Die zweite ist die Farbanzahl. Je mehr Farben, desto größer ist die Dateigröße. Die dritte ist die Frame-Zählung. Je mehr Frames vorhanden sind, desto größer ist die Dateigröße. Das war eine Menge zu beachten. Dein Kopf ist vielleicht bereit zu explodieren. Lasst uns wieder praktisch werden. In der nächsten Lektion zeige ich Ihnen, wie Sie ein animiertes GIF in ein Video konvertieren. 7. Export, Looping, Videos: Inzwischen wirst du erkannt haben, dass Animation großartig ist und so unsere Gifs. Aber einige Plattformen unterstützen keine animierten GIFs. Sie unterstützen jedoch Videos. In dieser Lektion beschäftige ich mich mit dem Übertragen Ihrer Animation aus der Fortbildung in ein Schleifenvideo. Wir können Videos direkt von den Fortbildungen exportieren, was einige der Zeit großartig ist. Aber es exportiert es nicht als Schleifenvideo. Es bedeutet, dass für Drei-Frame-Animation unser Video nur drei Frames haben wird. Was bedeuten würde, dass es nicht einmal eine Sekunde lang ist, wenn seine Bildrate 10 Frames pro Sekunde beträgt. Mit anderen Worten, es ist wirklich kurz. Wenn Sie beispielsweise ein Video auf Instagram posten möchten , muss es mindestens drei Sekunden dauern. Was ist cool an Instagram ist, dass unsere Loops Videos länger als drei Sekunden in Standard-Posts sind. Wenn Ihre Animation länger als drei Sekunden ist und alles, was Sie tun möchten, ist es auf Instagram als Standardpost, dann exportieren Sie sie als MP4 von procreate. Aber Instagram macht keine Schleife Videos und Geschichten, und YouTube sieht sicherlich keine der Videos. Wie machen wir unsere Videos Loop? Nun, es gibt ein paar übermäßig komplizierte Möglichkeiten dies auf Ihrem iPad mit exportiertem Video zu tun. Was ich vorschlage, ist ein GIF freizulegen und eine App namens gif Cracker zu verwenden, um das GIF in ein Video zu konvertieren. Es ist kostenlos und hat ein günstiges kostenpflichtiges Upgrade, um auf ein paar weitere Funktionen zugreifen zu können, und es ist einfach zu bedienen. Besuchen Sie diesen Link in einem Browser auf Ihrem iPad. Es wird die GIF-Cracker-Seite im App Store aufrufen. Sobald du gif Cracker aus dem App Store heruntergeladen und dein gif von procreate exportiert hast, öffne die gif Cracker App. Achten Sie darauf, gif to video am unteren Bildschirmrand zu wählen, wählen Sie dann Ihr gif aus. Wenn Ihr GIF nicht angezeigt wird, drücken Sie oben links die Schaltfläche Aktualisieren. Erhöhen Sie die Loops auf das Maximum, damit Ihr Video nicht nur einmal abgespielt wird. Wählen Sie Ihre Größe und exportieren Sie sie dann. Sobald es exportiert wurde, können Sie es speichern oder freigeben. Normalerweise speichere ich und schaue mir an, wie es aussieht bevor ich teile oder gehe zurück und mache einige Verbesserungen. Wenn Sie die kostenlose Version von gif Cracker haben, können Sie nur maximal die Hälfte der Größe wählen, wenn Sie konvertieren. Ich würde empfehlen, die kleine Upgrade-Gebühr zu bezahlen. Sie haben keine Werbung, können beim Exportieren die volle Größe auswählen, und Sie werden einen Entwickler unterstützen. Aber wenn du lieber kein Geld ausgeben willst, gibt es einen hinterhältigen Weg um uns herum. Alles, was Sie tun müssen, ist, Größe Ihrer Leinwand zu ändern und sich fortzubilden, um ihre aktuelle Größe zu verdoppeln. Exportieren Sie in gif, und wählen Sie dann die halbe Größe in gif Cracker, um mit der ursprünglichen Größe Video zu enden. - Tada. 8. Struktur und Organisation: Animationsdateien können unordentlich werden, also lassen Sie uns Struktur und Organisation besprechen. Lustiges Zeug, ich weiß, aber es wird dein Leben viel besser machen. Zu Beginn eines Projekts erstelle ich eine einzelne Originaldatei, die ich erwähnte, zum Drucken dienen könnte, damit ich sie drucken und animieren kann, oder sie könnte von Anfang an für die Animation eingestellt werden. So oder so, wenn ich beabsichtige, es zu animieren, stelle ich sicher, meine Ebenen so weit wie möglich zu trennen, aber halte sie gut organisiert. Das bedeutet, dass ich immer wieder zurückgehen und Änderungen ganz einfach vornehmen kann. Zum Beispiel habe ich für diesen Arm mehrere Schichten, aus denen es besteht. Ich mache an dieser Stelle nicht zu viel Layer-Benennung, aber ich versuche, sie zu gruppieren und ihnen etwas beschreibendes zu nennen, wie Arm links. Wenn ich mit dem Original zufrieden bin, dupliziere ich es und benenne es Animation um. Suchen müssen und wenn die Dateigröße in Pixeln gemessen wird, werden die Größe Animationsdokument, Top-Aktionen als Canvas, dann zuschneiden und Größe ändern, aktivieren Sie erneut Sampling, wenn Sie die Größe des Inhalts ändern möchten. Andernfalls wird die Größe der Leinwand geändert, ohne den Inhalt zu ändern , und es wird ein Zuschneiden erfolgen. Möglicherweise müssen Sie das Zuschneiden verwenden und die Größe auf zweimal oder mehr ändern, um genau die gewünschte Größe zu erhalten. Sobald das Animationsdokument die richtige Größe hat, verschmelzen und verkleinern ähnliche Ebenen wie bei denen Sie nicht die Töne von Ebenen für jeden Frame duplizieren. Hier ist, wie ich vorschlage, dass Sie diesen Prozess machen. Behalten Sie alle Elemente, die verschoben, skaliert oder gedreht werden sollen , auf ihren eigenen separaten Ebenen bei. Alle Ebenen eines bestimmten Typs oder einer bestimmten Farbe, die auf jedem Frame neu gezeichnet werden, können zu einer einzigen Ebene zusammengeführt werden. Möglicherweise müssen Sie mehrere Elemente verwenden, wenn die Layerreihenfolge wichtig ist. Anschließend können Sie alle Elemente, die Sie nicht animieren, in einer statischen Ebene zusammenführen. Verwenden Sie erneut mehr als einen Layer, wenn die Layerreihenfolge wichtig ist. Wenn Sie keine Maske oder Clipping-Maske aufbewahren müssen, glätten Sie sie. Wenn Sie alle Layer zusammengeführt und abgeflacht haben, benennen Sie sie, gruppieren Sie oder Ihre Layer und rufen Sie den Gruppenrahmen 1 auf. Duplizieren Sie dann diese Gruppe und benennen Sie sie Frame 2 um. Nehmen Sie Änderungen vor, zeichnen Sie Elemente neu und so weiter. Wenn das Originaldokument nicht in Pixeln gemessen wird, machen Sie sich keine Sorgen. Es gibt einen Weg um ihn herum, kann aber knifflig sein. Zunächst erstelle ich eine Zwischendatei namens Prep, indem ich die Originaldatei dupliziere. In dieser Vorbereitungsdatei werde ich alle Ebenen zusammenführen, die ich Ihnen vor ein paar Augenblicken gezeigt habe. Ich mache das, damit es weniger Schichten gibt, die wir in unseren nächsten Schritt bewegen können. Sobald eine Ebene zusammengeführt wurde, erstelle ich eine neue Datei mit den richtigen Abmessungen in Pixeln und gehe dann zu meinem Profil und ziehe alle Ebenen in diese neue Datei. Lassen Sie mich Ihnen zeigen, wie das geht. Wählen Sie Ihre Ebenen aus, drücken Sie nach unten, und ziehen Sie dann die Ebenen aus diesem Dokument in das neue Dokument. Möglicherweise müssen Sie Ihre Layer neu organisieren. Nachdem die Ebenen kopiert wurden , wurden sie möglicherweise in der falschen Reihenfolge eingefügt. Dieser Prozess ist ein bisschen knifflig, aber er funktioniert. Der einfachste Weg, dies immer und immer wieder zu vermeiden , besteht darin, alle zukünftigen Leinwände in Pixeln zu erstellen. Es wird das Leben viel einfacher machen. 9. Skalierung deines GIF: Manchmal müssen Sie die Größe Ihrer Animation ändern, um eine genaue Dimensionsanforderung zu erfüllen. Zum Beispiel müssen Dribbble GIF 800 x 600 Pixel betragen. anderen Fällen müssen Sie die Dateigröße Ihres GIF reduzieren. Exportieren Ihres webfähigen GIF könnte helfen, manchmal aber nicht. In dieser Lektion zeige ich Ihnen, wie Sie die Größe Ihrer Animationen in Procreate ändern und wie Sie GIF-Cracker verwenden, um proportional kleinere GIFs zu erstellen. Lassen Sie uns das Dribbble-Beispiel als unser Szenario verwenden. Wir haben diese Animationsdatei und wenn ich darauf gehe, können Sie einen kurzen Blick darauf werfen, wie es aussieht. Aber jetzt möchte ich die Größe für Dribbble ändern. Ich werde ein Duplikat erstellen und ich werde es Dribbble nennen. Dann werde ich nur warten, bis es geladen ist, da gehen wir. Dann geh auf meine Leinwand, beschneide und verändere sie. Dribbble ist 800 mal 600. Ich werde Resampling machen. Lasst uns 600 anziehen. Also 800 von 600 getan für jetzt und dann werde ich beschneiden und Größe wieder ändern und dies auf 800 mal 600 ändern und neu positionieren. Da gehen wir, und es ist bereit für Dribbble. Wenn ich es als GIF teile, da gehen wir. Es funktioniert im Dribbble-Format. Wenn Sie nur eine kleinere Version Ihrer Animation benötigen, aber immer noch das gleiche Verhältnis haben, verwenden Sie GIF-Cracker. Öffnen Sie GIF Cracker, wählen Sie GIF to GIF unten und wählen Sie Ihr GIF aus. Wählen Sie dann eine kleinere Größe, um es zu konvertieren, und speichern Sie es dann. Der Vorteil dieser Option besteht darin, dass Sie keine andere Version derselben Datei in Procreate für kleinere Dateien benötigen. für Ihre Klassenprojekte Probleme haben, Wenn Siefür Ihre Klassenprojekte Probleme haben,Ihr GIF aus Gründen der Dateigröße hochzuladen, versuchen Sie den zweiten Ansatz. Was wirklich schön zum Thema unseres Klassenprojekts führt, das wir in der nächsten Lektion behandeln werden. 10. Animationsunterstützung: Hey Leute, also fragst du dich vielleicht, warum ich jetzt anders aussehe, warum ich eine Mütze und eine Brille habe, und der Hintergrund ist anders. Nun, die Zeit ist vergangen. Während die Zeit vergangen ist, hat Procreate unser Feature nach Feature gebracht. In dieser Lektion stelle ich Ihnen Procreate Animate Assist vor. Es ist erstaunlich, es macht das Animieren in Procreate viel schneller und viel einfacher. Lassen Sie uns drauf eintauchen. Ich erstelle ein neues Dokument oder eine neue Leinwand. Ich gehe nur für eine Bildschirmgröße, die erste Option hier. Um Procreate Animate Assist aufzurufen, tippen Sie auf das Zahnradsymbol, gehen Sie zu Canvas und aktivieren Animation Assist. Da sind wir los. Unten sehen Sie, dass sich diese winzige kleine Leiste mit den Schaltflächen „Wiedergabe “, „Einstellungen“ und „Frame hinzufügen“ befindet, und um diese auszuschalten, können Sie einfach auf die Umschaltfläche tippen. Los geht's, schalten Sie es wieder ein. Auf Ebenen sehen Sie, dass es nur eine Ebene gibt, aber wenn Sie bam gehen und einen Frame hinzufügen, werden Sie sehen, dass eine weitere Ebene hinzugefügt wurde. Das ist super schnell, super leistungsstark, funktioniert aber nur mit Layern. Wenn Sie eine Gruppe haben, wird keine ganz neue Gruppe hinzugefügt. Es fügt nur einen Frame hinzu, der nur eine Ebene ist. Was macht das? Nun, sieh dir das an. Auf Frame 1, zu dem du hier ganz einfach navigieren kannst; lass uns das schließen, wir machen einen großen Frame 1. Sie dann auf Frame 2 Fügen Sie dann auf Frame 2 Frame hinzu und wir werden hier fünf Frames machen. Wenn wir auf „Play“ drücken, boom, spielt es sehr schnell. Pausiere das. Wenn du jetzt zu Einstellungen gehst; whoa, kannst du hier eine ganze Reihe von Sachen ändern. Gehen wir für fünf Frames pro Sekunde, und ich tippe hier raus und drücke „Play“. Sie können sehen, dass es 1-5 und dann zurück zu eins geht. Pausiere das. Was wir jetzt tun können, ist nach Ping-Pong zu gehen, und das gefällt mir sehr. Dies spielt 1-5 und zurück zu eins, also werde ich das pausieren. Lassen Sie uns dies in einen Frame pro Sekunde ändern. Spielen Sie also 5, 4, 3, 2, 1 und dann zurück zu 2, 3 usw. Das ist Ping-Pong, und One Shot, nun, Sie können das erraten. Wenn du Frame Nummer 1 gehst und „Play“ drückst, geht es bis zum Frame Nummer 5, dann stoppt es und geht zurück zum letzten Frame. Sie können sehen, dass es wirklich einfach ist, zwischen Frames zu navigieren, und es erledigt all das schwere Heben, wenn es darum geht, neue Ebenen zu erstellen, sie zu verstecken und sie so anzuzeigen, dass dies mächtig ist. Ich gehe zurück zu Ping-Pong, weil das erstaunlich ist Erstellen von nahtlosen Looping-Animationen super einfach macht. Die andere Sache hier drüben, die wirklich cool ist, sind Onion Skin Frames. Sie werden sehen, dass Sie alle Frames sehen können, aber sie sind verblasst. Nun, du kannst ändern, wie viele Zwiebelschalen du sehen kannst, damit du keine sagen kannst. Du siehst nur den aktuellen Frame, oder ich sehe den Rahmen gerne vorne. Das bedeutet, dass es viel klarer ist. Ich kann zu Nummer 2 gehen und ich sehe den Rahmen vorher und einen Rahmen vorne. Wenn ich zu drei gehe, sehe ich zwei und vier. Wenn ich zu vier gehe, sehe ich drei und fünf. Aber Sie fragen sich vielleicht: „Oh, es ist jetzt ziemlich einfach, weil Frame 5 und Frame 3 stehen, aber was passiert, wenn es keine Zahlen gibt und ich etwas Komplexeres animiere?“ Nun, Sie können sich für sekundäre Farbbilder entscheiden, und die Bilder dahinter werden gelesen, die vorderen Rahmen sind grün. Wenn wir die Onion Skins wieder auf vier oder ganz auf maximal ändern; ich gehe für drei oder vier, du wirst sehen, dass fünf grün und dann 1 und 2 und 3 rot sind. Wenn wir zu Frame 1 gehen, ist Nummer 1 schwarz und dann sind 2, 3, 4 grün. Sie werden sehen, je weiter der Rahmen entfernt ist, desto verblasster wird er. können wir auch ändern. Die Opazität der Onion Skin ist nicht wirklich dunkel oder Sie können sie richtig hell machen. Das hängt alles davon ab, was du magst. Ich würde mit den Einstellungen experimentieren. Dieser Blend Primärframe ist seltsam, und ehrlich gesagt glaube ich nicht, dass es zu gut funktioniert. Gehen wir zu Frame Nummer 3. Wenn wir zu Einstellungen gehen und Sie den primären Frame mischen aktivieren, macht es die gleiche Farbe, mit der Sie arbeiten. Was es tun soll, ist, dass es verblasst. Wenn Sie sekundäre Frames Farbe deaktivieren, können Sie nicht wirklich sehen, was das Blend-Primär-Frame tut. Es tut einfach nichts. Das ist ein bisschen seltsam. Ich benutze es überhaupt nicht, also schalte ich das aus. Kolorieren Sie sekundäre Rahmen; Ich benutze es nicht zu viel, aber es kann sehr hilfreich sein. Was wir hier haben, sind fünf Frames. Sie können es dann 1, 2, 3, 4, 5 spielen 2, 3, 4, , und dann geht es rückwärts. Lasst uns das pausieren. Was wirklich cool ist, sind Hintergrund- und Vordergrundebenen. Ich füge einen Rahmen hinzu und halte ihn dann gedrückt und ziehe ihn nach vorne, und ich erstelle jetzt einen Hintergrundrahmen. Ich gehe auf eine Orange und lass uns hier ein paar Berge schaffen. Sie können dies auch als Referenzrahmen oder Referenzebene verwenden und dann löschen. Was Sie hier tun, ist, dass Sie darauf tippen und sagen können: „Boom, verwandle dich in den Hintergrund“. Siehst du, es sieht jetzt anders aus. Wenn du es spielst, bleibt es hinten, was wirklich cool ist. Es wird nicht animiert, aber es wird eine Hintergrundebene sein, die auf jedem einzelnen Frame sichtbar ist. Das war Ihre Hintergrundebene, sodass Sie diese ein- und ausschalten können. Tippen wir noch einmal darauf. Sie können auch eine Ebene duplizieren und eine Ebene löschen und wir werden in nur einer Sekunde auf die gesamte Dauer kommen, aber lassen Sie uns das wieder einschalten. Dann fügen wir in Frame 5 eine Vordergrundebene hinzu, und hier gehe ich auf ein Grün und lass uns ein paar Wolken einsetzen. Ich lege das an die Spitze, damit du sehen kannst, dass es sich um eine Vordergrundebene handelt, dann tippe ich darauf und wähle „Vordergrund“. Sie werden sehen, dass es eine leichte Lücke zwischen dem Hintergrund und dem Rest der Frames und eine leichte Lücke zwischen dem Vordergrund und dem Rest der Frames gibt, um den Hintergrund und den Vordergrund zu unterscheiden. Etwas zu sagen ist, dass nur dieser erste Frame eine Hintergrundebene sein kann und nur diese letzte Ebene eine Vordergrundebene sein kann. Lass uns das spielen und du wirst sehen, dass es jetzt einen Hintergrund und eine Vordergrundebene gibt. Das ist ziemlich cool, ich denke, es könnte viel mächtiger sein. Ich denke, dass die Vordergrund- und Hintergrundebenen, sie können animiert werden. Das wäre erstaunlich, also hoffen wir, dass Procreate in Zukunft so etwas hervorbringt. Wenn wir zu Frame Nummer 3 gehen und darauf tippen; los geht's, dann können wir die gesamte Dauer auf etwa 25 oder drei ändern. Lass uns für 10 gehen. Das hält es für 10 Frames, was wirklich cool ist. Anstatt dies 10 Mal duplizieren zu müssen, können wir die gesamte Dauer einfach auf 10 einstellen. Wenn wir zum Frame Nummer 1 gehen; drücken Sie „Play“, Sie werden sehen, dass es nur für 10 Frames hier bleibt, was im Moment etwa 10 Sekunden beträgt , und sobald es am Ende ist, wird es weitergespielt, was ziemlich cool ist. Jetzt geht es zurück und es wird wieder für 10 Frames halten; ta, ta, ta, ta, ta, ta, ta, ta, ta, und es wird weiter spielen. Das ist ziemlich cool. Ich werde das einfach wieder in „None“ ändern. Was ich an der ganzen Dauer nicht mag, ist, dass man es dann nicht wackeln lassen kann oder was auch immer, es bleibt einfach genau gleich. Es spart jedoch immer noch viel Zeit, wenn Sie eine ganze Frame-Animation oder ein Segment Ihrer Animation erstellen möchten . Das ist Procreate Animate Assist oder Animation Assist. Denken Sie daran, dass Sie darauf zugreifen können, indem Sie dieses Zahnradsymbol drücken und dann zur Leinwand gehen und es aus- und einschalten, und es werden alle Ebenen für Sie erstellt. Was ich am Anfang gesagt habe, ist, dass dies nicht wirklich funktioniert, wenn Sie Gruppen mit Ebenen erstellen. Ich wollte hier einen erstellen; wähle diese beiden aus und gruppiere, und ich wollte hier ein bisschen zeichnen. Dies ist auf zwei verschiedenen Ebenen. Wenn ich dann „Frame hinzufügen“ gehe und wenn wir zu den Ebenen zurückkehren, wird es nur Anzeigen und Layer. Es fügt keine ganze Gruppe hinzu. Wenn Sie mit Gruppen arbeiten möchten, empfehle ich Ihnen, Ihre Gruppen vorher zu erstellen und zu der Art und Weise zurückzukehren, wie wir die Animation in Procreate im Rest der Klasse durchgeführt haben, indem wir neue Ebenen und neue Gruppen erstellen, und dann versteckt und zeigt die verschiedenen Ebenen oder Gruppen an. Da sind wir los. Das ist mächtig. Wenn Sie jetzt exportieren; lassen Sie mich gehen, gehen Sie zu Teilen, wenn wir MP4 oder ein animiertes GIF wählen, wird es dann mit Ihren aktuellen Einstellungen exportiert. Hier sollte es eine lange Verzögerung geben, wenn Sie eine lange Verzögerung haben, und dann spielt es auch rückwärts und vorwärts, was der Ping-Pong-Effekt ist. Sie können sich dann für Web Ready entscheiden, Sie können sich für Max Resolution entscheiden, und Sie können hier Ihre Frames pro Sekunde ändern, was wieder super leistungsstark ist. Dies bedeutet, dass Sie Ihre Frames nicht pro Sekunde in Ihren Dokumenten festlegen und dann diese Frames pro Sekunde hier vorantreiben mussten. Sie können es ändern, während Sie es exportieren. Das war's für diese Procreate Animations-Edition, ich hoffe, es hat euch gefallen. Ich hoffe, du bist nicht zu abgeschreckt von neuem Ich, neuer Hintergrund, neues Zeug. Wir sehen uns bald. Tschüss vorerst. 11. Dein Projekt: Ok. Es ist Zeit für Ihre Klassenprojekte. Was ich möchte, dass Sie tun, wenn Sie dies noch nicht getan haben, ist, mindestens ein Looping GIF mit 3-10 Frames zu erstellen und es mit uns zu teilen. Laden Sie es in Ihren Projektraum auf Skillshare hoch und teilen Sie alle Experimente oder Animationskritzeln, die Sie gemacht haben. Sagen Sie uns, was Sie gelernt haben und was Sie am meisten Spaß am Prozess gefunden haben. Wenn Sie stecken, warum nicht animiert ein Sprichwort aus Ihrem Heimatland oder Ihrer Heimatstadt, oder vielleicht ein Lieblingswort oder Sprichwort. Verwenden Sie einen Stil, mit dem Sie sich wohl fühlen. Wenn Sie auf Social Media posten und Sie wollen, um meine Aufmerksamkeit zu bekommen. Wenn Sie eine Suite Looping Video auf Instagram oder ein rag GIF auf Dribbble posten. Erwähnen Sie mich. Ich bin @TAPTAPKABOOM oder Sie können den #TAPTAPKABOOM Studenten-Hashtag verwenden. An diesem Punkt in der Klasse würde ich es lieben, wenn Sie eine Rezension hinterlassen. Es bedeutet mir viel. Als nächstes werde ich Ihnen meinen Prozess zum Erstellen eines animierten GIF von Anfang bis Ende zeigen . So sehen wir uns im nächsten Video. 12. Animiertes GIF von Rich: Sie mich zunächst LassenSie mich zunächstmeine Zeit überlegen und wie lange ich animieren möchte. Was ist der Grund, warum ich diese Animation erstelle? Nun, ich möchte jemanden zum Lächeln bringen, während sie durch ihr Futter scrollen. Es muss nicht schick sein. Wo geht die Animation hin? Ich möchte es auf Instagram und Dribbble posten, also ist die Arbeit mit 1.080 Pixelquadrat eine gute Idee. Ich kann es ändern, um als Instagram-Story, Instagram-Post und als Dribbble-Post zu funktionieren , sobald ich die Animation erstellt habe. Was animiere ich dann? Ich möchte einen Charakter mit einem Sprichwort animieren, und ich werde einen einfachen, aber strukturierten handgefertigten Stil verwenden. Die Antworten auf diese Fragen übersetzen mich , um weniger als eine Stunde für die Animation zu verbringen. Hoffentlich genug Zeit, um ein Lächeln aus den Menschen zu bekommen. Das erste, was ich tue, ist, eine neue Leinwand zu erstellen, ich werde für eine IG-Quadratgröße gehen, weil es einfach so vielseitig ist. Dann würde ich gerne ein bisschen planen. Was ich tun werde, ist ein Sprichwort zu illustrieren, das geht Sonne ist draußen, Waffen raus. Es bedeutet im Grunde, dass Sie, wenn es sonnig ist, Ihre Waffen zeigen müssen, die Ihre Arme sind, Ihre Muskeln. Das wird also eine Sonne, und er wird ein paar Schattierungen haben, ein paar Sonnenbrillen und dann einige unter Reflexionen haben, und er wird ein Lächeln haben. Das vielleicht ein bisschen groß, vielleicht können wir das mit Uniform ausgesucht. Ja, das sieht gut aus. Dann wird er so große Muskeln haben. So etwas, und dann ist die Sonne draußen, Waffen raus. Dann erstelle ich eine neue Ebene mit dieser Ebene oben, verkleinere die Deckkraft und verwende diese als Referenzebene, und gruppiere dann alles zusammen, so dass ich zu jedem Zeitpunkt einfach die gesamte Gruppe mit allen Ebenen verschieben kann . Ziemlich einfach. Dann meine Schicht 2, na ja, ich werde mit gelblicher Farbe beginnen, vielleicht ein wenig mehr Orange, und die Pinsel, die ich verwende, sind benutzerdefinierte Pinsel, aber die meiste Zeit sind sie Replikate oder Variationen von trockener Tinte oder Tinte bluten, und es gibt ein paar Grunge hier oben, die ich selbst gemacht habe. Ich werde einen Tintenblut verwenden, der ein bisschen größer ist. Es macht nur das Erstellen von Basisformen viel einfacher. Ich mag es nicht, diese volle Technik zu verwenden, weil Sie sehen werden, dass, wenn ich hineinzoomen, es diese kleine seltsame Kante gibt. Ich würde gerne Hand Farbe absolut alles, was ein bisschen länger dauert, aber ich denke, die Qualität zahlt sich definitiv aus. Lassen Sie uns das tun und vielleicht kann ich die Pinselgröße ein wenig vergrößern. Da gehen wir. Ich habe meinen Körper. Wenn ich die Pinselgröße wieder verkleinere, werde ich dann die Strahlen erstellen, also lassen Sie uns für etwas etwas dunkler gehen, da gehen wir, und beginnen, die Sonnenstrahlen zu erstellen. Dann kann ich den Körper wieder vorne schlagen und nur sicherstellen, dass alle diese eingefärbt sind. Es sieht gut aus hinter dem eigentlichen Körper. Ich benutze einen wirklich groben Pinsel, der ihm ein wirklich schönes handgemachtes Aussehen und Gefühl gibt, aber Sie müssen das nicht tun. Das sieht ziemlich gut aus. Sieht aus wie eine Sonnenblume. Es ist nur ein bisschen zusätzlicher Körper da, den ich nicht löschen möchte, und dann werden wir die Referenzschicht zurücksetzen. Lass uns ein paar Sunnys holen. Sonnig links und sonnig rechts. Ja. Es ist ziemlich gut. Ändern Sie es in eine kleine Tinte bluten nur für die Brücke der Sonnenstrahlen, die Schattierungen. Das ist fantastisch. Dann werde ich eine Clipping-Maske verwenden, damit ich diese reflektierenden Dinge nutzen kann, und ich kann die Linien ausfärben, ohne wirklich präzise sein zu müssen. Das links ist ein bisschen seltsam, also machen wir das noch mal. Das sieht toll aus. Dann lasst uns den Mund ziehen. Ja, das sieht ziemlich gut aus. Als Nächstes sind die Arme. Ich dachte nicht, dass ich diese Farbe gespeichert habe, also werde ich sie erneut auswählen, und ich habe eine neue Ebene erstellt. Du kannst nicht wirklich sehen, was ich hier mache, also werde ich die verstecken. Das sieht ziemlich gut aus. Verwenden wir die Tinte, die groß blutet. Lassen Sie uns eine neue Ebene 4 auf der linken Seite erstellen. Der Grund, warum ich den ganzen Weg in den eigentlichen Arm gehe und das nicht nur aufhöre, ist, weil ich sie drehen werde, und ich werde sie von diesem Punkt hier drehen, so dass ich wirklich mag, dass es rund und nicht dieses Quadrat Jetting out Stück, wie ich es animiere. Drehen wir diese Dinger zurück. Ich werde die hier hinlegen. Der Grund, warum ich sie nicht ganz unten setze ist, weil es sie außerhalb der Gruppe nimmt, was ein bisschen frustrierend ist. Das sieht ziemlich gut aus. Ich denke, die Arme sind ein bisschen groß, also lassen Sie uns etwas anpassen. Zuerst mache ich das einfach und dann benutze ich das Tintenbluten. Es ist wirklich wichtig, Ihre grundlegende oder Ihre ursprüngliche Illustration richtig zu machen , bevor Sie Animationen durchführen, sonst verbringen Sie viel Zeit mit dem Reanimieren oder Reillustrieren. Entschuldigung. Dann ein wenig zurück, nur so dass es füllt, wieder handgefertigt. Fühlt sich an, als hätte er eine größere Muskulatur auf dieser Seite, was vollkommen natürlich ist, denke ich. Er sieht aus wie ein großer Buff Sun Kumpel. Wir können ein bisschen mehr da reinlegen. Ja, das sieht gut aus. Sie können sehen, was ich hier getan habe, ist, dass ich tatsächlich ein wenig auf der falschen Ebene illustriert habe . Ich schneide das einfach aus und füge es und verschmelze auf der rechten Hand. Die nächste Sache ist, Sonne zu machen, Waffen aus, also würde ich das gerne oben tun, und wir können diese Tinte bluten, denke ich. Ja, das sieht gut aus. Sonnen raus. Wir können es ein wenig nach links bewegen, denke ich, und drehen es nur einen Fleck. Wir können sehen, wie es aussieht, sobald der Referenz-Layer gezeichnet ist. Erstellen Sie eine neue Ebene für Waffen aus. Die Sonne ist draußen, die Waffen raus. Wie sieht das aus? Ich finde, es sieht ziemlich gut aus. Ja, vielleicht kann das ein bisschen mehr drehen, umschalten. Ja, das sieht gut aus. Ich werde jetzt ein wenig Texturierung machen, also werde ich eine neue Ebene erstellen und sie zu einer Clipping-Maske machen. Geben Sie ihm einen Multiplikations-Mischmodus, und dann werde ich versuchen, wählen Sie, da sind wir, wir wählen diese Farbe und verwenden eine wirklich grungy Art von einem Pinsel. Legen Sie das einfach auf sie und verwenden Sie dann den gleichen Radiergummi, den Radiergummi. Ich nenne das die schlechte Hoover-Technik. Also versuche ich wirklich nur, etwas davon abzuholen, das ich abgelegt habe. Dies schafft eine wirklich schöne Art von Textur. Ich kann das immer und immer tun, und es klappt wirklich, wirklich gut. Dann werde ich eine neue Ebene erstellen, tun Clipping Maske wieder, und dann wählen Sie schwarz als Farbe und verwenden Sie die gleiche Technik. Nur um ein wenig mehr Textur hinzuzufügen. Ich will nicht zu viel Schwarz, aber dieser hier kam mit ein bisschen Dreck raus. Da gehen wir. Das sieht gut aus. Dann werde ich dasselbe für die Strahlen tun, also Clipping-Maske, aber ich werde dieses Mal keine schwarzen verwenden. Also lassen Sie uns einen schnellen Farbwechsel machen. Da gehen wir. Was wir nicht getan haben, ist, wir eine Multiplikationsschicht brauchten, okay, so etwas sieht wirklich gut aus. Dann schließlich, auf jedem der Arme, machen Sie es zu einer Multiplikationsschicht und machen Sie es zu einer Clipping-Maske, so dass ich über die Linien gehen kann. Es braucht eine Multiplikationsschicht, aber ich war auf dem Strahen-Werkzeug. So etwas, sieht gut aus, cool. Dann schließlich, auf der rechten Seite, Clipping-Maske, machen Sie es multiplizieren, verwenden Sie den Pinsel. Okay, das sieht also ziemlich gut aus. Sonnen aus, Waffen raus. Das ist unser Original. Fantastisch. Ich gehe zurück in meine Galerie, aber vielleicht, bevor ich das mache, können Sie sehen, dass meine Schichten ziemlich chaotisch sind. Aber ich weiß, was sie sind. Ich könnte sie gruppieren, aber es gibt nicht so viele Ebenen, die ich nicht weiß, was los ist. Ich gehe direkt hierher und benenne dieses Original um und dupliziere es dann. Nennen Sie diese Animation und buchstabieren Sie sie richtig, und gehen Sie direkt hinein. Es bedeutet, dass ich jetzt beginnen kann, Ebenen zu verschmelzen und Ebenen zu glätten. Also verschmelzen. Wählen Sie diese aus, gruppieren Sie sie und glätten Sie sie. Ja, lassen Sie uns verschmelzen. Dann kann ich meinen Referenz-Layer löschen. Diese drei Schichten kann ich gruppieren, abflachen, und ich werde diese eine schwarz nennen, weil es alle die gleiche Farbe hat, und ich werde jedes dieser Elemente neu zeichnen. Dann habe ich meine Schattierungen. Also lassen Sie uns Schattierungen umbenennen. Dieser kann der Körper sein, kann die Strahlen sein, ein Arm links, warum ich weiter drücken Shift, ich weiß es nicht und Arm rechts. Ok. Dann meine Gruppe, ich werde es Frame 1 umbenennen. Da gehen wir. Ich habe meinen ersten Rahmen, was fantastisch ist. Jetzt kann ich anfangen zu animieren. Also Sonnen aus, Waffen und sein Lächeln, ich werde die auf jedem Frame neu zeichnen. Seine Sunniten oder seine Schattierungen, ich werde sie von links nach rechts wackeln lassen, oder vielleicht auf und ab. Seine Arme und seine Mähne oder seine Strahlen und sein Körper werden sich auf eine oder andere Weise drehen. Also lasst uns los, ich werde das duplizieren, es Frame 2 umbenennen. Dann, was ich tun werde, ist, dass ich eine Zwiebel-Hautschicht erstellen werde. Ich benenne diese Zwiebel um und gebe ihr eine Hintergrundfarbe von Weiß. Also füllen wir das aus. Okay, das erste, was ich tun werde, ist, diese Ebene zu löschen, und ich werde meine schwarze Farbe wieder auswählen. Du wirst sehen, dass mein Mund nicht da ist. Also, was ist hier los? Nun, das erste, was wir tun können, ist, die Kapazität unserer Zwiebel-Hautschicht zu reduzieren, die ziemlich gut aussieht, aber wir können immer noch keinen Mund sehen. Es hat nichts mit Frame 1 zu tun. Aber wenn wir einfach den Körper abnehmen und aufheben, können wir jetzt anfangen, Dinge zu sehen. Also lasst uns unserem Kerl einen Mund geben, nicht mit dem Pinsel. Lasst uns für [unhörbar] einen gehen. Dann lassen Sie uns Sonnen aufspüren. Ich werde nicht zu kostbar sein, dies genau zu tun, aber gleichzeitig möchte ich nicht, dass es wirklich anders aussieht als das, was es derzeit ist. Egal, wie sehr ich dies in der Vergangenheit versucht habe, jeder einzelne Frame wird etwas anders sein. Aber genau das will ich. Also haben wir diesen Rahmen gemacht, die Schattierungen, lassen Sie uns die bewegen, ein wenig Rotation. Sie können jetzt sehen, dass wir beginnen können zu sehen, wo die Schattierungen auf dem vorherigen Frame sind. Ziemlich cool. Dann können wir die Leiche einschalten. Was ich hier tun werde, ist der Körper, ich werde etwas nach links drehen, also lasst uns einfach fast wie eine Kerbe oder eine Strahlenbreite gehen . Dann die Strahlen, was ich tun werde, ist, dass ich etwas nach rechts, aber noch weniger als die Leiche. Also nur ein Schlamm und ich möchte, dass sich das wirklich anfühlt, als ob es um dreht. Das Problem dabei ist, dass, wenn ich das tun würde, es nicht wirklich das Gefühl hätte, dass es sich dreht weil es nur so aussieht, als ob es etwas wackelt. Also nur ein Fleck, vielleicht noch weniger, so etwas. Dann werde ich meinen Körper und meine Strahlen in diesen beiden Rahmen verstecken. Nun, geben Sie ihm ein wenig Rotation, und richten Sie es einfach neu aus. Ein wenig Rotation und Neuausrichtung. Also haben wir alle diese Schichten erledigt. Ich werde meine Zwiebelschicht deaktivieren und dann eine Vorschau anzeigen. Vielleicht ändern Sie dies auf 10 Bilder pro Sekunde. Ja, es sieht im Moment ziemlich gut aus. Das ist großartig. Wenn es ein wenig aussah, würde ich es exportieren und es in meiner Fotogalerie ansehen, aber es sieht ziemlich gut aus . Also lassen Sie uns das duplizieren, und was ich tun werde, ist, dies in Frame 3 umzubenennen und dann meine Zwiebel einzuschalten. Gehen wir da rauf. Das erste, was ich tun möchte, ist die schwarze Ebene zu löschen und den Text einfach zu wiederholen. Dann, um den Mund und die beiden Schichten zu bekommen. Da gehen wir. Schattierungen Oder wir können das in die andere Richtung drehen und es vielleicht ein wenig nach unten bewegen. Da gehen wir. Die Leiche. Drehen wir das so. Dann können Sie sehen, dass dieser Kreis nicht gerade ist, aber das ist großartig. Ich wollte keinen perfekten Kreis. Dann werden wir die Strahlen etwas bewegen. Etwas nach rechts, ja. Aber ich möchte Frame 1 nicht referenzieren, ich möchte auf einen Frame 2 verweisen. Also lasst uns das nochmal machen. Da gehen wir. Das sieht toll aus. Dann Arm links und Arm rechts. Wieder möchte ich Frame 2 referenzieren. Lassen Sie uns also eine leichte Rotation geben. Großartig. Lassen Sie uns diesem Arm eine leichte Rotation geben. Ok. Frame 3 ist fertig. Schauen wir uns an, wie das aussieht. Also ein GIF blinkt überall. Lasst uns diese Schichten zurücklegen. Wieder blinkt überall. Was ist hier los? Lasst uns diese Schichten zurücklegen. Ok. Das sieht ziemlich gut aus. Ich gebe ihm einen Export mit voller Auflösung, speichere das Bild und lass es uns überprüfen. Es gibt also ein bisschen wie. Das liegt daran, ja, es geht von Frame 3 zu Frame 1 und vor allem der Körper oder all die Dinge, die sich drehen, sind nicht wirklich so ähnlich, wenn er von Frame 3 zu Frame 1 geht. Aber wir werden das klären, sobald wir alle fünf Frames gemacht haben. Ok. Procreate. Lassen Sie uns Frame 3 erstellen oder duplizieren und es Frame 4 umbenennen. Da gehen wir. Wir können alle diese außer Frame 1 ausschalten. Bewegen Sie unsere Zwiebel nach oben und ich werde unsere schwarze Schicht löschen. Cool. Schreiben wir noch einmal unsere Botschaft. „ Die Sonne ist draußen, die Waffe ist draußen“. Gebt ihm schon ein weiteres Lächeln. Dann können seine Schattierungen wieder etwas bewegen, vielleicht ein wenig nach links dieses Mal. Ja, das sieht gut aus. Dann sein Körper. Welchen Weg wird seine Leiche gehen? Wieder ein bisschen nach links. Dann die Strahlen, wo wir Frame 3 und nicht Frame 1 wollen. Ein Fleck nach rechts. Ok. Wir schalten Körper und Strahlen aus, gehen Frame 3, schalten Körper und Strahlen und beginnen dann wieder unsere Arme zu drehen. Nur ein Fleck und ein Fleck. Sieht gut aus. Also hast du das alles getan. Jetzt machen wir einen weiteren Export. Letzter. Also werden wir unsere Zwiebel wieder hochziehen. Zeig es, lösche das aus. „ Sonne ist draußen, Waffen raus“. Sein verlorenes Lächeln. Da gehen wir, Mann. Schattierungen Das ist gut. Es ist der Körper, der ein wenig gedreht ist. Das versucht, einige der Strahlen zu enthüllen, was problematisch ist. Damit wir das in einem Augenblick beheben können. Die Strahlen. Ich möchte Frame 4 referenzieren. Lassen Sie uns diese Runde bewegen und genauso wie Verschmutzung. Jetzt, während wir dabei sind, können wir nur ein wenig zeichnen, damit wir die Unterseite der Strahlen nicht sehen. Vielleicht können wir diese Farbe auswählen. Da gehen wir und das sieht ziemlich gut aus. Dann wieder links und rechts. Nur ein Fleck. Ok. Das sieht so aus wie alles. Das sind fünf Frames. Jetzt, wenn wir es animieren, exportieren wir unsere Animation. Ja, das sieht ziemlich gut aus. Also werde ich es als vollständige Auflösung exportieren nur um zu überprüfen, dass alles in Ordnung ist. Ja, sieht wirklich gut aus. Also jetzt machen wir es Schleife, was wirklich einfach ist. Also brauche ich meine Zwiebel nicht mehr. Ich werde es löschen und dann Frame 4 und Frame 3 und Frame 2 duplizieren. Mann, er sieht jetzt aus wie ein Löwe. Dann exportieren Sie mein animiertes GIF und es geht los. Er bewegt sich hin und her. Lassen Sie uns das also mit voller Auflösung exportieren. Speichern Sie das Bild und dann überprüfen Sie ihn auf Fotos, und es ist ein Schleifen GIF. „ Sonne ist draußen, Waffen raus“. 13. Das Ende (nicht für Looping GIFs): Das ist das Ende der Klasse, ich hoffe, du hast Spaß gehabt und ein paar neue Dinge gelernt. Halten Sie auf spielen und experimentieren und viel Spaß und dann hinterlassen Sie bitte eine Rezension und achten Sie darauf, mir zu folgen und melden Sie sich für Updates auf taptapkaboom.com. Wenn der Animationsfehler dich gebissen hat und du mehr als eine einfache Fortbildung Animation machen willst , schau dir meine anderen Animationsklassen an und schau dir meine anderen Animationsklassen an undschau dir die anderen tollen Sachen auf Skillshare an. Das bin ich, wenn ich abmelde. Tschüss für jetzt.