GIF und Animation für Deine Illustration

1. Einführung: Hi, alle. In dieser Klasse geht es darum, Geschenke und Animationen aus Ihren Illustrationen zu kreieren. Mein Name ist Rebecca Howe und ich bin Schriftstellerin und Illustratorin. Und in dieser Klasse werde ich Ihnen einen Schritt für Schritt zeigen, um Animationen und Chips direkt auf Ihrem iPad zu machen . Ich bin immer auf der Suche nach Möglichkeiten, meine ganze Arbeit auf mein iPad und sogar in Fortpflanzungen zu rationalisieren. Und mit dem neuesten Fortpflanzungsupdate machen sie es wirklich einfach, Geschenke direkt aus dem Ebenenfenster in Ihrem Projekt für Ihr Projekt in dieser Klasse zu exportieren . Ich möchte, dass Sie ein Tier oder einen Schriftzug auswählen, den Sie bewegen möchten. Am Ende dieser Klasse werden Sie Ihre Illustration animiert und bereit haben, sie zu teilen. Und Sie werden bereit sein, Ihre Animationsfähigkeiten auf alle Arten von Möglichkeiten mit Ihrer Illustration zu nutzen . Lasst uns gehen 2. Die Skizze: Okay, fangen wir mit unserer Skizze an. Ich werde den geteilten Bildschirm auf meinem iPad verwenden, damit ich auf Procreate und mein Browserfenster gleichzeitig schauen kann , damit ich dieses wirklich nette Referenzfoto verwenden kann, das ich von einer Katze gefunden habe . Das erste, was ich tun werde, ist wirklich locker, aber realistisch die Zehe zu skizzieren, wie diese Katze aussieht. Und dann werde ich zu einer anderen Ebene und einem anderen Stil übergehen, die Skizze noch weiter betrachten, damit ich sie zu meiner eigenen Karikatur aussehende Katze für mich machen kann . Meine ersten Skizzen sind in der Regel ziemlich schlampig, und ich wollte Ihnen den Fortschritt von der ersten Skizze bis zur endgültigen zeigen, denn wirklich, der Zweck dieser ersten Skizze ist es, mir eine Art Vorstellung von den Proportionen zu geben und schauen, dass ich gehen für durch Versuch auf Fehler. Jetzt, da ich diese Art von anfänglicher Skizze habe, ziehe ich die Deckkraft dieser Ebene herunter und beginne eine neue Ebene und zeichne meine nächste fertige Katzenskizze. - Ok ? Das letzte, was wir tun müssen, ist, die Augen der Katze auf ihre eigene Ebene zu schneiden , weil das der Teil der Katze ist, den ich animieren möchte. Okay, lassen Sie uns weitermachen, um unserer Katze etwas Farbe hinzuzufügen. 3. Farbe hinzufügen: Wir werden unserer Katze jetzt etwas Farbe hinzufügen. Und Sie können das auf so viele verschiedene Arten tun, aber ich werde Ihnen nur ein bisschen von meinem Stil zeigen und wie ich meine Animationen gerne Farbe hinzufügen möchte. Ich neige dazu, strukturierte Binsen zu verwenden, um Wäschen zu machen und dann Formen auszuschneiden und Formen auf Formen auf Formen zu schichten . Das hier wird ziemlich einfach sein. Ich schneide die Grundform dieser Katze aus und dann werde ich in derselben Ebene mein Direktauswahlwerkzeug verwenden und die kleinen Bereiche auswählen, in denen ich Streifen setzen möchte . Und sobald alle diese kleinen Bereiche ausgewählt sind, werde ich in meine Einstellungen gehen und die Farbe anpassen, so dass sie ein wenig dunkler und ein wenig heller aussieht , um etwas Kontrast zu geben. Und irgendwann werde ich all meine dunkelschwarzen Umrisse wegnehmen wollen. Aber jetzt werde ich es in einer separaten Ebene verwenden, um mir einen kleinen Leitfaden dafür zu geben, wo ich möchte, dass meine ganze Farbe als Nächstes sein soll. Ich werde in den Augen färben und sicherstellen, dass sie auf einer separaten Ebene sowohl die Farbe des Hintergrunds als auch die Form der Augen an den Stellen, an denen ich etwas Linienarbeit haben möchte, halten . Ich werde nur ein paar dieser schwarzen Linien in einer neuen Ebene mit der Farbe, in der ich lieber meine Linie arbeiten lassen würde, was irgendwie dunkleres Rosa ist. - Okay , jetzt ist es an der Zeit, dafür zu sorgen, dass alle unsere Schichten an Ort und Stelle liegen, um den Jif zu machen. 4. Animation: Also möchte ich die Augen dieser Katze so animieren, dass sie blinzeln. Das erste, was wir tun werden, ist, die verschiedenen Versionen des I von öffnen bis schließen zu zeichnen , und wir werden sie alle in ihren eigenen Schichten stapeln. Die 1. 1 hier wird etwas geschlossener sein als das Original I und du kannst das erste duplizieren , ich drehe es um und bewege es. Wenn Sie perfekte Symmetrie erhalten möchten, dann werden Sie diese Schichten nicht zusammen auftauchen und die Pupille des Auges ausschneiden, sie in eine eigene Schicht einfügen, so dass wir sie duplizieren können und eine Pupille in jede Version des I setzen und diesen Vorgang wiederholen auf und weiter und weiter, bis wir wahrscheinlich sechs oder sieben Versionen des Auges von offen bis zu schließen haben. Okay, - Jetzt , wo wir alle verschiedenen Versionen des Ich bereit haben, können wir fortfahren und den Körper der Katze immer wieder duplizieren, bis jede Version der Augen ihre eigene Katze hat. Was ich hier begreife, ist, dass meine Dateigrößen so groß sind, dass mir die potenziellen Ebenen ausgegangen sind. Also werde ich alles kleiner machen und in meine Ernte gehen und die Größe der ganzen Leinwand ändern , so dass ich mehr Ebenen zur Verfügung haben kann, weil wir einen Jiff machen. Animation für das Web Die Dateigröße, die ich benutzte, war wirklich viel größer als es sein musste . Nun, da wir viel mehr Schichten zur Verfügung haben, können wir Katze hinter jedem Satz von Augen setzen und sie alle zusammenführen. Nachdem wir alle diese einzelnen Augen auf ihren individuellen Katzenkörper zusammengeführt haben, können wir in das Aktionsmenü gehen, die Freigabe-Registerkarte finden und auf Animieren des Jif klicken. Hier können wir eine Vorschau unserer Animation bis jetzt sehen. Also lassen Sie uns durchgehen und sicherstellen, dass wir alle diese einzelnen Katzen richtig beschriftet haben , damit wir nicht wirklich verwirrt werden, während wir versuchen Zehe, setzen sie in die Reihenfolge. Wir wollen sie. Sie können jede Ebene neu kennzeichnen, indem Sie einmal darauf klicken, während sie ausgewählt ist, und wählen Sie Umbenennen. Also, jetzt werde ich einen Haufen von der Schicht eins oben duplizieren, damit die Katzen ich ein bisschen länger offen bleiben kann . Aber in dieser Vorschau. Ich merke, dass sich das Katzenauge plötzlich öffnet, und das liegt daran, dass ich vergessen habe, das Auge wieder nach oben zu öffnen, nachdem es geschlossen ist. Also die Reihenfolge, die ich wirklich möchte, ist für 123454321 zu gehen und dann diese Ebene mehrmals zu wiederholen , um zu erhalten, dass ich am Ende der Animation offen bleibe. Lassen Sie uns das versuchen. Ja, das sieht wirklich gut aus. So öffnen und schließen sich die Katzenaugen ziemlich langsam und bleiben dann oben offen. Mir ist gerade etwas aufgefallen, das Sie wahrscheinlich schon bemerkt haben, nämlich dass ich die Streifen auf dem Kopf dieser Katze vergessen habe. Also werde ich mit der gleichen Strategie fortfahren, die ich zuvor verwendet habe und sie auf einer unabhängigen Ebene streifen lassen , die ich duplizieren und auf alle Ebenen setzen kann, die ich bereits erstellt habe . Es ist ein bisschen zeitaufwändig, aber ich denke, es ist es wert. Okay, Okay ich habe noch eine Idee für eine zusätzliche Animation für diese Katze. Ich denke, ich möchte, dass es seinen Kopf langsam vom unteren Bildschirmrand nach oben springt, also werde ich die verschiedenen Schichten verstecken. Bis auf die 1. 1 möchte ich, dass die Katze ihren Kopf mit offenen Augen von unten aufspringt, also werde ich die erste Ebene duplizieren und das Duplikat etwa 1/2 einen Zoll nach unten verschieben. Dann schalte ich die ursprüngliche erste Ebene aus. Das ist der ganze Weg aufgetaucht, und ich nehme das Duplikat, dupliziere das und schiebe das nächste Duplikat nach unten 1/2 Zoll. Ich mache das weiter, bis ich die letzte Schicht habe, mit der die Katze vom Boden des Campus fällt . Denken Sie daran, dass Sie, wenn Sie einen Jiff animieren, das ziemlich schnell herausfinden werden. Aber die Animation beginnt mit der untersten Ebene in Ihrem Campus, und es geht nach oben. Das ist die Reihenfolge, in der die Ebenen als verschiedene Frames für die Animation verwendet werden. Jetzt, da wir alle unsere Ebenen abgeschlossen haben, gehen wir hinein und schauen uns die Vorschau unserer Animation wieder an. Es sieht so aus, als ob die Animation nicht so gut funktioniert. Gehen Sie zurück und stellen Sie fest, dass wir vergessen haben, die Sichtbarkeit all dieser Ebenen wieder einzuschalten. Dies bringt einen wirklich guten Tipp, ist , dass, wenn Sie einige zusätzliche Ebenen haben, die Sie nicht in Ihrem Jif verwenden möchten. Blenden Sie einfach die Sichtbarkeit dieser Ebene aus und sie wird nicht im Jif enthalten sein. Jetzt geht es unserer Vorschau viel besser. Das ist echt cool. Ich mag, wie die Katze auftaucht, einmal mit den Augen blinkt und dann beginnt die Animation von vorne. Ich möchte zurückgehen und wieder beschriften die Schichten der Katze, die in den Boden des Campus mit negativen Zahlen gehen . Dies ist nur eine organisatorische Sache, die ich gerne für meine Animationen mache, so dass, wenn ich später zu ihnen zurückkomme, ich verstehen kann, wie ich es gebaut habe, falls ich es bearbeiten oder etwas Ähnliches machen möchte. Das letzte, was ich tun möchte, ist, dass ich alle negativen Ebenen duplizieren und diese Duplikate oben hinzufügen werde , damit die Katze langsam vom unteren Rand der Leinwand aufsteigt und dann allmählich wieder aus dem Campus runtergeht. Dies ist eine jener Zeiten, in denen Sie wirklich dankbar sein werden, dass Sie sich die Zeit genommen haben, um jede einzelne Ebene zu beschriften, weil Sie mehr Komplexität der Jahresanimation hinzufügen oder Ihre Meinung ändern oder in ein paar Wochen oder Monaten darauf zurückkommen Ohne die Erinnerung, wie genau du es gebaut hast, wirst du herausfinden können, was los ist, weil du es wirklich gut beschriftet hast. Okay, schauen wir uns diese Animation an und sehen, wie sie aussieht. Ja, das gefällt mir wirklich. Die Katze kommt auf, blinkt allmählich und geht dann allmählich wieder nach unten, und ich kann direkt von hier aus exportieren und auf meinem Gerät speichern, und es ist bereit, zu teilen. 5. TEILEN: Okay, dieser Teil ist wirklich einfach. Gehen Sie zu Gylfi dot com und laden Sie den Jif hoch, den Sie gerade erstellt und exportiert haben . Sie brauchen nicht einmal ein Konto bei Jiffy, um diese Ressource nutzen zu können. Sie und Sie können auch Ihre Website als Quelle einfügen. Du bist da raus. Wenn jemand Ihre Animation oder Jif findet, wissen sie alle, wer es Ihnen einige Tags gemacht hat, damit andere Leute sie finden und verwenden können, wenn Sie möchten. Und von hier aus können Sie wählen, um den Jif zu teilen und ihn in Ihren Textnachrichten oder im Web zu verwenden. Und Sie könnten es auch per E-Mail eine Filmdatei, so dass Sie auf Instagram teilen können. Weil Instagram an dieser Stelle keine Geschenke unterstützt. Ich mag es, meine Sachen in Filme zu verwandeln, denn dann kann ich es auch im Schlepptau ziehen. Ich bin Film und füge Soundeffekte hinzu. Ähm, was ich mit diesem Jeff gemacht habe, nur zum Spaß daran. Ähm und Sie können auf meinem Instagram-Feed bei Rebecca sehen, wie 6. Bonus: Stop-Motion in Procreate: Also wollte ich Ihnen dieses kleine Bonus-Video zeigen, wie man Filmdatei Stop-Motion-Animationen mit Procreate machen . Ähm, ich habe darüber diskutiert, ob ich überhaupt ein Video machen wollte oder nicht, denn jetzt, da die Fortbildung die Möglichkeit hat, Jeffs zu exportieren, habe ich versucht herauszufinden, ob es für die Leute sogar wertvoll ist, zu wissen, wie man das macht. Aber ich denke eigentlich immer noch, weil manchmal, wenn Sie eine kurze Animation machen wollen, das ist ein perfekter Weg, es zu tun. Ähm, nur in der Fortbildung, so dass Sie keine externen Websites oder APs verwenden müssen, um Ihren Zeitraffer für Ihre Animation zu erstellen , um Ihnen zu zeigen, wie das in der Fortbildung funktioniert. Ich mache nur ein wirklich einfaches Flugzeug, das ich irgendwie eine Start- und Landebahn runterfahren und dann abheben muss. Und sobald ich das erste Flugzeug gezeichnet habe, dupliziere ich einfach diese Ebene mit dem gesamten Flugzeug darauf, und jeder Rahmen wird das Flugzeug nach vorne und dann ein bisschen nach oben zu einer Zeit so ähnlich wie bei Der Jif, den wir gemacht haben, bevor Sie jede Bewegung in ihrem eigenen Rahmen haben, so dass, wenn diese Frames zusammengesetzt werden, Ihre es eine Stop-Motion-Animation sein wird. Wenn wir uns also die Vorschau für den Jif für diese Animation ansehen , können wir sehen, dass das Flugzeug völlig funktioniert. Es geht die Start- und Landebahn runter und dann geht es in die Luft, und ich änderte die Bildrate ein bisschen, damit es ein bisschen schneller geht. Jetzt kommt der Teil, der ein wenig anders ist als wir Jeffs direkt aus der Fortbildung exportiert haben . Diesmal möchte ich die eingebaute Zeitrafferaufnahme nutzen, um sich fortzuentwickeln, den Zeitraffer zu nehmen und ihn wie ein Stop-Motion-Film aussehen zu lassen. Also, was ich möchte, dass Sie eine neue Ebene ganz unten in Ihren Ebenen erstellen, die leer ist , und wählen Sie die Farbe Weiß, und was wir tun werden, ist, dass der erste Frame des Flugzeugs zu zeigen und dann etwa 6 bis 10 Striche Weiß auf diese Ebene. Das ist unter allem, so dass wir keinen der Pinselstriche sehen. Wir werden dies weiterhin zwischen jeder Ebene tun, indem wir die nächste Ebene zeigen, die die vorherige Ebene verbirgt und 6 bis 10 Striche machen und dann die nächste Ebene ausblenden, die später 6 bis 10 Striche macht. Und so werden wir den Zeitraffer erfassen, um ihn als Stop-Motion-Animation zu erfassen . Der Grund, warum wir dies tun, ist, weil die Art und Weise, wie die Zeitraffer-Erfassung, funktioniert und Fortbildung ist, dass es jeden einzelnen Pinselstrich erfasst. So müssen Sie Individuen Pinselstriche zwischen jeder Frame-Bewegung machen, so dass es ein wenig Zeit zwischen jedem Frame, den Sie Feind wollen. Okay, wir kommen zum Ende, um alle unsere Rahmen komplett zu machen. Also, was wir tun werden, ist auf den Schraubenschlüssel zur Aktions-Symbolleiste zu gehen, finden Sie die Video-Schaltfläche und beobachten Sie die Zeitrafferwiedergabe. Und Sie können Ihren Finger verwenden, indem Sie ihn über den Bildschirm ziehen, links und rechts, um die Zeitrafferwiedergabe mit Ihrer eigenen Geschwindigkeit anzuzeigen. Ich mag die Art, wie das aussieht, also werde ich es als Video in voller Länge exportieren, es auf meinem Gerät behalten, und dann gehe ich zurück und in meinen Film und drücke das Pluszeichen und ich filme Klicke Film und finde dann den Zeitraffer Replay in der Bibliothek drücken Film erstellen, und das ist, wo ich den Zeitraffer zu finden. Wir spielen jetzt einen Film. Was ich tun werde, ist den Film zu verlangsamen, so dass ich leicht den richtigen Ort finden kann, um das Video zu schneiden und die vordere Hälfte zu löschen, die nicht beinhaltet, dass das Flugzeug vorwärts bewegt und dann abhebt. Ich werde das Spiel schieben und dabei zusehen und dafür sorgen, dass es genau das tut, was ich tun wollte . Und dann, was ich tun werde, ist zu beschleunigen und es wieder auf die Geschwindigkeit zu beschleunigen, die ich will, dass das Flugzeug gehen. Und ich denke, ich werde das wahrscheinlich ein bisschen mehr beschleunigen, nur um es interessant zu machen. Es sieht ziemlich wie ein Jiff aus, aber es wird eine Filmdatei sein, so dass ich es auf Instagram teilen kann und überall, wo Sie Videos teilen können. Cooles Ding an meinem Film ist, dass sie diese ganze Bibliothek voller Soundeffekte und Themen-Musik haben , die Sie verwenden können, und ich werde den Jet-Sound wählen, weil es irgendwie passend dafür ist und dass dort direkt über die -Video und exportieren Sie diese dann, um den Export in meinen Filmen freizugeben. Ziemlich einfache Hit These betritt Share-Taste. Es ist ein Quadrat mit einem kleinen Pfeil, und dann können Sie wählen, wo Sie es speichern möchten und die Qualität des Videos. Es dauert nur ein paar Minuten und Sie haben Ihre kleine Videodatei einsatzbereit. Schauen wir uns das hier an. Und mein kleiner Hack für die Verwendung des 16 mal neun Seitenverhältnisses für Video auf Instagram ist, dass ich alles, was ich auf Instagram zeigen möchte, direkt in der Mitte des Bildschirms halte. Also dieses kleine Video, wenn ich gehe, um es auf Instagram zu teilen, passt perfekt in dieses Quadrat. 7. DEIN PROJEKT: Danke, dass Sie sich mir heute angeschlossen haben. Ich kann es kaum erwarten, die Projekte zu sehen, die Sie erstellen, und ich hoffe, Sie teilen sie in unserem Projektabschnitt. Bitte hinterlassen Sie auch Kommentare oder Fragen, alles, worüber Sie vielleicht sprechen möchten. Es ist ein wirklich großartiger Ort für Künstler, um sich zu treffen und sich inspirieren zu lassen und einander zu helfen. Auch, wenn Sie Ihre Kreation in sozialen Medien teilen, Hashtags sind Klasse mit Becca, so dass ich sehen kann, was Sie dort gemacht haben und Sie auf eigene Faust bewerben kann. Instagram-Feed. Wir sehen uns in der nächsten Klasse.