Mach ein GIF draus! Animation von niedlichen Figuren auf deinem iPad

1. Einführung: Lieben Sie es zu zeichnen? Wollten Sie sich schon einmal, wenn Sie etwas tun könnten , um Ihre Illustrationen zum Leben zu erwecken? Hallo an alle, mein Name ist Lucy, und ich bin Designer und Illustrator, der in den Niederlanden lebt. Diese Klasse wird GiFit genannt. Animieren süße Charaktere auf Ihrem iPad. GIF, wie Sie es aussprechen, es ist etwas, das jeder kennt und liebt. In dieser Klasse werde ich Ihnen zeigen, wie Sie Ihre eigenen Charaktere zum Leben erwecken können, um skurrile GIFs zu erstellen, die jedem Tag Glanz und Magie verleihen können. Mit dem Fokus auf die Schaffung von Charakteren, die von der Umgebung inspiriert sind, eignet sich diese Klasse für Illustratoren und Designer aller Ebenen, die wissen wollen, wie sie einen Schritt weiter gehen, um ihre Charaktere durch Animation zum Leben erwecken. Es gibt viele Möglichkeiten, Animationen auf Ihrem Computer zu erstellen, aber ich wollte einen Weg finden, um den gesamten Prozess zu rationalisieren , so dass es nur mit dem iPad gemacht werden kann. Dies macht den gesamten Prozess des Illustrations- und Animierens viel bequemer, da es unterwegs gemacht werden kann, in einem Café zu Fuß, während man überall dort unterwegs ist, wo die Inspiration auffällt. Als Illustrator nutze ich gerne meine Zeichnungen, um den Alltag in der Umwelt zu feiern. Nachdem ich aus einem tropischen Land gekommen bin und diese saisonalen Veränderungen zum ersten Mal erlebt hatte, wollte ich einen Weg finden, die Wärme des Sommers zu feiern und den Jubel des guten Wetters zu verbreiten. In dieser zukünftigen Klasse lade ich Sie ein, mich in dieser Feier der Saison oder des Wetters, in dem Sie leben, anzuschließen. Wenn du so aufgeregt bist wie ich, klicke auf das nächste Video und lass uns loslegen. 2. Das Projekt: Für die Aufgabe dieser Klasse erstellen Sie einen Korrektor, der von der Saison inspiriert ist, in der Sie leben. Dann werden wir drei verschiedene Methoden verwenden, um der Illustration etwas Bewegung hinzuzufügen. Wenn Ihr Land keine Jahreszeiten hat, können Sie sich stattdessen das Wetter für Inspiration ansehen. In einem Brainstorming-Teil der Lektion führe ich Sie durch, wie Sie das tun können. Ich werde Sie durch den gesamten Prozess begleiten, vom Einholen von Ideen bis zum Exportieren eines GIF. Auf dem Weg werden wir auch einige Skizzen machen, eine von ihnen auswählen, um zu verfeinern und zu polieren und den Gesichtsausdruck zu animieren, Hintergrundeffekte hinzuzufügen und den Text zu animieren. Der Lieferumfang für die Klasse besteht darin, eine GIF-Datei zu haben , die Sie über GIPHY hochladen und freigeben können. Während dieses Kurses werden Sie ermutigt, Ihre Skizzen und was im Gange ist zu teilen , damit ich Ihnen Feedback und Anregungen geben kann. Ich werde auch gerne helfen, wenn Sie in irgendeinem Teil des Prozesses stecken bleiben. Sie außerdem sicher, dass Sie Ihr endgültiges GIF in die Galerie hochladen , damit wir es alle sehen und genießen können. Es wird wie eine gigantische feierliche GIF-Party in der Galerie sein. Sie können auch wählen, ob das Projekt in Teilen oder alle auf einmal durchgeführt werden soll. Es ist definitiv machbar, wenn Sie ein paar Stunden zu ersparen haben. Ich persönlich kann nicht warten, um zu sehen, was Sie sich einfallen werden, also lasst uns loslegen. 3. Tools und Apps: Für diese Klasse benötigen Sie nur ein iPad und einen kompatiblen Eingabestift. Ich benutze das iPad Pro und einen Apple Bleistift. Wir werden Procreate verwenden, um unsere Zeichnungen zu veranschaulichen. Es kostet 9,99 USD im App Store und es ist ein unglaublich leistungsfähiges Zeichenwerkzeug. Wenn Sie daran interessiert sind, digital zu zeichnen, ist es definitiv Ihre Investition wert. Für die Erstellung unserer Animation verwenden wir eine App namens ImgPlay, I-M-G-P-L-A-Y. Es stehen zwei Optionen zur Verfügung: eine kostenlose und eine kostenpflichtige. Für die Zwecke dieser Klasse die freie mächtig genug, und das ist alles, was Sie brauchen. Sobald die Apps installiert sind, können Sie auf das nächste Video klicken, um loszulegen. 4. Skizzieren wir!: Lassen Sie uns unser Brainstorming beginnen, indem wir einige visuelle Inspiration sammeln. Zusätzlich zu meinen eigenen Fotos schaue ich gerne online nach Bildern, um ein Sprungbrett aus Farben und Formen aufzubauen. Öffnen Sie Ihren Web-Browser. Ich beginne gerne mit einem generischen Schlüsselwort, um die Ideen fließen zu lassen. Es ist Sommer, wo ich bin, also wäre das mein Suchbegriff. Scrollen Sie durch die Bilder und sehen Sie, was Ihnen ins Auge fällt. Wenn Sie nicht sicher sind, wo Sie anfangen sollen, finde ich, dass Lebensmittel und Pflanzen großartige Schlüsselwörter sind, mit denen sie saisonal beginnen und natürlich den Geist der Saison widerspiegeln. Wenn Sie aus einem tropischen Land ohne Jahreszeiten kommen, können Sie das Wetter stattdessen als Inspiration nutzen. Zum Beispiel in Singapur, wo ich herkomme, ist es normalerweise entweder heiß und feucht, oder wegen der Monsunzeit sehr kalt und trostlos. In diesem Fall können Sie über Ihr Lieblingsgetränk nachdenken, um die Feuchtigkeit zu schlagen, oder vielleicht bestimmte Vorfälle, die wegen der unvorhersehbaren Monsunstürme passieren könnten. Nehmen Sie sich die ganze Zeit, die Sie brauchen, um die visuelle Inspiration zu absorbieren. Sie müssen nicht alle Bilder speichern. In der Tat sollten Sie das nicht tun, weil das zu überwältigend wäre, aber ich finde, dass nur durch die Bilder scrollen und schauen und diese Farben und Formen durch Ihren Kopf gehen und sinken lassen, hilft viel, weil es hilft, geben Ihnen einige visuelle Richtlinien in Bezug auf die Stimmung, die Sie versuchen zu replizieren. Zum Beispiel, jetzt, wo ich auf alle Blumen und sehe bestimmte Farben, wie die hellen Gelb, gesättigten Orangen und Rottöne. Wie bereits erwähnt, ist das Produkt eine wunderbare Möglichkeit, die Jahreszeit zu reflektieren. Jetzt, da ich mir Sommerfrüchte anschaue, erkenne ich, dass die Farben, die die dargestellten Blumen so ähnlich sind. Leuchtende Rot-, Gelb- und Orangenfarben und sehr lebendige Grüns. Dies sind die Farben, die ich definitiv verwenden möchte, wo ich später meine Illustration erstelle. Es ist auch hilfreich, solche Begriffe zu betrachten, die nicht vollständig repräsentativ sind. Zum Beispiel die Idee des Sommerspaßes. Es ist sehr interessant zu sehen, wie ähnliche Farben und Formen verwendet werden, obwohl sie von verschiedenen Menschen für verschiedene Zwecke erstellt werden. Um zusammenzufassen, während Sie nach visueller Inspiration suchen, können Sie zunächst greifbare Elemente betrachten, die sich auf Ihr Thema beziehen. Zum Beispiel Früchte, Blumen und Produkte, wobei besonderes Augenmerk auf die Farben und Formen, die Sie sehen. Sie können auch abstrakte Konzepte nachschlagen, um das visuelle Vokabular zu verstärken und aufzubauen. Wählen Sie höchstens drei bis fünf Bilder aus, um als visuelle Inspiration zu dienen , und Sie können mit der Skizzierungsphase beginnen. Um ein neues Dokument zu erstellen, klicken Sie auf das Plus-Symbol und geben Sie Ihre Canvas-Größe ein. Ich gehe mit einem Quadrat, wie ich es auf Instagram teilen möchte. Denken Sie daran, den PPI für die hochauflösende Ausgabe auf 300 zu setzen. Um ein Bild einzufügen, klicken Sie auf das Werkzeug „Anordnen“ in der ersten Schaltfläche. Wählen Sie „Foto einfügen“ und wählen Sie Ihre Bildreferenz aus. Wiederholen Sie dies für so viele Bilder, die Sie haben. Im Ebenenbedienfeld sehen Sie, dass sich jedes Bild auf einer separaten Ebene befindet. Wählen Sie sie aus und ordnen Sie sie so an , dass Sie einen freien Arbeitsbereich zum Skizzieren haben. Sie können alle Bilder gruppieren, indem Sie auf jede Ebene klicken und sie nach rechts streichen und dann die obere rechte Ecke Schaltfläche auswählen. Sie müssen die Referenzen sehr groß sein, da sie als Arbeitsbrett an der Innenseite des Leinwandbereichs dienen sollen . Ich genieße die Texturen traditioneller Medien also werde ich die Apps 6B Pencil verwenden, die Sie im Skizzierbereich finden können. Sie können herumspielen, bis Sie einen Pinsel finden, den Sie mögen. Denken Sie daran, den Radierpinsel auch auf 6B zu setzen, damit Sie beim Löschen dieses Textur-Look beibehalten können. Wenn nicht, könnte es unangenehm und seltsam aussehen, wenn unsere sehr harte Kante mit weichen Kanten ist. Erstellen Sie einen neuen Layer, um mit dem Skizzieren zu beginnen. Ich mache jetzt nur grob Skizzen von Formen, die mir aus dem Suchprozess und auch aus der Inspiration an einem Ort im Kopf geblieben sind. Ich mochte die Idee der Wassermelone wirklich, weil sie nur die Idee von etwas so süß und saftig und durstlöschend in den Sinn bringt . Es kann langweilig sein, den Charakteren beizutreten, nur herumstehen, so dass es hilft, darüber nachzudenken, was sie tun könnten. Ich finde es ein wenig lustig, wenn ich an die Sommerkollektion denke, mit Sommeraktivitäten auch. Vielleicht eine Wassermelone, die eine Wassermelone isst. Fühlen Sie sich frei, Ihre Skizzen neu anzuordnen, um Platz zu schaffen, wenn Sie nicht genügend Platz zum Zeichnen haben. Denken Sie daran, das ist nur Skizzierungsphase für Ihre Idee. Seien Sie nicht zu besorgt über Komposition oder unordentliche Linien, haben Sie einfach Spaß und lassen Sie los. Dieser gesamte Prozess ist sehr organisch und Sie können hin und her gehen um neue Fotos oder neue Inspiration zu finden, wann immer Sie möchten. Ich finde mich immer wieder über Wassermelone nachzudenken, also denke ich, ich werde mit einem Wassermelonencharakter gehen. Sie können in diesem Stadium so viel Zeit verbringen, wie Sie möchten. Normalerweise gehe ich zwischen den Ideen hin und her, probiere verschiedene visuelle Ausdrücke aus und vermische die Bilder. Es klingt ein wenig albern, aber wenn ich wieder bei einer Zeichnung lächelt, weiß ich, dass ich bereit bin, zur nächsten Phase weiterzugehen. 5. Verfeinerung und Einfärben: Ordnen Sie das Ebenenbedienfeld auf, indem Sie die verschiedenen Skizzen zusammenfassen. Wählen Sie dann eine Figur aus, die Sie entwickeln möchten, und kopieren Sie sie auf eine eigene Ebene. Wählen Sie Magnetik aus, und passen Sie die Größe der Skizze auf die Größe an, die Ihr endgültiges Kunstwerk haben soll. Ich weiß, ich will, dass mein letzter Liner rosa ist. Ich werde die Farbe meines Skizzen-Layers ändern, um etwas zu sein, das im Gegensatz steht. Um eine neue Ebene zu erstellen, und das ist, wo wir beginnen, unsere endgültige Linie Kunst zu zeichnen. Um gerade Linien zu zeichnen, können Sie ziehen und halten, und die Linie wird einrasten. Für Ihr GIF müssen Sie entscheiden, was Sie statisch halten möchten und was Sie animieren möchten. Was auch immer Sie animieren möchten, muss auf einer separaten Ebene gezeichnet werden. In diesem Fall weiß ich, was ich die Hand und die Blume bewegen möchte, also werde ich das auf einer separaten Schicht zeichnen. Benennen Sie Ihre Layer so um, dass sie weitergehen, um die Dinge organisiert zu halten und Verwirrung zu minimieren. Der Liner ist fertig. An dieser Stelle werde ich normalerweise eine Pause machen. Das ist, etwas Abstand zwischen mir und dem Kunstwerk zu setzen, damit ich mit frischen Augen wieder einen Blick werfen und vielleicht einige Anpassungen vornehmen kann , wenn ich es brauche. Wenn Sie ausgeruht und bereit sind, können Sie zum Färben übergehen. Erstellen Sie eine neue Ebene unter dem Linienbild, um mit Ihrer Färbung zu beginnen. Diese Methode der Färbung ist langsamer, aber ich kann wunderbare Texturen erstellen, abhängig von Ihrem Stiftdruck und Strichrichtung. Sie können auch das Lasso-Werkzeug verwenden, um eine Auswahl zu treffen und die Farbe zum schnellen Ausfüllen zu ziehen. Denken Sie daran, das Teil, das Sie animieren möchten, auf einer separaten Ebene zu färben. Für mich werde ich mit der Hand und Blume auf einer neuen Schicht färben. Um die Farbe Ihrer Linienbilder zu ändern, können Sie die Miniaturansicht auswählen und Alpha-Sperre auswählen. Damit können Sie nur Flächen, die zuvor gezeichnet wurden, Farbe hinzufügen. Ich mag die Farbe meiner Linienart passend zu dem, was ich zeichne, da ich finde, dass es hilft, ein wenig Farbe hinzuzufügen. Nehmen Sie sich die Zeit, sich anzupassen, um die Farben zu erhalten, die sich richtig anfühlen. Denken Sie daran, wenn Sie sich frustriert fühlen oder stecken, machen Sie einfach eine Pause und kommen Sie wieder. Sobald Sie mit den Farben zufrieden sind, können wir mit der Animation beginnen. An dieser Stelle können Sie Ihre Datei auch speichern und in die Kursgalerie hochladen, um Feedback zu erhalten. Jetzt ist es auf die lustige Art, die deinen Charakter animiert. 6. Animieren wir! Augen: Beginnen wir nun mit der Animation. Bevor wir beginnen, überprüfen Sie bitte, dass sich Ihre Lichtkunst und Farben auf separaten Ebenen befinden. Gruppieren Sie alle anderen Layer, die Sie benötigen, unter einer neuen Gruppe, und beschriften Sie sie als Sicherung. Die Methode der Animation, die wir verwenden, ist Stop-Bewegung. Dies geschieht durch Zeichnen von Keyframes mit subtilen Unterschieden. Ich werde Ihnen jetzt ein kurzes Beispiel zeigen, was Sie tun werden. Wir werden dieses winzige Gesicht blinken lassen. Duplizieren Sie die Ebene, indem Sie nach links wischen, dann deaktivieren Sie die Sichtbarkeit der ersten Ebene und beginnen Sie mit den Änderungen. Ich werde einen Teil des Auges löschen, um es so aussehen zu lassen, als würde es schielen, es wieder duplizieren. Nun, modifizieren Sie es weiter, so dass die Augen sind jetzt dünne Schrägen. Da haben wir es; eine grundlegende Baum-Frame Stop-Bewegung. Wenn ich die Sichtbarkeit der Ebenen ein- und ausgeschaltet habe, sollte man sehen, wie das kleine Gesicht blinkt und die Augen öffnet. Lassen Sie uns nun anfangen, das eigentliche Kunstwerk zu animieren. Duplizieren Sie Ihren Linienkunstkörper. Jetzt können Sie beginnen, die subtilen Änderungen vorzunehmen. Ich werde die Augen löschen, um es wie ein Schielen aussehen zu lassen, aber die Breite der Augen konsistent zu halten. Machen Sie nun eine Kopie dieser Schicht und löschen Sie die Augen, so dass es wie dünne Linien aussieht. Wir können jetzt eine schnelle Überprüfung durchführen, ob die Animation funktioniert, indem Sie die Sichtbarkeit der Baum-Layer umschalten. Denken Sie daran, jede Ebene mit einem, zwei und drei in der Reihenfolge der Animation umzubenennen . Dies wird sehr hilfreich sein, wenn wir unsere [unhörbaren] speichern und exportieren. Wir haben gerade den ersten Teil der Animation abgeschlossen. Um zusammenzufassen, die Methode, die wir gerade mit der Modifikationstechnik verwendet haben , bei der wir eine Zeichnungsebene duplizieren und etwas Stück für Stück modifizieren , so dass es die Illusion von etwas erzeugt, das sich bewegt. Diese Methode ist besonders effektiv, um subtile Veränderungen wie das Blinken des Auges zu animieren . Weil Sie nicht möchten, dass sich die Position des Objekts bewegt. Im nächsten Video werden wir einen Blick darauf werfen, wie Animation zu machen, wo die Position des Elements verschoben werden soll. 7. Bonus: Animieren wir! Bewegung: Dies ist ein Bonusvideo, um Ihnen zu zeigen, wie Sie Teile Ihrer Animation bewegen können. Für meine Animation möchte ich, dass Mr. Wassermelone mit der Sonnenblume von links nach rechts winkt. Das bedeutet, dass ich drei Kopien der Sonnenblume brauche, wobei die bereits gezeichnete Nummer 2 in der Sequenz ist. Ich werde beginnen, indem ich Linienkunst und Farbschichten der Sonnenblume in einer Gruppe gruppiere. Denken Sie daran, dass dies der zweite in der Bewegungssequenz ist. Duplizieren Sie die gesamte Gruppe und klicken Sie auf die gerade erstellte Gruppe. Klicken Sie auf das Auswahlwerkzeug, das das Pfeilsymbol ist, und Sie sehen einen gepunkteten Rahmen um das gesamte Objekt. Verwenden Sie sehr vorsichtig zwei Finger an den Ecken der Auswahl, um sie zu drehen. Wählen Sie Magnetics, wenn Sie Ihre Auswahl wiederholen, um die Größenänderung Ihres Objekts zu vermeiden. Jetzt, da ich mit dem Winkel der Drehung zufrieden bin, werde ich sorgfältig die [unhörbare] Zeichnung ausrichten, die der Kopf ist. Benennen Sie die Gruppe so um, dass sie die erste in Ihrer Sequenz ist, und duplizieren Sie die zweite Gruppe erneut. die neue Gruppe mit der gleichen Methode Drehen Siedie neue Gruppe mit der gleichen Methodeleicht nach rechts. Passen Sie es so an, dass [unhörbar] ordentlich mit den anderen beiden Gruppen ausgerichtet ist. Sie werden feststellen, dass die Variation zwischen den einzelnen Gruppen sehr subtil ist. Dadurch wird sichergestellt, dass unsere Animation glatt ist, da leichte Variationen sie kalkig machen. Dies ist eine kurze Vorschau, wie die Animation aussehen wird. Sie finden, dass GIF beim Exportieren nicht den Geistereffekt hat, jede Gruppe hat ein eigenes Bild. Um zusammenzufassen. In dieser Lektion haben Sie gelernt, wie Sie eine Schwenk des Bilds isolieren, um sie zu animieren. Der entscheidende Teil dieser Technik besteht darin, sicherzustellen, dass das isolierte Segment auf einer separaten Schicht gezeichnet wird. Die Bewegung kann dann entweder durch Drehen eines Segments oder dann durch Ändern der Position erzeugt werden. Im nächsten Video erfahren Sie, wie Sie den Hintergrund aktivieren, indem Sie Funkeln und Blinzeln hinzufügen. 8. Animieren wir! Funkeln im Hintergrund: Ich werde Ihnen zuerst zeigen, wie Sie ein grundlegendes Funkeln animieren. Beginnen Sie mit dem Zeichnen einer Diamantform. Auch hier wird dies der zweite in unserer Sequenz sein. Erstellen Sie eine neue Ebene darunter, und zeichnen Sie einen kleineren Diamanten. Erstellen Sie eine neue Ebene auf der Oberseite und zeichnen Sie einen größeren Diamanten. zwischen den Schichten wechseln, sehen Sie jetzt, dass der Diamant von groß zu klein wächst. Nun erstelle ich den gegenteiligen Effekt, indem weiteren Diamanten ziehe und einen größeren auf Ebene 1 und einen kleineren auf Ebene 3 habe. In dieser kurzen Rezension werden Sie nun sehen, dass die Diamanten in entgegengesetzten Größen funkeln. Dies hilft, Abwechslung in der Animation zu schaffen und hält die Dinge interessant. Sie können jetzt beginnen, Ihre Diamantform zu zeichnen und funkelt um einen mittleren Korrektor. Ich verwende gerne die gleichen Farben, die bereits vorhanden sind, um ein einheitliches Aussehen zu schaffen. Wenn Sie mit der Komposition zufrieden sind, benennen Sie die Ebene in Sparkles Nummer 2 um. Erstellen Sie eine neue Ebene darunter und nennen Sie diese Sparkles Nummer 1, senken Sie die Deckkraft von Sparkles Nummer 2, indem Sie auf das Symbol neben dem Kontrollkästchen klicken. Damit Sie als Leitfaden dienen, können Sie jetzt beginnen, die neuen Funken auf Sparkles 1 zu zeichnen. Denken Sie daran, zwischen dem Zeichnen der größeren und kleineren Formen zu wechseln , um Abwechslung in der Bewegung zu schaffen. Erstellen Sie nun einen ersten Puffer-Layer. Was wir auf dieser Ebene zeichnen wollen, ist, die Funkeln zu erzeugen , die in entgegengesetzter Größe von dem, was wir auf der ersten Ebene hatten. Wenn die Diamantform auf Ebene 1 kleiner wird, soll der Diamant auf Schicht 3 größer werden. Passen Sie die Deckkraft der Glitzerschicht 2 auf 100 Prozent an. Organisieren Sie Ihre Ebenen, indem Sie die Glitzerebene mit dem Linienbild gruppieren. Auch hier können Sie die Sichtbarkeit der Layer und ausschalten, um eine schnelle Überprüfung der Darstellung der Animation zu erhalten. In dieser Lektion haben Sie gelernt, wie Sie diese Funkeln erstellen, indem alternative Variationen in entgegengesetzten Größen zeichnen. Das Absenken der Deckkraft der ursprünglichen Schicht ist hilfreich damit sie als Leitfaden beim Zeichnen der UV-Strahlen dient. Das Schöne an dieser Technik ist, dass man nicht zu präzise sein muss, aber es schafft immer noch eine sehr dynamische Bewegung. Dies macht es zu einer sehr guten Technik, Dinge wie Funkeln, Konfetti und Satzzeichen für die Bearbeitung der Ausdruckskraft zu erstellen . In der letzten Lektion werden wir eine ähnliche Methode verwenden, um animierte Texte in der gesamten Illustration hinzuzufügen. 9. Animieren wir! Wackeliger Text: Wir werden nun beenden, indem wir animierten Text hinzufügen. Denken Sie daran, dies auf einer neuen Ebene zu tun. Um die Lesbarkeit Ihrer Illustration zu maximieren, halten Sie Ihre Nachricht kurz und süß. Ähnlich wie bei der vorherigen Methode werden wir die Deckkraft dieser Schicht verringern. Verfolgen Sie auf einer neuen Ebene den Text. Mach dir keine Sorgen darüber, dass du es genau das gleiche bekommen musst, da es leichte Variationen gibt, die den Effekt eins schaffen. Erstellen Sie einen neuen Layer, und deaktivieren Sie die Sichtbarkeit des ersten Layers. Drehen Sie dann die Deckkraft des gerade gezeichneten Layers herunter. Dies wäre jetzt unser neuer Leitfaden. Sie in der soeben erstellten Ebene VerfolgenSie in der soeben erstellten Ebeneden Text erneut. Benennen Sie die Ebenen in Text 1, 2 und 3 um, und verschieben Sie sie in die gleichen Gruppen wie der Liner in diesen Schnallen. So sieht die Animation aus. Um in dieser Lektion zusammenzufassen, haben Sie gelernt, wie Sie das Tracing besser verwenden, um sehr, sehr subtile Slips zu erstellen, die zu einem wackeligen Effekt führen. Die subtilen Ungenauigkeiten machen das gesamte Aussehen ein bisschen rustikaler voraus gezeichnet, und Ergebnisse in akuter Animation, und Sie sind fertig. Im letzten Video werden wir lernen, wie man die Bilder exportiert und sie in die Bildseite bringt , um unsere Animationen zu erstellen. 10. Exportieren und Teilen: Ich zeige Ihnen ein paar verschiedene Optionen zum Speichern des GIF. Zuerst werden wir mit einem weißen Hintergrund gehen. Stellen Sie sicher, dass beide Gruppen aktiviert sind, und klicken Sie dann auf das Schraubenschlüsselsymbol, teilen und wählen Sie Ihr Dateiformat aus. Ich werde PNG für die Animation verwenden. Klicken Sie auf Bild speichern, um Ihre Datei zu exportieren. Blenden Sie nun die Sichtbarkeit der beiden ersten Gruppen aus, und aktivieren Sie die Sichtbarkeit der zweiten Gruppen. Wiederholen Sie die Schritte, um Ihr Bild als PNG-Datei zu exportieren. Blenden Sie nun beide Gruppen aus und aktivieren Sie die Sichtbarkeit für die drei Gruppen. Wiederholen Sie die Schritte, um Ihre PNG-Datei zu exportieren. Öffnen Sie Ihre Image Play-App. Wählen Sie die drei Bilder aus, die Sie gerade exportiert haben. Sie werden sehen, dass die Abbildung bereits animiert ist. Sie können die Geschwindigkeit der Animation anpassen, indem Sie die Bildlaufleiste unten anpassen. Wenn Sie genau hinschauen, werden Sie feststellen, dass die Animation ein wenig ruckartig ist, da sie sich von eins, zwei, drei und zurück zu eins verschiebt . Um dieses Problem zu beheben, klicken Sie auf das Schokoriegel suchen Symbol in der oberen rechten Ecke, und klicken Sie dann auf das Pluszeichen unten. Wählen Sie dann Ihr zweites Bild aus, um die Sequenz so zu bearbeiten , dass es jetzt eins, zwei, drei, zwei. Ihre Animation sollte jetzt glatt und nicht mehr abgehackt sein. Spielen Sie herum, um die Geschwindigkeit zu bekommen, die Sie mögen. Ich finde im Allgemeinen, dass es gut zwischen der Geschwindigkeit von 0,15 Sekunden bis 0,25 funktioniert. Für dieses GIF werde ich die Geschwindigkeit von 0,20 Sekunden verwenden. Wenn Sie mit der Geschwindigkeit zufrieden sind, klicken Sie auf das nächste Symbol in der oberen rechten Ecke. Speichern Sie hier die Datei als GIF, und wählen Sie für immer, um sie endlos Schleife zu machen. Sie können es auch als qualitativ hochwertiges Video speichern. Dies ist das Format, das du willst, wenn du es über WhatsApp an deine Freunde senden oder auf Instagram posten möchtest . Wählen Sie „Zehn Mal wiederholen“ für eine längere Animationsschleife. Sie können nun sowohl die GIF-Datei als auch die Videodatei in Ihrem Fotoalbum finden. Herzlichen Glückwunsch, Sie haben gerade den 3D- und animierten Korrektor vollständig auf Ihrem iPad beendet. Ich zeige Ihnen jetzt, wie Sie Ihre Datei als transparentes GIF speichern können. Deaktivieren Sie die Sichtbarkeit des Hintergrundfarbe-Layers. Da hast du es. Das Bild ist nun transparent wie es durch das Raster angezeigt wird, das durchsichtig ist. Führen Sie die gleichen Schritte aus, um Ihre Bilder zu exportieren. Importieren Sie die Bilder erneut in Image Play. Denken Sie daran, ein zusätzliches Bild Nummer zwei zu bearbeiten , um sicherzustellen, dass die Animation glatt ist. Exportieren Sie Ihre GIF- und Videodateien mit der gleichen Methode wie zuvor. Aus Ihrem Fotoalbum können Sie sehen, dass die GIF-Datei transparent ist , wenn Sie auf den weißen Bereich klicken und sie schwarz wird. In ähnlicher Weise ist die Videodatei auch transparent. Schließlich werde ich Ihnen zeigen, wie Sie ein farbiges Hintergrund-GIF erstellen können. Scrollen Sie nach unten und wählen Sie Ihre Hintergrundfarbe aus. Von hier aus können Sie die Hintergrundfarbe auf alles ändern, was Sie wollen. Möglicherweise müssen Sie einige Teile des Bildes neu einfärben , um sicherzustellen, dass es gut lesbar ist. In meinem Fall werde ich den Text in Weiß neu einfärben. Dies kann einfach und schnell erfolgen, indem sichergestellt wird, dass die Textebenen immer gesperrt sind. Wenn Sie mit den Farben zufrieden sind, exportieren Sie einfach Ihre neuen Bilder und bringen Sie sie zur Animation in Image Play. Vergessen Sie nicht, ein zusätzliches zweites Bild hinzuzufügen, um sicherzustellen, dass die Animation glatt ist. Damit bist du fertig. Giphy ist eine gute Plattform für Sie, um Ihre GIF-Dateien für die Freigabe hochzuladen. Blättern Sie einfach durch Ihre Dateien und wählen Sie die Datei aus, die Sie hochladen möchten. Wählen Sie „Link kopieren“ für eine Liste von Links, die Sie verwenden können, um Ihre GIF-Datei freizugeben. Kopieren Sie den kurzen Link und Sie können diesen Link verwenden , um Ihre GIF-Datei in die Klassengalerie zu teilen. Um Ihre GIF-Datei auf Instagram zu teilen, müssen Sie die Videodatei verwenden. Leider wird die Qualität ein wenig komprimiert, sobald sie hochgeladen wurde. Das ist alles. Sie haben das Illustrieren, Animieren, Exportieren und Teilen Ihres animierten GIF abgeschlossen . Ich freue mich sehr darauf, all Ihre Arbeiten zu sehen. Also bitte denken Sie daran, auf der Klassengalerie zu teilen. 11. Vielen Dank: Das war's. Sie haben gerade eine Illustrator-Animation komplett auf Ihrem iPad erstellt. Denken Sie daran, Ihr endgültiges Kunstwerk in der Galerie zu teilen, damit wir alle einen Blick werfen können. Ich liebe es, zu sehen, was Sie tun, also denken Sie daran, mich @tzetze zu markieren, wenn Sie eine unserer Arbeiten auf Instagram teilen. Ich plane, mehr Skillshare Klassen zu Illustration und Animation zu machen und mit dem iPad zu arbeiten. Wenn Sie also Feedback oder Anregungen haben, oder vielleicht Ideen für den Unterricht, lassen Sie es mich wissen. Ich hoffe, Sie haben die Klasse genossen und einige interessante Möglichkeiten gelernt, um auf Ihrem iPad zu illustrieren und zu animieren. Wir sehen uns das nächste Mal.