Animation für Illustrationen: Hinzufügen von Bewegung mit Procreate und Photoshop

1. Einführung: Einer der Gründe, warum ich Animation liebe, ist, dass ich etwas länger von einer Geschichte erzählen kann, als ich es mit einem statischen Bild konnte. Es gibt mir die Möglichkeit, meiner Arbeit einen Hauch von Humor hinzuzufügen. Hallo, ich bin Libby VanderPloeg und bin Künstlerin, Illustratorin und Designerin in Michigan. In der heutigen Klasse werde ich mit Ihnen meinen Prozess zum Erstellen von animierten Illustrationen teilen . Also, ich werde den Prozess Schritt für Schritt machen. Zuerst machen wir Storyboarding, um eine Idee zu verfeinern, dann erstellen wir unseren Charakter in Procreate und exportieren dann nach Photoshop. Sobald wir in Photoshop sind, werde ich Ihnen zeigen, wie Sie Ihre Animation erstellen und dann zeige ich Ihnen, wie Sie sie auf jeder Plattform exportieren, auf der Sie sie teilen möchten. Wenn Sie eine Zeichnung machen, sehen die Leute es in einer Sekunde. Aber wenn sie wissen, dass es eine Aktion gibt, die stattfinden wird, fängt man an, die Neugier der Menschen zu wecken und sie zu wollen, zu beobachten und zu sehen, was als nächstes passieren wird. Selbst wenn es nur ein Fünf-Sekunden-Video ist, kann eine Menge Dinge in fünf Sekunden passieren. Ich bin nicht zur Schule für Animation gegangen und habe nicht als typischer Animator trainiert, daher ist mein Animationsprozess wirklich auf Illustratoren und Designer zugeschnitten , die nur ein wenig Bewegung in ihre Arbeit bringen wollen. Animation ist nicht nur für Profis, sondern für jeden. Ich kann es kaum erwarten, Ihnen meinen Prozess zu zeigen, also lasst uns anfangen. 2. Storyboarding: Also, heute werde ich eine Frau zeichnen, die Fahrrad fährt und einen Eiskegel genießt. Ich wählte eine Frau auf einem Fahrrad, weil ein Fahrradrad ein wenig Bewegung hinzufügen kann, ohne zu viel aufwendiges Zeichnen machen zu müssen und eine Requisite wie ein Eiskegel hinzuzufügen , wird mir eine weitere Gelegenheit geben, ein wenig Bewegung hinzuzufügen. Der erste Teil unseres Prozesses ist das Storyboarding. Also, lasst uns Procreate öffnen, um das zu beginnen. Also, wir öffnen Procreate und das erste, was ich tun werde, ist eine quadratische Größe auszuwählen. Ich habe ein Quadrat hier um 2048 bis 2048 angegeben und das ist definitiv groß genug für das, was wir tun werden und tatsächlich ein bisschen größer. Also, ich werde hier eine neue Datei starten und es ist eine leere Leinwand. Also, sobald Sie Procreate geöffnet haben, stellen Sie sicher, dass Sie den Pinsel, den Sie verwenden möchten, ausgewählt haben, genau hier. Ich benutze gerne diesen trockenen Tintenpinsel, und dann können Sie Ihre Größe hier auswählen, wenn Sie es größer oder kleiner brauchen, ich lande irgendwo in der Mitte dafür. Und dann können Sie einfach anfangen, einige verschiedene Thumbnails zu zeichnen. Also, ich zeichne meine Miniaturansicht gerne in einen quadratischen Rahmen, wie es sein wird. Es muss nicht groß sein, nur groß genug, um die Idee zu verbreiten. Also, ich werde vielleicht vier verschiedene Layouts für das zeichnen, wie das aussehen könnte. Wenn wir uns die erste Skizze ansehen, wir nicht viel vom Fahrrad sehen, werden wir nicht viel vom Fahrrad sehen, es wird nicht sehr viel Gelegenheit geben Bewegung hier außer in den Haaren zu zeigen. Also, ich denke, das ist nicht der beste Anwärter. Und dann, wenn wir gerade auf das Bild von ihr schauen, wir nicht in der Lage sein, zu sehen, wie sich die Räder bewegen, und ihre Beine werden sich nicht bewegen, weil sie fahren wird, also die einzige Möglichkeit für Bewegung hier, die wir sehen, ist nur die Haare. Also, ich glaube nicht, dass das wirklich die richtige Richtung ist. Wenn wir uns die Dreiviertelansicht ansehen, funktioniert es und Sie werden eine Gelegenheit bekommen, die Räder zu zeigen, die sich bewegen und die Haare bewegen, aber ich denke, am Ende mag ich die Geometrie und das Gleichgewicht der Profilansicht wirklich. Also, wir werden das beseitigen und wir werden mit dieser Profilansicht des Radfahrers gehen , damit wir zeigen können, dass sich ihre Haare bewegen, wir können vielleicht eine Requisite hinzufügen, ich denke, vielleicht könnte ein Eiskegel Spaß machen weil du müssen auf jeden Fall aufgetankt bleiben, wenn Sie mit dem Fahrrad fahren. Und wir können zeigen, dass sich auch die Räder bewegen. Also, jetzt, wo wir unser Animations-Storyboard ausgewählt haben, werde ich einfach das Auswahlwerkzeug nehmen, die anderen Sachen hier aus dem Weg bringen und diese ausschneiden. Ich werde das einfach in die Mitte bringen. Wir können uns das jetzt ansehen und denken, in Ordnung, wir haben eine Art Umgebung, die anfängt, sie wird sich auf ihrem Fahrrad in diese Richtung bewegen, also wird alles, was an ihr befestigt ist, im Gegenteil Richtung, wie ihre Haare natürlich in der umgekehrten Weise blasen, also wird das so flattern, und vielleicht werden diese Eiskugeln anfangen, sich auf diese Weise zu kippen, nur ein wenig, wenn sie sich bewegt, damit das die Richtung spüren wird, in die sie drängt. Die Reifen werden sich bewegen und drängeln nur ein wenig, nur um das Gefühl der Straße ein wenig holprig und ein wenig uneben zu geben. So können wir dieses Element der Bewegung auch dort hinzufügen. Die Reifen, die wir am Ende zeichnen im letzten Stück, wir sind nicht wirklich gehen, um diese zu drehen und jede Revolution auf dem Spin zu erfassen , weil es nur zu langsam bewegen würde. Also, wirklich nur gehen, um zwei Versionen der Reifen zu zeichnen und drehen Sie diese hin und her, und nur, dass ein Flip hin und her wird Ihnen das Gefühl von Geschwindigkeit und Bewegung geben. Jetzt, wo wir unseren Charakter entworfen haben, werde ich sie in die Luft sprengen und sie den Rahmen auffüllen lassen. Um das Dialogfeld „Kopieren und Einfügen“ aufzurufen , müssen Sie die drei Finger zum Streichen verwenden. Und ich werde meine andere Ebene löschen, so dass ich nur den Charakter habe. Ich sprenge sie einfach in die Luft, um den Rahmen zu füllen. Ich hatte einen Brainstorming, dass es Spaß machen könnte, sie sogar ein bisschen kompetenter für einen Reiter zu machen und sie ohne Hand mitfahren zu lassen. Also, ich werde den hinteren Arm bewegen, Lenker halten Arm, und sie soll ihre Hüfte halten. Also, jetzt werde ich einfach weitermachen und das noch ein bisschen aufräumen. Das Ziel für diese Phase ist nicht, eine endgültige Zeichnung zu haben, dies ist wirklich nur, um einen Rahmen für den Rest der Animation zu erhalten und wie Ihr Charakter innerhalb dieses Rahmens strukturiert wird. Denken, gehen, um ihr niedlichen Pullover und ein paar High-Top-Sneakers zu geben. Wir sind hier ziemlich nah dran. Ich denke, dass wir in dieser Skizze nah genug sind, um jetzt in Farbe zu arbeiten. Also, ich denke, wir sind im Grunde fertig, wenn die Storyboard-Phase jetzt und nichts von dem, was wir gerade getan haben, wird wirklich im letzten Stück verwendet werden. Wir werden es nur als Rahmen verwenden, um unseren Charakter zu zeichnen. Als Nächstes werden wir anfangen, die geschichteten Stücke zu erstellen , die unser animierter Charakter werden. 3. Deinen Charakter aufbauen: Also, jetzt werde ich anfangen, meinen Charakter mit Ebenen zu bauen. In meiner Arbeit benutze ich viel Rosa und Blau und Art von frischen, kühlen Frühlingsfarben. Ich benutze nicht zu viel Gelb. Ich mag Gelb und manchmal benutze ich es als Akzent. Aber im Allgemeinen versuche ich, eine minimale Palette zu behalten. Die Begrenzung der Anzahl der Farben, die Sie verwenden, kann ein großartiges Werkzeug sein , wenn Sie animieren, denn wenn Sie Dinge als GIF exportieren , je mehr Farben Sie hinzufügen, desto schwerer wird die Dateigröße. Also, ich werde meine Skizze nehmen, die diese eingefügte Bildebene ist. Ich werde es nur auf die Multiplikationsfunktion drehen, die es transparent machen wird. Dann werde ich die Deckkraft nach unten skalieren. Also, jetzt ist es nur ein kleines Geisterbild, das mir beim Zeichnen helfen wird. Ich gehe und füge eine Ebene hinzu, und dann werde ich sie hinter diese eingefügte Bildebene legen. Ich werde diese Skizze umbenennen, um es einfacher zu wissen, was was ist. Alles klar, und jetzt fangen wir an, mit etwas Farbe zu zeichnen. Ich öffne hier meine Paletten, und ich werde diese Palette verwenden, die ich oben erstellt habe, genannt Radfahren. Für dieses Stück bin ich auf neun Farben gelandet, und im Allgemeinen sollten Sie wahrscheinlich Ihre Farbpalette aushämmern, bevor Sie anfangen. Auf diese Weise wirst du nicht finden, dass du ein Kaninchenloch unendlicher Farbe hinuntergehst. Das erste, was ich tun werde, ist eine Hautfarbe auszuwählen, und ich werde anfangen, diesen Körper zu zeichnen. Ich werde versuchen, bei jedem Zeichnen eines neuen Körperteils vorsichtig mit dem Erstellen einer neuen Ebene zu sein , denn wenn ich mit dieser Animation fertig bin, wird es viel einfacher sein, meine Ebenen zu organisieren und zu exportieren, wenn ich Dinge verschieben kann und Sie sind nicht alle miteinander verbunden. Um eine neue Ebene zu erstellen, tippe ich nur auf dieses Plus-Symbol, und das gibt mir eine neue Ebene. Also, ich werde den Körper in ein paar große Teile brechen: Der Kopf wird ein Teil sein, der Arm vorne wird ein weiterer Teil sein, der Oberkörper, und dann das Bein vorne, das Bein hinten und der Arm hinten. Sie sich keine Sorgen, dass Sie zu viele Ebenen an dieser Stelle haben. Ich werde diese Schichten auch schnell organisieren weil ich merkte, dass ich von vorne nach hinten gearbeitet habe, und die Dinge, die im Rücken sind, wie dieser Hinterarm hier, sollten in der Rückseite der Schichten sein. Also, ich habe alle Körperteile gezeichnet, und jetzt werde ich beginnen, einige der zusätzlichen Elemente wie das Haar und die Kleidung und Accessoires zu zeichnen , wobei Schichten beibehalten werden, so dass alles bewegt werden kann wenn es muss in diesem frühen Stadium der Schöpfung sein. Einer meiner kleinen Tricks ist, dass ich normalerweise kein helles Weiß verwende. Es gibt in der Regel nur ein wenig Tönung im Weiß, vielleicht lehnt es sich zu rosa oder vielleicht führt es zu gelb, aber ich denke, es hilft all den anderen Farben ein wenig mehr Pop. Da ich beschlossen habe, ihr einen weißen Pullover zu geben, werde ich hier auch die Hintergrundfarbe ändern, damit ich wirklich sehen kann, was ich zeichne. Um die Hintergrundfarbe zu ändern, wechseln Sie zur unteren Ebene, der Ebene Hintergrundfarbe. Klicken Sie darauf, und wählen Sie dann einfach eine Farbe aus und dann wird es es direkt dort fallen lassen. Ich mag diese Art von neutraler Farbe hier. Ich gebe ihr ein paar High-Top-Sneakers, ein paar Sonnenbrillen. Wir sind fast bereit, diese Skizze an dieser Stelle zu verstecken, weil wir alle unsere Stücke haben. Aber wir müssen noch das Fahrrad ziehen. Also, ich gehe zurück nach unten, füge eine neue Schicht hinzu, lege sie zurück und lege das Fahrrad dort hin. Wenn Sie dieses Fahrrad zeichnen, müssen Sie nicht mit Details über Bord gehen. Wir schaffen nur einen sehr einfachen Rahmen, der die Zuschauer dazu bringt, zu sagen: „Oh, ja, das ist ein Fahrrad.“ Ich arbeite immer noch skizzenhaft hier, weil ich nur alle Farben und Stücke an Ort und Stelle bringen will, dann verstecke ich die Skizze, und wir machen alles ein wenig enger und sauberer. Aber ich werde sicherstellen, dass ich die Räder auf ihrer eigenen Schicht zeichne, weil sich die Räder unabhängig vom Rahmen bewegen. Jetzt werde ich die Skizze verstecken, und ich werde mich stützen, weil das nicht wie ein fertiges Stück aussehen wird. Aber wir kriegen wirklich nur alles an Ort und Stelle. Also, es ist ziemlich rau. Wir können jetzt sehen, wo sich die Dinge überlappen und wo die Dinge in den Schichten weiter zurückgehen müssen, als ob sich das Hinterbein hinter dem Fahrradrahmen zurückbewegen muss. Nun, die Dinge sind ziemlich gut an Ort und Stelle. Also, jetzt können wir in die einzelnen Schichten gehen und einfach die Dinge festziehen. 4. Deinen Charakter verbessern: Das Ziel dieser Phase ist es wirklich, alle Ihre Details gezeichnet und alle Ihre Grundelemente bereit zu stellen, so dass Sie später keine weiteren Zeichnungsdetails hinzufügen müssen. Also, jetzt, wo wir eine Skizze versteckt haben, können wir sehen, dass das ziemlich rau ist, werden wir anfangen, die Dinge aufzuräumen. Also, ich werde anfangen, diese Körperteile auszuarbeiten, und ich habe gerade bemerkt, dass ich gerade auf der falschen Ebene bin, um rückgängig zu machen, dass ich mit meinen beiden Finger doppelt tippen werde und das wird die Bewegung rückgängig machen. Also, wenn ich anfange, dies zu bereinigen, werde ich manchmal einen anderen Pinsel verwenden , um Bereiche schneller zu füllen, wie ich diese Kreidepinsel mag, um größere Bereiche zu bedecken und ein wenig Textur hinzuzufügen, was ich hier auf ihr tun werde Jumper. Und manchmal werde ich gehen und einfach ein wenig zu viel hinzufügen und dann werde ich es einfach mit dem Radiergummi aufräumen , sobald ich so fertig bin. Und dann werde ich das für den Rest der Schichten tun. Also, ich möchte diesen Eiskegel ein wenig näher bringen weil er an dieser Stelle ein wenig unplausibel erscheint. Ich habe mein Eis ausgewählt und dann streiche ich nach rechts, um beide Ebenen auszuwählen. Nun nehme ich mein Auswahlwerkzeug, ich setze diesen Bereich ein, und dann nehme ich mein Pfeilwerkzeug und schwinge es einfach um. Wenn ich in einen Bereich zoomen möchte, um ihn weiter zu verfeinern, verwende ich einfach meine beiden Finger zum Kneifen oder Erweitern und dann kann ich wirklich anfangen, diese Details zu verfeinern und diese Kanten zu bereinigen. Um nur etwas zu verschieben, ohne einen Bereich auszuwählen, können Sie den gesamten Inhalt einer Ebene verschieben, indem Sie einfach auf den Pfeil tippen. Als ich jünger war, hasste ich es, Leute im Profil zu zeichnen, ich dachte, es wäre das Schwierigste, aber ich denke, vielleicht habe ich gerade versucht, das zu üben und jetzt macht es Spaß. Immer wenn ich Leute auf Fahrrädern zeichne, ich gerne Helme ein, weil es so wichtig ist, sicher zu sein , ob Sie ein animierter Charakter oder ein echter Mensch sind. Ich mag es, die Kanten hier und da nur ein wenig unscharf oder ein wenig gezackt zu halten , weil es sich einfach mehr handgezeichnet fühlt, anstatt wenn Sie in einem vektorbasierten Programm wie Illustrator zeichnen. Mit ein wenig Zahn zu Ihrer Linie, wird es sich ein wenig mehr handgemacht fühlen und könnte ein wenig mehr mit Menschen verbinden. Ich kann die Leinwand auch drehen, indem ich meine Finger kneife und drehe. Also, ich werde das tun, nur um mich irgendwie um dieses Rad herum zu arbeiten und es wirklich perfekt zu machen. Aber ich möchte erwähnen, dass wir keinen perfekten Kreis wollen , denn wenn wir dann einen perfekten Kreis drehen, werden wir keinen Unterschied sehen. Und nur um ein wenig Zeit zu sparen, mag ich wirklich diesen Kreis, den ich hier gemacht habe, und ich will diesen Kreis nicht wiederholen oder ihn perfekt machen müssen. Also, ich werde Ihnen zeigen, wie Sie den Reifen einfach kopieren und einfügen. Ich werde das Marquee um es zeichnen und dann werde ich dreifach wischen, um mein Dialogfeld zu öffnen, und dann werde ich kopieren und einfügen. Nun, ich habe noch eine davon und jetzt werde ich sie vertikal drehen. Also, es ist ein bisschen anders und jetzt werde ich das Rad hier rüber bewegen und ich habe zwei schöne Räder. Jetzt gehe ich einfach zurück zu der Schicht, auf der ich beide Reifen hatte und ich werde das Extra löschen. Ein kleines Geheimnis auch, wenn Sie eine gerade Linie in Procreate zeichnen möchten, zeichnen Sie einfach Ihre Linie und halten Sie sie für eine Sekunde und jetzt können Sie eine gerade Linie in jede Richtung zeichnen. Also, jetzt haben wir das Fundament der Zeichnung ziemlich fertig und wir können einfach hineingehen und einige lustige Details hinzufügen. Einige Punkte auf ihrem Jumper und wie wäre es mit einem Streifen auf dem Fahrradrahmen, und wenn wir wollen, können wir den Fahrradrahmen auswählen, indem wir über dieses Seitenmenü ziehen, das auswählen, und jetzt kann ich einfach irgendwie kritzeln oben und immer noch es haben sich nur innerhalb des ausgewählten Bereichs befinden. Das ist ein nettes kleines Detail. Wir geben diesem Eiskegel einige Geschmacksrichtungen. Eigentlich lassen Sie uns auch eine weitere Schaufel hinzufügen, direkt in der Mitte, einen schönen weißen Akzent. Das Hinzufügen dieser kleinen weißen Schaufel wird etwas von dem Weiß, das wir in den anderen Elementen der Zeichnung sehen, ausgleichen . Lassen Sie uns ein paar Pralinen Streifen geben und einige Minze Chip wäre gut, und die rosa Schaufel wird einfach einfach sein, weil wir kein Muster überall brauchen. Nun, da wir die Fundamentzeichnung fertig haben und in die Elemente hinzugefügt haben, werden wir beginnen, diese Layer nach unten zu verschmelzen. 5. Zusammenführen deiner Ebenen: Nun, da wir unsere Zeichnung fertig haben, sind wir bereit, Ebenen zu organisieren. Also, einige der Elemente, die wir wollen, um nach unten in eine Ebene und andere Dinge, die wir wollen, um getrennt zu halten. Wir wollen die Räder getrennt vom Fahrradrahmen halten, wir werden die Figur der Frau getrennt vom Fahrradrahmen halten wollen, wir können das Eis als eine Einheit halten. Also, wir gehen einfach hier rein und wir fangen an, Dinge zu tun, wie nehmen Sie den Fahrradrahmen, nehmen Sie die Räder, indem Sie nach rechts wischen, wir können alle drei auswählen. Dann, wenn wir dieses kleine Toggle-Ebenen-Symbol hier auswählen, haben wir eine Gruppe erstellt und wir werden diese Gruppe nennen, Fahrradrahmen. Ok. Wir schließen das ab. Wir werden das Hinterbein hier behalten, wir rufen das Hinterbein einfach an. Wir wollen nicht, dass das mit der Vorderseite der Figur verschmilzt, also halten wir das getrennt und halten es hinter dem Fahrradrahmen. Alles andere hier sieht so aus, als wäre es die Frau und der Eiskegel. Lassen Sie uns den Eiskegel getrennt von der Figur halten, aber wir verschmelzen ihn zu einem, indem wir verschmolzen drücken und wir werden dieses Eis nennen. Ich sehe, wir hatten eine Sonnenbrille, setzen wir die Sonnenbrille mit dem Helm und wir haben Sonnenbrille, Helm und Haare. Also, lassen Sie uns diese zu einer Sache zusammenführen. Wir nennen das Helmhaar. Wir setzen das einfach ganz oben, bringen Sie es einfach auf den Weg. Der Rest von diesem Zeug, es wird alles zusammen bewegen oder nicht zusammen bewegen. Also, wir können das alles einfach zusammenführen. In Ordnung. Also, jetzt haben wir die Leiche und wir werden diesen Körper umbenennen. Jetzt werden wir die Anzahl der Ebenen wirklich reduzieren , und das wird es nur einfacher machen, in Photoshop zu arbeiten. Ich habe bestimmte Elemente der Zeichnung isoliert, weil das Elemente sind, die Bewegung beinhalten werden. Zum Beispiel, die Haare, wir werden das Haar fließen. Also muss ich in der Lage sein, diese Ebene unabhängig von den anderen Teilen anzupassen. Das Eis, wir werden diese Bälle ein wenig bewegen lassen, so dass wir ein wenig Bewegung vom Wind sehen und auf dem Fahrrad hüpfen. Also, wir werden diese getrennt und dasselbe mit den Rädern im Fahrradrahmen halten, diese werden sich bewegen, also müssen sie auch auf ihrer eigenen Schicht sein. Eigentlich können wir diese beiden Reifen nach unten verschmelzen, nur um ein wenig weniger Schichten zu machen. Nun, da Sie sich diese Schichten ansehen, denken Sie vielleicht an sich selbst : „Warum setzen wir nicht einfach Körper und Hinterbein zusammen?“ Nun, das liegt daran, dass das Hinterbein hinter dem Fahrradrahmen liegen muss, um Sinn zu machen. Wenn wir das Hinterbein nehmen und es über den Fahrradrahmen bewegen, wie Sie sehen können, jetzt reitet sie Seitensattel und wir wollen nicht, dass es Seitensattel fährt. Also, ich lege das Hinterbein zurück hinter den Fahrradrahmen und wir halten es getrennt. Ich werde auch die Skizze dort löschen, indem Sie einfach nach links wischen, werden Sie einige Optionen hochziehen. Also, löschen. 6. Hinzufügen von Ebenen für die Animation: Also, wir sind fertig, Ebenen zu diesem Zeitpunkt zu verschmelzen. Nun müssen wir ein wenig zusätzliche Zeichnungen aus den Layern machen , die wir bereits erstellt haben, um die zusätzlichen Zeichnungselemente zu haben, die wir benötigen, um die Bewegung zu veranschaulichen. Also, jetzt werden wir nach links wischen, um die Haarschicht zu duplizieren, Helmhaarschicht, und ich werde das nur ein wenig dimmen, und Sie werden sehen, warum in einer Sekunde, weil ich diese Haarart von Fan haben will und ich möchte beobachte, was ich tue, um zu sehen, wie sich die beiden Schichten ausrichten. Also, ich zeichne gerade jetzt und füge ein wenig auf diese Schicht hinzu und mache das Haar beim Ausfließen ein wenig mehr. Wir werden das noch einmal tun, mit dieser Ebene werden wir sie duplizieren, und jetzt, nun, nun, nur noch die Deckkraft nach unten. Dann können wir alle Ebenen zusammen sehen, sobald ich oben auf dieser Ebene gezeichnet habe. Sie haben alle den gleichen Wert von Schwarz, ich habe gerade die Deckkraft nur so angepasst, dass ich sehen kann , wie die drei Schichten zusammen ausgerichtet werden. Wir wollen eine fanning Bewegung erstellen. So können Sie dort sehen, Sie alle drei Ebenen sehen und alle zusammen eine wellenförmige Bewegung erzeugen, die wir in unserem Animationsbereich verwenden werden. Es mag so aussehen, als ob Sie hier nicht viel Bewegung sehen weil die drei Schichten sind nicht so verschieden voneinander, aber Sie werden eine schöne Spanne von Größe hier sehen, wenn Sie alles zusammen. Also, was in dieser Zeichnung wie ein wenig Bewegung aussieht, wird tatsächlich wie eine Menge Bewegung aussehen, sobald Sie sie animieren. Sie können sich vorstellen, wie wir diese Art von wie ein Flipbook zeichnen. Also, wenn wir in Photoshop gehen und anfangen, die Frame-für-Frame-Animation zu machen und wir eine dieser Ebenen gleichzeitig zeigen, wird es wie ein Flipbook funktionieren, in dem sogar ein wenig Bewegung zu einer Bewegung wird, wenn Sie all diese Frames zusammen. Jetzt, wo ich alle drei Schichten zusammen sehe, denke ich, ich werde sehen, ob ich das Haar ein wenig von ihrem Rücken heben kann. Also, ich werde die jetzt einfach verstecken. Wir sind unten, Haarschicht. Also, ich werde einfach ein wenig hier unten an ihrem Arm hinzufügen, und dann wird die nächste Schicht natürlich anfangen zu heben. Nun, ich bringe die Deckkraft nur auf hundert. Ich werde das verstecken. Jetzt geh zu diesem hier, und wir rasieren uns einfach ein wenig von unten ab, und jetzt wird es eine schöne Aufwärtsbahn haben. Also, die Haare sind fertig, und wir werden sie jetzt in einen Ordner zusammenlegen, um die Dinge zu organisieren. Also, ich gehe zurück zu diesem Ebenenordner-Symbol und wir benennen diesen Haarhelm oder Helmhaar um, um die Dinge konsistent zu halten. Jetzt werden wir ein paar Iterationen des Eiss machen , um das gleiche Gefühl der Bewegung zu erzeugen. Also, wie wir es vorher getan haben, wir diese Eiscreme Schicht duplizieren, und wir werden einfach die Deckkraft drauf stoßen und jetzt, anstatt darüber zu zeichnen, werden wir einfach mit dem Auswahlwerkzeug kippen. Wir werden die beiden oberen Kugeln Eis auswählen und sie zu ihr neigen. Also, mit meinen Finger, passen Sie einfach den Winkel an. So können Sie sehen, dass sich die Schaufeln langsam auf sie zubewegen. Nun werden wir diese Ebene duplizieren, wir werden die Deckkraft runterwerfen und die beiden obersten Kugeln auswählen. Ich muss nicht zu genau sein. Ich werde nur die beiden Schaufeln kippen. Nun, wir haben auch eine sehr subtile kleine Fächerbewegung dort. Also, jetzt muss ich gehen und diese Schichten aufräumen weil es einige Lücken geben könnte, in denen wir Dinge schneiden. Ich werde nur die Deckkraft heraufbringen und sicherstellen, dass es bei 100 auf all denen ist. Nun, ich werde auch den Boden verstecken und tatsächlich sieht es ziemlich gut aus. Ich werde nur hineinzoomen, Sie können sehen, dass der Minzchip ein wenig nachbessern muss. Jetzt, wo wir alle Eisportionen angepasst haben, wir sie auch zusammenfassen und nennen diese werden wir sie auch zusammenfassen und nennen dieseSchicht oder die Gruppe Eis. Also, jetzt werde ich in den Fahrradrahmen-Ordner gehen, und ich werde einen Blick auf diese Räder werfen, und ich werde einen zweiten Satz von Rädern erstellen, nur indem ich einfach die Radschicht dupliziere. Eigentlich werde ich die auch kennzeichnen. Ich werde dieses Wheel2 oder Wheels2 nennen und ich rufe die andere Wheels1 an. Sie werden froh sein, dass Sie die Dinge deutlich gekennzeichnet haben, wenn Sie in Photoshop einsteigen. Lassen Sie uns nun die Deckkraft auf einer der Rad-Layer anpassen. Wie wir sehen werden, sehen Sie keine Veränderung, weil ich sie noch nicht umgedreht habe oder so was. Also, lassen Sie uns jetzt gehen und drehen Sie sie um und sehen, ob wir hier genug Unterschied in den Rädern bekommen, oder was, wenn wir vertikal gekippt sind. Wenn wir sie vertikal drehen, können wir anfangen zu sehen, dass es ein bisschen einen Unterschied gibt, aber es ist nicht sehr auffällig. Also, vielleicht sollte ich eines der Räder ein wenig zerquetschen , nur um ein wenig mehr Unterschied und Unterscheidung zwischen den beiden Sätzen von Rädern zu geben . Also, ich wähle den Radbereich aus und ich bin auf dem Rad zwei, lass uns einfach hier sehen. Kann ein wirklich dünn machen und dann wird es zu anders sein, kann es wirklich breit noch zu anders machen. Also, lasst es uns einfach ein wenig hierher bringen, nur damit wir nur ein wenig Unterschied zwischen den beiden Schichten haben können, und wir werden dasselbe mit dem Hinterrad machen. Wir können direkt da rüber gehen. - Richtig. Jetzt haben wir zwei Sätze Räder, wir haben drei verschiedene Eiscremes, wir haben drei verschiedene Haarrahmen oder drei verschiedene Haarschichten, einen Körper und einen Fahrradrahmen. Es gibt nur noch eine Sache, die ich empfehlen würde , und das ist, einen letzten Blick auf die Leinwand und vielleicht ein wenig wegzuziehen. Sie können hier sehen, dass die Kunst nicht ganz auf der Matte zentriert ist. Also, lassen Sie uns einfach alles so greifen, wählen Sie alle Ebenen, nehmen Sie das kleine Pfeilwerkzeug und zentrieren Sie es einfach. Siehst du, wenn du die Marke ansiehst, stelle einfach sicher, dass der Abstand um sie gerade aussieht und es jetzt tut. Also, sieht so aus, als wären wir alle hier zentriert, ich werde nur einen letzten Blick auf meine Ebenen werfen und sicherstellen, dass alles in den Ordnern organisiert ist und ich sehe hier, ich werde wahrscheinlich diese Haarschichten mit Zahlen am Ende, so dass ich sie gerade halten kann. Also, wir setzen drei auf das Ende dieses eins, zwei, eins, und wir machen dasselbe in der Eismappe. Nun, ich denke, wir sind bereit, diese Ebenen zu exportieren. Also, öffnen Sie das Schraubenschlüssel-Symbol und dort finden Sie den Share-Button, klicken Sie auf den Share-Button und exportieren Sie als PSD. Jetzt können Sie auswählen, wohin Sie das exportieren möchten. Ich benutze Drive selbst, also wähle ich Drive aus. Jetzt kann ich meinen Ordner auswählen, in den ich ihn ablegen möchte, oder ich kann ihn einfach in die oberste Ebene von Drive legen. Ich werde es einfach dort speichern, und wir werden es auch betiteln, nur um es organisiert zu halten. Wir werden es Bike girl.psd nennen und hochladen. Export wurde erfolgreich ausgeführt. Also, wir sind bereit, zu Photoshop zu gehen. 7. Animation in Photoshop: Nun, da wir alle unsere Ebenen haben, sind wir bereit, diese Datei in Photoshop zu öffnen und mit dem Schnittfenster unsere Animation zu erstellen. Also, ich gehe zu Datei zum Dropdown-Menü und klicke auf „Öffnen“. Gehe zu meinem Desktop und dort sehe ich es, Bike girl.psd. Ich öffne das und jetzt, wie Sie hier im Ebenenbedienfeld sehen können, habe ich alle diese Ebenen beschriftet und sie werden alle nach dem Export beibehalten. Also, jetzt werde ich das Zeitleistenfenster öffnen, und Sie werden das unter Fenster finden. Scrollen Sie nach unten zur Timeline, es ist in der Nähe des unteren Bereichs, und das öffnet sich die untere Leiste unterhalb des Bildfensters. Hier ist, wo wir unsere Timeline-Animation erstellen werden. Also, wir haben hier keine Wahl. Wir müssen in der Mitte klicken und entweder Video-Timeline auswählen oder Frame-Animation erstellen. Da wir einen Frame nach dem anderen ausführen und Ebenen ein- und ausblenden, um die Illusion von Bewegung zu erzeugen, verwenden wir „Frame-Animation erstellen“ und das wird das erste Bild der Timeline füllen. Also, jetzt werden wir anfangen, Frames zu unserer Animation hinzuzufügen. Was wir hier tun, um diese Illusion von Bewegung zu erzeugen, ist, verschiedene Ebenen zu zeigen und zu verbergen , da wir zum Beispiel verschiedene Haarschichten gezeichnet haben. los geht's. Sie werden sehen, dass wir, wenn wir diese Ebenen ein- und ausblenden, die Illusion von Bewegung bekommen. Ich habe hier bemerkt, dass, wenn ich die Datei aus Procreate exportierte , ich beide Rad-Layer angezeigt habe, also werde ich nur damit beginnen, eine dieser Rad-Layer zu verstecken und nur Wheels1 für Frame Nummer eins anzuzeigen. Also, wir haben unseren ersten Frame erstellt und jetzt werden wir einen zweiten Frame hinzufügen , der wirklich nur ein Duplikat des Rahmens davor ist. Also, jetzt haben wir zwei identische Frames, wir sehen keine Bewegung. Also, fangen wir an, etwas Bewegung hinzuzufügen, indem wir Dinge verstecken und zeigen. Wir werden Haare Nummer eins verstecken und Haare Nummer zwei zeigen, und wir werden Eiscreme 1 verstecken und Eiscreme2 zeigen. Jetzt werden wir Wheels2 verwenden und Wheels1 ausblenden. Wir können hier sehen, dass die Deckkraft auf Wheels2 nicht angepasst wurde, also ändern wir die Deckkraft hier oben im Ebenenfeld auf 100 Prozent. Großartig. Jetzt stellen wir sicher, dass Sie, wenn Sie zwischen den beiden gehen, beginnen können, ein wenig Emotionen zu sehen. Also, lassen Sie uns einen anderen Rahmen hinzufügen. Drittes Bild, wir werden wieder Räder Nummer eins zeigen, und wir werden zu einem Eis Nummer drei ziehen. Wir werden Haare Nummer drei machen, und das ist großartig. Jetzt wirst du wirklich anfangen, etwas Bewegung zu sehen. Also, jetzt haben wir drei verschiedene Frames, und gehen wir zu diesem Menü hier, das einmal sagt, und wir werden es für immer ändern. Das wird es ermöglichen, dass diese Schleife unendlich spielt, damit wir sie beobachten und kritisieren können. Also, ich werde bei einem anfangen und ich werde die Leertaste auf meiner Tastatur drücken und das wird das Video abspielen. Das sieht etwas komisch aus, oder? Es ist ein wenig zu schnell und abgehackt, und wir werden definitiv die Geschwindigkeit der Frames anpassen wollen. Also, lasst uns das zuerst machen. Also, wenn wir alle Frames auf einmal auswählen, indem Sie die Umschalttaste gedrückt halten und dann auf den letzten Frame klicken, können wir jetzt sehen, dass alle Rahmen ausgewählt sind. Jetzt gehen Sie zu diesem Drop-Down-Menü, wo es Null Sekunden sagt, und passen Sie hier an. Ich persönlich mag es, Dinge für 0,15 Sekunden zu tun , um zu starten und das ist auf Andere, Custom, Time. Also geben Sie das einfach ein, drücken Sie „OK“, und jetzt versuchen wir es erneut. Ok. Die Geschwindigkeit sieht gut aus, aber wie Sie sehen können, gibt es eine kleine Pause mit den Rädern. Der Grund, warum wir diese Pause sehen, ist weil wenn ich das Video stoppe und ich Frame Nummer eins betrachte und zu meinem Ebenenbedienfeld gehe, sehe ich, dass Wheels1 auf Frame Nummer eins angezeigt wird, und wir haben Wheels1 auf Frame angezeigt Nummer drei. Also, wir sehen das zweimal hintereinander, was es zu lang macht. Wir müssen Räder Nummer zwei als letzten Rahmen in unserer Schleife zeigen. Das einfachste, was hier zu tun ist, wäre, den zweiten Frame zu duplizieren und uns zurück zu diesem mittleren Schritt unserer Animation zu bringen. Also werde ich die Option-Taste gedrückt halten und Frame Nummer zwei bis zum Ende ziehen. Das wird ein Duplikat dieser mittleren Aktion erzeugen, die uns zurück zu unserem ursprünglichen Ausgangspunkt führt . Versuchen wir nun, die Animation abzuspielen. Also, viel mehr Flüssigkeit. Ich denke, wir könnten es nur schneller anfassen lassen. Versuchen wir also, die Dauer der Frames erneut anzupassen. Also, ich klicke auf das Dropdown-Menü, und lassen Sie uns dieses Mal 0,1 Sekunden versuchen, es ist nur ein bisschen schneller. Das gefällt mir. Es ist ein bisschen energischer. Jetzt, da wir unsere Animation so ziemlich eingestellt haben, ziehe ich gerne einfach weg, zoomen Sie ein wenig heraus und spiele dann die Animation ab, um sicherzustellen, dass meine ganze Bewegung immer noch spürbar ist, also wenn jemand es auf einem kleine Bildschirmgröße können sie immer noch sehen, dass Bewegung, ohne dass es zu minimal, oder im Gegenteil, es zu übertrieben. Ich denke, hier, wenn Sie es lächeln, können Sie wirklich sehen, die Bewegung und es ist nicht zu übertrieben, und ich denke, es ist genau richtig. Das war's. Siehst du, wie einfach das war? Wenn Sie sich die Zeit nehmen, alle Ihre Dateien zu organisieren und zu schichten , bevor Sie sie in Photoshop bringen, dann, wenn Sie gehen, um Ihre Animation zu erstellen, ist es wirklich nur ein paar Tasten klicken und „Play“ drücken. 8. Hinzufügen von Elemente in Photoshop: Nun werde ich Ihnen die Art von Dingen zeigen, die Sie in diesem Stadium der Animation hinzufügen können , und ich werde auch einige der Dinge ansprechen, die etwas komplizierter hinzuzufügen sind , wenn Sie nicht für sie in Ihrer ursprünglichen Zeichnung geplant hätten. Der einfachste Weg, um Ihre Animation an diesem Punkt mit dem Zeichnen wirklich anzupassen , besteht darin, neue Dinge oben hinzuzufügen. Also, ich denke, etwas, das Spaß machen würde, hier hinzuzufügen, wäre ein paar Schnürsenkel flattern. Also werde ich diesen Schuh hier vergrößern und sicherstellen, dass ich die Körperschicht auswähle, auf der sich der Schuh befindet. Jetzt werde ich auf dieser Körperebene zeichnen, indem ich eine neue Ebene beginne. Also, Command Shift N wird uns eine neue Ebene geben und wir werden es Shoelace eins nennen. Jetzt holen wir uns unseren Pinsel. Wir gehen in unsere Pinsel, und wie Sie sehen können, habe ich hier eine ganze Reihe von Kyle Webster-Pinseln, die wie Farbe aussehen und sich anfühlen. Also, Photoshop kommt mit einigen dieser Kyle Webster-Pinsel bestückt , aber wenn Sie zusätzliche kaufen möchten, können Sie das über seine Website tun. Schauen Sie sich die Klassenressourcen an, um den Link zu finden. Ich mag diesen Sketchy Sketcherton. Wir werden Sketchy Sketcherton versuchen, die Schnürsenkel zu machen, und das sollte eine ähnliche Linienqualität in dem, was wir zuvor verwendet haben, haben. Wenn ich die Option-Taste betätige, erhalte ich das Pipettenwerkzeug. Also, ich drücke die Option-Taste, und ich klicke auf diesen weißen Kreis mit meinem Touchpad und jetzt habe ich weiß in meiner Palette, so dass ich einen schönen weißen Schnürsenkel habe. Also, ich werde nur so zeichnen, es sieht schön und handgezeichnet, schöne große Schnürsenkel zeichnen. Alles klar, und anstatt für jede Ebene einen neuen Schnürsenkel zu zeichnen, werde ich das einfach duplizieren und drehen. Also, ich habe Schnürsenkel eins, ich werde Control drücken, um dieses Menü aufzurufen, und ich werde Ebene duplizieren auswählen. Ich werde diesen Schnürsenkel zwei umbenennen. Um den Schnürsenkel zu drehen, werde ich nur Befehl T für die Transformationsbox drücken, ich werde den Mittelpunkt hier nehmen und ich werde es zum Mittelpunkt bewegen , von dem Schnürsenkel drehen wird, woher dieser Knoten in der Schnürsenkel. Also, ich verschiebe den Mittelpunkt dorthin und jetzt kann ich ihn einfach nach oben drehen, und wir machen dasselbe, wo wir eine fanning Bewegung erzeugen werden. Also werde ich Shoelace zwei nehmen, Control drücken, um das Menü aufzurufen, Ebene duplizieren, diesen einen Schnürsenkel drei umbenennen, weil wir das in Vielfachen von drei tun. Nun, wir werden Command T für die Transformation wieder treffen. Wir werden den Mittelpunkt wieder dorthin bewegen, wo der Knoten auf den Schnürsenkeln, drehen ihn ein wenig nach oben, und jetzt haben wir drei Schnürsenkel. Also, mal sehen, wie das aussieht. Wir verkleinern, wir verstecken Schnürsenkel drei, wir verstecken Schnürsenkel zwei. Jetzt können wir einfach zu Frame zwei gehen, wir zeigen Shoelace zwei auf Frame zwei. Jetzt gehen wir zu Frame drei, wir zeigen Shoelace drei in Frame drei, wir gehen zu Frame vier und zeigen Shoelace zwei, das ist unser Vermittler. Jetzt drücken wir „Play“ und sehen, ob der Schnürsenkel etwas hinzugefügt hat. Es ist nur das subtilste, kleine Detail, aber es fügt dem ganzen Stück nur ein wenig zusätzliche Bewegung hinzu. Es ist also einfach, Dinge hinzuzufügen, aber die einzige Sache, die Sie nicht tun können, wenn Sie in Photoshop animieren, besteht darin, Dinge zu drehen , ohne dass sie sich auf jeden anderen Frame in der Animation auswirken. Ich werde Ihnen ein Beispiel geben. Also, sagen wir, du denkst, es könnte cool sein wenn sie einen Wheelie auf den dritten Frame deiner Animation knallt. Mal sehen, was passiert, wenn wir versuchen, sie im dritten Rahmen zu kippen. Also, hier bin ich, ich bin auf Frame drei, und ich werde alle Ebenen auswählen und ich werde Transformationsbefehl T für Transformation drücken. Nun, ich sehe diesen Mittelpunkt, er ist genau in der Mitte, ich werde ihn in die untere Mitte ihres Hinterrades bewegen, weil sie dort kippen würde. Wenn ich in diese obere Ecke gehe und sie einfach nach hinten kippe, sollten wir uns das für eine Sekunde ansehen. Lass es uns eine Sekunde geben. Also, jetzt haben wir sie auf dem dritten Rahmen, der einen Wheelie knallt. Aber wenn Sie hier unten schauen, können Sie es in der Vorschau sehen, sie sehen aus, als ob sie alle gekippt sind. Also, wenn ich jetzt meine Animation spiele, fliegt sie im Grunde nur im Weltraum und das ist nicht das, was wir hier tun, obwohl es interessant ist. Also, ich werde die Leertaste drücken, um es zu stoppen, und ich werde das rückgängig machen. Das Einzige, was wir hier tun könnten, ist, dass sie ein wenig aufstößt, vielleicht trifft sie eine Beule auf der Straße. Also, lasst uns das versuchen. Auf Frame drei haben wir immer noch die gesamte Ebene ausgewählt, also bewegen wir sie einfach ein paar Pixel nach oben, und dann bewegen wir sie auf Frame vier nach oben. Also, mal sehen, was passiert, wenn wir das spielen. Also, jetzt stößt sie die Straße entlang. Ich mag es immer noch vereinfachter, ohne dass sie auf der Straße stößt, also werde ich Pause drücken und ich werde Undo drücken. Da gehen wir hin. Also, um zusammenzufassen, gibt es einige Dinge, die Sie in Photoshop tun können, aber in den meisten Fällen werden Sie wollen, dass alles gezeichnet und geplant, bevor Sie dorthin gelangen. In diesem nächsten Video werde ich Ihnen zeigen, wie Sie Ihre Animation auf verschiedene Arten exportieren können. 9. Exportieren deiner Animation: Nun, da wir die Animation erstellt haben, werde ich Ihnen zeigen, wie Sie sie exportieren können. Ich zeige Ihnen, wie Sie es sowohl als GIF als auch als MP4 exportieren , da Sie verschiedene Formate für verschiedene Plattformen benötigen. GIFs sind ideal für Websites und MP4s oder Videos sind ein bisschen besser für soziale Medien. Also, zuerst werde ich Ihnen zeigen, wie Sie es als GIF exportieren. Also, wir gehen zum Datei-Menü und gehen zum Dropdown, gehen Sie zum Export und Sie werden hier für Web speichern sehen. Wir werden darauf klicken. Dadurch wird Ihr Exportfenster geöffnet wenn Sie ein GIF oder ein JPEG oder PNG erstellen möchten. Also, in der oberen rechten hier gehen wir zu diesem Dropdown-Menü, das JPEG sagt , und wir werden GIF wählen. Jetzt können Sie hier sehen, es zieht verschiedene Optionen, die Sie durchblättern können. Bevor wir anfangen, die Dinge in dieser rechten Seite anzupassen, werfen wir einen Blick hier unten in die untere linke Ecke. Wir können die Dateigröße sehen, es ist 515.5K. Das bedeutet, dass es unter einem Megabyte liegt, was für GIF wirklich klein ist. Also, wir sind in wirklich guter Form in Größe. Ich mag es, Dinge kleiner als drei Megs Tops zu halten, wenn ich kann. Es macht nur Dateien viel schneller auf Websites geladen, und das ist wichtig, wenn Sie mit einem Client arbeiten, der versucht, die Ladezeit der Seite zu optimieren. Sie sollten auch beachten, dass je mehr Frames Sie in Ihrer Animation haben, desto größer wird auch die Dateigröße. Also, bedenken Sie das, wenn Sie Ihre Rahmen auslegen. Das bringt auch einen Punkt über Farbe auf sich. Wenn Sie sich erinnern, als ich dies früher entwarf, habe ich wirklich die Anzahl der Farben begrenzt, die ich verwende. Das liegt daran, je mehr Farben Sie verwenden, desto größer wird die Datei. Also, ich mag nicht nur Design weise halten meine Farben unten und halten eine prägnante Palette, sondern es macht auch mein Endprodukt viel schneller laden und viel effizienter. Also, nur damit du es weißt, sagen wir, das waren vielleicht fünf Megabyte und ich wollte versuchen, die Farben in diesem Stadium zu reduzieren. Das kann ich definitiv hier oben in dieser Kiste machen. Es ist jetzt hervorgehoben. Moment sind wir bei 256 Farben, aber wenn ich zu diesem Dropdown-Menü gehe, kann ich bis zu 128 Farben gehen. Sobald ich das gemacht habe, kann man sehen, wie es etwa 100 Kilobyte abrasiert ist, was hier nicht wirklich wichtig ist. Aber wir können sehen, dass es das Aussehen der Datei nicht wirklich ändert. Also, das ist gut. Nun, wenn ich gehen und es noch kleiner machen wollte, wie sagen, gut vielleicht kann ich es auf 16 Farben bringen. Sobald ich das getan habe, können Sie sehen, dass es etwas von der Art, wie die Farben zeigen verändert. Also, jetzt ist mein Grün nicht so hell. Also, das wollen wir nicht tun. Wenn Sie es vermeiden können, werden Sie wahrscheinlich vermeiden, Ihre Datei weniger als 128 Farben zu machen. Da wir hier so viel Wackelraum haben, gehen wir einfach mit 256. Jetzt hier unten können wir die Bildgröße ändern. Unten unter der Bildgröße können wir die Größe unseres endgültigen Exports ändern. Wir werden das wirklich nicht bei 2048 Pixeln Quadrat brauchen. Wir werden es wahrscheinlich nur mit einem Maximum von 1080 Pixeln brauchen. Also, lassen Sie uns einfach unsere GIF 1080 Pixel quadratisch machen. Sie können sehen, es machte die Datei kleiner, weil es im Fenster schrumpfte und wir können das Spiel hier Vorschau, wenn wir wollen, indem Sie Play drücken. Es spielt nur ein wenig langsamer in diesem Vorschau-Modus, aber lassen Sie sich nicht täuschen. Es bewegt sich immer noch an diesem Punkt, wenn Frame zweite Verbindung, die wir angegeben haben. Also, ich werde Stopp drücken und jetzt sind wir bereit, einfach zu speichern. Also, ich klicke auf Speichern und jetzt kann ich das GIF nennen. Wir werden es Bike-Girl nennen und speichern. Es wird es auf meinem Desktop speichern, weil ich das ausgewählt habe. Also, jetzt lassen Sie uns eine Vorschau unseres GIF in einem Webbrowser und stellen Sie sicher, dass es wie beabsichtigt spielt. Also, jetzt werde ich öffnen Google Chrome und ich ziehe einfach mein GIF direkt in das Fenster, einfach legen Sie es direkt dort, und schauen Sie es spielt, und es spielt, wie wir es wollten. Also, das GIF ist großartig, um auf Websites hochzuladen, aber wenn Sie auf etwas wie Instagram oder irgendeine Art von sozialen Medien hochladen möchten, dann möchten Sie es vielleicht als MP4-Video exportieren. Ich glaube, die Mindestlänge, die Sie ein Video auf Instagram hochladen können , könnte drei Sekunden betragen, aber diese Dinge ändern sich immer. Also, ich versuche, für etwa fünf Sekunden Video zu zielen. Auf diese Weise bekomme ich eine schöne Schleife, es ist eine gute Länge und es ist nicht zu abgehackt. Aber da es fünf Sekunden sind und ich nur 0,4 Sekunden Video habe, bedeutet das, dass ich einige dieser Frames duplizieren muss. Also, ich werde alle vier Frames auswählen, indem ich die Shift-Taste drücke. Also, wir haben alle vier Frames ausgewählt und ich werde die Optionsschaltfläche drücken und von dem einen nach dem vierten Frame ziehen. Jetzt habe ich alle vier Frames dupliziert, um insgesamt acht Frames zu erstellen. Ich werde einen auswählen, die Umschalttaste gedrückt halten, um alle acht Frames auszuwählen, und ich werde diese Option drücken und erneut ziehen. Also, jetzt habe ich 16 Frames und jetzt werde ich wieder bei einem beginnen, drücken Sie diese Shift-Taste, um bis zum 16. Frame auszuwählen, und ich werde die Option drücken und erneut duplizieren. Jetzt habe ich 32. Ich brauche nur noch 16 Frames. Also, ich werde einfach nicht alle auswählen. Dieses Mal werde ich nur meine Auswahl bei den letzten 16 halten, Option drücken und nach dem 32 bis zum Ende ziehen, und jetzt haben wir 48 Frames, die viel für unsere fünf zweiten-ish-Animation ist. Also, wir gehen zurück zum Datei-Menü, zum Dropdown-Menü, und klicken Sie auf Export, aber dieses Mal werden wir rendern Video. Also, wir haben hier einige neue Entscheidungen zu treffen. Wir möchten Adobe Media Encoder auswählen und dann H.264 ist das Format, das wir wollen. Wir wollen hohe Qualität. Wir können hier eine benutzerdefinierte Größe festlegen und das ist etwas, mit dem Sie experimentieren möchten. Meiner Erfahrung nach glaube ich nicht, dass Sie etwas größer als 650 mal 650 für Instagram brauchen, weil die App alles Größeres komprimieren wird. Aber Sie können es in einer größeren Größe exportieren. Wenn Sie ein 1080 mal 1080 Video in höherer Qualität haben möchten , benötigen Sie es möglicherweise nicht für Instagram. Und Sie möchten 30 Bilder pro Sekunde auswählen. Ich verwirre mich nicht mit irgendwelchen anderen Optionen hier unten. Ich denke, sie werden einfach in Ordnung sein, wie auch immer der Standard ist. Jetzt drücken wir rendern, und es ist bereit, eine Vorschau anzuzeigen. Also, um eine Vorschau des Videos können Sie tatsächlich nur die MP4 auf Ihrem Desktop ausgewählt und drücken Sie die Leertaste, und jetzt wird es einfach abspielen. Wie Sie sehen können, sieht es gut aus. Sobald Sie bereit sind, das Video auf Instagram zu teilen, vergessen Sie nicht, dass Sie eine lustige Gelegenheit haben, eine weitere Ebene zur Geschichte hinzuzufügen , indem Sie mit einem lustigen Bildunterschrift, so etwas wie, schauen ma, keine Hände. 10. Schlussbemerkung: Das war's. Wir haben eine Zeichnung in Procreate erstellt und in Photoshop in eine Animation umgewandelt. Nun, da Sie die Grundlagen kennen, wie Sie eine Animation wie diese erstellen, können Sie kreativer und aufwendiger in Ihren zukünftigen Projekten werden. Die einzige Sache, die ich Ihnen mitnehmen möchte, ist, dass Sie, um eine Animation wie diese zu erstellen, die sich wirklich ziemlich einfach anfühlt um eine Animation wie diese zu erstellen, die sich wirklich ziemlich einfach anfühlt, immer noch zeichnen müssen. Es gibt nicht wirklich irgendwelche Shortcut-Apps, die das für Sie tun können. Ihre eigene Hand wird dieses Stück individuell machen. Ich hoffe, Sie haben die Klasse genossen. Ich kann es wirklich kaum erwarten zu sehen, welche Art von Projekten Sie aus der Lektion erstellen. Ich möchte nur, dass Sie sich daran erinnern, dass zu wissen, wie man ein Geschenk macht, eine wichtige Fähigkeit ist, ob Sie es als Geschenk [unhörbar] bezeichnen. Aber denken Sie daran, mit Geschenk-Macht kommt Geschenk Verantwortung. Verwenden Sie Ihre Geschenke mit Bedacht. 11. Entdecke noch mehr Kurse auf Skillshare: