Animation für Illustrationen: Erstellen von geschichteten GIF-Dateien mit Photoshop und After Effects

1. Einführung: Ich habe das Gefühl, dass fast jede Illustration besser sein könnte, wenn sie gemacht würde. Hi, mein Name ist Abbey Lossing. Ich bin Illustratorin und GIF-Makerbasis aus Brooklyn, New York. So hatte ich das Vergnügen, in den letzten Jahren mit einer Vielzahl von Kunden zusammenzuarbeiten : The New York Times und The Washington Post, Google, Facebook, Lyft, Etsy und Target. In der heutigen Klasse werde ich Sie für meinen Prozess der Erstellung von Animationen mit einer Kombination aus Photoshop und After Effects abheben . Ich mag es, diese beiden Programme zu kombinieren, weil Photoshop Ihnen erlaubt, die handgezeichnete Qualität Ihrer Illustrationen beizubehalten, aber mit After Effects können Sie viel mehr Bewegung in Ihrer endgültigen Animation erzeugen. In dieser Klasse werden wir also eine Animation erstellen, und wir beginnen mit einer einfachen Linienskizze. Dann gehen wir zur Animierung des Charakters. Dann fügen wir dem Charakter und dem Hintergrund Farbe hinzu, und dann fügen wir alles in After Effects zusammen. Mein Hintergrund ist keine Animation. Als ich also anfing, After Effects zu verwenden, war es definitiv ein bisschen wie ein Lernprozess. Sobald Sie wirklich lernen, die Werkzeuge, die Sie verwenden müssen und wie Sie die Datei organisieren, ist es ziemlich unkompliziert. Sie sollten diese Klasse nehmen, wenn Sie gerne illustrieren und vielleicht nur ein wenig Bewegung zu Ihren Illustrationen hinzufügen möchten. Ich denke, es wird Ihnen wirklich helfen, Ihre Arbeit zu rationalisieren und einzigartige Animationen zu erstellen , die vielleicht ein bisschen anders sind als Dinge, die Sie in der Vergangenheit gemacht haben. Ich freue mich, dass du zur Klasse beitrittst. Lasst uns loslegen. 2. Erste Schritte: Also bin ich wirklich aufgeregt, dass du dich entschieden hast, diesen Kurs zu nehmen. In dieser Lektion werde ich die verschiedenen Schritte durchgehen , die während der gesamten Klasse durchlaufen werden und auch welche Werkzeuge Sie benötigen. Dieser Prozess, den wir in dieser Klasse verwenden, ist ideal für die Erstellung einer Charakteranimation, die sich durch eine Szene bewegt. Also erstellen wir diese Charakteranimation in Photoshop und lassen sie dann in die Szene und After Effects bewegen. Für mein Projekt werde ich eine Charakteranimation eines Mädchens erstellen, das ein Fahrrad fährt, und dann werde ich sie durch eine Szene bewegen lassen, die eine urbane Landschaft ist. In der Klasse verwenden wir eine Kombination aus Photoshop und After Effects, und das sind die Programme, die wir verwenden werden. Aber ich werde auch eine synthetische Tablette verwenden, die etwas, das ich geliebt habe und fühlen sich wirklich wohl mit. Es erlaubt mir, in Photoshop natürlicher handgezeichnet zu werden. Wenn Sie sich mit einem iPad oder einem anderen Tablet mit Photoshop wohler fühlen , können Sie wirklich alles nutzen, was es Ihnen am angenehmsten anfühlt. Um die endgültige Animation zu erstellen, der erste Schritt darin, eine Skizze in Photoshop zu erstellen oder wie Sie sich am wohlsten fühlen. Vielleicht möchten Sie auf Papier oder einem iPad skizzieren. Aber wir planen die ganze Szene und was Ihr Skizzencharakter und wie Sie wollen, dass sie sich bewegen, und verbringen wirklich Zeit hier, um eine wirklich detaillierte und raffinierte Skizze zu erstellen , weil ich denke, wenn Sie die Zeit hier verbringen, es wird dir später helfen. Nachdem Sie also eine Skizze haben, mit der Sie sich wohl fühlen, der nächste Schritt darin, einen Farbkomp zu erstellen. Also hier werden Sie locker planen wo Farben in Ihrer Szene sein werden. Es ist wichtig, sich daran zu erinnern, dass sich dein Charakter durch diese Szene bewegen wird. Vielleicht möchten Sie sich bewegen. Wenn Sie mit Ebenen arbeiten können, können Sie Ihren Charakter in verschiedene Bereiche der Szene verschieben, nur um sicherzustellen, dass die Farben in verschiedenen Bereichen gut funktionieren. Dann, nachdem Sie einen Farbkomp haben, von dem Sie denken, dass es gut funktioniert werden wir zur Charakteranimation übergehen. Also werden wir dies in Photoshop mit Video-Ebenen tun. Also fangen wir mit nur der Skizzenversion an. Auch wenn Sie die Farben geplant haben, werden wir das vorerst beiseite legen und uns wieder auf eine Skizze konzentrieren, weil Sie es tun wollen, haben Sie Ihre noch Skizze, aber jetzt werden wir eine animierte Skizze. Am Ende dieses Prozesses werden Sie jeden Frame Ihrer Animationen skizzieren lassen. Danach gehen wir zurück in die Farben und fügen Ihre Farben auf Ihre Skizze und dann exportieren wir diese als PNG-Sequenz. Der nächste Schritt im Prozess besteht also darin, Ihre endgültige Szenenhintergrundillustration zu erstellen. Das wird also nicht animiert werden. Aber Sie möchten über die Ebenen der Szene nachdenken. Vielleicht haben Sie etwas wirklich weit zurück, und dann etwas, das näher an den Charakter sein wird. Also sagen Sie, Sie fahren durch ein Feld, die Bäume, die näher an Ihnen sind, werden scheinen, als würden sie sich viel schneller bewegen, als die Sonne zu sagen, die wirklich weit weg ist. Also alles, was in Ihrer Szene ist, das ist weiter zurück, Sie werden das auf eine Ebene setzen und dann das Zeug, das im Vordergrund ist , werden Sie das als eine andere Ebene speichern. Ich würde sagen, vielleicht versuchen, es um zwei Schichten zu halten. Sie könnten so viele hinzufügen, wie Sie möchten, aber nur um es einfacher zu halten, da es das erste Mal ist, dass Sie diesen Prozess verwenden, wollen wir auf zwei Ebenen der Tiefe zielen. Sie werden diese also als zwei separate PNG-Bilder speichern. Nachdem Sie Ihre Hintergrunddateien und Ihre Charakteranimation als PNG und eine PNG-Sequenz gespeichert haben, werden wir alles in After Effects kombinieren. Sie haben also Ihre Dateien und importieren sie in After Effects, und wir werden eine Komposition erstellen, in der Sie Ihre Hintergrunddateien in der Komposition bewegen und Ihre Charakteranimation noch in die Mitte der Komposition, so dass es aussieht, als würde sich Ihr Charakter durch die Szene bewegen. Die finale Animation wird also ähnlich einer Filmszene sein , in der ich sage, dass die Kamera der Person, die sich bewegt, folgte. Die Person, die sich bewegt, wird also immer im Mittelpunkt stehen. Aber die Szene, der Hintergrund wird sich von links nach rechts oder von rechts nach links bewegen. Der letzte Schritt des Prozesses wird das Exportieren Ihres Projekts sein. Es gibt ein paar verschiedene Möglichkeiten, es zu speichern, die besser für andere sind. Dann verwenden Sie, wo Sie Ihre Arbeit teilen möchten, und so gehen wir alle diese Details durch. Außerdem werde ich während des gesamten Projekts verschiedene Tipps und Tricks teilen, die Ihnen helfen, organisiert zu bleiben und den Prozess zu optimieren, so dass Sie schnell und effizient endgültige Animationen erstellen können. Also, jetzt werden wir mit dem Projekt beginnen. Also fangen Sie an, darüber nachzudenken, welchen Charakter Sie wollen und wie Sie wollen, dass sie sich bewegen und welche Art von Szene Sie wollen, dass sie sich bewegen. In Ordnung. Jetzt kommen wir in den ersten Schritt, der die Skizze ist. 3. Skizzieren deiner Szene: Für diese Lektion werden wir mit dieser Skizze für unser Projekt arbeiten. Also werden wir entscheiden, was die Figur machen wird, wie sie sich bewegen und Szene, durch die sie sich bewegen werden. Das Hauptziel für diese Phase des Prozesses ist es, wirklich zu planen, wie alles zusammen funktionieren wird. Sie möchten also die Proportionen Ihres Charakters erhalten, die verschiedenen Ebenen des Hintergrunds planen und nur sicherstellen, dass die Struktur von allem gut zusammen funktioniert. Wenn Sie sich jetzt wirklich darauf konzentrieren, wird es Ihnen später im Projekt das Leben erleichtern. Der erste Schritt, den wir tun werden, ist, dass wir unsere Datei in Photoshop erstellen. Also beginnen wir mit einer Dimension dessen, was die endgültige Animation sein wird. Wenn Sie also alle mit Ihrer Animation fertig sind, exportieren Sie eine Datei mit 1920 x 1080 Pixeln. Also schaffen wir das. Dann solltest du etwas haben, das so aussieht. Aber für diese Skizze der ganzen Szene wird es viel länger sein als die Box, die wir haben, weil Sie diese Szene durch diese Komposition laufen lassen. Also werden wir das Zuschneidewerkzeug verwenden und das herausziehen. Ich möchte sagen, vielleicht etwa dreimal breiter oder länger als deine endgültige Komposition. Als guter Ballpark für Ihre Skizze. Also, jetzt werden wir das verwenden, um unsere Skizze zu planen, aber die endgültige Animation wird viel rechteckiger sein, nicht so lange wie dies. So erstelle ich gerne das Originaldokument als endgültige Kompositionsgröße, nur damit ich das in meinem Kopf habe. Manchmal, wenn Sie etwas für Instagram tun und es könnte ein Quadrat sein. Videos sind in der Regel 1920 mal 1080. Aber ich mag das nur als Ausgangspunkt, um es visuell zu sehen , bevor Sie Ihre Szene erweitern. Der erste Schritt in dieser Skizzenphase besteht also darin, deinen Charakter zu planen und zu bestimmen, wie du sie für die Szene bewegen willst. Daher ist es wichtig, darüber nachzudenken, wie Sie sich das in Bezug auf die Animationsaktionen leichter machen können . Sie animierten Aspekt. So sind bestimmte Bewegungen ein bisschen einfacher als andere. Wenn du jemanden auf einem Skateboard oder in einem Auto , das wird am einfachsten sein, weil die wirklich ihr Körper überhaupt nicht bewegt. Sie sitzen vielleicht einfach im Auto und ihre Haare könnten aus dem Fenster verzichten oder vielleicht sind sie nur auf einem Skateboard und gehen bergab, damit sie nicht einmal ihr Bein bewegen müssen und so. Andere Charakteranimationen werden etwas komplizierter sein. Also, wenn Sie Erfahrung in der Animation haben und Sie wirklich wollen für sie gehen, können Sie vielleicht einen Wanderzyklus einführen. Also haben die Person, die durch die Szene spaziert, oder Sie könnten sie vielleicht haben, wenn Sie den Skateboard-Aspekt nehmen wollen, um zu steigen, vielleicht könnte es Skateboarding gewesen sein, aber ihr Bein muss sie entlang schieben. All das sind Dinge, über die Sie nachdenken müssen, wenn Sie Ihren Charakter planen. Eine andere Sache, über die Sie nachdenken sollten, ist, alles einfacher und rationeller zu halten. Sie werden eine Menge von verschiedenen Frames und diese Charakter-Animation erstellen. Wenn Sie also viel Schattierung oder viel Linienarbeit haben, wird das wirklich zeitaufwändig sein, jeden Frame zu erledigen. Also ich mag es, es formbasiert und flach zu halten, nicht jede Schattierung nur vielleicht ein paar Schlüssellinien, die dazu beigetragen haben, abzugrenzen. Vielleicht die Kinnlinie des Charakters oder wenn Sie Gesichtszüge hinzufügen möchten, die Sie damit auch arbeiten können. Aber ich versuche, es so minimal wie möglich zu halten. Für dieses Projekt habe ich beschlossen, einen Charakter auf einem Fahrrad zu haben , der durch eine urbane Szene fährt. Peddling, es ist ein bisschen einfacher, als einen Wanderzyklus zu machen. Das ist der Hauptgrund, warum ich mich dafür entschieden habe. Ich wollte nicht, dass das zu zeitaufwändig ist, aber ich wollte auch, dass die Bewegung ein bisschen interessanter ist, als zu sagen, dass jemand nur statischer steht. Der Charakter wird etwas klein sein. Also werden wir hineinzoomen. Etwas, das hilfreich sein kann, das ich manchmal mache, ist, dass ich eine Box mit der endgültigen Größe erstellen werde , nur damit Sie darauf verweisen können. Also aus diesem ganzen Dokument wird diese Größe Box sein, was zeigt. So dass es etwas hilfreich sein kann, wenn Sie Ihren Charakter tun , so dass Sie sie nicht zu groß haben. Jetzt werde ich mein Pinselwerkzeug bekommen, arbeite an einer separaten Ebene, nur so dass du es bewegen kannst, wenn du Charakter brauchst. Ich benutze gerne ein Bleistiftpinselwerkzeug, nur weil es natürlicher funktioniert wie zum Skizzieren, wie es normalerweise sein würde. Zeichnen Sie es hier. Ja. Halten Sie es so locker wie möglich, denn wir werden das noch einmal durchgehen und ein bisschen mehr von einer raffinierten Zeichnung erstellen, aber das ist wirklich nur Ihre Planung, wo alles sein wird. Sie wollen also nicht viel Zeit mit den Details verschwenden. Ich habe sie gezeichnet. Sie sieht in diesem Raum ein wenig groß aus. Also diese Naht, die Sie nicht in der Lage sein, viele von der Hintergrundszene von sie zu sehen , war so groß. Also werde ich Command T treffen und dann werden wir nur das nach unten skalieren, ich denke, um diese Größe wird besser für die endgültige Komposition sein. Also jetzt haben wir unseren Charakter. Ich werde jetzt reingehen und anfangen, den Hintergrund zu planen. Also organisiert ich gerne meine Dateien und ich pflegen viele Ebenen. Manche Leute brechen sie zusammen, aber ich halte sie gerne getrennt, nur damit du darüber nachdenken kannst, wie sich die Dinge bewegen werden. Die Gebäudeschicht wird sich also mit der gleichen Geschwindigkeit bewegen. Ich behalte das auf einer Schicht. Dann, wenn es irgendwelche Gebäude weiter im Hintergrund gibt, die seine eigene Ebene in der Figur sein könnten , wird sich von selbst bewegen. So hält es den Charakter auch auf einer separaten Ebene. Also denke ich, ich möchte eine urbane Szene für den Hintergrund machen. Ja, ich zeichne gerne Gebäude. Die Hauptsache, sich hier zu erinnern, ist, dass Sie zwei Ebenen wollen, und wollen nach unten verschieben und das macht Ihre Linie Form. Also lasst uns Bürgersteig haben. Wir werden ein paar Gebäude haben. Indem Sie mehrere verschiedene Ebenen im Hintergrund erstellen, können Sie mehr Parallax-Effekt erzeugen, wenn Sie in die Animation gehen. Wir werden genauso ein wenig visuell interessanter und nur eine Schicht Hintergrund bewegen sich mit einer konstanten Geschwindigkeit. Also werden wir ein paar Gebäude auf unserer ersten Schicht haben , wie ich sagte. Wir werden das ziemlich locker halten, weil wir später wieder eingehen und mehr Details hinzufügen und einige Dinge ändern können , wenn wir müssen. Eine andere Sache, an die Sie denken sollten, wenn Sie Ihre Szene erstellen, ist, wenn diese Schleifen, Sie möchten, dass diese Seite perfekt auf dieser Seite mashiert. Also dieses Gebäude hier, ich will, dass die andere Seite des Gebäudes hier ist. Das braucht also keine Tür. Die Tür ist da drüben. Denken Sie daran, wenn Sie Farbe oder mehr Details hinzufügen, die wie sagen, ich werde sagen, ich füge Ziegel zu diesem Gebäude hinzu, Sie werden wollen, dass es auch das gleiche Muster sein wird, um hier drüben zu sein. Das wird also meine erste Gebäudeschicht sein. Dann fügen wir etwas hinzu, das weiter weg in der Ferne ist. Da dies also eine urbane Szene ist, fügen wir einige größere Gebäude hinzu. Hier wie es ist mehr städtische Landschaft und weiter weg in der Ferne. Dann wird das etwas Wasser wie, etwas Laub oder etwas, nur um diese zwei verschiedenen Schichten zusammenzubringen. Also eine Sache, die schön ist, wenn Sie auf Ebenen arbeiten. Ich kann den Hintergrund ausschalten, wenn ich muss. Also möchte ich wieder reingehen und mich wirklich auf diese Charakterskizze konzentrieren. Ich denke, den Hintergrund zu haben, ist es nur ein wenig ablenkend. Also werde ich das ausschalten. Ich arbeite in vielen Schichten. Also werde ich die Deckkraft meiner ursprünglichen Skizze auf etwa 20 senken. Dann werde ich eine andere Ebene erstellen. Also jetzt kann ich diese lose Skizze als Leitfaden verwenden, und ich werde wieder hineingehen und ein wenig detailliertere raffinierte Skizze erstellen. Es kann ein wenig versuchen, in diesem Schritt durch es zu eilen und einfach zu beginnen, dies zu animieren. Aber es ist wirklich wichtig, das Drawling an einem Ort zu bekommen, mit dem Sie von Anfang an wirklich zufrieden sind, weil dies alle Ihre anderen Frames beeinflussen wird. Das ist also wie dein Führer und ich andere Rahmen werden von dieser Zeichnung basieren. Jetzt werde ich weiter an dieser Skizze arbeiten, Details hinzufügen und mich wirklich auf die Komposition konzentrieren und sie auf ein Niveau bringen, mit dem ich mich wohl gefühlt habe . Was wir hier haben, ist eine Skizze die endgültige Animation oder wie die letzte Szene aussehen wird. Wir haben alles geplant. Es gibt ein bisschen Detail, aber wir werden mehr hinzufügen, wenn wir ins Finale gehen. Also jetzt machen Sie Ihre Skizze erstellen. Denken Sie daran, viele Ebenen zu verwenden und denken Sie daran, wie sich Ihr Charakter bewegen wird und dass Ihr Hintergrund von einer Seite zur anderen übereinstimmen muss. Also, jetzt werde ich meine Skizze ein wenig weiter verfeinern und dann werde ich eine Vorstellung davon machen, wie die Farbe innerhalb der Komposition funktionieren wird. 4. Erstellen einer Farbkomposition: Also, jetzt sollten Sie Ihre Skizze alles geplant haben. Was wir als nächstes tun werden, ist, unsere Farben zu planen, indem wir eine grobe Farbkomp machen. Also sollte dies auch gelöst werden, und Sie planen nur, welche Farben gehen, wohin und nur um sicherzustellen, dass Sie eine wirklich zusammenhängende Farbkomposition haben. Ich mache gerne Farbkompositionen, um zu planen, wo die Farben sein werden, und dann ist es wirklich einfach. Wenn Sie leichte Farbanpassungen vornehmen müssen, können Sie dies in diesem Stadium tun, damit Sie, wenn Sie in Ihre endgültige Illustration gehen, sich nicht zweitens raten müssen, Sie wissen bereits, welche Farben wohin gehen und was gut funktioniert zusammen. Der Schritt, obwohl es Zeit braucht, und es kann nicht das Gefühl haben, dass Sie Fortschritte in Richtung Ihrer endgültigen Illustration machen, es spart Ihnen tatsächlich Zeit, weil Sie schnell alles planen können, und dann können Sie einfach darauf verweisen, wenn Du machst deine letzte Illustration. Also habe ich es aufgebaut. Ich baute den Hintergrund auf und fügte dann einen Charakter hinzu. Aber wenn Sie sich natürlicher für Sie fühlt, mit dem Charakter zu beginnen und dann den Hintergrund von der Figur funktionieren zu lassen, können Sie es so tun oder Sie können auch an beiden gleichzeitig arbeiten und alles zur gleichen Zeit aufbauen. Das ultimative Ziel dafür ist, nur wirklich planen Sie Ihre Farben und stellen Sie sicher wie der Charakter wird sich bewegen, dass Sie Kontrast in allen verschiedenen Bereichen haben. Öffnen Sie Ihre Skizze und führen Sie dann Datei Speichern unter Farbkomp aus. Fall, dass Sie eines der Details aus Ihrer Skizze verlieren, können Sie zurückgehen und sich Ihre Skizze und die Farbkomp im Tandem ansehen. Sie sollten also ein paar verschiedene Ebenen Ihrer Skizze haben. Aber ich werde all diese gruppieren, indem ich Befehls-G anklicke. Dadurch werden keine Ihrer Layer gelöscht. Es lässt es nur ein wenig organisierter aussehen, indem sie alle in einen Ordner legen, und wir werden diese Skizze nennen. Also jetzt werden wir die Deckkraft davon senken, weil wir diese Skizzenlinien nicht wirklich brauchen, sie sind eher ein Leitfaden. Wir werden unsere Farben planen. Es gibt ein paar verschiedene Arten zu arbeiten. Manchmal plane ich gerne meine Farben im Voraus. Ich könnte nur eine kleine Palette auf meiner Website machen, fast als wäre es eine Farbpalette. Stellen Sie sicher, dass sich dies auf einem separaten Layer befindet, da Sie dies später deaktivieren möchten. Das ist vielleicht eine schöne braune Farbe. Jeder wird eine andere Farbpalette haben, in der er vielleicht verwendet wird, in der er arbeitet. Wenn Sie eine Farbpalette haben, die Ihnen gefällt, empfehle ich dringend, einen Weg zu finden, um diese Palette mit dieser Illustration funktionieren zu lassen. Farben, die ich dazu neige, sind sattere, lebendige Farben, gepaart mit mehr Pastellfarben. Also habe ich versucht, das in dieses Projekt zu bringen. So mag ich entweder nur Bilder zu sammeln, die Sie online sehen, könnte Fotos oder wie Anzeigen sein, alles, was Sie die Farben mögen und wie sie miteinander kombiniert werden. Ich empfehle dringend, eine Sammlung von verschiedenen Bildern zu beginnen , nur damit ich zurückgehen und sie durchschauen und Inspiration bekommen kann. Ich mag es, eine Kernpalette zu wählen, vielleicht um fünf oder sechs Farben, aber es hängt wirklich von Ihrem persönlichen Stil. Aber dann beschränke ich mich nicht auf die exakten Farben, da ich die Komposition aufarbeite. Es ist in Ordnung, hier und da ein wenig Akzentfarbe hinzuzufügen , die sich außerhalb Ihrer Palette befinden. Das Schöne an diesem Prozess ist, dass wir alles planen und die Farben auswählen. Aber wenn Sie in die Animationsphase und After Effects kommen, wenn Sie feststellen, dass bestimmte Farben nicht funktionieren oder ich vielleicht ein Kontrastproblem habe , da sich der Charakter vor bestimmten Elementen bewegt, können Sie immer wieder in Photoshop und wechseln und die Farben ändern. Also denke ich, das werden meine Hauptfarben sein, mit denen ich anfangen werde. Aber sobald Sie sich damit befassen, können Sie Änderungen vornehmen, während Sie weitergehen. Also beginne ich immer mit den größten Bereichen, was eine einfarbige Farbe sein wird. Denken Sie also an die verschiedenen Gebäude, welche Farben für jedes Gebäude funktionieren könnten. Wenn Sie mehr von einem Zusammenhalt tun, mich mit einer Landschaft aus Gras oder Bergen sehen, wäre dies wahrscheinlich ein bisschen weniger für Sie beteiligt, nur weil es mehr feste Farben über den gesamten Hintergrund sein wird . Also vielleicht musst du nur grün für das Gras und dann eine steinige Farbe für die Berge machen. Ich sperre Dinge aus, nur weil das der einfachste Weg ist die Farben dieser Gebäude zu blockieren, weil sie Rechtecke sind. Aber Sie können einfach schnell die Formen Ihrer Szene einpinseln oder das Lasso-Werkzeug verwenden, genau was auch immer. Sie wollen einfach nicht viel Zeit mit den Details davon verschwenden , weil Sie wirklich nur versuchen, zu planen, welche Farben gehen, wohin zu gehen. Außerdem verbringen Sie noch ein paar Minuten damit, daran zu arbeiten, wirklich die Farbkomposition zu bekommen, um mehr zu finalisieren und wirklich nur daran zu arbeiten, die Farben gut zusammen innerhalb der Komposition zu arbeiten. Jetzt, da ich meinen Hintergrund geplant habe, werde ich dem Charakter Farbe hinzufügen. Es ist wichtig, sicherzustellen, dass sich der Charakter durch die Szene bewegt. Stellen Sie also sicher, dass Sie Kontrast in allen verschiedenen Bereichen haben. Also jetzt werde ich nur alle diese farbigen Ebenen gruppieren, den Hintergrund, so dass sie alle zusammen sind. Jetzt erstellen wir eine neue Ebene für den Charakter. Ich will nicht, dass hier schwarz ist, weil du hier den Kontrast verlierst. Also vielleicht ein Braun, das zwischen diesen beiden Schattierungen liegt. Also ein bisschen leichter als das hier. Eigentlich, lassen Sie uns mit der Dunkelheit gehen. Wenn du zurückgehst und merkst, dass bestimmte Farbe , die du ausgewählt hast, nicht funktioniert hat, dann machen wir das. So ist es wirklich einfach, Änderungen und Anpassungen vorzunehmen, wenn nötig. Außerdem sollte dies auch locker sein. Ich mach mir keine Sorgen. Dies wird nicht die endgültige Farbversion für Ihre Animation sein. Wir planen nur die Farben. Ich wähle jetzt einen Hautton. Also sind einige meiner Gebäude wirklich dunkel. Also denke ich, ich werde mit einem helleren Hautton gehen. Aber dann mache ich mir ein wenig Sorgen um dieses Fenster. Also muss ich vielleicht das Fenster ein wenig aufhellen. Eine andere Sache, die ich gerne mache, ist, das Mädchen auf einer Schicht zu halten. So können Sie sie entlang gleiten und sehen, wie die Farben vor verschiedenen Teilen der Szene funktionieren, nur um sicherzustellen, dass es genug Kontrast in den verschiedenen Bereichen. Wie hier kann ich der Haut sagen, dass sie nicht gegen diese Baufarbe wirkt. Also werde ich das ein wenig anpassen. Ursprünglich hatte ich geplant, dass dieses Gebäude ein Ziegelstein ist. Ich wollte es zu einer Ziegelfarbe machen, aber dann merkte ich, dass ihr Hautton zu ähnlich war. Also werde ich es einfach ein bisschen leichter am Boden und vielleicht Ziegel oben machen , nur damit ich den Kontrast nicht verliere. Da sie auf der Straße mit dem Fahrrad fährt, dachte ich, es wäre ein wenig seltsam, ohne dass irgendwelche Autos oder irgendetwas anderes um sie bewegt, aber nur ein wenig verlassen aussehen. Also entschied ich mich, ein Auto in meine Szene zu bringen, das sich auch bewegen wird. Aber das ist ein zusätzliches Element, das Sie hinzufügen können wenn Sie sich entscheiden, dass es Ihrer Szene helfen könnte. Wenn Sie also zusätzliche bewegliche Elemente ausführen möchten, sollten Sie sie nur auf ihrer eigenen separaten Ebene behalten , damit sie sich unabhängig bewegen können. Also machen Sie jetzt Ihre Skizze, erstellen Sie eine neue Datei mit dem Titel Color Comp, und beginnen Sie mit der Planung Ihrer Farben. Jetzt, wo ich meine Farbkomp habe, und ich bin glücklich darüber, wie alles zusammen funktioniert, werde ich meine Charakterskizze nehmen, und ich werde anfangen, die Figur zu animieren. 5. Figurenanimation: Nun, da Sie Ihre Farbkomp in Ihrer Skizze haben, alles geplant. Wir gehen zurück zur ursprünglichen Skizze und nehmen die Figur aus dieser Skizze, und wir werden sie animieren. Moment skizziere ich die Rahmen der Teile, die sich bewegen, damit ich diese als Leitfaden verwenden kann, wenn ich die Farbe hinzufüge. Um dies zu tun, werden wir Video-Ebenen in Photoshop verwenden. Videoebenen in Photoshop verfügen über ein paar weitere Funktionen und machen in Photoshop nur etwas Frame für Frame. Eines dieser Dinge, die wir verwenden werden, heißt Onion Skins, denen Sie nur den vorherigen Frame aus Ihrer Animation sehen können , während Sie den nächsten Frame zeichnen. In diesem Schritt werden wir uns nur auf die Körperbewegung Ihres Charakters konzentrieren. Wir werden uns keine Sorgen machen, dass sich der Hintergrund bewegt, und dann bewegen wir uns durch die Szene, wir konzentrieren uns nur darauf, wie sich ihre Gliedmaßen bewegen, oder wenn ihre Haare winken, das ist es, worauf wir uns an dieser Stelle konzentrieren. Also werden wir eine neue Datei erstellen; Datei, Neu. Ich mag es, die Charakteranimation zu machen , ich mag es ein wenig größer zu machen , als es in der endgültigen Animation sein würde. So können Sie ein wenig hineinzoomen und nicht die Qualität der Zeichnung verlieren und wir werden pixelig. Ich werde meine sechs Zentimeter mal sechs machen. Ziehen Sie dann Ihren Charakter, den Sie aus Ihrer Skizze haben, in diese Komposition. Es wird also wahrscheinlich kleiner sein, weil es innerhalb der endgültigen Komposition kleiner ist, aber wir wollen, wie ich schon sagte, ich möchte ein paar zusätzliche Pixel zum Arbeiten haben, also werden wir das etwas skalieren. Also, jetzt werden wir das für die Animation einrichten. Also, was Sie tun müssen, ist, gehen Sie zu Fenster, Arbeitsbereich, wechseln Sie zu Bewegung, dann Fenster. Manchmal wird Ihre Zeitachse möglicherweise automatisch angezeigt, wenn dies nicht der Fall ist, wechseln Sie zu Fenster und klicken Sie dann auf die Zeitleiste. Jetzt werde ich das hier ansprechen. Es gibt also zwei Möglichkeiten, dass, wenn Sie Ihre Timeline aufrufen, es höchstwahrscheinlich sagen wird, Frame Animation erstellen , was wir in diesem Projekt nicht tun werden. Also, wenn Sie auf diesen kleinen Dropdown-Pfeil klicken, wird es sagen Create Video Timeline, und ich werde zu, dass wechseln. Es wird eine Zeitleiste angezeigt, die Standardeinstellung beträgt fünf Sekunden, und Sie haben Ihre Layer in dieser Zeitleiste. Also im Moment habe ich nur ein paar Schichten. Also sehe ich hier nur zwei, aber wir werden mehr schaffen. Das nächste, was Sie beachten müssen, ist hier unten, es wird Ihre Bildrate sagen. Also gerade jetzt, meine ist eigentlich auf 30 Bilder pro Sekunde eingestellt, aber wir werden das ändern. Gehen Sie also zu diesem Dropdown-Menü direkt hier, und klicken Sie auf Timeline Frame Rate einstellen. Wir werden das auf 24 Bilder pro Sekunde umstellen. Also, jetzt sehen Sie hier unten, es sagt 24 Bilder pro Sekunde. Framerate gibt an, wie viele Frames pro Sekunde in der Animation vorhanden sind. So sind 24 Frames pro Sekunde Standard für Animation wirklich. Also, das ist, was ich jedem empfehlen. Sie können auch tun, wenn Sie 12 Frames pro Sekunde machen, dann könnte Ihre Animation ein wenig steifer sein, aber für diesen Stil ist es nicht immer, ich denke, dass das in Ordnung ist und dann können Sie weniger Zeichnungen pro Sekunde machen. Also würde ich sagen, stellen Sie Ihre Timeline auf 24, aber dann können Sie jeden Frame ein wenig länger sein, also machen Sie wirklich nur 12 Zeichnungen pro Sekunde. Das ist also deine Leitlinie, und ich weiß, dass ich will, dass ihre Beine treten, und ich denke, ich werde ihr Haar hinzufügen, dass sie eine kleine Welle haben. Also halten wir das auf einer separaten Ebene und dann werde ich ein paar Frames erstellen. Ich weiß, ich will, dass sich das Bein etwas weniger bewegt. Es kann ein bisschen starrer sein, also werde ich das einfach rausziehen. Das wäre ein Rahmen, also wenn ich das verdopple, dann sind das zwei Frames. Also werde ich hier anfangen und wir werden nur ein einfaches Drahtmodell machen, um als Richtschnur für die Bewegung ihrer Beine zu verwenden. Also bin ich nur irgendwie Kreise zu schaffen, wo Gelenke sind, und dann verbinde ich diese. Ich weiß, dass ihr Bein auf einem Pedal sitzt, das umhergeht. Also als Leitfaden für diesen Weg, wo ist das der Führer? Ich werde einen Kreis machen. Dieser Kreis, den ich hier habe, ich benutze das nur als Führung, das Pedal, auf dem der Fuß sein wird, würde sich in einem Kreis bewegen. Also, wenn ich den Fuß dem Pfad des Kreises folgen, dann wird die Bewegung des Beines natürlicher aussehen. Es ist nur ein Führer, es wird nicht in der letzten Animation sein. Ich werde es ausschalten. Also werden wir das senken. Das ist also mein erster Rahmen. Wenn Sie dies also nach unten ziehen, werden diese automatisch gruppiert. Also, jetzt sind diese in ihrem eigenen Ordner, hier drüben in deiner Timeline. Also werde ich diesen Wireframe nennen. Dann gehen wir zum Dropdown-Menü, und wir werden sagen Enable Onion Skins. Was das also tut, ist, wenn ich hier auf meinem ersten Frame bin und dann zu meinem nächsten Frame gehe, jetzt kann ich immer noch den vorherigen Frame sehen, es senkt einfach die Deckkraft automatisch. Also kann ich das als Leitfaden für diesen nächsten Frame verwenden. Diese Gruppe von Ebenen hier, ich habe im Grunde in der Timeline getan, was wäre, wenn wie Gruppieren von Ebenen in Ihrer Photoshop-Datei, tut es das aber mit Video-Ebenen. Es bringt also im Grunde nur alle diese Ebenen zusammen, was später hilfreich sein kann , wenn Sie die Deckkraft senken müssen, aber Sie möchten nicht Schicht für Schicht durchlaufen und die Deckkraft jeder Ebene senken. Sie können einfach die Deckkraft der Gruppe verringern und dann für jede Ebene innerhalb dieser Gruppe dasselbe tun. Also im Grunde weiß ich jetzt, dass dies eine komplette Schleife sein muss, weil wir möchten, dass diese Bewegung nahtlos für die Animation läuft. Also im Grunde, was ich tun werde, ist, dass sich dieses Bein in jede Position bewegt, bis es wieder zu diesem Punkt kommt. Also gehen wir zum nächsten Frame. Wir sehen unseren Führer hier. Diese Hüfte wird sich nie bewegen, so wie sie sich hinsetzt. Also wird dieser Kreis so ziemlich immer in diesem Punkt bleiben. Der Fuß wird sich ein bisschen zurück- und runter bewegen. Das wird sich so bewegen. Also im Wesentlichen, Sie gehen einfach durch und kartieren diese Bewegung. Also, jetzt gehen wir zur nächsten Schicht. So können Sie sehen, dass Ihr letzter Frame genau da ist. Ich schalte das aus. Also werden wir das ein wenig nach oben bringen. Wenn sich der Fuß zurückbewegt, bewegt sich das Knie ein bisschen nach vorne und nach oben. Sie möchten also den Abstand zwischen all Ihren Punkten etwa gleich halten. Diese Linien sollten also immer ungefähr die gleiche Länge haben, denn auch wenn Ihr Bein sich bewegt, ist es nicht so, als würden Ihre Gelenke kürzer werden, nur die Position von ihnen ändert sich, und der Winkel. Je nachdem, was Ihre Bewegung ist, benötigen Sie möglicherweise mehr Frames oder Sie benötigen weniger, aber es spielt keine Rolle, wie viel Zeit Ihre Animation benötigt. Also gerade jetzt konzentrieren Sie sich auf die Erstellung einer Animation, die glatt ist, und dann können wir für anpassen, wenn Ihre Animation kürzer oder länger ist, können wir dafür in After-Effekten anpassen. Wenn Sie unsicher sind, wie viele Frames Sie brauchen, würde ich sagen, beginnen Sie wirklich mit dem, was Sie denken, könnte rau aussehen, wenn alles wie zu gezackt zusammengesetzt ist, und dann können Sie immer wieder hineingehen und Frames dazwischen hinzufügen Ihre zuvor gezeichneten Frames. Wenn Sie also jemanden winken, könnten Sie sie einfach hier zeichnen, hier und hier, und dann wird das wirklich schnell aussehen, und gezackt, wenn Sie es spielen, aber dann können Sie zwischen den beiden gehen, drehen deine Zwiebel-Skins auf und du wirst in der Lage sein, den ersten und zweiten Frame zu sehen, und du kannst eine Linie dazwischen zeichnen, also verwendest du es als Anleitung, um deine Zwischenbilder zu zeichnen. Also jetzt haben wir den Drahtrahmen des Beines in Bewegung, und für diese Bewegung weiß ich, dass beide Beine genau zu entgegengesetzten Zeiten auf die gleiche Weise bewegen werden, wenn ein Bein oben ist, wird das andere Bein gerade sein. Also werde ich nur ein Bein animieren und dann kann ich einfach diese Gruppe von Ebenen kopieren und die Reihenfolge ändern, und dann lasse ich das andere Bein auch erledigen, etwas so. Also werde ich diese kopieren, dann haben Sie, mal sehen, wenn das oben am höchsten Punkt ist, was genau hier ist, deshalb will ich, dass dieser hier beginnt, also hast du beide Beine. Jetzt, da ich sehe, dass dies gut funktioniert, werde ich dies in mehr von dem hinzufügen , was wie diese letzte Animation aussehen wird und ich werde das eigentliche Bein, Hosenbein um diesen Drahtkörper herum machen . Diese zweite Etappe war so, dass Sie visuell sehen konnten, dass dies funktionieren wird , aber ich werde mich nur um ein Bein in dieser nächsten Phase kümmern. Also schalten Sie Ihre erste Skizze wieder ein, und jetzt werden wir dies als Leitfaden verwenden. Moment werde ich mir nur Sorgen machen, was ich animiere , weil ich später Ebenen der anderen Elemente hinzufügen kann, also werden wir dieses Bein animieren, so dass ich nur das eine Bein zeichnen werde. Erstellen Sie eine neue Ebene und Sie tun im Grunde nur das gleiche, was Sie für das Drahtmodell getan haben, aber jeden Frame werden Sie ein wenig mehr Details hinzufügen. Also habe ich den ersten Zeilendraht als Leitfaden für diesen Schritt gemacht, aber das ist wirklich optional. Wenn Sie nur direkt zu diesem Schritt gehen möchten, können Sie das. Es wird ein bisschen schwieriger, eine wirklich glatte Bewegungzu bekommen eine wirklich glatte Bewegung aber abhängig von der Art der Bewegung, die Ihr Charakter tut, könnte es unnötig sein, das Drahtmodell zu machen. Dieser erste Rahmen wird also nur das sein, was unsere erste Skizze war. Also werde ich nur ein ursprüngliches Bein verfolgen dann stellen Sie sicher, dass Sie Onion Skins eingeschaltet haben, und sobald Sie über Ihr Anfangsbein oder was auch immer als Teil der Zeichnung sich bewegt, würde ich Ihre erste Skizze, weil es später nur verwirrend sein wird. Also jetzt werden wir unsere Rahmen erstellen, die nur für die endgültige Animation hinzufügen, aber für die endgültige Skizze. Sie müssen wählen Sie diese, ziehen Sie sie nach unten. So erstellen Sie eine Video-Ebene. Es gibt also Frame eins, und jetzt gehen wir einfach durch und zeichnen das Hosenbein für jeden Rahmen mit dem Drahtmodell als Anleitung. [ unhörbar] Ich werde nur weiter diese Rahmen zeichnen bis ich die kompletten Kreise gemacht habe, so dass es eine kontinuierliche Schleife schafft. Also hier sind meine Beine, die ich fertig habe, es ist nur das eine Bein, aber ich habe es gerade für die zweite wiederholt. Also der nächste Teil, den ich animieren werde, ist die Haare. Also möchte ich, dass alles andere ziemlich statisch sein wird , aber ich möchte, dass dieses Haar ein wenig winkt. Diese Art von Animation wird also ein wenig anders sein als die Lichtbewegung, die wir getan haben. Also wollte ich winken, aber ich weiß, dass es hier einen statischen Punkt geben wird. Das wird also der Beginn der Welle sein. Dieser Punkt wird also gleich bleiben und das wird mein Leitfaden für alle anderen Frames sein. Also werde ich diesen Punkt dort verlassen, und dann möchte ich, dass die Haare wirklich glatt sind, also habe ich für das Bein zwei Frames pro Zeichnung gemacht, aber für diesen werde ich es an einem Frame behalten. Erstellen Sie also einige Link-Layer, die Sie nach unten ziehen können, so dass sie alle zusammen sind. Beim ersten fange ich immer an, den ersten Rahmen zu machen, was auch immer ich aus meiner Skizze gezeichnet habe. Dann, wenn Sie gezeichnet haben, dass schalten Sie die Skizze aus, weil es nur verwirrend sein wird, und dann sicher sein, dass Onion Skins eingeschaltet ist. Dann für eine Welle möchten Sie nur, dass dieser Punkt gleich bleibt, aber Sie möchten jede Tiefe und Wert jedes Mal ein wenig bewegen, so dass es eine kontinuierliche Welle erzeugt. Das wird ein bisschen gehen. Also im Grunde tauschen Sie nur die Höhepunkte, Sie bewegen sie nur ein wenig nach unten aber Sie wollen, dass es an der gleichen Stelle enden und Sie wollen, dass es an der gleichen Stelle beginnt. Du wirst es nur kaum jedes Mal ändern, und dann wirst du das weiter machen, bis du wieder zu deinem ursprünglichen Frame kommst. Also im Moment ist dies eine Kurve auf diese Weise. Also mache ich das weiter, bis diese Kurve wieder nach oben gewölbt ist. Sie stellen nur sicher, dass es Schleifen ist. Hauptsächlich sind Sie besorgt über die Schleife, und dass der letzte Frame mit dem ersten Frame der Animation ausgerichtet ist, also sagen wir, ich hatte keinen Volumenkörper einer Schleife. Wenn ich noch ein paar Frames brauchte, würde es eher so aussehen und sehen, wie das einfach falsch aussieht. Sie möchten also nur sicherstellen, dass kein Teil der Animation springt. Wenn Sie also so sind, wenn es nicht richtig läuft oder wenn Sie versucht haben, es ein wenig zu verknüpfen und einige Frames übersprungen haben, und Sie müssen zurückgehen und einige hinzufügen, würde es so nervös aussehen. Dies ist Ihr Leitfaden für, wenn Sie jeden Rahmen färben, so gibt es eine Menge Bewegung in den Haaren und den Beinen. Es wird schwer sein, das aus der Fledermaus mit Farbe zu machen. Also mache ich gerne zuerst eine Bleistiftzeichnung nur damit ich darauf verweisen kann, wenn ich jeden Rahmen und jede Farbe mache. Also werden sich die anderen Teile dieser Zeichnung nicht bewegen, also muss ich diese nicht wirklich für jeden Frame zurückziehen , nur weil sie so ziemlich gleich bleiben. Wenn Sie jetzt folgen, gehen Sie einfach voran und zeichnen Sie alle Ihre Rahmen. Es kann ein zeitaufwändiger Prozess sein, aber es lohnt sich am Ende, um eine reibungslose Animation zu haben. Alles klar, und der nächste Schritt wird sein, Farbe zu Ihrer Charakteranimation hinzuzufügen. 6. Farbe hinzufügen: Jetzt, da Sie eine Zeile Ihre Animation aufarbeiten, werde ich es ausspielen, wir gehen zurück und fügen Farbe in Ihre Charakteranimation. Also haben wir bereits die Farben für den Charakter und die Farbkomp geplant, also werden Sie darauf verweisen wollen. Vertrauen Sie wirklich den Entscheidungen, die Sie in der Farbe ruhig gemacht haben, versuchen Sie nicht, zu viele Änderungen an diesem Punkt, weil Sie bereits geplant haben Ihren Charakter und wie es mit dem Hintergrund interagieren würde , wenn es in der Szene war und da wir habe hier nicht den Hintergrund, ich habe versucht, an dieser Stelle keine Änderungen vorzunehmen. Wenn Sie also mehrere Video-Ebenen oder Gruppen mit einer Spiegelskizze haben, Ihren Umriss Ihrer animierten Skizze, gruppieren Sie diese alle zusammen, nur so dass es weniger Silikat und Titel ist, dass Skizze, und Sie können die Deckkraft senken. Dann zum Färben in Ihrer Animation, ich mag es immer noch alle verschiedenen Aspekte auf verschiedenen Ebenen zu halten. Also werde ich im Grunde den gleichen Schritt wieder in der Farbe der Farben machen, und ich werde sie auf separaten Schichten halten, nur für den Fall, dass ich zurückgehen und optimieren muss , vielleicht ist der Farbton der Farben nicht ganz richtig. Wenn ich sie in ihrer eigenen Gruppe behalte, dann kann ich wieder reingehen und diese Änderung vornehmen. Also halte ich die Farbe auf einer separaten Ebene, dann die Skizze, die ich gerade gemacht habe. Ich behalte auch jedes Element der Farbe auf einer separaten Ebene oder einer Videogruppe. So werden die Farben ihre eigene Videogruppe sein. Ich werde dieses Hemd und eins auf seine eigene separate Schicht legen, und die Haare auf eine separate Schicht. Hier sind meine Farbkompositionen, also gehe ich rein. Das ist die Farbe der Farben. Also nur im Grunde verfolgen Sie die schöne wie Linien zeichnen, die Sie gerade getan haben. Wenn Sie Ihre Form ihrer Farbe Bein zeichnen, können Sie diese malen , und dann wird es eine feste Form sein, das ist die schnellste. Ich mag die Textur des Pinsels, so dass ich Farbe in den Rahmen nur ich diese Textur beibehalten kann. Das dauert also länger, du musst das definitiv nicht tun, oder du könntest einen dickeren Pinsel auswählen. Selbst wenn Sie also etwas Textur hinzufügen möchten, gibt es viele verschiedene Möglichkeiten, Textur hinzuzufügen. Sie müssen nur herausfinden, was am besten für Sie funktioniert, aber ich mag die Buntstift-Linie Zeichnung Glück. So färbe ich in meinem Rahmen, aber wirklich das liegt an dir, was am besten für dich funktioniert. Für diesen Schritt führen Sie also im Grunde den gleichen Prozess aus, den Sie zuvor für die Linienzeichnung durchgeführt haben, aber Sie fügen Farbe hinzu und Sie machen alle Formen zu Volumenkörpern. Nachdem du mir eine Bleistiftzeichnung aufgezeichnet hast, und dann solltest du etwas haben, das so aussieht. Also, jetzt hast du dein Einmalbein, und du wirst das einfach kopieren. Also jetzt haben wir zwei Video-Gruppen-Ebenen Ihrer Farbe. Also bewegt sich dieses Bein in der entgegengesetzten Position wie dein anderes Bein. Also, wenn dieser an seinem höchsten Punkt ist, ist das andere Bein gerade. Also nehmen wir diese zweite kopierte Ebene, und hier ist sie an ihrem höchsten Punkt. Also wollen wir von diesem Punkt an nehmen und die Reihenfolge dieser an den Anfang verschieben. Also, jetzt haben wir die beiden Beine, aber bemerken, wie man es nicht wirklich kann, es ist ein wenig verwirrend, weil sie beide die gleiche Farbe haben. Also nehmen wir dieses Bein, das im Hintergrund ist, und wir werden die Farbe ein wenig anpassen , so dass Sie selbst wenn sie vorne gehen, die beiden Beine unterscheiden können. Also das ist eine andere nette Sache über die Verwendung von Video-Ebenen, ist, dass ich in der Lage war, die Farbe all dieser Ebenen mit nur einem Klick auf eine Schaltfläche zu ändern, Layer Style, Color Overlay, und das wird die Farbe des gesamten Videos ändern -Layer. Als nächstes würde ich die Haare machen. Also nur im Grunde das gleiche zu tun, was du gerade mit den Farben gesagt hast, aber mit dieser Haarschicht. Erstellen Sie also neue Ebenen. Ihr Haar war dunkelbraun. Also ich mag, um meine Ebene ist mir bereits gebildet, bevor ich Zeichnungen beginne, so dass Sie nicht zu halten, um sie zu erstellen, wie Sie gehen entlang. Dann nur um Ihre Skizze zu verfolgen, die Sie bereits gezeichnet haben. Dafür gibt es ein bisschen hier, das ich zeichnen muss. Diese Zeile wird also für jeden Frame gleich bleiben. Der einzige Teil davon, wie es sich bewegen wird, ist dies. So wird es auf Skins drehen, also jetzt hier wirst du durchgehen und dasselbe tun, was ich gerade mit den Farben gemacht habe. Ich werde voran gehen und Farbe in [unhörbar]. Nun, da ich in allen Rahmen der Haare winken gefärbt habe, habe ich etwas, das so aussieht, und ich würde empfehlen, es zurückzuspielen, nur um sicher zu sein, dass alles richtig bewegt und dass Sie mit allem zufrieden sind Bühne. Glücklicherweise hättest du die meisten Bewegungsprobleme ausarbeiten sollen , die du in dieser Skizzenphase haben könntest. An dieser Stelle stellen Sie einfach sicher, dass die Farbe auf jedem Rahmen fest ist und dass alles gut zusammen funktioniert. Das letzte, was wir mit dieser Charakteranimation tun müssen, ist, in den Rest der Teile ihres Körpers und des Fahrrads zu färben , und diese sind überhaupt nicht wirklich animiert. Dies kann also ein viel schnellerer Schritt der Charakteranimation sein. Grundsätzlich werde ich nur in jedem Aspekt ihres Hemdes, ihrer Haut und dem Fahrradrahmen färben . Aber wenn Sie das nur einmal zeichnen und es völlig still sein lassen , während die Beine sich schneller bewegen, wird es ein wenig seltsam aussehen. Also etwas, das ich gerne mache, ist nur ein Kochen der Schichten zu schaffen , die still bleiben, was nur im Grunde drei Mal zeichnet und dann diese Re-Frames endlos hinken lässt. Jetzt werde ich reingehen und drei neue Schichten für das Hemd erstellen. Für Boules mache ich sie einfach zwei oder drei Rahmen lang. Sie wollen, dass es eher wie wenigstens wellig ist, Sie wollen nicht, dass es wie wirklich gezackt und schnell ist. So können wir es ein bisschen länger machen, schaffen es nicht zu schnell. Du wirst hier nur eine Zeichnung verfolgen. Dann werde ich mich einfach nicht um die Textur so sehr kümmern, weil es eine hellere Farbe ist, die Sie wahrscheinlich nicht in der Lage wären, die Textur zu sehen. Wie auch immer, ich benutze einfach das Maleimerwerkzeug. Solange die Form in der Nähe ist, wird sie die gesamte Form ausfüllen. Also tun Sie das einfach. Du wirst das nur drei Mal wiederholen. Jetzt haben Sie die drei Hemd-Layer und Sie werden diese nur kopieren , so dass sie für die gesamte Länge Ihrer Animation dauern. Also, da, jetzt können Sie das sehen. Es geht bis zum Ende. Also, das ist dein Hemd, ich mag es, diese zu nennen, nur ich weiß, was die Dinge sind, und wir wollen nicht, dass das Hemd mit den Haaren ist eigentlich auf den Hemden. Also ziehen Sie das einfach. Da kannst du sehen, dass es dieses kleine Wackeln hat. Also wollen wir diese kleinen schwachen Linien loswerden, die Sie sehen können, aber es sollte im Grunde so aussehen, wenn Sie fertig sind. Ich mag dies, nur um ein wenig mehr Bewegung für die Elemente zu schaffen , die die meisten sind nicht wirklich animiert, aber das ist völlig optional. Ich werde voran gehen und Farbe in den Rest der Elemente dieser Charakter-Animation. Das ist also, was ich jetzt habe. Ich habe gerade ein paar mehr Boules für das Fahrrad und den Arm, und ich fügte auch einige ein wenig von einer Linie Arbeit auf die gleiche Weise, wie ich hinzugefügt, was ich boule für das Hemd, Ich habe nur ein paar Zeilen hinzugefügt. Wie Sie sehen können, hat sie keine Füße, weil dies wie hier im Finale abgeschnitten wird , und ich hatte nur ein paar Boule, ein bisschen Boule auf diesen Bike-Linien. Aber ja, das ist die Charakteranimation und ich bin ziemlich glücklich damit. Also werde ich voran gehen und diese Datei exportieren und sie bereit für die Aufnahme in After Effects. Um dies zu speichern, müssen Sie zunächst sicherstellen, dass Ihre Hintergrundebene deaktiviert ist. Also sollten Sie in der Lage sein, dieses karierte Muster hier auf Ihrem Desktop zu sehen und ich erstelle einen neuen Ordner. Datei, neuer Ordner. Du wirst files_ae_skillshare sagen. Dann werde ich in dieser Datei einen neuen Ordner erstellen, der charakteranimiert ist. Also, jetzt habe ich das, gehen wir zurück in Photoshop. Sie haben die Hintergrundebene deaktiviert. Wechseln Sie zu Datei, Exportieren, Video rendern. Also, jetzt wird es dieses Menü zu bringen und Sie haben ein paar verschiedene Optionen hier. Also der erste ist der Name, wir können das gleich halten, ich habe bereits Titel dieser Charakter-Animation. Hier werden all diese Dateien gespeichert. Wenn Sie also Ordner auswählen drücken, möchten Sie sicher sein, dass sich dies in dem Ordner befindet, den wir gerade erstellt haben. So Dateien A in Charakteranimation. Jetzt werden alle diese Dateien in diesem Ordner gespeichert. Also drücken Sie Wählen. Nun wird dies wahrscheinlich höchstwahrscheinlich auf diesen Adobe Media Encoder eingestellt, aber Sie möchten es auf Photoshop Image Sequence umschalten. Also im Grunde, was dies tun wird, ist, dass es ein Standbild von jedem Frame speichern wird. Wir haben den Hintergrund ausgeschaltet, aber wir wollen dies auf PNGs umschalten. Das PNG ermöglicht Ihnen, Transparenz innerhalb der Dateien zu haben. Also wollen Sie sicherstellen, dass das PNG sagt. Sie möchten sicherstellen, dass die Größe Ihrer Dokumentgröße entspricht. Wenn Sie viel größer arbeiten, müssen Sie den Export möglicherweise etwas kleiner machen, und Sie können dies hier tun, indem Sie diese Zahlen ändern. Aber das ist eine ziemlich gute Größe. Ich werde das so belassen, wie es ist, und dann ist das Letzte, was Sie beachten müssen, hier unten die Renderoptionen, Alpha Channel, das ist Ihre Transparenz. Im Moment ist es auf keine gesetzt, und Sie möchten es auf Straight-Unmatted umschalten. Dann wirst du rendern drücken. Ich würde es große Dateien schnell speichern. Wenn Sie jetzt in diesen Ordner gehen, haben Sie jedes Bild unserer Animation und Sie können feststellen, dass es sich auf einem transparenten Hintergrund befindet, weil Sie den Hintergrund meines Desktops dort nicht gesehen haben. Also haben wir jeden Rahmen hier. Also gehen Sie jetzt vor und beenden Sie das Hinzufügen von Farbe zu Ihrer Charakteranimation, und exportieren Sie sie dann als PNG-Sequenz. Im nächsten Schritt werden wir nur die endgültige Illustration für unseren Hintergrund erstellen. 7. Deinen Hintergrund verfeinern: Nun, da Sie Ihre Charakteranimation fertig und exportiert haben, werden wir daran arbeiten, die endgültigen Illustrationen für die Hintergrundebenen zu erstellen und diese als PNG-Dateien zu speichern. Also öffne deine Farbkomp, die du zuvor erstellt hast. Grundsätzlich gehen wir einfach rein und beenden diese Illustration. Sie haben bereits die Farben geplant und Sie sollten eine ziemlich solide Skizze haben. Also im Grunde gehen Sie einfach rein und verfeinern Sie alle diese Details und beenden Sie diese Illustration so, dass sie fertig aussieht. Wenn Sie also Ihren Hintergrund in Vordergrund, Mittelgrundhintergrund aufteilen, möchten Sie sicher sein, dass alle diese Ebenen in Photoshop auf ihrer eigenen Ebene behalten , damit Sie sie definitiv in After Effects verschieben können. Also werde ich einfach voran gehen und in diese Datei gehen und Details in Linienarbeit hinzufügen und diese Zeichnung in Randlage der letzten Stufe bekommen. Also habe ich meine endgültige Zeichnung hier. Jede Ebene der Szene habe ich auf einer eigenen Ebene gehalten. Also habe ich hier meinen Hintergrund, das Ding, das am weitesten entfernt sein wird. Dann habe ich meine nächste Gebäudeschicht. Ich habe das Auto auf einer separaten Schicht. Dann habe ich beschlossen, ein weiteres Gebäude hinzuzufügen, das genug Boden Boden sein wird , nur um ein wenig mehr Interessen in einer weiteren Schicht der Szene zu schaffen . Wenn Sie also ein wenig einfacher bleiben möchten, können Sie einfach eine Ebene für den Hintergrund erstellen und Sie müssen sie nicht trennen, und dann haben Sie nur eine Sache, um Auszeit und nach Effekten. Also, wie das mit dieser Datei aussehen würde, da Sie entweder dieses ganze Gebäude haben könnten , anstatt diesen Ausschnitt zu haben, wo Sie die Skyline im Hintergrund sehen können. Sie können nur wenige Gebäude mehr haben, so dass es weniger Layer in Ihrer Szene gibt. Jetzt wirst du das nur für After Effects exportieren. Gehen Sie also zurück zu Ihrer Datei, die Sie zuvor erstellt haben, wo sich Ihre Charakteranimation befindet, und erstellen Sie einen neuen Ordner und rufen Sie diese Hintergrund-Layer auf. Jetzt werden Sie alle diese Dateien in diesem Ordner speichern. Wir werden dies auf die gleiche Weise sagen, wie wir diese Charakteranimation gespeichert haben. Sie möchten also sicher sein, dass Ihre Hintergrundebene deaktiviert ist, damit Sie sehen können, dass es sich um ein kariertes Muster handelt. Sie werden jede Ebene als eigene separate PNG speichern. Also haben wir dies als unsere dritte Schicht. Lassen Sie uns Datei drücken, speichern unter. Wir nennen diese Skyline. Wechseln Sie zu PNG, und stellen Sie sicher, dass Sie es in dem Ordner speichern, den wir gerade erstellt haben. Drücken Sie „Speichern“. Also da ist dein erster. Als Nächstes retten wir diese Gebäude. Diese Gebäudeschicht so, Datei, Speichern unter, nennen Sie diese ein Gebäude. Stellen Sie sicher, dass es sich um ein PNG handelt, und speichern Sie im richtigen Ordner. Ich habe ein Auto hinzugefügt, das völlig optional ist. Es ist nur ein weiteres Element, von dem ich dachte, es wäre Spaß zu animieren. Also werden wir das retten. Datei speichern als, PNG, wir Titel es Auto. Dann das letzte Element, dies ist Vordergrundbau, Datei, Speichern unter. Manchmal Odyssee als FG und BG als Vordergrund und Hintergrund. Ich werde es einfach abkürzen Vordergrundbau. Gehen Sie jetzt vor und beenden Sie Ihre Hintergrundebenen, und speichern Sie sie als PNGs mit transparenten Hintergründen, und stellen Sie sicher, dass der Titel der Datei etwas ist, das für Sie sinnvoll ist, weil Sie zurückblicken und diese in After Effects referenzieren. 8. Animation in After Effects: Nun, da Sie alle Ihre Dateien als PNGs gespeichert haben und sie alle in Ordnern auf Ihrem Desktop oder wo auch immer Sie sie speichern möchten, werden wir After Effects öffnen. Daher erstellen wir in After Effects eine Hauptkomposition, die Ihrer Leinwand in Photoshop ähnlich ist. Wir erstellen ein paar verschiedene Kompositionen, eine für jede Ebene. Wir werden diese Vorkomps nennen und dann werden wir diese allemit einem After Effects in die endgültige Kompositionziehen mit einem After Effects in die endgültige Komposition und dann können wir Dinge von dort verschieben. Wir werden unsere Komposition erschaffen, neue Komposition. Dies wird also die Komposition sein, die Ihr endgültiger Export Ihrer Animation ist und diese Größe, 1920 x 1080, das ist, was wir die endgültige MP4-Datei speichern als. Das ist also eine große Größe für Instagram und andere Orte online zu teilen. Es ist die Standard-Videogröße. Damit wir diese Skillshare nennen können. Jetzt haben wir diese Komposition hier in dieser Blackbox. Gehen Sie zu einer Komposition, Kompositionseinstellungen. Ich ziehe es vor, auf einem hellen Hintergrund zu arbeiten, nicht dass es nie angezeigt wird, aber es ist nur ähnlicher Photoshop und das ist, was ich gewöhnt bin. Ändern Sie dies auf 24. Sie möchten sicherstellen, dass es sich um dieselbe Bildrate handelt, die Sie in Photoshop arbeiten. Wir arbeiten also in 24 Bildern pro Sekunde. Sie möchten also nur sicherstellen, dass dies gleich eingestellt ist. Das erste, was Sie in After Effects tun werden, ist, dass Sie alle Ihre Dateien einbringen. Ich mag es, einen Dateiordner mit einem After Effects zu erstellen und sie einfach alle darin zu behalten , damit sie nicht mit etwas anderem verwechselt werden. Wir gehen in diesen Ordner, gehen zu unserer Charakteranimation und ziehen diesen gesamten Ordner in den Dateiordner. Jetzt haben wir deine Charakteranimation da drin. Wir gehen weiter und nehmen diese Hintergrundebenen. Wenn Sie nun die Hintergrundebenen aufnehmen, möchten Sie nicht den gesamten Ordner ziehen, sondern alle einzelnen Dateien in einen Ordner ziehen. Also ziehen wir den Ordner der Charakteranimation. Wir greifen den ganzen Ordner, weil wir wollen , dass diese Dateien zusammenbleiben, weil sie eine Animation sind. Aber für die Hintergrundebenen wollen wir, dass sie jeweils ihre eigene separate Datei mit einem After Effects sein. Also werden wir diese einzeln hineinfahren. Sie erstellen also eine Komposition für Ihre Charakteranimation, eine Komposition für Ihre Hintergrundebenen, jedoch viele Hintergrundebenen, die Sie haben. Wenn Sie also drei Hintergrundebenen haben, benötigen Sie drei Kompositionen für diese. Sie verschieben alle diese in Ihre endgültige Komposition, und Sie passen das Timing dort an, bis Sie eine nahtlose Schleife erhalten, die richtig Timeout aussieht. Also, jetzt werde ich einen anderen Ordner erstellen und ich werde diese Vorkomps nennen. Dies ist ein bisschen ein zusätzlicher Schritt, aber es macht es einfacher, später Änderungen vorzunehmen, wenn Sie es tun müssen. Also im Grunde werde ich nur eine Reihe von separaten Kompositionen machen und ich werde sie von der Größe dieser zu stützen. Also werde ich mit der Charakteranimation beginnen und wenn Sie darauf klicken, können Sie sehen, dass die Größe dieser Datei zwei oder 2.220 Pixel mal 1.800 Pixel beträgt. Also Komposition, neue Komposition und ich möchte, dass es so groß ist. Sie müssen das Klicken auf Sperr-Seitenverhältnisse aufheben , damit Sie es sich um ein Rechteck anderer Größe handeln können. Also erschaffen Sie das. Legen Sie es in diesen Ordner. Also ziehen wir es in Precomps. Klicken Sie auf diese Option öffnen. Um eine Datei und After Effects umzubenennen, Sie einfach die Eingabetaste. Wir werden diesen Charakter nennen. Ziehen Sie das jetzt in diese Precomp. Jetzt haben Sie diese Datei mit einem After Effects. Das dauert also nur weniger als eine Sekunde und wir wissen, dass unsere finale Animation länger sein wird. Ich versuche, deine finale Animation unter 12 Sekunden zu halten. Wenn Sie also auf die Ebene klicken und Befehl D drücken, wird eine Kopie erstellt. Also, im Grunde kopieren wir nur all diese Ebenen. Sie können mehrere gleichzeitig ausführen. Wenn Sie dann Shift Command Klammer drücken, werden alle diese Ebenen nach vorne gebracht. Also, da gehst du. Wir haben alles kopiert, so dass es die ganzen 12 Sekunden dauern wird. Jetzt wird die finale Animation wahrscheinlich nicht so lange dauern, aber es ist gut, sich ein wenig zusätzlichen Platz zu geben. Also der letzte Schritt für diese Komposition, trimmen kommen, um Arbeitsbereich und das ist nur gehen, um es nach unten zu schneiden. Trimmen Sie die ganze zusätzliche Zeit, die wir am Ende hatten. Jetzt gibt es Komposition, es gibt 12 Sekunden. Wir werden das Gleiche für all diese anderen Schichten tun. Wir werden nur ihre eigenen Kompositionen erstellen. Für alle ihre Hintergrunddateien gibt es keine Animation. Es wird also nur eine Standebene sein, so dass Sie keine Anpassungen vornehmen müssen , wenn Sie sie in diese Kompositionen innerhalb von After Effects einbringen . Der einzige Grund, warum ich dies tue, ist später, wenn Sie zurückgehen und Änderungen an den Dateien vornehmen müssen, können Sie diese Dateien ersetzen. Wenn Sie eine Animation durchgeführt haben , bleibt diese in der Precomp. Nein, es ist nicht in der Akte. Also machen wir eins für das Auto und ziehen dann das Auto hinein. Ich habe hier falsch erraten, also sehen Sie, wie das mit dieser Komposition, Kompositionseinstellungen abschneidet und dann muss es ein wenig breiter sein. Wenn Sie also nur die Breite ziehen, wird Ihre Komposition breiter, oder Sie können hineingehen und eingeben. Also machen wir es 2.200. Da gehen wir. Machen Sie einen für die Skyline. Ich sehe hier, dass 7.496 von 1.080. Sie können auch hier die Zeit ändern. Ich weiß, ich will, dass all das 12 Sekunden dauern, also ändern wir das immer noch. Skyline und ziehen Sie dann Ihre Skyline hierher. Stellen Sie dafür sicher, dass das Feld so ausgerichtet ist , dass, wenn Sie alle in derselben Komposition platzieren, sie auf die gleiche Weise ausgerichtet sind wie in Photoshop. Wir werden die Gebäudeschicht machen. Diese haben alle die gleiche Größe. Also jetzt habe ich all diese Vorkomps mit meinen Dateien von Photoshop. Hier unten werden Sie sehen, sind alles Kompositionen, die ich offen habe, und Sie wollen sicher sein, dass Sie an der richtigen arbeiten. Also werde ich zu dieser Skillshare Animation gehen. Klicken Sie also darauf, Sie können entweder dort klicken, oder Sie können es hier klicken. Aber stellen Sie sicher, dass wir zurück zur Komposition von 1920 x 1080 sind. Jetzt werden wir uns auf diese Precomp konzentrieren. Also lassen Sie Ihre Dateien Ordner, wir ziehen nichts von denen in diese endgültige Komp, wir verwenden nur diese Vorkomps hier. Also schnappen Sie sich Ihren Charakter, und wir werden das in diese Komposition ziehen. Also habe ich größer dafür gearbeitet, weil ich möchte, dass es einfacher ist, mehr Details zu erstellen. Aber jetzt müssen wir das verkleinern, weil es zu groß ist. Wenn Sie also auf dieses kleine Dropdown-Menü klicken, erhalten wir all diese verschiedenen Optionen für die Transformation, und wir möchten skalieren. Wir animieren diese Transformation nicht, wir müssen keine Bewegung innerhalb der Zeitleiste erstellen. Also werden wir das einfach runterziehen. Also jetzt haben wir den Charakter dort, und diese Komposition ist auch wenig lang, wir wollen, dass es 12 Sekunden dauern. Also werde ich das und die Komposition hinunterziehen, die in Richtung Arbeitsbereich kommen kann. Jetzt haben wir sie und sie ist bei der endgültigen Komposition. Grundsätzlich erkennt After Effects Dateien, daher weiß es, dass dies eine PNG-Sequenz ist, die ich als Animation erkennen möchte, also hat es nur die gleiche Animation, die wir aus Photoshop exportiert hatten. Also, jetzt nehmen wir unsere Skyline. Die Skyline wird hinter ihr sein, diese Gebäude werden hinter ihr sein. Sie können die Reihenfolge der Ebenen ändern, indem Sie diese an verschiedene Positionen innerhalb der Zeitleiste hier unten ziehen. Im Grunde genommen ist der letzte Schritt bei der Erstellung dieser Animation, die Position dieser Veränderung zu haben, so dass es aussieht, als würde sie ihr Fahrrad an diesen Gebäuden vorbeifahren. Beginnen wir also mit dieser Gebäudeschicht. Sie können ausschalten, wenn Sie mit ein wenig ausschalten, wenn Sie auf dieses kleine I-Symbol klicken, es macht diese Ebene unsichtbar, also tun wir das. Also werden wir diese Schicht von Gebäuden auswählen, was auch immer, Hintergrundschicht, die Sie denken, nimmt die meiste Menge an Platz. So ist diejenige, die Sie hauptsächlich während der Animation sehen werden, ich denke, es ist gut, sich zuerst auf diese zu konzentrieren, und dann können Sie das Timing der anderen Ebenen von der Haupt-Hintergrundebene basieren. Also werde ich mit diesen Gebäuden anfangen. sicher, dass Sie diesen Hintergrund gestartet haben, der nicht eine Schleife durchführen sollte, während diese Sie Ihre Datei so einrichten sollten, dass eine Seite mit der anderen Seite übereinstimmt. Also beginne entweder am Ende, ich werde in der Mitte beginnen, nur damit ich Timing versprechen kann, klicken Sie auf die Position kleine Uhr. Dieser Keyframe ist also unser Anfang, also wird es dort anfangen. Gehen Sie dann zum Ende Ihrer Timeline und ziehen Sie diese den ganzen Weg, bis der Hintergrund übereinstimmt. Jetzt, wie Sie sehen können, habe ich ein wenig Leerraum, der hier angezeigt wird, und eine Möglichkeit, das zu beheben, ist, wenn Sie zu Ihren Gebäuden gehen, möchten Sie nur ein Duplikat Ihrer Hintergrundebene erstellen. Also geh zu deinem Gebäude Precomp, ich mache das viel länger, lass es uns schaffen. Dann duplizieren Sie das. Stellen Sie sicher, dass es sich hinter Ihren anderen Layern befindet, damit Sie es sehen können. Also innerhalb dieses Building Precomp, nur in Sie gehen im Grunde nur duplizieren Sie Ihre Hintergrundschicht , so dass Sie im Grunde eine Hintergrundebene sein müssen. Wenn sich die Position des Hintergrunds ändert, wo er beginnt, möchten Sie zwei von ihnen, so dass es durchlaufen kann und am Anfang davon, kann wieder durchlaufen, so dass Sie sehen, dass der erste Frame das gleiche wie Ihr letzter Frame ist. In Ordnung. Dann gehen wir zurück, also sehen Sie jetzt, dass wir nicht mehr diesen leeren Raum haben, der früher genau da war, das war vorher leer. Jetzt ist dies die Animation in ihrem aktuellen Zustand. Wie Sie sehen können, haben wir die Gebäude, die vorbeigehen, im Grunde ist der einzige leere Raum, den wir haben, genau dort, wo der zweite geschichtete Hintergrund sein wird, aber wenn Sie sich entschieden haben, nur einen Hintergrund mit einer Schicht zu haben, im Grunde ist dies Ihr Endprodukt. Wir haben diesen Teil der Skyline hier hinten, ich hatte ihn vorerst unsichtbar gemacht. Also mal sehen, wann es auftauchen sollte, ist genau hier. Wenn Sie also zum ersten Mal anfangen können, diese Datei zu sehen, möchten Sie, dass sie sich bewegt. Also werden wir gehen, um uns zu transformieren und wir werden dasselbe tun, was wir für den ersten gemacht haben. Also Position, jetzt können Sie sehen, dass ich den zweiten Positionspunkt noch nicht erstellt habe, also bewegt er sich überhaupt nicht. Wir gehen zum letzten Punkt, wo Sie in der Lage, den Hintergrund zu sehen , der hier ist. Also werden wir es überlegen. Dies ist weiter vom Viewer entfernt, sodass sich diese Ebene langsamer bewegen soll. Also, jetzt werde ich das dort spielen. Sie können sehen, dass es sich zu schnell bewegt. Also schlüpfen Sie einfach da hin. Dieser Teil ist also nur ein bisschen pingeliger. Sie werden nur mit dem Timing dieser arbeiten, gründlich nur das Timing, das Sie im Grunde nur bewegen diese innerhalb Ihrer Timeline. Sie werden nur sicher sein , dass diese Keyframes richtig sind, wenn diese Ebene angezeigt wird. Also genau da ist, wenn sie aufhören können, sich zu bewegen, und genau hier ist, wenn es anfangen muss. Sie spielen nur mit diesen Keyframes herum, und wie viel Sie möchten, dass sich jede Ebene bewegen, bis Sie etwas gefunden haben, das gut funktioniert. Das einzige wirkliche Gesetz ist, was weiter weg in der Ferne sein sollte langsamer als das, was näher an den Betrachter ist. Also, jetzt werde ich in das Auto und das Vordergrundgebäude hinzufügen. Also hier habe ich im Auto hinzugefügt, Ich habe gerade zwei Positions-Keyframes erstellt und After Effects behandelt den Rest weiß an einem. Von diesem Punkt zu diesem Punkt bewegen wir uns, dann legen wir es dahinter. Jetzt mache ich den letzten Schritt, ich werde im Vordergrundgebäude hinzufügen. Dies ist völlig optional. Ich mag die Hauptfigur aus Ihrer Sicht während der Animation geschnitten werden, ich denke, es schafft ein wenig Interessen. Wenn du den Charakter für ein wenig nicht sehen kannst, also werde ich sie hinter dieses Gebäude gehen lassen. Stellen Sie also sicher, dass sich diese Ebene im Vordergrund befindet, sodass sie sich vor Ihrer Charakterebene befinden soll. Also Position, die gleiche Sache, die wir für alle anderen Ebenen getan haben. Das ist Ihnen am nächsten, also wird es sich am schnellsten bewegen. Also wollten wir es ziemlich schnell wissen. Los geht's. Dann ist das einzige Problem, das entstehen wird, mit Ihrer letzten Schleife, weil wir hier am Ende dieses Gebäudes nicht haben, das ein Problem sein wird , wie Sie sehen können. Da gehst du. Also, was wir tun werden, um zu beheben, dass diese duplizieren, drücken Sie dieses kleine Dropdown-Menü, so dass Sie eine Transformation Keyframes sehen können. Dieser Keyframe ist also unser Anfang. Also werden wir das einfach bis zum Ende ziehen, so dass das der letzte Frame ist. Also, wenn Sie hier gehen, können Sie sehen, dass das richtig ist. Also löschen Sie diesen. Also jetzt haben wir diesen letzten Rahmen, der ist, was wir brauchen, um die komplette Schleife zu erstellen. Aber jetzt hat das keine Animation. Gehen Sie also einfach ein wenig in die Zeit zurück und erstellen Sie einen weiteren Positionsschlüsselbild genau hier, so dass er in den Rahmen kommt und dann aus dem Rahmen kommt, und es gibt Ihre endgültige Animation. Nun, da Sie alle Ihre Dateien erstellt haben, bringen Sie sie alle in After Effects ein und erstellen Sie die endgültige Animation. Als Nächstes werden wir unsere finale Animation erkunden und als MP4 speichern, damit Sie sie teilen können. 9. Letzte Gedanken: Jetzt haben Sie Ihre endgültige Animation in After Effects. Also, jetzt müssen wir das exportieren. Klicken Sie also auf Datei, Exportieren, Zur Renderwarteschlange hinzufügen. Jetzt wird es Ihre Renderwarteschlange aufrufen. Es gibt ein paar verschiedene Möglichkeiten. Wir werden nicht über viele von ihnen kümmern, außer, wenn Sie hier klicken, wird dies sein, wo es Ihre MOV-Datei speichert. Also lasst uns einfach sparen. Ich werde es nur auf meinem Desktop speichern, damit es zugänglich ist. Klicken Sie also auf Speichern. Nun, dort wird es ausgegeben, und dann klicken Sie einfach auf „Rendern“. So, jetzt haben Sie Ihre MOV-Datei, die Sie von After Effects gespeichert auf Ihrem Desktop. Also werden wir diese MOV-Datei, die wir in After Effects erstellt zurück in Photoshop ziehen . PS, von Photoshop, können wir MP4-Dateien speichern, was Sie wollen, wenn Sie es auf Instagram oder den meisten anderen Orten online teilen möchten . Photoshop können Sie es auch als GIF speichern, wenn Sie auch ein GIF haben möchten. Sie werden also auf Datei, Exportieren, Video rendern klicken. Sie werden dies auf Adobe Media Encoder umstellen. Sie möchten die H.264, Hohe Qualität, und dann, Sie möchten sicherstellen, dass diese auf Dokumentgröße festgelegt ist, die 1920 x 1080, und klicken Sie dann auf Rendern. Sobald Sie Ihre MP4-Datei haben, stellen Sie sicher, dass Sie sie in die Projektgalerie hochladen , weil ich wirklich aufgeregt bin zu sehen, was Sie erstellt haben. Nun, da Sie dieses Projekt abgeschlossen haben, hoffe ich, dass Sie einige der Dinge, die Sie hier gelernt haben, nehmen und wirklich weiter mit Video-Ebenen in Photoshop und auch innerhalb von After Effects experimentieren , weil es eine großartige -Werkzeug in Ihrer Toolbox zu haben. Ich bin so froh, dass du dich entschieden hast, diesen Kurs zu nehmen. Ich bin wirklich aufgeregt zu sehen, was du kreierst. 10. Entdecke weitere Kurse auf Skillshare: