Procreate-Animation für Anfänger: eigene GIFs und Sticker erstellen

1. Trailer zum Kurs: Kennst du dieses Gefühl? Manchmal suchst du nach dem richtigen GIF, aber du findest einfach nichts, was zu deiner Stimmung passt. Nicht mehr. Heute lernst du von mir, wie du deine eigenen animierten GIFs in Procreate animierst. Hallo und willkommen. Ich heiße Vera. Ich arbeite als freischaffende Künstlerin in Hamburg und unterrichte seit 2019 bei Skillshare. Meine Arbeit ist voller kleiner Geschichten. Diese sind oft inspiriert von den Abenteuern, die ich als Arbeiter oder in anderen Rollenspielen erlebt habe, und ich liebe es einfach , wie sie mir geholfen haben, mich mit anderen zu verbinden. In diesem Kurs möchte ich dir helfen, dich mit kleinen GIFs und Stickern auszudrücken. Nicht nur in sozialen Medien, sondern auch in privaten Nachrichten. Unter meiner Anleitung werden Sie einige Ideen generieren , die Sie in Skizzen und dann in endgültige Konzepte für eine Reihe animierter Reaktionsaufkleber übertragen in Skizzen und dann in . Um diese genau auf Ihren Geschmack zuzuschneiden, werde ich Sie mit ein paar verschiedenen Beispielen inspirieren , damit Sie verstehen, was möglich ist. Hättest du noch nie animieren sollen? Ärgern Sie sich nicht. Das werden Sie heute auch lernen. Für das Klassenprojekt sammelst du alle deine Schritte von ersten Idee bis zur finalen Animation. Es ist so cool zu sehen, wie aus ein paar zufälligen Kritzeleien ein bewegendes Ding werden. Ich verspreche Ihnen, dass nicht nur Ihre perfekteste Arbeit geschätzt wird. Nein. Wir alle wollen die unvollendeten Schritte dazwischen sehen und vielleicht nicht ganz so perfekt, wie Sie sich die Animation vorgestellt haben. Diese Dinge sind super inspirierend für deine Kommilitonen und mich. Sie können auch Feedback sammeln und einen langen Weg loben, was Sie im Gegenzug motivieren wird. Wenn du ein Künstler bist und GIFs und Sticker magst , dann ist dieser Kurs vielleicht genau das Richtige für dich. Wie ich bereits erwähnt habe, benötigen Sie keine Vorkenntnisse mit Animationen. Wichtig ist nur, dass Sie ein iPad mit Procreate benötigen da der Prozess in diesem Medium angezeigt und darauf zugeschnitten ist . Außerdem ist jeder willkommen. Egal, ob Sie ein Anfänger oder ein fortgeschrittener Künstler sind, jeder wird in der Lage sein, diesem Kurs etwas wegzunehmen und seinen Horizont zu erweitern. Am Ende des Kurses haben Sie nicht nur viele großartige Ideen in animierte kleine GIFs verwandelt , Sie haben auch eine Menge Dinge gelernt , die Ihnen auf Ihrem Weg als Künstler begleiten werden. Also schnappen Sie sich Ihr iPad und los geht's. 2. Kursprojekt: [MUSIK] Bist du bereit? In dieser Klasse erstellen Sie Ihre eigenen Animationen im Taschenformat. Sie können Ihre Ideen und Iterationen in Ihrem Klassenprojekt präsentieren . Ich persönlich verwende gerne kleine GIFs und Aufkleber, um mich auszudrücken, aber immer wieder fehlt mir etwas Bestimmtes oder etwas , das zu meiner visuellen Identität passt. Ich entschied mich zu lernen, wie man meine eigenen kleinen Animationen erstellt , die ich in sozialen Medien verwenden kann, und da ich davon ausgehe, dass es anderen genauso geht, möchte ich, dass dies das Klassenprojekt ist. Sie benötigen keine Vorkenntnisse über Animationen, aber ein bisschen Erfahrung mit Zeichnen ist natürlich von Vorteil, aber es ist kein Muss. Du benötigst ein iPad, Apple Pencil und Procreate. Sie können diese App für rund 10 Dollar im App Store kaufen. Ich habe ihre Seite in der Beschreibung verlinkt. Bevor wir uns mit dem Thema befassen, erhalten Sie eine Einführung in Procreate. Außerdem gibt es ein kleines Info-Drop zur 2D-Animation und deren Funktionsweise sowie einige technische Spezifikationen, die Sie wissen müssen, wenn Sie GIFs für Ihr Klassenprojekt erstellen. Um Ihrer Kreativität freien Lauf zu lassen, führen wir ein Brainstorming und sammeln Ideen für Ihre Sticker. Im nächsten Schritt machen Sie Skizzen dieser Ideen und dann kommen wir zu den saftigen Teilen. Ich zeige Ihnen eine Handvoll verschiedener Animationsarten und wie ich sie angehe, damit Sie sie auswählen und auf Ihre eigenen Ideen anwenden können. Am Ende dieses Kurses haben Sie mindestens fünf verschiedene Animationen erstellt und wissen auch, wie genau Sie sie beispielsweise auf Instagram verwenden können. Ich habe diesen Kurs so gestaltet er besonders für Anfänger geeignet ist, weil ich persönlich eine ganze Weile von Animationen sehr eingeschüchtert war . Ich hoffe, ich kann diese Angst davor nehmen. Dann liegt es in Ihren eigenen Händen, Ihren Prozess mit uns zu teilen , damit Sie sich nach diesem Kurs erfolgreich fühlen. Du kannst jeden Schritt dazwischen in die Galerie hochladen , damit wir deinen Prozess und deinen Fortschritt sehen können. Ich bin hier, um Sie dabei zu unterstützen, und ich freue mich sehr, Ihr Projekt und das Ihrer Kommilitonen zu sehen . Bitte vergiss nicht, Spaß zu haben. [MUSIK] 3. Einführung in Procreate: Bevor wir wirklich loslegen können, möchte ich dir eine Einführung in die App geben , damit du immer genau verstehst, was ich mache. Wenn Sie bereits mit Procreate vertraut sind, großartig. Ich werde immer noch alle grundlegenden Kernfunktionen durchgehen , die in diesem Kurs relevant sein werden , sodass wir alle auf derselben Seite sind. So sieht Procreate aus, wenn Sie es öffnen. In der Galerie sehen Sie hier die Vorschau aller Ihrer Projekte oder der vorinstallierten Kunstwerke wenn Sie die App neu installiert haben. Oben rechts sehen Sie verschiedene Optionen mit denen Sie ein neues Projekt starten können. Fangen wir einfach mit einem leeren Dokument an. Tippe auf das Plus. In dem Menü, das jetzt angezeigt wird, können Sie Voreinstellungen auswählen. Für mich gibt es noch ein paar mehr , weil ich im Laufe der Zeit neue gespeichert habe. Die Größe des Canvas ist für das Testen jetzt nicht so relevant, Sie können einfach die oberste auswählen oder wie ich eine neue Leinwand erstellen , indem Sie oben auf diese Schaltfläche tippen. Sie können hier eine beliebige Größe festlegen. Ich beginne gerne mit einem quadratischen Format. Je mehr Pixel Ihr Canvas hat, desto weniger Ebenen können Sie verwenden. Leider ist dies auf dem iPad etwas eingeschränkt und variiert auch je nach Modell, an dem Sie arbeiten. Da ich heute etwas für den digitalen Gebrauch erstellen möchte, ich sicher, dass das Farbprofil auf RGB eingestellt ist. Diese Art von Profil ermöglicht das gesamte Farbspektrum , das das iPad und jedes andere Display anzeigen können. CMYK wird für Dinge verwendet, die später ausgedruckt werden sollen. Dementsprechend sind die Farben etwas begrenzter. Seien Sie also vorsichtig, denn wenn Sie eine Datei in einem der beiden Farbräume erstellt haben , kann diese später nicht mehr geändert werden Sie können das Profil nur innerhalb des RGB- oder CMYK-Farbraums ändern . Sie können den Rest der Voreinstellungen auf der linken Seite so lassen , wie sie sind. Jetzt sind wir im Dokument und haben unseren Canvas fertig. Sie können zoomen, indem Sie zwei Finger zusammendrücken. Die wichtigsten Funktionen finden Sie in der Menüleiste oben und am Bildschirmrand. Hier gehst du zurück zur Galerie. Der Schraubenschlüssel zeigt Ihnen verschiedene Aktionen und Einstellungen. Sie können die magische verwenden, um Anpassungen vorzunehmen , die sich unter anderem mit Farben, Effekten und Schärfe befassen . Dieses Helixschleifen-S-Symbolding hier ist das Auswahlwerkzeug und der Pfeil ist das Transformationswerkzeug. Sie finden auch Pinsel, verschmierte Finger und Radiergummis auf der rechten Seite und natürlich das Ebenenmenü und die Farben. Diese Schieberegler sind für mich links, weil ich Rechtshänder bin , aber wenn Sie mit der linken Hand zeichnen, können Sie das natürlich wenn Sie mit der linken Hand zeichnen, ändern. Der obere Schieberegler ändert die Größe des Werkzeugs, mit dem Sie arbeiten, und der untere Schieberegler ändert seine Deckkraft. Was ich besonders cool finde, ist, dass du hier deine durchgängig verwendeten Einstellungen für beide mit einem Plus einstellen deine durchgängig verwendeten Einstellungen für beide mit kannst, damit du sie schnell wiederfindest. Ich bin mir nicht sicher, ob das nur mit den ursprünglichen Voreinstellungen möglich ist , aber Sie werden wahrscheinlich sehen, dass ich das auch mache. Ein Drei-Finger-Wischen von oben nach unten öffnet das Menü Kopieren und Einfügen. Ein Tippen mit einem Finger öffnet für mich das Schnellmenü. Sie finden die Gestensteuerung unter Schraubenschlüssel und Einstellungen und passen dort alles nach Ihren Wünschen an. Außerdem macht das Tippen mit zwei Finger einen Schritt rückgängig und das Tippen mit drei Finger macht einen rückgängig gemachten Schritt erneut. Abschließend zeige ich Ihnen, wie Sie Ihre Datei für die Animation vorbereiten. Tippe auf den Schraubenschlüssel und dann auf Canvas. Dort finden Sie einen Slide-Button für den Animationsassistent. Wenn sie aktiviert ist, wird die Animationsleiste am unteren Bildschirmrand angezeigt. Was wir damit machen , erkläre ich in der nächsten Lektion genau . [MUSIK] 4. Animation 101: [MUSIK] Unsere Datei ist bereit zum Animieren. Aber was genau ist Animation? Wir nennen Animation alles, was die Illusion von Bewegung in einem visuellen Medium erzeugt. Einzelzeichnungen, in denen sich von Bild zu Bild etwas ändert , werden in schneller Folge wiedergegeben, und unser Gehirn interpretiert diese Veränderungen als Bewegung. Dies funktioniert am besten, wenn die Anzahl der angezeigten Frames mehr als 10 pro Sekunde beträgt. Alles darunter kann von unseren Augen immer noch als Einzelbilder erkannt werden und macht die Illusion dadurch weniger überzeugend. Lassen Sie uns überprüfen, auf welche Bildrate unsere Datei eingestellt ist. Tippen Sie dazu in der Animationsleiste unten auf Einstellungen. Das Menü hier zeigt Ihnen verschiedene Aspekte Ihrer Datei. Oben können Sie die Art der Wiedergabe auswählen. Infinite ist, glaube ich, selbsterklärend. Die Animation wird von Anfang bis Ende immer wieder abgespielt , bis Sie sie beenden. Ping-Pong spielt es von Anfang bis Ende und dann von Ende zu Anfang und so weiter. One Shot spielt die Animation einmal durch und pausiert sie dann. Als Nächstes sehen Sie einen Schieberegler für die Bilder pro Sekunde. Dies reicht von einem Bild oder Bild pro Sekunde bis zu 60. Sie benötigen die anderen Einstellungen noch nicht wirklich. Darauf komme ich später zurück. Sie können die Framerate jederzeit ändern , während Sie an Ihrer Animation arbeiten. Denken Sie daran, dass je höher Sie die Bildrate einstellen, desto schneller wird die Animation abgespielt und desto mehr Zeichnungen müssen Sie erstellen. Es ist immer ein Gleichgewicht zwischen, das sieht super glatt und cool aus, und ****, warum habe ich so viel Arbeit auf mich selbst gelegt? Ich beginne gerne mit einer Bildrate von 12, und manchmal finde ich dabei, dass andere besser funktionieren . Das ist völlig in Ordnung. Animation ist ein ständiger Lernprozess, und Sie werden im Laufe der Zeit ein besseres Gefühl und Verständnis für diese Feinheiten bekommen . Jetzt sollten Sie ein grundlegendes Verständnis der Animation und ihrer Funktionsweise haben. In der folgenden Lektion werden wir uns mit den Rahmenbedingungen befassen, die für unser geplantes Klassenprojekt wichtig sind . [MUSIK] 5. Rahmenbedingungen: [MUSIK] Für das Klassenprojekt besteht das Ziel darin, eine Handvoll persönlicher Geschenke zu animieren , die Sie als Reaktion verwenden können. Ich möchte sie jedoch nicht nur in privaten Nachrichten verwenden können, sondern sie beispielsweise auch auf Instagram verwenden und mit anderen teilen können. Hier ist die Schwierigkeit, diese Animationen werden meistens auf einem Handydisplay angezeigt. Das heißt, sie sind nicht besonders groß und müssen gut funktionieren und in ihrer entsprechend geringen Größe lesbar bleiben . Lesbar nicht nur in dem Sinne dass darin geschrieben ist, lesbar in dem Sinne, dass Sie es sich ansehen und erkennen, was es ist, ohne sich eine halbe Stunde darauf konzentrieren zu müssen . Das klingt nicht besonders dramatisch. Tatsache ist jedoch, dass es tatsächlich viel schwieriger etwas Reduziertes und zu überladenes mit mehr Bling, Bling und visuellen Informationen zu präsentieren und zu überladenes mit mehr Bling, Bling . Hier sind ein paar Tipps, wie Sie Ihr Design lesbar halten können. Die Formen Ihrer Animation sollten klar und einfach sein. Wenn Sie sich dieses Beispiel ansehen, können Sie sehen, dass es schön groß aussieht. Man erkennt alles, kann die Formen unterscheiden und die Bewegung gut lesen. Aber sobald wir es klein betrachten, verwandelt es sich in eine braune Masse und man kann nicht mehr sagen, was los ist. Was kannst du also tun? Ich habe versucht, die Kurven und Streifen zu reduzieren. Je weniger Wendepunkte eine Form hat, desto klarer und einfacher ist das Design, desto leichter ist es auch im kleinen Maßstab zu erkennen. Schließlich können Sie sowieso alle Details sehen, also warum machen Sie es sich und Ihren Augen nicht leichter ? Ich sage nicht, dass Details dämlich sind, nur dass sie für diesen Zweck nicht viel nützen. Die Farbgebung der einzelnen Elemente fällt in ein ähnliches Muster. Je unterschiedlicher die Farben der Formen sind, desto leichter ist es, sie zu erkennen. Das bedeutet nicht , dass Sie keine harmonischen Farben kombinieren sollten . Denken Sie daran , dass jeder Farbton einen Helligkeitswert hat und je unterschiedlicher sie sind, desto besser ist der Kontrast zu sehen. Sie können dies sehr gezielt einsetzen und den Kontrast verwenden, um sich auf bestimmte Dinge zu konzentrieren und andere mehr in den Hintergrund zu rücken , indem Sie ähnliche Farben kombinieren. Um es noch einmal zusammenzufassen, treffen Sie bewusste Entscheidungen und wählen Sie die Formen und Farben sorgfältig aus. Je einfacher Sie Ihre Idee kommunizieren können, desto einfacher wird es sein, in kleinen Farben zu sehen und mit Kontrasten in Farben zu arbeiten , um Ihr Design zu unterstützen. Jetzt können Sie Stift und Papier oder Ihr iPad greifen , denn der nächste Schritt ist das Brainstorming. [MUSIK] 6. Dein Brainstorming: [MUSIK] Jetzt fangen wir an. Lassen Sie uns gemeinsam ein Brainstorming durchführen und genau aufschreiben , was wir für animierte Gifs tun wollen. Sie können natürlich gerne meine Ideen nutzen und dabei Ihre eigene Variation davon vornehmen. Dann möchte ich Sie einladen Ihr eigenes zu tun. Hier sind ein paar Fragen an Sie, die Ihnen helfen können, Ihre eigene kreative Stimme zu entdecken und zu definieren. Sie finden sie auch als Arbeitsblatt in den Ressourcen. Fangen wir einfach mit dem an, was wir wissen. Welche Arten von Geschenken verwenden Sie am liebsten? Sind es kleine Bilder mit Kreaturen oder Tieren, vielleicht Sprechblasen, Pfeile, Schnörkel, Konfetti, oder was genau hast du verpasst? Jetzt besteht die Chance, diese Lücken zu schließen. Schreiben Sie einfach alles auf , was Ihnen in den Sinn kommt. Nächste Frage, welche Aussagen möchten Sie mit Ihren Animationen machen? Gibt es bestimmte Gedanken , die mir in den Sinn kommen? Statements, die Sie generell öfter machen möchten, für die Sie aber einfach nie genau das Richtige gefunden haben? Ein Geschenk, das sagt, hey, ich mag dich, aber du nervst wirklich. Ich bin nicht hier, um über dich zu urteilen, schreibe es einfach auf. Gibt es eine bestimmte Stimmung, die du ausstrahlen möchtest? Bist du eher Gothic, oder blumig und bunt, süß und kuschelig oder total komisch und chaotisch? Machen Sie sich Notizen so, wie es für Sie am sinnvollsten ist. Vielleicht kristallisieren sich schon konkrete Ideen für Designs in deinem Kopf heraus, oder du hast sie sogar aufgeschrieben. Im nächsten Schritt werden wir diese Ideen genauer definieren und Skizzen für sie erstellen. [MUSIK] 7. Skizziere deine Ideen: Wenn Sie in der vorherigen Lektion bereits sehr konkrete Ideen hatten , großartig. Ich zeige Ihnen, wie ich jetzt an meine Ideen herangehe. Aber bevor ich das tue, werde ich Ihnen etwas sagen, das auch für Sie relevant sein könnte. Da ich vorhabe, diese Animationen beispielsweise in meinen Stories auf Instagram zu verwenden beispielsweise in meinen Stories auf Instagram und sie anderen zugänglich zu machen, möchte ich innerhalb der App über die GIF-Sticker darauf zugreifen können . Dazu müssen sie auf giphy.com hochgeladen werden. Du musst auch ein verifiziertes offizielles Künstlerkonto bei Giphy haben, damit darauf zugegriffen werden kann, aber das ist eigentlich sehr einfach. Den Link dazu finden Sie in den Ressourcen. Das Wichtigste um Ihr Konto verifizieren zu lassen , ist, dass Sie mindestens fünf GIFs in Ihrem Profil haben sollten . Wenn Sie ähnliche Ziele wie ich haben, wäre es großartig, wenn Sie fünf verschiedene Ideen angehen würden. Zurück zum Thema. Diese anderen Designs würde ich gerne entwickeln. Ich mache einige Skizzen und Notizen, die mir klar machen, was meine Idee war. Weil ich manchmal dazu neige , so etwas dabei zu vergessen. Diese Skizzen beginnen für mich sehr grob, nicht sehr hübsch, aber sie erfüllen ihren Zweck. Bitte denken Sie daran, dass meine Arbeitsweise nicht das Non-Plus-Ultra ist. Vielleicht sahen Ihre Skizzen schon wie fertige Kunstwerke aus oder möchten Sie immer so viele verschiedene Variationen wie möglich skizzieren so viele verschiedene Variationen wie oder ganz im Gegenteil? Der erste Entwurf, der aufgenommen wurde. Arbeitest du vielleicht von Anfang an in Farbe? Was auch immer Ihr Prozess ist, es ist wichtig, dass Sie so arbeiten, wie es für Sie am sinnvollsten ist. Ich kann meine Designs einfach in Kategorien einteilen. Text, kein Text und kochende Animation, bewegte Animation. Klar, alles bewegt sich, aber mir fehlen bessere Worte. In den nächsten Lektionen werde ich die Entwürfe visuell angehen und Ihnen die Umsetzung im Detail zeigen. Das sollte diese vagen Kategorien etwas klarer machen und Ihnen natürlich auch dabei helfen, Ihre eigenen Animationen zu erstellen. Es schadet übrigens nicht, einfach Aufkleber, die man mag, als Referenzmaterial zu sammeln . Dies ist der beste Weg, um zu sehen, welche Beispiele existieren , welche gut funktionieren und welche nicht. daran, deine Skizzen und Notizen im Klassenprojekt zu präsentieren , damit wir an deinem Prozess teilnehmen können, und dann beginnen wir im folgenden Video mit der Animation. [MUSIK] 8. Textanimation: [MUSIK] Wir haben unsere Vorbereitungen abgeschlossen und es ist Zeit, mit den eigentlichen Animationen fortzufahren. In dieser Lektion zeige ich Ihnen verschiedene Möglichkeiten, Texte in Bewegung zu bringen. Machen Sie Ihr iPad und Procreate bereit und wenn Sie möchten, können Sie auch meine Beispieldateien für diese und die nächsten Lektionen herunterladen . Auf diese Weise kannst du sie dir in Procreate genau ansehen und vielleicht besser verstehen, was ich genau mache. Die erste Animationstechnik möchte ich Ihnen eine einfache, aber effektive zeigen. Ich nenne diesen Stil Kochanimation, weil es ein bisschen wie sprudelndes Wasser in einem Topf aussieht. Ich habe diesen Begriff zum ersten Mal von Michael Ralph gehört. Verdienst ihm, achten Sie darauf, seinen großartigen Arbeitslink in den Ressourcen zu überprüfen . Für eine Kochanimation zeichnen Sie genau dieselben Elemente oder in diesem Fall Buchstaben genau derselben Position für eine Handvoll aufeinanderfolgender Frames. Wiederhole dies für mindestens vier Frames und du bist fertig. Da es etwas kompliziert sein kann, ständig zwischen den Bildern hin und her zu springen , empfehle ich, die Zwiebelschalen-Einstellungen zu verwenden. Zusätzlich zu dem Bild, an dem du gerade arbeitest, zeigt dir die Zwiebelhaut auch die Bilder davor und danach als Geisterbilder an. Sie können die Einstellungen unten in der Animationsleiste verwenden , um festzulegen, wie viele davon sein sollen. Ich verwende meistens ein oder zwei und setze die Opazität auf 40-60 Prozent. Ihnen verwendeten Pinsel können Sie Ihrer Kochanimation eine Variation der Note hinzufügen . Wenn der Pinsel beispielsweise viel Textur enthält, variiert Ihr Strich stärker und die simulierte Bewegung in den Buchstaben hat mehr Wirkung. Sie können wählen, wie vorsichtig oder wackelig Ihre Striche sein sollen. Mehr Pflege macht den Effekt subtiler, weniger Pflege macht ihn spürbarer. Natürlich können Sie so viele Frames füllen, wie Sie möchten. Ich würde nur empfehlen, nicht weniger als vier zu verwenden, es sieht nur ein bisschen interessanter aus. Sie können auch mit Farben spielen. Lassen Sie die Buchstaben die Farben wechseln, oder senden Sie Ihren gesamten Text an den Regenbogen. Werde kreativ und probiere es einfach aus. Du hast nichts zu verlieren. Denken Sie daran, die Animation während des Vorgangs in sehr kleinem Format anzusehen . Auf diese Weise können Sie später überprüfen , wie es aussehen wird. Am besten pausierst du hier und nimmst dir fünf Minuten Zeit, um deinen ersten Text in Procreate zu animieren. Probiere es einfach aus. Ansonsten machen wir gleich weiter. Als nächstes zeige ich Ihnen, wie Sie Ihren Text Buchstabe für Buchstabe erweitern können. Ich empfehle Ihnen, den Text einmal aufzuschreiben damit Sie wissen, wie er am Ende aussehen soll. Möglicherweise haben Sie das bereits in Ihrem vorherigen Schritt getan. Dann kannst du es einfach importieren. Sobald Sie wissen, worauf Sie hinarbeiten, ist diese Animation einfacher in Angriff zu nehmen. Damit die Skizze Sie beim Animieren nicht stört, dass Sie sie immer noch sehen, können Sie sie als Hintergrundzeichnung definieren. Dazu muss sich die Ebene ganz unten im Ebenenmenü befinden, also direkt über der Hintergrundfarbebene. Dadurch wird es als erstes Bild in der Leiste unten angezeigt . Tippen Sie darauf, um die Rahmenoptionen aufzurufen und den Hintergrund zu aktivieren. Wenn Sie jetzt durch die Rahmen scrollen, bleibt die Skizze immer sichtbar und ändert sich auch nicht durch die Zwiebelschalen-Einstellungen. Ich möchte, dass das Schreiben schrittweise erscheint. Wenn Sie super strukturiert sind, können Sie in Vorbereitung Rahmen erstellen, in denen nacheinander ein Buchstabe hinzugefügt wird. Das sind die Schlüsselmomente der Animation. Beginne nun in einem leeren Frame vor dem ersten vollen Buchstaben. Die Animation sollte nicht zu lange dauern, wenn sie vorhanden und je nachdem, mit welcher Bildrate Sie arbeiten, stehen Ihnen mehr oder weniger Frames zur Verfügung. Ich schlage nur vor, dass wir mit drei Schritten für jeden Buchstaben zwischen keinem und vollständigen Buchstaben beginnen . Lassen Sie außerdem ein Bild vor dem ersten Buchstaben leer , um eine kleine Pause in die Animation einzufügen . Im ersten Bild sehen wir nur einen Punkt oder ein paar Lichtstriche. Im zweiten Bild wächst der Buchstabe etwas deutlicher hervor, aber er ist nur zur Hälfte sichtbar. Im dritten Bild ist es fast vollständig da, aber nicht ganz. Der nächste Frame sollte nun der zuvor gezeichnete fertige Brief sein. Für jeden folgenden Buchstaben machst du genau dasselbe mit dem Unterschied, dass alle Buchstaben , die bereits gewachsen sind, auch schon im Rahmen sind. Sie können den fertigen Brief einzeln kopieren und einfügen . Dadurch bleibt es nach dem Wachstum immer noch etwas steif, oder Sie zeichnen den Buchstaben für jedes Bild in voller Größe neu , wie in der kochenden Animation. Auch hier können Sie so oft mit der Sauberkeit der Striche spielen , wie Sie möchten, und Sie können auch völlig frei gestalten, wie die Buchstaben erscheinen. Ich freue mich darauf, Ihre Ideen in der Projektgalerie zu sehen. In der nächsten Lektion wenden wir das Gelernte auf abstrakte Formen an. [MUSIK] 9. Animierende Formen: Vielleicht haben Sie keinen Text in Ihre Ideen aufgenommen? Nun, mach dir keine Sorgen. Das ist nicht wirklich wichtig. Ich hoffe, Sie haben der vorherigen Lektion immer noch Aufmerksamkeit geschenkt . Was Sie dort gelernt haben, lässt sich auch auf Nicht-Text übertragen. Lassen Sie mich Ihnen zeigen wie, und ich habe sogar ein paar zusätzliche Tipps und Tricks für Sie. Ich weiß, es ist ein bisschen kitschig, aber ich mag Herzen und Sterne und solche Dinge. Lieber damit. Wenn das nicht dein Stil ist, kannst du jede andere Form verwenden, die du magst; Dreiecke, Totenköpfe, ich weiß nicht, was du magst. Diese Animation wird mehrere Formen wachsen lassen und dann wie Seifenblasen platzen. Ich beginne wieder mit einer Grundzeichnung und lege sie als Hintergrund fest. Ich möchte nicht, dass die drei Herzen alle gleichzeitig wachsen, sondern sich sozusagen überschneiden. Der nächste erscheint also bevor der vorherige vollständig da ist. Der Prozess beginnt unten und geht nach oben. Ich beginne mit einem leeren Rahmen, der leer bleibt, und beginne dann in einem neuen leeren Rahmen mit einem kleinen Punkt darin. Es mag ein bisschen herzförmig sein, aber angesichts der Größe spielt das keine Rolle. Jetzt bei drei weiteren Frames zeigt der letzte die Form in ihrer endgültigen Größe. Auch im zweiten Bild von Herz eins starte ich das nächste Herz auf die gleiche Weise. Aber warte. Manchmal muss man die Positionen im Prozess korrigieren oder andere Änderungen vornehmen. Dies funktioniert auch, wenn alles im selben Bild auf derselben Ebene passiert, aber es ist einfacher, versehentlich etwas zu ändern, das bereits gut war. Deshalb ist es manchmal gut, verschiedene Elemente auf verschiedenen Ebenen zu haben . entsprechen die Ebenen jedoch Derzeit entsprechen die Ebenen jedoch den Frames. Wenn Sie hier im Menü eine neue Ebene hinzufügen, wird in der Leiste darunter ein neuer Rahmen angezeigt . Sie können jedoch mehrere Ebenen zu einem einzigen Bild kombinieren . Wählen Sie die Ebenen aus, indem Sie von links nach rechts wischen. Die Ebenen werden jetzt mit einer blauen Markierung angezeigt. Eine neue Schaltfläche erscheint auch oben im Menü; Gruppe. Tippen Sie darauf und Ihre Ebenen werden in einen Unterordner verschoben. Gleichzeitig werden diese beiden Frames zu einem kombiniert. Zurück zu den Herzen. Ich hatte gerade das zweite Herz mitten in der Animation des ersten gestartet. Auch mit der Ebenen - und Gruppentechnik konnte ich jetzt leicht meine Meinung über das Timing ändern und das Herz um zwei Ebenen in den Gruppen bewegen , sodass diese Animation zur gleichen Zeit wie die erste oder Frame später, oder vielleicht zwei. Um Ebenen zu verschieben, müssen Sie sie nur einen Moment lang gedrückt halten und können sie dann an einer neuen Stelle im Ebenenmenü ablegen . Ich habe jetzt meine drei Herzen. Da ich möchte, dass alle drei gleichzeitig gesehen werden . Ich habe das erste und zweite gekocht. Als nächstes sollten sie platzen und noch einmal nacheinander. Nicht alle gleichzeitig. Strukturell gehe ich genauso vor wie zuvor. Ich fange mit Heart 1 an und lasse es ein bisschen wachsen. Im nächsten Bild platzt es fast. Kennst du diese Zeitlupenvideos von platzenden Wasserbomben? Die Form bleibt für den Bruchteil einer Sekunde bestehen, bevor Schwerkraft übernimmt. Ich bin kein Wissenschaftler. Ich hoffe du weißt was ich meine. Ich möchte nur sagen , dass ich immer noch die Form eines Herzens dort lasse, aber ein bisschen klobig. Als ob es platzte. Im nächsten Bild zerstreuen sich die Reste, und im Folgenden sind sie fast verschwunden. Je größer der Abstand zwischen den Positionen der Chunks ist, desto schneller fühlt es sich beim Spielen an. kannst du dir generell merken. Größere Entfernung; schnelle Bewegung, kleinere Entfernung; langsame Bewegung, weil mehr Frames benötigt werden, um etwas nur ein kleines bisschen pro Bild zu bewegen , als wenn es in jedem Bild eine große Veränderung gibt. Ich wende diesen Prozess auch auf die anderen beiden Herzen an, bis sie alle geplatzt sind, und ich habe eine fertige Animation. Ta-da. Ich schaue während des Prozesses immer wieder vorbei, um zu sehen, wie es im kleinen Maßstab aussieht, weniger ist mehr. Ich freue mich auf Ihre Fortschritte in der Projektgalerie. Die folgende Lektion wird etwas komplexer sein. Aber keine Sorge, du hast schon die wichtigsten Dinge gelernt. [MUSIK] 10. Komplexere Animationen: [MUSIK] In dieser Lektion beschäftigen wir uns mit Animationen , die eine kleine Geschichte erzählen. Dabei konzentriere ich mich auf eine spezifische emotionale Reaktion, die kommuniziert werden muss. Aber ich werde versuchen, Ihnen ein allgemeines Verständnis der technischen Elemente zu vermitteln, damit Sie sie auf Ihre eigenen Animationen anwenden können. Nach wie vor beginne ich mit einer Skizze, die ich in den Hintergrund lege. Dies zeigt die wichtigsten Schlüsselposen für die Animation. Der Übergang zwischen den Posen ist natürlich besonders wichtig. Das ist es, was die Geschichte erzählt. Wenn Sie die Bewegung eines Körpers von A nach B darstellen, beschreibt sie normalerweise einen Bogen, der flach oder breit sein kann. Wichtig ist, dass Sie A und B nicht mit einer geraden Linie verbinden. Dies kann in Ausnahmefällen funktionieren, aber in den meisten Fällen würde es die Illusion stören. Ich begann meine Animation mit der ersten Pose. Für die Umsetzung. Ich entschied mich für einen dicken Pinsel mit starken Strichen. Das erinnert mich daran, die Animation einfach zu halten, um sie in kleinen Formen lesbar zu halten. Je nachdem, was Sie animieren und was Ihr Stil ist, schauen Sie sich Ihr Design an und fragen sich, ob Sie etwas reduzieren könnten , um lesbarere Ergebnisse und weniger Arbeit zu erzielen dich selbst. Aber keine Sorge, du kannst immer Dinge dazwischen ändern. Es ist nie zu spät. Ich kann mich jetzt Bild für Bild durcharbeiten, weil ich die Skizzen für die wichtigste erste und letzte Pose erstellt habe die Skizzen für die wichtigste erste und letzte Pose erstellt . Ich weiß, worauf ich hinarbeite. In einigen Fällen kann es jedoch sinnvoller sein, zuerst auch die kritische Übergangspose zu definieren und dann zwischen Teilen der Animation hin und her zu springen . Dieser Prozess gewährleistet konsistente Formen, Massen und Verbindungspunkte in Ihrer Konstruktion. Weil diese Dinge eine Rolle die Glaubwürdigkeit der Animation spielen. Grundsätzlich wird das Gehirn des Betrachters davon überzeugt, dass es sich tatsächlich um eine Bewegung handelt und nicht nur um einzelne Zeichnungen. Da das etwas komplexer ist, zeige ich Ihnen, wie ich das mache. Wenn Sie zwei Posen mit einem dazwischen liegenden Bild verbinden möchten , müssen Sie die Mitte zwischen Zeichnung A und Zeichnung B finden zwischen Zeichnung A und Zeichnung B Dies kann manchmal schwierig sein. Denken Sie daran, die Onion-Ebenen oder die Folienanimation hin und her zu verwenden , um die Frames als Bewegung und Kontext zu sehen. Schau dir nicht die gesamte Zeichnung auf einmal an. Oft gibt es einzelne Elemente , die sich unabhängig voneinander ändern. Nehmen Sie sich Zeit, um zu verstehen wie sich die Dinge durch den dimensionalen Raum bewegen , und erinnern Sie sich immer an die Bewegungsbögen. Animationen erfordern Übung, seien Sie also nicht frustriert, wenn sie beim ersten Versuch nicht so läuft , wie Sie es möchten. Bei einigen Elementen kann man tatsächlich recht leicht erkennen, wie sie sich von A nach B verschieben und ob sie sich überlappen und es kann ziemlich einfach sein, dort den Mittelpunkt zu finden und zu zeichnen. Wie Sie sehen können, ist in meinem Kunstwerk eine große Einbahnbewegung beabsichtigt. Um es nicht zu steif und mechanisch aussehen zu lassen, habe ich eine sogenannte Vorfreude davor gesetzt. Dies ist eine Gegenbewegung, die dazu dient, Energie aufzubauen , um den Körper in die entgegengesetzte Richtung zu bewegen. Zum Beispiel die Knie beugen, bevor springen oder die Arme zurückziehen. Wenn du etwas wirfst. Es verleiht der Bewegung einen Funken Realität und verleiht dem Ganzen ein bisschen mehr Saftigkeit. Der Rest meiner Animation wird von mir mit Posen gefüllt , die die Lücke zur endgültigen Position schließen. Wie viele es geben muss, liegt in Ihrem eigenen Ermessen und hängt von der Art Ihrer Idee ab. Ich kann nur empfehlen , dass Sie die Animation von Zeit zu Zeit abspielen , um ein Gefühl dafür zu bekommen, ob sie Ihren Bedürfnissen entspricht , und gegebenenfalls die Bildrate anzupassen. Sie können jederzeit Frames deaktivieren oder löschen, neue Frames hinzufügen und vorhandene bearbeiten. ob Ihre Stickeranimation komplex, dreidimensional oder etwas grafischer und flacher ist. Sie können es immer aufpeppen, indem Sie die Änderung übertreiben. Wenn eine Form gequetscht ist, drücken Sie sie einfach etwas mehr zusammen. Wenn eine Bewegung einen Bogen beschreibt, vergrößern Sie ihn. Halten Sie die Posen für ein oder zwei Frames länger, um dem Betrachter Zeit zu geben , zu verstehen, was passiert, und wenn die Bewegung schnell ist, machen Sie sie wirklich schnell. Aber brechen Sie auch die Regeln. Sagen wir, sie haben es getan , nur weil Sie behaupten etwas nicht heißt, dass es wahr ist. Ich probiere alles selbst aus. [GELÄCHTER] Weil es keinen richtigen Weg gibt , sich auszudrücken, Ihre Erfahrung, Ihr Stil, die Art, wie Sie zeichnen, animieren, einzigartig sind, sollten Sie das feiern. Je nachdem, wie Sie sich der Animation nähern, können Sie ihr jetzt Farbe geben. Verwenden Sie die Gruppenrahmen-Funktion, um Farbe hinter jede Linie und neue Ebene zu setzen. Oder verwenden Sie den Farbtropfen , um Ihre Linien auf derselben Ebene zu füllen. Wenn Sie auf einer Ebene mit zwei Finger von links nach rechts streichen, aktivieren Sie die Alpha-Lock des Inhalts. Mit dieser Option können Sie ganz einfach Teile oder alle Ihre Linien übermalen . Ich hoffe, das war alles verständlich. Wenn Sie jedoch Fragen haben, können Sie diese in Ihrem Projekt stellen oder eine neue Diskussion im Kurs eröffnen. Ich sehe und lese alle Ihre Beiträge, also zögern Sie nicht, mich zu kontaktieren. Wenn Sie Ihren Prozess teilen, kann ich Ihnen Feedback geben und es könnte Ihnen viel Frust ersparen. [MUSIK] Als Nächstes zeige ich Ihnen, wie Sie Ihre Dateien für den Export vorbereiten Ihre Dateien für den Export und sie als Geschenk speichern. [MUSIK] 11. Exportiere Animationen: Wie ich bereits erwähnt habe, möchte ich meine GIFs in sozialen Medien verwenden. Daher müssen die Animationen bestimmte Rahmenbedingungen erfüllen. Ich führe Sie durch die Bedingungen , die für Giphy.com erfüllt sein müssen. Dies ist die Website, auf die Instagram beispielsweise zugreift, wenn Sie animierte Sticker verwenden möchten. Andere Websites haben möglicherweise andere Begriffe. Lesen Sie die Anleitungen daher immer sorgfältig durch. Wir müssen also die folgenden Bedingungen erfüllen bevor wir mit dem Export beginnen. Aufkleber müssen sich bewegen. Sie benötigen mindestens zwei Frames aber diese beiden Frames reichen tatsächlich aus. Aufkleber müssen einen transparenten Hintergrund haben. Wir können dies leicht sicherstellen indem wir die Hintergrundfarbe deaktivieren. Wenn Sie das Rastermuster in Ihrer Datei sehen können, ist das korrekt. Im ersten Bild müssen mindestens 20 Prozent der Fläche transparent sein. Wenn Sie ähnliche Ideen wie meine umgesetzt haben, sollte das überhaupt kein Problem sein. Andernfalls fügen Sie am Anfang einen neuen Rahmen hinzu und sehen Sie, wie Sie diese Anforderung am besten erfüllen können. Die Wiedergabe muss auf unendlich eingestellt sein. Wenn Ihre Animation auf Ping-Pong basiert, können Sie jedes Bild duplizieren und am Ende in umgekehrter Reihenfolge anordnen. Ein bisschen kompliziert, aber kein Deal Breaker. Ich bin mir nicht hundertprozentig sicher, ob das notwendig ist oder ob die Pingpong-Einstellung auch funktioniert, weil es immer noch unendlich viele Loops gibt. Für die Auflösung empfiehlt Giphy eine, die ein Vielfaches von vier ist , aber letztendlich scheint es nicht so wichtig zu sein , welche Größe und Auflösung Sie hochladen. Die einzige Einschränkung besteht darin, dass die maximale Datei überschreitet nicht 100 MB. Gehen wir zum Export. Tippe auf den Schraubenschlüssel und gehe zu Teilen. Im unteren Bereich gibt es verschiedene Optionen, um Ebenen gemeinsam zu nutzen. Das ist Procreates seltsame Art zu sagen, dass sich das mindestens vier von sechs Mal bewegen wird. Wir benötigen unsere Datei als GIF also tippen Sie darauf und das Exportfenster wird geöffnet. Auf der rechten Seite sehen Sie die Wiedergabe und Anzeige Ihrer Animation während des Exports. Sie können Ihre Bildrate auf der linken Seite ändern, wenn Sie möchten. Es gibt auch drei Schieberegler. Ich muss zugeben, dass ich keine wirklich gute Erklärung für Dithering und Farbpellet pro Rahmen finden konnte wirklich gute Erklärung für Dithering und Farbpellet pro Rahmen finden . Probiere einfach aus, was und ob sie etwas mit deiner Animation machen oder lass sie einfach weg. Der dritte ist jedoch wichtig und Sie sollten ihn auf jeden Fall aktivieren. Spielen Sie mit dem Alpha-Schwellenwertregler herum. Alpha ist die Transparenz in Ihrer Animation und der Schwellenwert bestimmt, wann ein Strich transparent wird. Schau einfach, was am besten aussieht. Es ist sehr unterschiedlich, je nachdem wie Ihre Animation erstellt wurde. Jetzt können Sie erneut überprüfen, ob Ihre Animation 100 MB überschreitet oder nicht. Das kannst du dir hier oben ansehen. Wenn alles in Ordnung ist, können Sie auf Exportieren tippen und fertig. Wenn Ihre Datei immer noch zu groß ist, können Sie Folgendes tun Gehen Sie zurück zur Galerie, wischen Sie die Vorschau Ihrer Datei von rechts nach links und wählen Sie Duplizieren aus, gehen Sie dann in die Datei und tippen Sie auf den Schraubenschlüssel. und dann auf Leinwand. der oberen Schaltfläche Zuschneiden und Größe ändern können Sie die Größe der Datei reduzieren. In den Einstellungen können Sie das erneute Sampling der Leinwand aktivieren, um das Seitenverhältnis gleich zu halten das Seitenverhältnis , und dann die Zahlen oben ändern. Wenn eine Datei immer noch zu groß ist, können Sie die Gruppen auch verkleinern oder reduzieren, um die Anzahl der Ebenen zu reduzieren, und das ist die Größe. Ich hoffe alles ist gut gelaufen und du hast deine GIFs bereit. In der nächsten Lektion zeige ich Ihnen, wie Sie sie jetzt verwenden können. 12. Giphy verwenden: Du solltest jetzt eine Handvoll toller, persönlicher, animierter Sticker haben. Wenn Sie sie auf Ihr Smartphone übertragen, können Sie sie einfach über Nachrichten senden, beispielsweise auf WhatsApp, indem Sie sie wie ein Foto hochladen. Wenn Sie welche in sozialen Medien verwenden möchten, zeige ich Ihnen, wie das über Giphy.com geht. Zunächst müssen Sie sich auf der Website registrieren. Damit deine Animationen gefunden werden, benötigst du zusätzlich ein Künstlerkonto. Dazu benötigen Sie ein Profilbild sowie relevante Links, zum Beispiel zu Ihren Social Media Accounts oder Ihrer Website. Dann natürlich das Wichtigste, Aufkleber und GIFs. Sie können sie hochladen, indem Sie oben auf Hochladen klicken. Die Dinge, die wir heute animiert gelten als Aufkleber , weil sie einen transparenten Hintergrund haben. Wählen Sie einfach die Datei aus, um sie hochzuladen. Der nächste Schritt besteht darin, Texte hinzuzufügen , die so beschreibend wie möglich sind. Verwenden Sie also Wörter, die den Inhalt gut widerspiegeln , aber nicht mehr als 20, sonst beschwert sich Giphy. Dann kannst du auf Auf Giphy hochladen tippen und der Sticker wird deinem Profil hinzugefügt. Sobald Sie etwas zwischen 5 und 10 hochgeladen haben , ist Ihr Profil fertig. Sie können jetzt ein Künstlerkonto beantragen. Das kann eine Weile dauern, aber keine Sorge. Wenn Sie die Richtlinien befolgen, sollte es funktionieren. Dann können Sie beispielsweise in Instagram-Storys nach Ihrem Giphy-Namen suchen oder nach dem Text , den Sie Ihren Aufklebern hinzugefügt haben. Tada, da sind sie. Das Tolle ist, dass deine Freunde sie jetzt auch benutzen können. Hervorragend. Jetzt ist es an der Zeit, Ihre Arbeit in der Projektgalerie mit uns zu teilen in der Projektgalerie bevor ich ein paar abschließende Worte für Sie habe. 13. Abschließende Bemerkungen: [MUSIK] Yay, du hast es geschafft. Danke, dass du hier bist. Gemeinsam haben wir Grundkenntnisse über Procreate und 2D-Animation vermittelt. Wir haben ein Brainstorming durchgeführt, skizziert und animiert und schließlich gelernt, wie man GIFs exportiert, um sie in sozialen Medien zu verwenden. Wenn es eine Sache gibt, von der ich hoffe, dass Sie sie auf die Reise Ihres Künstlers mitnehmen Sie sie auf die Reise Ihres Künstlers mitnehmen es, dass Animation nicht so schwierig ist und tatsächlich viel Spaß macht. Vergessen Sie jetzt bitte nicht, uns Ihre fertigen GIFs und die Schritte, um dorthin zu gelangen, zu zeigen . Ich freue mich sehr auf das tolle Ergebnis und bin so bereit, Feedback und Lob zu geben. guter Letzt möchte ich Sie auch bitten, eine aufrichtige Bewertung abzugeben. Dies wird mir nicht nur helfen, zukünftige Kurse zu verbessern, sondern auch potenziellen Studenten zu helfen, zu wissen, was sie in dieser Klasse erwartet. Wenn Sie jetzt wirklich Lust auf Animation haben, finden Sie in meinem Profil noch mehr Animationskurse. Wenn du möchtest, folge mir bitte auf Skillshare und anderen Plattformen, um auf dem Laufenden zu bleiben. Danke und bis zum nächsten Mal [MUSIK]