Animierte Illustrationen

1. Trailer zum Kurs: Hallo, Jungs. Ich bin Jamie Bartlett, und ich bin so aufgeregt, dir meine nächste Klasse „Animierte Illustrationen“ zu bringen. In diesem Kurs werden Sie ein Alltagsobjekt illustrieren und es dann durch Animation in Photoshop zum Leben erwecken. Ich zeige Ihnen drei verschiedene Animationsmethoden, die jeweils ihr eigenes einzigartiges Aussehen haben und gemeinsam angewendet oder alleine verwendet werden können. Ich habe sogar eine lustige Bonusstunde enthalten, um Ihnen zu zeigen, wie Sie Ihre Animationen in einem Foto platzieren können, damit es direkt in Ihrem Skizzenbuch zum Leben erweckt wird. Diese Klasse ist für jedermann. Alles, was Sie brauchen, ist eine Illustration und Adobe Photoshop. Ich werde jeden Schritt des Prozesses durchgehen, um Ihre Illustration zu einer endgültigen Animation zu bringen. Ich zeige Ihnen auch, wie Sie ein GIF exportieren, um online zu teilen, oder ein Video für Orte wie Instagram. Am Ende dieses Kurses haben Sie alles, was Sie brauchen, um Ihre Illustrationen in Photoshop zum Leben zuerwecken Ihre Illustrationen in Photoshop zum Leben zu und online zu teilen. Na gut, Leute, lasst uns reinspringen. Ich kann es kaum erwarten, dass du kreierst. 2. Kursprojekt: Für das Klassenprojekt möchte ich, dass Sie ein Alltagsobjekt illustrieren. Es könnte alles sein, von Ihrer Katze bis zu einer Topfpflanze oder einem Baum, den Sie draußen sehen. Aber bevor Sie anfangen zu illustrieren, gehen Sie voran und beobachten Sie zuerst meine gesamte Klasse. Auf diese Weise kennen Sie die verschiedenen Prozesse der Animation Wenn Sie also zeichnen, können Sie das irgendwie durchdenken und planen, und während Sie zeichnen und animieren, Sie Ihren Fortschritt in Ihrer Klasse veröffentlichen -Projekt. Auf diese Weise können wir Ihre Arbeit bei jedem Schritt des Weges sehen. 3. Vorbereitung deines Kunstwerks: Also, bevor Sie mit dem Animieren beginnen, sollten Sie Ihr Kunstwerk als Kopie speichern, nur damit Sie nichts durcheinander bringen und Sie immer das Original haben. Als nächstes müssen wir unsere Ebenen organisieren und alle Ebenen zusammenführen, mit denen wir nicht animieren werden. Dies wird nur dazu beitragen, unsere Dateigröße klein und unsere PSD organisiert zu halten. Genau hier habe ich alle meine Katzenschichten in einer Gruppe. Die erste habe ich etwas Textur auf der Oberseite und ich habe den Körper und das Gesicht und all diese verschiedenen Schichten. Zuerst möchte ich dir nur sagen, wie ich die Katze animieren werde. Ich will, dass sich dieser Schwanz hin und her bewegt, und ich möchte auch, dass sich die Augen nach links und dann zurück nach rechts bewegen. Also die einzigen Dinge, die ich getrennt brauche, sind der Schwanz und die Augen, alles andere kann übereinander verschmolzen werden. Der einfachste Weg, darüber nachzudenken, ist, wenn es sich bewegen muss, muss es auf seiner eigenen Schicht sein. In Ordnung. Beginnen wir also zuerst mit der Textur. Ich habe zwei Texturschichten. So können wir einfach diese beiden zusammenführen, und eine Verknüpfung dafür ist Befehls-E und das verschmilzt die oberste Ebene mit der direkt darunter. Ich habe die Textur. Ich habe diese kleinen Highlights in den Augen, also müssen diese auf einer eigenen Ebene sein und schließlich werde ich diese mit den schwarzen Teilen der Augen verschmelzen. Also,, die nächste Ebene ist die Augenlichter, und das sind nur diese kleinen weißen Flecken hier auf den Augen. Ich werde die getrennt halten, weil ich die auch von links nach rechts innerhalb der Pupillen verschieben werde . dann habe ich diese Gesichtsschicht. Nun, diese Gesichtsschicht, ich brauche nicht all diesen Mund und alle Details auf der Fliege. Ich muss die Pupillen der Augen von allem anderen trennen. Manchmal kann man also nicht alles auf seine eigenen Schichten legen und es zu trennen, ist es ziemlich einfach. Alles, was ich tun werde, ist das Laso-Tool hier zu nehmen, eine Auswahl meiner Augen zu zeichnen, dann werde ich durch Drücken von Befehlstaste-X auf der Tastatur ausschneiden und dann werde ich Befehlstaste-Shift-V drücken, um an Ort und Stelle einzufügen. Jetzt habe ich es auf einer eigenen Schicht. Ich werde das Eyes nennen, und dann habe ich das Gesicht getrennt, mehr Textur hier unten und dann den weißen Teil, damit ich das Gesicht, die Textur und das Weiß zusammenführen kann . Dann habe ich zuletzt hier unten die Leiche. Nun, als ich das zeichnete, habe ich den Schwanz nicht getrennt. Also nochmal, wir werden das einfach trennen. Ich werde mich ein wenig in den Körper schneiden müssen, denn wenn ich gerade schneiden würde, wenn Sie es drehen, würden Sie die Kanten sehen. Also, dafür werde ich nur einen Kreis nehmen, einen perfekten Kreis, und dann werde ich den Schwanz in die Auswahl hinzufügen und ich werde nur Shift auf der Tastatur halten und du wirst das kleine Pluszeichen bekommen, ich werde zum Rechteck wechseln -Werkzeug. Ich habe hier einen kleinen Fleck verpasst, also schalte ich zum Laso-Werkzeug, halte die Umschalttaste erneut und mache eine kleine Auswahl, um sicherzustellen, dass ich alles habe. Alles klar, das sieht gut aus. Ich werde sicherstellen, dass ich auf der Körperschicht bin, und jetzt statt es zu schneiden, weil ich das Schwarz hier auf dem Körper nicht loswerden will, werde ich kopieren statt schneiden. Drücken Sie also Befehlstaste-C zum Kopieren und dann Befehlstaste-Umschalt-V, um an Ort und Stelle einzufügen. Jetzt habe ich den Schwanz da. Also, jetzt werde ich diese Ebene ausschalten und den Körper wieder einschalten, und ich muss diese Schicht loswerden. Ich werde nur dort zeichnen, und das wird sowieso mit dem anderen Schwanz vertuscht sein. Stellen Sie sicher, dass ich diese Ebene ausgewählt habe, drücken Sie ENTF, und dann können wir die Ebene wieder aktivieren. Jetzt habe ich den Schwanz von der Leiche getrennt. Also, noch eine Sache, ich habe dieses weiße Highlight auf dem Schwanz, also werde ich das auswählen, ausschneiden und wieder einfügen, Befehlstaste-X, dann Befehls-Shift-V , um an Ort und Stelle einzufügen und ich kann einfach voran gehen und verschmelzen, dass direkt auf den Schwanz. Dann noch eine Sache hier unten, ich habe diese kleinen Akzentmarken, ich werde das auch von der anderen weißen Schicht trennen. Dann kann ich auch hier runter gehen und all diese zusammenführen, und es gibt noch eine Sache, die ich verschmelzen kann. Ich kann das ganze Weiß mit dem Körper verschmelzen. Ich finde, das sieht ziemlich gut aus. Also, für den Hintergrund, werde ich das sperren. Ich muss mich nicht mit irgendeiner der Textur anlegen und ich muss mich auch nicht mit dem Körper anlegen. Gehen Sie weiter und stellen Sie sicher, dass Sie während des gesamten Prozesses sparen, und es sieht so aus, als wären wir bereit, zu animieren. 4. Tweening und Duplizieren: Also, jetzt sind wir bereit, die Timeline zu öffnen. Also, wenn Sie zu Fenster gehen, dann gehen Sie den ganzen Weg runter zur Zeitleiste, und Ihr Zeitleistenfenster sollte hier unten angezeigt werden. In Ordnung? Rechts hier, gehen Sie vor und klicken Sie auf die Schaltfläche „Frame Animation erstellen“, und jetzt haben wir einen Frame bisher. Also, in der Timeline werden wir animieren. Also, jeder Frame, den wir hinzufügen, können wir ein Objekt in diesem Frame bearbeiten und dann wiedergeben, und ich werde die Animation zeigen. Für diese Animation brauchen wir nicht zu viele Frames. Also werde ich verkleinern, damit ich alle meine Kunstwerke sehen kann. Jetzt kann Photoshop einige dieser Animation ein wenig automatisch machen , aber das ist nur mit der Positionierung. Also, um Ihnen zu zeigen, wovon ich rede, werde ich einen neuen Rahmen erstellen , indem ich zu diesem Button gehe und jetzt habe ich zwei Frames. Ich kann zwischen ihnen hin und her gehen und Sie können sehen, dass sich nichts ändert, weil ich noch nichts in meiner Komposition geändert habe. Um Ihnen ein Beispiel zu geben, werde ich diese Geschichte nehmen und sie einfach hierher bringen. Es ist nicht so, wie ich es animieren möchte, aber ich möchte es dir nur zeigen. Also, wenn ich jetzt zwischen den Frames hin und her klicke , kann man sehen, dass sich die Position des Schwanzes bewegt. Aber sagen Sie, Sie wollen keinen so drastischen Sprung. Ich möchte mehr Frames dazwischen, um eine glattere Animation zu erstellen. Diese werden als Zwischenbilder bezeichnet. Also, um diese Zwischenbilder zu bekommen, werden wir etwas tun, das Tweening genannt wird, das kurz für zwischendurch ist. Also, wenn die erste Ebene ausgewählt ist, gehe ich hier nach unten und klicke auf unsere Tween-Schaltfläche. Ich werde sagen, lassen Sie uns drei Frames hinzufügen und Sie können hier oben wählen, um mit dem nächsten Frame oder dem letzten Frame zu tun. Wir bleiben mit dem nächsten Frame und wir haben alle Ebenen ausgewählt. Hier sehen Sie, dass die Parameter zeigen, dass Sie nur Position, Deckkraft und Effekte Tween-können. Also, das ist ein wenig einschränkend, aber es kann nützlich sein. Wir klicken auf OK, und jetzt haben wir drei weitere Frames zwischen den anderen beiden Frames, die ich erstellt habe. Also, ich habe die erste und ich werde durch klicken, um es Ihnen zu zeigen. Also, jetzt werde ich gehen und klicken Sie auf spielen und Sie können sehen, wie es sich bewegt. Leider können wir Tweening nicht mit Rotation verwenden, also kann ich dies nicht auf dem Schwanz verwenden , den ich animiere, weil ich möchte, dass es hin und her dreht. Aber wir können es auf die Augen benutzen, die von links nach rechts gehen. Also, jetzt werde ich all diese Frames löschen, weil wir sie nicht brauchen, und wir werden diesen ersten Rahmen einrichten, damit die Katze hier nach links schauen kann. Also, ich werde sowohl die Augen als auch die Highlights auswählen und lassen Sie uns schön und nah zoomen, damit wir sehen können. Dann werde ich die hier nach links rüber schieben, rechts da. Es ist wichtig zu wissen, dass Sie die Ebene nicht durch Drücken von Befehl T transformieren Sie müssen sie also nur schieben oder ziehen. Dann möchte ich auch nur die Highlights nach links bewegen, genau dort. So sollte das Auge auf dem ersten Frame sein. Jetzt sind wir bereit, ein paar weitere hinzuzufügen. Also, genau wie ich es dir am Beispiel des Schwanzes gezeigt habe, werden wir einen weiteren Rahmen hinzufügen und dann werde ich die Augen den ganzen Weg zurück nach rechts bewegen. Stellen Sie sicher, dass ich sowohl meine Highlights als auch meine Augen ausgewählt habe, dann werden wir die den ganzen Weg zurück über rechts bewegen, dann werde ich auch die Highlights über den ganzen Weg nach rechts bewegen und das ist mein rechter Rahmen. Also, jetzt können wir tween. Ich gehe zurück zu meinem ersten Frame, klicke auf die Tween-Schaltfläche, und ich werde mit drei Frames bleiben, aber Sie können immer mehr oder weniger hinzufügen, abhängig von der gewünschten Stil-Animation. Je mehr Frames Sie hinzufügen, desto glatter wird die Animation aussehen. Aber für diesen Stil mag ich, dass es ein wenig abgehackter aussieht. Klicken Sie auf OK. Alles klar, und jetzt lass uns abspielen und sehen. Alles klar, das sieht gut aus, aber es geht viel zu schnell. Hier unten am unteren Rand jedes Rahmens können Sie sehen, dass es Null Sekunden sagt. Das bedeutet, dass zwischen dem ersten und dem nächsten Frame keine Zeit mehr besteht. So können wir das verlangsamen, um unsere Animation ein wenig besser aussehen zu lassen. Um dies zu tun, muss ich alle meine Frames auswählen , indem Sie die Umschalttaste gedrückt halten und auf den letzten Frame klicken. Dann werde ich es tun, wir versuchen 0.2 und sehen, wie das aussieht. Das sieht gut aus. Jetzt, wo das funktioniert, gehen wir runter und beschäftigen uns mit dem Schwanz. Statt Tweening müssen wir also für jeden der Frames ein Duplikat des Schwanzes erstellen und dann werden wir jeden einzeln drehen und diese Ebene ein- und ausschalten , je nachdem, auf welchem Frame wir uns befinden. Ich werde damit beginnen, den Schwanz zu gruppieren , so dass alle Duplikate im selben Ordner bleiben. Also diese erste, ich werde es den ganzen Weg nach links drehen müssen. Ich werde meinen Ankerpunkt ganz hier nach oben bewegen , damit er sich von diesem Punkt dreht, dann gehen wir runter in die Ecke, bis Sie diese gebogenen Pfeile bekommen können. Ich werde es den ganzen Weg in die linke Position drehen. Dann drücken wir die Eingabetaste, um diese Transformation anzuwenden, dann gehen wir zum zweiten Frame über. Wir klicken auf den zweiten Rahmen. Bevor wir es duplizieren, müssen wir hier zum Menü auf unserer Timeline gehen und sicherstellen , dass Neue Ebenen sichtbar auf allen Frames ist. Auf diese Weise wird die Ebene, wenn wir duplizieren, nur auf dem Rahmen sichtbar, in dem wir sie dupliziert haben. Also jetzt sind wir bereit, diesen Schwanz zu duplizieren und die Verknüpfung dafür ist Befehl J auf der Tastatur. Also haben wir unsere Schwanzkopie bekommen, wir können die erste Ebene ausschalten und jetzt haben wir unseren neuen Schwanz. Also wieder, ich werde diesen Ankerpunkt nach oben bewegen und ihn nur leicht nach rechts drehen. Drücken Sie erneut die Eingabetaste, um das anzuwenden, und lassen Sie uns unsere nächste machen. Klicken Sie auf den dritten Rahmen. Sie sehen hier, dass mein Duplikat ausgeschaltet ist, aber mein Original ist immer noch eingeschaltet, und das liegt daran, dass das Original immer auf allen Frames war. Also werden wir diesen zweiten Schwanz duplizieren, ihn einschalten und sicherstellen, dass wir unseren ursprünglichen Schwanz ausschalten. Wieder werden wir das drehen. Drücken Sie die Eingabetaste, gehen Sie zu unserem nächsten und machen Sie das weiter. Jetzt brauchen wir noch einen Rahmen. In Ordnung. Lass uns das zurückspielen und sehen, wie es aussieht. Das sieht ziemlich toll aus. Das nächste, was ich tun muss, ist, diese Akzentmarken für den ersten und den letzten Frame zu positionieren, weil ich möchte, dass sie nur dort oben angezeigt werden. Also gehen wir zu unserem ersten Frame, finden diese Akzentmarken und positionieren sie, und ich werde sie auch nur drehen müssen damit sie aussehen, als ob sie auf den Schwanz gehören. Drehen Sie sie so herum. Ok. Da ist der linke und dann muss ich zum zweiten Frame gehen und diese Akzentmarken ausschalten und dasselbe für den dritten und vierten. Eigentlich können Sie alle Frames auswählen, die Sie diese deaktivieren möchten , und deaktivieren Sie sie einfach, und es wird alles zur gleichen Zeit tun. Das ist also ein kleiner Zeitersparnis. Als nächstes gehen wir zum letzten Frame. Ich muss das duplizieren, die ursprünglichen ausschalten und diese dann hierher schieben. Das sollte es dafür tun. Verkleinern Sie, damit wir die gesamte Animation sehen können, und jetzt ist das eine großartige Animation, aber es ist keine Schleife. Es geht gerade von links nach rechts und dann nach rechts zurück nach links. Wir wollen, dass es vorwärts spielt und dann rückwärts zurückkehrt. Um das zu tun, müssen wir die ersten vier Frames kopieren, alle vier Frames auswählen, dann müssen wir sie duplizieren und sie auf die andere Seite des letzten Frames legen. Aber um sie zu duplizieren, halten Sie die Option gedrückt, klicken Sie und ziehen Sie, bis Sie diese zwei kleinen Pfeile erhalten und dann legen Sie sie direkt dort nach dem fünften Frame. Dann gehen wir zum Menü und sagen Reverse Frames. Das kehrt buchstäblich nur die Reihenfolge um, und jetzt spielen wir es zurück. Ok. Es ist schleifen, aber etwas sieht seltsam aus, genau hier auf der linken Seite. Das liegt daran, dass der erste Frame tatsächlich zweimal gespielt wird. Das mussten wir nicht duplizieren. Also haben wir diesen Rahmen, den ersten Rahmen hier, und dann haben wir auch den gleichen hier. So spielt es von neun und dann geht es zurück zu einem und spielt es wieder. Um das loszuwerden, können wir einfach den Papierkorb drücken und das löschen. Jetzt spielen wir es. Jetzt schleift es perfekt. Das ist unsere erste Animation. 5. Marionetten-Verkümmung: Für diese nächste Animation werde ich Ihnen zeigen, wie Sie mit dem Marionetten-Warp-Werkzeug animieren. Also, ich möchte, dass meine letzte Animation so aussieht. Die Pflanzen bewegen sich und der Vorhang weht im offenen Fenster. Ich ging schon voran und organisierte die Palette meiner Ebene. Ich habe eine Menge von Hintergrundmaterial zusammengeführt und ich habe auch jedes einzelne Element zusammengeführt, wie die Lampe, und es ist Textur, und alle Ebenen, die dazu gehörten, sowie den Tisch und den Topf. Aber ich hielt sie alle getrennt vom Hintergrund, weil man nie weiß, ob man sich mitten im Animieren entscheiden könnte, etwas anderes zu tun oder etwas anderes zu animieren, und ich möchte nicht mit allem, was vollständig zusammengeführt wird, stecken bleiben. Also, um zu beginnen, gehen wir in unsere Blumengruppe und sehen alle verschiedenen Schichten der Blumen, die ich gezeichnet habe. Um mit dem Marionetten-Warp-Werkzeug zu animieren, wird es viel einfacher, wenn wir alle unsere Blumen-Layer zu intelligenten Objekten machen. Also müssen wir jede Schicht separat machen. Klicken Sie also mit der rechten Maustaste auf die Ebene und sagen Sie In Smart Objects konvertieren, und tun Sie dies für jede Ihrer Ebenen. Dann werden wir jede einzelne Blume gruppieren und ich zeige Ihnen, warum dies in nur einer Minute hilfreich ist. Lass uns voran gehen und in die Pflanzen zoomen und mit der ersten Blume beginnen, und das sind die Blumen den ganzen Weg und die linke. Wenn Sie das Marionetten-Warp-Werkzeug nie verwenden, befindet sich es unter Bearbeiten und Marionettenverzug. Klicken Sie dann im oberen Menü auf hier oben und sagen Sie „Netz anzeigen“. Ich werde ein wenig mehr vergrößern, und dieses Netz ist alles, was abgedeckt ist, dass Sie animieren und bewegen können. Die Funktionsweise des Marionetten-Warpwerkzeugs besteht darin, dass ein Netz generiert wird, das über den Inhalt des Layers hinausgeht. Sie können dieses Netz verzerren, um den Inhalt der Ebene zu manipulieren. Um es zu verzerren, fügen wir dem Netz Stifte hinzu, indem wir an verschiedenen Punkten klicken. Also, wir werden damit beginnen, einen hier an der Basis zu setzen, dann werden wir einen am Rand dieses Blattes setzen, einen ganz oben oben und einen an der Basis hier, und das sind wahrscheinlich genug Pins. Jetzt kann ich mir einen dieser Stifte schnappen und ihn einfach bewegen. Als nächstes werde ich wirklich nah zoomen und ich möchte sicherstellen, dass all dieses Netz den gesamten Inhalt meiner Ebene abdeckt, dass keine Pixel abgeschnitten werden. Andernfalls werden diese Pixel nicht manipuliert. Wenn Sie es aufnehmen müssen, können Sie einfach auf das Wort Expansion gehen und dann klicken und ziehen, und das wird das Netz weiter nach außen erweitern. Genau so. Es ist am besten, es so nah wie möglich zu halten. Jetzt, da mein Netz eingestellt ist, entklicke ich einfach auf „Netz anzeigen“, und dann kann ich nur meine Pins und mein Kunstwerk sehen, und das ist einfach einfacher, so zu animieren. Nun, da dies der erste Frame ist, werde ich eigentlich nichts manipulieren. Aber da ich es zu einem intelligenten Objekt gemacht habe, speichert es diese Pins, und ich kann immer wieder hineingehen und es in den nächsten Frames bearbeiten. Also werde ich hier rauf gehen, das Häkchen drücken und Pins für den Rest meiner Ebenen setzen. Wir gehen zurück zu Bearbeiten, Puppet Warp, Show Mesh, stellen sicher, dass das Netz alle unsere Kunstwerke enthält, und ich mache einfach eins an der Basis, etwa in der Mitte und oben hier. Schneiden Sie das Häkchen und fahren Sie mit meiner nächsten Ebene fort. Nun, meine Stifte sind gesetzt und ich kann einen neuen Rahmen machen. Dies ist also der erste Frame, in dem sich die Pflanzen bewegen. Also, fangen wir mit der ersten Blume an. Wir müssen es zuerst duplizieren, indem Sie den Befehl J drücken, und überprüfen Sie, ob die neue Ebene, die auf allen Frames sichtbar ist, immer noch deaktiviert ist, und es ist. Also, wir sind gut. Wir schalten Blume eins vom ersten Frame aus und dann können wir auf Puppet Warp doppelklicken, um in unsere Puppet Warp zu gehen. Deaktivieren Sie die Option Netz anzeigen, und klicken Sie dann einfach auf Ihre Pins, und beginnen Sie, sie in die gewünschte Richtung zu verschieben. Ich werde meine bewegen, als würde der Wind aus dem Fenster wehen. Also, ich werde meine nur ein bisschen nach links bewegen und du musst sie nicht so viel bewegen. Wenn wir uns die Animation ansehen, können wir immer wieder zurückgehen und etwas anpassen. Also, keine Sorge, wenn es am Ende nicht ganz weiß aussieht. Sie können auch auf einen Stift klicken und die Pfeiltasten drücken, um ihn hin und her zu schieben. Wenn Sie diese Position so positioniert haben, wie Sie es wünschen, stellen Sie sicher, dass Sie es anwenden, indem Sie auf das Häkchen klicken. Dann gehen wir zu unseren zweiten Blumen und machen den gleichen Prozess, duplizieren sie, schalten die erste aus, schalten die erste aus, doppelklicken Sie auf den Marionetten-Warp, um diese Stifte hochzuziehen, und bewegen Sie sie einfach ein wenig. Nun, wenn ich das animiere, versuche ich darüber nachzudenken, wie echte Pflanzen sich bewegen würden. Die Spitze wird mehr geblasen werden und bewegen sich mehr als der mittlere Abschnitt. Klicken Sie auf die Eingabetaste, um das anzuwenden und fortzufahren In Ordnung. Also, das ist der Unterschied. Dies ist unser erster Frame und das ist der Unterschied zwischen dem zweiten Frame. Also, ich möchte das nur wiederholen wahrscheinlich zwei weitere Frames, und das sollte genug sein. Dann werden wir es einfach umkehren, genau wie wir es der Katze getan haben und wir bekommen eine schöne Schleife in Gang. Fügen Sie also einen weiteren Rahmen hinzu, gehen Sie zurück zu unserer ersten Blume, duplizieren Sie das und starten Sie den gesamten Prozess erneut. Stellen Sie sicher, dass wir die Blume unseres zweiten Rahmens ausschalten, beim Marionetten-Warp weitermachen und ihn dann ein wenig weiter bewegen, um zum nächsten zu gelangen. Sie bemerken, dass ich keine der Grundstifte verschiebe , weil dieses Teil nicht wirklich viel Bewegung haben sollte. Mal sehen, wie das aussieht. Ja, das sieht ziemlich gut aus. Lassen Sie uns ein weiteres hinzufügen und es noch einmal tun. Sie können sehen, warum es hilfreich war, dass wir jede Blume in ihre eigene Gruppe legen, so dass alle Duplikate dieser Blume in der Gruppe bleiben. Es hält die Dinge nur ein wenig sauberer und organisierter. In Ordnung. Lasst uns das durchspielen. Das geht wirklich schnell, also werde ich es auf 0,2 Sekunden ändern. Lasst uns das durchspielen und sehen, wie es aussieht. Nun, das sieht ziemlich gut aus. Jetzt gehen wir zum Vorhang. Jetzt, wo wir an dem Vorhang arbeiten, werde ich die Gruppe aller Blumen schließen, nur damit wir unsere Schichten ein wenig besser sehen können. Ich öffne die Vorhang-Gruppe. Ich habe meine Gardinenstange auf ihrer eigenen Schicht und dann meinen Vorhang hier drüben. Genau wie zuvor, der erste Rahmen, bewegt sich der Vorhang nicht. Also gehen wir zum zweiten Frame, machen diesen Vorhang hier zu einem intelligenten Objekt, konvertieren in ein Smart-Objekt und dann gehen wir zu Bearbeiten und fügen den Marionetten-Warp hinzu. Um zu beginnen, werde ich hier eine Pin setzen, eine in der Mitte und dann eine hier oben oben. Nun, ich möchte nur den unteren Stift bewegen. Wie Sie sehen können, wenn ich ausziehe, beginnt sich diese obere Ecke hier oben zu bewegen. Nun, das würde nicht passieren, wenn das ein echter Vorhang wäre. Ich werde rückgängig machen und ich werde mehr Pins zu diesen oberen Ecken hinzufügen und das sollte ein wenig helfen. Lassen Sie es uns wieder raus und, ja, das verankert diese Punkte an Ort und Stelle. Ich kann das anwenden, indem ich auf das Häkchen klicke. Also, ich habe das auf dem zweiten Frame getan, was in Ordnung ist, ich muss nur zum ersten zurückgehen und sicherstellen, dass es eingeschaltet wird. Gehen Sie dann zurück zum zweiten und duplizieren Sie das. Ich werde das wirklich schnell in Curtain umbenennen und es dann duplizieren. Schalten Sie die erste aus und gehen Sie dann in den Marionetten-Warp und beginnen Sie mit der Animation. Also, der Wind wird zuerst den mittleren Teil des Vorhangs treffen. Das wird also der Teil sein, der die Animation leitet. Ich werde den mittleren Stift schnappen und ihn rausziehen, als würde der Wind ihn wehen. Für diesen Rahmen werde ich den Boden des Vorhangs genau dort verlassen, wo er ist. Das sollte für den Augenblick ausreichen. Wenden Sie das an. Wechseln Sie zum nächsten Frame. Duplizieren Sie das. Stellen Sie sicher, dass Sie es anziehen. Ich werde die Mitte wieder hinausschieben. Bewegen Sie den unteren Teil auch ein bisschen raus. Das könnte ein bisschen zu viel sein. Ich werde die rechte Pfeiltaste verwenden und tippen Sie es zurück und ein wenig. Ich möchte, dass sich dieser obere Teil auch ein wenig bewegt. Also, ich werde einen weiteren Stift auf diesem Rahmen hinzufügen und anfangen , das nur ein wenig herauszuziehen. Wenden Sie das an. Gehen Sie zu unserem vierten Frame. Also, ich ziehe den hier ein wenig raus, schnappe den Stift und pumpe den ein bisschen raus. Bring das nur ein bisschen hoch. Wenden Sie das an. Also, jetzt haben wir alle Frames gemacht, die wir derzeit haben. Lass es uns zurückspielen. Also, nachdem ich das gesehen habe, glaube ich nicht, dass vier Rahmen genug Bewegung für den Vorhang sind. Also, ich könnte einen weiteren Frame hinzufügen und dann alles wieder anpassen. Dann gehe ich einfach zurück und mache die Pflanzen. Ok. Jetzt spielen wir das zurück und sehen, wie es aussieht. Dann werden wir es rückgängig machen, genau wie wir es mit der Dose getan haben. Aber alles, was wir duplizieren müssen, ist Frame zwei, drei und vier, weil Frame fünf der Mittelpunkt ist und dann wird es wieder zu Frame eins schleifen, also brauchen wir keinen weiteren davon. Gehen Sie halten Option auf der Tastatur klicken Sie und ziehen Sie diese Frames direkt nach Frame fünf und gehen Sie dann hier zu unserem Menü und sagen, Umkehren Frames. Okay, schauen wir uns das an. Beginnen Sie mit Frame eins, spielen Sie. Okay, das sieht toll aus auf den Blumen, aber der Vorhang sieht nicht ganz richtig aus. Also, in der realen Welt, wie wir bereits gesagt haben, würde der mittlere Teil führen und schließlich den unteren Teil herausschieben. Als es zurück zur Wand ging, führte die Mitte wieder. Dies wird als Überlappung bezeichnet und kann Ihre Bewegung wirklich viel natürlicher aussehen lassen. Also müssen wir zurück in den Vorhang gehen und etwas anpassen, aber nur auf Frame sechs, sieben und acht. Also werde ich eigentlich in Frame fünf gehen und dann in diesen Mittelpunkt gehen. Lass uns unsere Blumen schließen. Geh zurück in die Vorhänge und ich gehe tatsächlich wieder zu Frame fünf und gehe in den Vorhang und schiebe diesen Mittelpunkt zurück um dort, wo er in Frame vier war, und wir machen dasselbe mit diesem Stift auch. Jetzt können Sie sehen, dass der Boden des Vorhangs weiter draußen ist als die Mitte. Dann, Frame sechs. Nun, da es sich um neue Frames handelt, die wir aus den vorherigen Frames dupliziert haben, müssen wir die Ebenen duplizieren , damit wir die anderen Marionetten-Warps nicht ändern. Also werden wir diese oberste Ebene duplizieren, die andere Ebene ausschalten, diese einschalten, auf den Marionetten-Warp ausschalten und jetzt werden wir den mittleren Teil wieder hineinbewegen. Gehen wir einfach zurück und schauen uns fünf und sechs an und vergleichen sie ein wenig. Ich werde den Boden tatsächlich ein wenig aus dem Vorhang schieben. Das sieht ein bisschen besser aus. Dann gehen wir zu Frame sieben. Duplizieren Sie die oberste Ebene, aktivieren Sie sie und deaktivieren Sie die andere sichtbare Ebene. Nun, alle Pins werden auf dem Rückweg sein. Denken Sie daran, wir haben nur noch einen Frame zu gehen. Auf bis acht. Nur als Referenz kann ich die ursprüngliche Schicht des Vorhangs einschalten und sehen, wo die erste Position war und das sieht ziemlich gut aus. Schalten Sie das aus und spielen Sie es zurück. Nun, diese Bewegung sieht viel natürlicher aus, und diese Animation ist erledigt. Also, bevor wir zur letzten Methode der Animation übergehen, die ich Ihnen zeigen werde, möchte ich Ihnen nur eine weitere Animation zeigen, die ich mit dem Marionetten-Warp-Werkzeug gemacht habe. Nun, das hier ist wirklich einfach, ich brauchte nur zwei Frames, aber es ist wirklich effektiv. Also, der erste Rahmen hier habe ich in einer geraden Linie gezogen und der zweite Rahmen springt zurück zum Paddel. Also werde ich auf mein Marionetten-Warp-Werkzeug gehen, damit du sehen kannst, wie es aussieht. Ich habe gerade so viele Stifte hinzugefügt, wie ich brauchte, um den Ball ein wenig zu verziehen, so dass, wenn er das Paddel traf, es nur ein wenig abgeflacht und dann genug Stifte, um die Schnur so zu verziehen, wie ich es wollte. Wenn wir es zurückspielen, sieht es genau so aus. Fügen Sie das kleine bisschen Rotation auf dem Paddel hinzu, wenn der Ball trifft und vom Paddel wegeilt, fügt auch viel hinzu. Da hast du es. Ich wollte dir nur dieses andere Beispiel zeigen. 6. Bild für Bild: Der nächste Animationsstil, den ich Ihnen zeigen werde, ist Frame für Frame, wo Sie anstatt etwas zu verschieben Elemente neu zeichnen, die Sie animiert aussehen möchten. Mit diesem Beispiel möchte ich, dass Rauch aus diesem Schornstein und diesem Schornstein kommt. Aber anstatt es zu animieren, habe ich es vier verschiedene Male gezeichnet , und wir werden diese Ebenen ein- und ausschalten. Beginnen wir also mit dem Erstellen eines Rahmens, indem Sie diesen Knopf hier drücken. Wir haben unseren ersten Rahmen. Dies ist wahrscheinlich die einfachste Form der Animation, über die wir gegangen sind. Es wird ein wenig mehr Zeit in der Vorbereitungsarbeit durch das Zeichnen von Elementen mehrere Male dauern. Also, ich ging voran und ich habe bereits vier verschiedene Arten von Rauchen gezeichnet, und sie sind nur jeder etwas anders. Also, für den ersten werde ich meinen ersten Rauch anschalten. Da siehst du es. Dann erstelle ich einen neuen Rahmen, schalte meinen ersten Rauch aus und schalte meinen nächsten Rauch ein. Nun, wenn Sie sich diese erste Reihe von Rauchern ansehen, können Sie sehen, dass ich die Räuche ein wenig ausgeglichen habe. Also, der erste ist näher am Schornstein, und der zweite habe ich ein wenig aufgestellt. Dann machen wir das einfach noch mal. Schalten Sie das aus, schalten Sie das nächste ein und machen Sie es noch einmal. Dann müssen wir jetzt nur alle Frames auswählen und die Dauer auf 0,2 Sekunden ändern. Mal sehen, wie das aussieht. Das sieht toll aus. Dies ist ein wirklich lustiger Stil, mit dem man arbeiten kann. In dieser letzten Animation ging ich zurück, und ich fügte einige Bewegung zu den Bäumen mit dem Marionettenwerkzeug, und dann ließ ich die Sonne nur ein wenig mit der Positionierung in den Himmel springen. Aber bevor wir fertig sind, möchte ich Ihnen ein weiteres Beispiel zeigen, wie Neuzeichnen einfacher Elemente einer einfachen Animation viel Leben geben kann. Also möchte ich eine meiner anderen Animationen öffnen, die ich für meine Titelgrafik gemacht habe. Also hier ist mein Van, und ich zeige dir, wie animiert es ist. Sie können sehen, dass der Van auf und ab prallt, die Räder bewegen sich und dann diese kleinen Linien hier. Nur dieses kleine bisschen Animation und Bewegung fügt dieser noch Zeichnung viel Leben hinzu. Also, ich werde es aufhalten und dir zeigen, was ich getan habe. Also, für die Reifen hier sieht man, dass ich diese kleinen Bewegungswege habe und ich sie nur zweimal zeichnen musste. Hier ist eine, und dann hier ist die andere, und nur das einfache Umschalten zwischen diesen beiden Zeichnungen fügt viel Bewegung hinzu. Für die Reifen ging ich auch voran und benutze das Marionetten-Warpwerkzeug und bewegte nur leicht jeden dieser Punkte, nur um den Reifen etwas Bewegung zu geben. Dann für den Van, habe ich die Leiche nur ein bisschen nach oben und unten bewegt. Mit diesen beiden Frames bekommst du eine einfache und wirklich lustige Animation. 7. Exportieren eines GIF: Jetzt, da wir unsere Animationen fertig haben, sind wir bereit, sie zu exportieren. Der erste Weg, den ich Ihnen zeigen werde, ist, wie man sie als GIF exportiert, was ideal für den Online-Austausch ist. Also, um das zu tun, gehen Sie zu einer Datei, Exportieren, Speichern für Web. Das Laden könnte ein wenig Zeit in Anspruch nehmen, da es sich um ein großes Bild handelt. Das erste, was Sie tun möchten, ist die Bildgröße zu ändern. Du wirst nie so groß gif wollen. Ich würde empfehlen, bei der max. 800 Pixel breit zu bleiben. Also, ich werde meine auf 800 ändern. Dann wird es die Größe in unserer Vorschau ändern. Auf diese Weise, wenn wir eine dieser Einstellungen ändern, muss es nicht so hart arbeiten. Gehen Sie also zu den Voreinstellungen, gehen Sie ganz nach oben und ändern Sie es in ein GIF 128 Dithered, und ändern Sie dann die Farben auf 256. Wenn Sie also mehr Farben hinzufügen, wird die Dateigröße erhöht. Da meine Animation nur sechs Frames umfasst, die Sie hier unten sehen können, ist es nicht so groß, die Farben zu verdoppeln. Sie können hier rüber schauen und sehen, dass meine Dateigröße nicht sehr groß ist, es sind nur 289 Kilobyte. Wenn Ihre Animation jetzt länger ist, kann Ihre Dateigröße auch größer sein und Sie beginnen, in Megabyte zu gelangen. Wenn Sie es nun auf Skillshare veröffentlichen, müssen Sie sicherstellen, dass Ihre Dateigröße unter zwei Megabyte liegt. Sie können die Dateigröße reduzieren, indem Sie die Farben senken und auch die Auflösung hier unten ändern. Aber meine ist großartig, also muss ich nur hier unten schauen und sicherstellen , dass meine Looping-Optionen für immer eingestellt sind. Dann klicke ich auf Speichern. Speichern Sie es, wie Sie es wollen. Ich werde meine auf dem Desktop speichern. Hier ist es! Das ist alles, was es gibt, um Ihr GIF zu exportieren. 8. Exportieren eines Videos: Jetzt werde ich Ihnen zeigen, wie man als Video exportiert. Dies ist für Orte wie Instagram, die GIFs nicht unterstützen. Um auf Instagram zu posten, muss dein Video mindestens 10 Sekunden lang sein. Also, um unser Video zehn Sekunden lang zu machen, werde ich meine Frames duplizieren müssen. Aber ich muss mich daran erinnern, dass ich sie alle duplizieren muss , damit meine Looping richtig funktioniert. Also, Sie müssen ein wenig Mathematik machen, wenn Sie wie meine sind, und Ihre sind 0,2 Sekunden lang, dann fünf Bilder gleich einer Sekunde. Also werde ich mindestens 50 Frames benötigen, damit meine Animation funktioniert. Also, ich wähle alle meine Frames aus, halte die Option gedrückt, klicke, es spielt keine Rolle, wie weit Sie das ziehen, obwohl es diesen Kreis mit dem X durch sie gezeichnet ist. Aus irgendeinem Grund hat es das, aber es funktioniert immer noch. Da gehst du. Ich werde all diese wieder auswählen, es erneut duplizieren, ich werde dies weiter tun, bis ich mindestens 50 Frames habe. An diesem Punkt, wenn es zu schwer ist, dies durch Ziehen zu tun, können Sie einfach in das Menü gehen, und Sie gehen Kopieren von Frames, gehen Sie zurück in das Menü und dann sagen, fügen Sie Frames ein. Sagen Sie, fügen Sie nach der Auswahl ein, klicken Sie auf „OK“. Jetzt haben Sie 48 Frames. Also, ich brauche mindestens 50, aber ich muss alle sechs meine ursprünglichen Frames duplizieren. Also, nur die letzten sechs. Eins, geh zurück in mein Menü, kopiere und füge es ein. Jetzt habe ich 54 Frames. Lass es uns einfach durchspielen und sicherstellen, dass alles gut aussieht. Bevor wir exportieren, gehe ich hier rauf und ändere die Größe meines Dokuments, weil es jetzt wirklich groß ist. Ich werde wollen, dass das 1080 mal 1080 ist. Jemand ändert meine kürzere Kante hier unten auf 1080 und die Auflösung auf 72. Dann ändere ich es zurück zu 1080 und klicke auf „OK“. Dann werde ich es einfach in ein Quadrat schneiden wirklich schnell weil ich plane, dies auf Instagram zu posten. Geben Sie, jetzt Gruppe zu Datei, Exportieren, Render Video, Sie können es sagen, wo Sie gehen, um es zu setzen, und ich werde nur meine direkt auf den Desktop setzen, lassen Sie dies als Adobe Media Encoder, Format H.264. Stellen Sie sicher, dass Ihre Voreinstellung auf hohe Qualität eingestellt ist, die Dokumentengröße gut aussieht, Dokument-Framerate ist in Ordnung bei 30 Bildern pro Sekunde und alles andere, was Sie genau verlassen können, wie ich es habe. Dann drücken wir „Rendern“. Das wird nur ein bisschen Zeit in Anspruch nehmen, aber Sie enden mit dem Film. Wir gehen einfach auf den Desktop und schauen uns unsere Filmdatei an und sehen, wie es aussieht. Das sieht toll aus. Es ist 11 Sekunden lang und bereit für Instagram. 9. Compositing in Fotos: Also, bevor wir fertig sind, möchte ich Ihnen eine zusätzliche Sache zeigen, die wir mit unseren GIFs machen können, nur um es ein wenig mehr Spaß zu machen. Wenn Sie Ihren Beitrag ein wenig einzigartiger machen möchten, wäre es eine lustige Idee, Ihr GIF so aussehen zu lassen, als wäre es tatsächlich auf Ihrem Notebook. Da wir bereits in Photoshop sind, ist das ganz einfach. Also müssen Sie zuerst ein Foto von Ihrem Skizzenbuch machen oder was auch immer Sie Ihre Zeichnung einfügen möchten, dann fügen wir das Foto in unser GIF ein. Okay, ich habe bereits ein GIF dieser französischen Presse exportiert und in Photoshop geöffnet, und jetzt lassen Sie uns ein Foto einfügen. Also, ich habe mein Foto in einem anderen Tab in Photoshop geöffnet, und es ist bereit zu gehen, also werde ich einfach darauf doppelklicken, um es zu entsperren, und klicken Sie dann mit der rechten Maustaste darauf, um die Ebene zu duplizieren. Wir werden es in mein französisches Pressedokument duplizieren, auf OK klicken und dann zurück zu hier. Hier ist mein Foto. Also, jetzt werde ich es einfach ändern, es den ganzen Weg nach hinten schicken. Wenn Sie in der Zeitleiste schauen, können Sie sehen, dass sich das Bild nur im ersten Bild befindet. Wenn ich also nur die Umschalttaste auf alle meine Frames klicke, um sie auszuwählen, und dann einfach ausschalten und dann wieder einschalten, wird es in allen Frames angezeigt. Jetzt, wenn alle Frames noch ausgewählt sind, werde ich alle meine französischen Presse-Layer auswählen und mein Bild verzerren, damit es auf das Notebook passt. Ich werde nur sicherstellen, dass ich Shift halte, aber alles bleibt proportional, dann werde ich es drehen, so dass die obere Kante mit der Oberseite meines Notizbuchs auszurichten ist, damit ich weiß, dass es die richtige Perspektive ist. Dann schrumpfe ich es einfach runter, bis ich die Größe habe, die ich will. Wenn es in der Position ist, die ich mag, drücke ich die Eingabetaste, um es anzuwenden. Lassen Sie uns auf Play drücken und sehen, ob es funktioniert. Es funktioniert. Jetzt müssen wir es so aussehen lassen, als wäre es tatsächlich auf der Seite, denn im Moment können Sie diesen Heiligenschein dort sehen und es sieht noch nicht ganz richtig aus. Wenn Sie dies tatsächlich auf Ihrem Notizbuch zeichnen, wären diese weißen Highlight und Flecken tatsächlich das Papier, das durch kommt. Also werde ich einen Mischmodus verwenden, um diese Teile transparent zu machen. Um den Füllmodus jedes Frames zu ändern, müssen Sie dies leider nacheinander tun, da Sie den Füllmodus nur ändern können, wenn diese Ebene aktiviert ist. Da wir alle diese Schichten haben, müssen Sie individuell zu tun. Also, eine kleine Abkürzung, um zu umgehen, ist nur einen neuen Rahmen zu machen. Sie dann alle Ebenen ein, sobald Sie den neuen Frame haben SchaltenSie dann alle Ebenen ein, sobald Sie den neuen Frame haben. Dann wähle ich den Rest meiner Frames aus. Dann brauche ich nur eine halten Befehl und klicken Sie auf den ersten Frame, um das zu meiner Auswahl hinzuzufügen, und dann gehen Sie hier zu den Mischmodi, ändern Sie es. Ich werde dunklere Farbe verwenden und dann können wir den zweiten Frame löschen, den wir gerade erstellt haben. Der Grund dafür ist, dass Sie Mischmodi nicht von Frame zu Frame ändern können. Das Ändern alles auf einem Frame änderte sich also auch alle auf den anderen. Lassen Sie uns Play drücken, stellen Sie sicher, dass es funktioniert. Sieht gut aus. Also, ein weiterer Schritt, den ich machen werde, um dieses Aussehen ein wenig mehr wie es auf Ihrem Notebook, und das liegt ganz an Ihnen, ist, dass meine Farben ein wenig zu gesättigt für ein Foto aussehen. Also, ich möchte an die Spitze der Palette meiner Ebene gehen, eine Farbton- und Sättigungsanpassungsebene hinzufügen, und dann werde ich nur meine Sättigung senken, nur ein wenig, bis sie ein wenig natürlicher aussieht. Ich denke, genau da sieht ziemlich gut aus. Dann noch eine Sache, als ich die Sättigung abnahm, nahm es auch die Sättigung meines Holzes ab, was ich definitiv nicht mag. Also, ich werde mein Lasso-Tool hier rüber nehmen, einfach eine schnelle Auswahl um meine Französisch drücken, Befehlstaste-Shift-I, um diese Auswahl zu invertieren, und dann Befehl-Entf, um eine Maske zu erstellen. Jetzt wirkt sich diese Farbton- und Sättigungsanpassungsebene nur auf das aus, was in meiner Box war. Noch eine Sache, ich möchte die Kurven meines Fotos ein wenig aufzeigen. Also, ich werde eine Kurvenanpassung Ebene hinzufügen, bringen meine Bright und lassen Sie uns unsere Dunkelheit ein wenig herunterbringen. Da gehen wir hin. Dann gehe ich zurück und wende diese Sättigung nur noch ein bisschen mehr ab. Genau da drüben. Also, jetzt muss ich einfach durchgehen und alle meine Frames auswählen und sicherstellen, dass die Kurven und der Farbton und die Sättigung für alle meine Ebenen aktiviert sind. Da gehst du. Sie haben eine nette kleine Animation, die aussieht, als wäre es handgezeichnet in einem Notizbuch. Sie können diese als GIF oder Video exportieren. 10. Das war's!: Alles klar, Leute. Das ist das Ende des Unterrichts. Vielen Dank, dass Sie es genommen haben. Wenn Sie alle mit der Animation fertig sind, stellen Sie sicher, dass Sie Ihr endgültiges Projekt auf Ihrer Klassenprojektseite veröffentlichen. Wenn Sie es auf Instagram posten, zögern Sie nicht, mich @jamiebartlettdesign zu markieren. Ich liebe es, jedermanns Arbeit zu sehen. Wenn Sie Fragen haben, zögern Sie nicht, sie auf der Community-Registerkarte zu posten, und ich oder sogar ein anderer Schüler könnte Ihnen helfen, das zu beantworten. Wenn Sie nicht schon sind, folgen Sie mir hier auf Skillshare. Auf diese Weise kennen Sie alle Updates, die ich habe, und alle neuen Klassen. Nochmals vielen Dank, Jungs. Ich hoffe, Sie haben diesen Kurs genossen.