Grundlagen der Frame-by-Frame-Animation

1. Einführung: Mein Name ist Kyle Cernicky. Ich bin ein Art Director und Designer, der derzeit in New York arbeitet, und ich spezialisierte mich auf digitales Design, das wirklich jede Art von Design ist, die online zu finden ist. Alles, was wirklich von Web-Seiten bis hin zu Social-Media-Inhalten und alles dazwischen. Eines der wirklich coolen Dinge, die ich am digitalen Design liebe und was macht es wirklich interessant mich ist, dass Sie die Möglichkeit haben, Animation und Motion Graphics zu nutzen. Das ist es, was ich euch heute ein bisschen hier beibringen werde. In dieser Klasse werden wir eine Zellanimation erstellen. Ich werde euch drei verschiedene grundlegende Arten der Illustration zeigen , die ein anderes Aussehen und Gefühl in jedem der Endprodukte und auch drei verschiedene Beispiele dafür schaffen der Endprodukte und auch drei verschiedene , wie Zellanimation angewendet werden kann. Wir werden mit Zellanimation auf eigene Faust beginnen und dann in die zelluläre Animation auf einem Bild bewegen, und dann enden mit Zellanimation oben auf Video. Wirklich, was ich möchte, dass Sie dieser Klasse wegnehmen, ist, dass Design an seiner grundlegendsten Definition wirklich nur Problemlösung ist. Aber mit Design gibt es wirklich keine richtige oder falsche Antwort darauf, wie das Problem gelöst wird, und ich denke, Sie werden das in dieser Klasse sehen, wenn wir eine grundlegende gelöste Animation nehmen und es in drei sehr unterschiedliche Endprodukte verwandeln. Vergiss nicht, mir zu folgen und auch diese Klasse zu überprüfen. Ich würde gerne Ihr Feedback hören und dann, wenn Sie das Projekt abgeschlossen haben, vergessen Sie nicht, Ihr endgültiges Projekt in der Projekt-Galerie zu posten. 2. Kursprojekte, Tipps und Tricks: Ordnung Leute, ich werde diese Klasse beginnen, indem ich euch einige hilfreiche Tipps und Tricks zeige , um sie während des Unterrichts im Auge zu behalten. Hier habe ich die endgültigen Versionen von dem, was wir schaffen werden. Dies ist die cel-Animation auf eigene Faust. Nur eine Frame-für-Frame-Illustration von, Ich illustrierte meinen Hund. Du bist frei zu illustrieren, was du willst. Teil 2 ist eine cel-Animation auf einem Bild. Ich entschied mich, dieses Produktbild hier zu verwenden, dieses Parfüm. Dann ist Teil drei die Animation auf einem Video. Jetzt mit diesen drei Teilen, wenn Sie Frame für Frame tun, was wir für Teil eins hier tun werden, dann wird es als GIF exportiert. Sie können sehen, dass wir es direkt aus Photoshop als gif exportieren können. Aber für das oben auf einem Bild und oben auf Video, diese werden als MOVs oder MP4-Dateien exportiert, so dass ich euch zeigen werde wirklich schnell, wie man diese in GIFs leicht verwandelt. Was ich mache, ist, dass ich eine Website namens EZgif benutze, also ist es E-Z-G-I-F. Dann machen Sie Video zu gif. Wählen Sie eine Datei aus. Ich werde dieses Parfüm benutzen. Offen. Laden Sie Video hoch. Sie können in der Ecke hier sehen, dass es hochgeladen wird. Es zeigt Ihnen eine Vorschau, wie das Video aussieht, und dann können Sie das Video hier unten komprimieren. Ich werde nur 500 Pixel machen, in gif konvertieren. Es wandelt sich um und diese Mütze tanzt. Da gehst du. Es wird Ihnen eine Vorschau des GIF zeigen und dann müssen Sie einfach Speichern auswählen. Es wird hier runterkommen und für dich sparen. So nehmen Sie eine Videodatei und wandeln sie in ein GIF um. Jetzt ist das ein GIF, das ich schleifen werde. Es ist auch eine komprimierte Datei, so dass es einfach die Freigabe, über bestimmte E-Mails. Ein weiterer hilfreicher Tipp hier ist Zwiebelfelle und das ist etwas, das ich nennen werde, wenn wir anfangen, es auch zu benutzen. Aber eine Zwiebelhaut ist im Grunde eine Schicht, mit der Sie den vorherigen und den nächsten Rahmen sehen können. Dies ist meine Animation auf Video, die ich später in dieser Klasse näher eingehen werde. Aber wirklich, so sieht es aus ohne Zwiebelhäute und das ist, wenn Sie Zwiebelhäute aktivieren. Dies ist wirklich hilfreich, wenn Sie Frame für Frame tun und möchten, dass die Dinge subtil verwendet werden oder sich leicht mit jedem Frame bewegen. Sie können sehen, wo der letzte Frame war und den nächsten Frame entsprechend platzieren. Zwiebelfelle sind deine Freunde. Wir möchten diese auf jeden Fall verwenden, wenn wir eine Timeline in Photoshop verwenden. Ein paar andere Dinge hier, Leute. Ich werde nur ein neues Dokument starten, um Ihnen einige Photoshop-Verknüpfung zu zeigen , wenn Sie neu in Photoshop sind. Lassen Sie mich meine Zeitlinie loswerden. Ein paar Abkürzungen hier. B ist die Pinselverknüpfung. Wir möchten den Pinsel verwenden, um unsere Frame-für-Frame-Animationen zu machen. Wenn wir mehr Hand, illustriert oder skizzenhaft aussehen wollen , ist P die Abkürzung für Stift, also ist dies der Stift hier unten und der Stift ähnelt dem Werkzeug in Illustrator. Damit können Sie Ankerpunkte zeichnen. Wenn Sie benutzerdefinierte Form zeichnen möchten, ist es. Dann ist A die Verknüpfung, um einzelne Ankerpunkte zu verschieben. Wenn Sie eine Form zeichnen und die Punkte verfeinern möchten, wird dies mit A. Wenn Sie das Stiftwerkzeug verwenden, wählen Sie P aus, und Sie möchten, dass es sich um eine Form handelt. Stellen Sie sicher, dass Sie Shape in diesem Dropdown-Pfeil hier oben auswählen. Dieses Dropdown-Menü hier oben, nicht Pfad. Pfad ist für, wenn Sie auf entlang eines Pfades eingeben möchten, was wir mit dem Stift Werkzeug werden wir eine Form verwenden. Was ich jetzt mache, ist „Rückgängig“. Diese Verknüpfung ist Befehl Z, um rückgängig zu machen. Auch ein hilfreiches Werkzeug, der Radiergummi, die Verknüpfung ist E, Radiergummi. Dann für die Bürste und Radiergummi. Um es größer zu machen, werden Sie die oben Klammer verwenden wollen, die große Klammer. Um es kleiner zu machen, verwenden Sie die untere oder kleinere Halterung. Diese beiden Tasten befinden sich neben dem P auf Ihrer Tastatur. Größer ist die größere Halterung, kleiner ist die kleinere Halterung. Dies ist für den Radiergummi und das Pinselwerkzeug. Um die Weichheit des Pinsels oder Radiergummis anzupassen, halten Sie die Umschalttaste gedrückt und verwenden die gleichen Klammern. Um den Pinsel härter zu machen oder die Kanten scharfer zu machen, halten Sie die Umschalttage-große Klammer gedrückt. Das ist so hart wie der Pinsel kann und um ihn weicher zu machen, halten Sie Shift-kleinere Klammer gedrückt und das ist, um die Kanten weicher zu machen, damit Sie den Unterschied dort sehen können. Dasselbe mit dem Radiergummi. Dann einfach zu zoomen und verkleinern Sie Ihre Leinwand Command Plus ist zu zoomen, Befehl Minus, um zu verkleinern. Wenn Sie dann die Leertaste gedrückt halten, können Sie auf eine beliebige Stelle klicken und ziehen. Dies wird hilfreich sein, wenn Sie mit Ihren Illustrationen detailliert sind. Sie können leicht vergrößern und verkleinern und ziehen, um die Dinge so aussehen zu lassen, wie Sie es wirklich wollen. Das sind meine Tipps für euch. Nur einige Dinge, die ich möchte, dass Sie im Hinterkopf behalten, wenn wir vorwärts gehen. Wir gehen voran und beginnen mit der Zellanimation auf eigene Faust. Es könnte ein wenig schwierig sein, damit zu beginnen, aber denken Sie daran, dass dies meiner Meinung nach die schwierigste ist, nur weil Sie sich nicht auf externe Medien verlassen können. Wenn Sie durch den ersten Teil dieser Klasse bekommen können, können Sie leicht weitergehen, um die Animation mit Bild und Animation auf Video zu tun. Lasst uns damit anfangen. 3. Was ist Cel Animation: Hey Leute, lasst uns anfangen. Bevor wir in den Brainstorming-Teil springen, möchte ich nur ein wenig darüber definieren, was cel-Animation ist. Im Grunde ist cel-Animation nur eine Reihe von Illustrationen, die zusammengestellt werden, um eine Animation oder eine Bewegungsgrafik zu erstellen . Ich denke, dieses Beispiel hier zeigt das wirklich gut. Denn oben können Sie die grundlegenden Skizzen sehen, mit denen diese Kreative begann, und dann unten können Sie das endgültige Produkt sehen. Dann werde ich euch nur kurz ein paar andere Beispiele zeigen. Ich dachte, das hier wäre echt cool. Es zeigt Ihnen, dass Sie cel-Animation für mehr als nur Illustration verwenden können, wie einfache Illustration oder Cartooning. Es kann für expressive Typografie verwendet werden, wie wir es hier getan haben. Diese, die ich dachte, war eine coole Art der Illustration. Es ist nicht so komplex einer Illustration, sehr einfacher Stil, minimale Farbpalette, aber wirklich effektiv, vor allem mit der Schleife, die diese Kreative gebaut hat. Das bedeutet, dass der letzte Frame der Illustration und der erste Frame der Illustration identisch sind, so dass die Animation kontinuierlich ohne Unterbrechung ausgeführt werden kann. Dann, wenn wir voran gehen und ein wenig mehr Beispiele für cel-Animation sowie beginnen, Brainstorming auf das, was Sie wollen, zu erstellen. Wir kommen zurück auf die Homepage von Pinterest und suchen einfach nur cel animation. Dann wird es Ihnen eine Menge Beispiele geben. 4. Grundlegende Animation: Brainstorming: Zunächst beginnen wir mit Brainstorming für unsere erste grundlegende cel-Animation. Um das zu tun, werden wir hier auf Pinterest beginnen. Hier beginne ich gerne viele meiner Projekte. Es hilft mir nur wirklich, meine Kreativität zu fließen, hilft mir, an neue Ideen zu denken und mich zu inspirieren. So beginne ich viele meiner Projekte, gerade zu Pinterest kommen. Ich denke, für meine erste cel-Animation, die cel-Animation ohne externe Medien, nur grundlegende Frame-für-Frame-Illustrationen, um eine Animation zu erstellen, werde ich wahrscheinlich etwas ziemlich Einfaches tun. Ich werde nur zu Pinterest kommen und nach einfachen Illustrationsstil suchen. Dann hier wird es Ihnen eine Menge Beispiele geben, und wie ich schon sagte, mache ich das normalerweise, wenn ich ein Projekt beginne. Ich scrollen einfach durch und ich suche nach Dingen, die mich interessieren, Stile, die ich für cool halte, oder Stile, die ich selbst tun konnte, diejenigen, die zu meinem kreativen Ton passen. Dann können Sie einfach ein Brett erstellen. Ich bin sicher, dass viele von euch bereits wissen, wie man Pinterest benutzt. Ein anderer Ort, nach dem ich in der Regel nach Inspiration suche, ist nur in meinem wirklichen Leben. Ich werde die Inspiration nehmen, die ich von Pinterest bekommen habe, um meinen Hund zu animieren. Hier ist sie. Ihr Name ist Sydney. Ich habe dieses Bild, das immer toll ist, um von einem Bild zu beginnen. Das ist im Grunde, wie Sie brainstormen. 5. Grundlegende Animation: Skizze: genau dort auf, wo wir aufgehört haben, hier auf meinem Pinterest-Board, wie Sie sehen können, habe ich einige Suche um und einige zusätzliche Bilder gefunden , die ich für meine erste Beseitigung ziemlich cool hielt. Ich mag diesen hier wirklich besonders. Ich denke, der Stil ist wirklich lustig und verspielt und es zeigt wirklich die Haltung des Hundes, die ich definitiv rosa für meinen Hund machen werde, weil sie so eine Diva ist. Ich denke, dieser Stil gibt Ihnen auch ein wenig Wackelraum so weit wie die Präzision der Illustrationen. Dies kann ein bisschen mehr freie Hand sein und Sie können ein wenig liberaler mit Ihren Zeichnungen und es wird immer noch kommen wirklich, wirklich toll. Also, wenn gesagt, lasst uns mit der Skizze hier beginnen. Es gibt wirklich eine Reihe von Möglichkeiten, wie Sie skizzieren können. Sie können freie Hand zu tun. Sie können ein Tablet verwenden. Ich werde ein Wacom-Tablet verwenden, das an meinen Computer angeschlossen ist, wobei gesagt wird, ich werde hier runter zu meinem Photoshop kommen. Lassen Sie es sich öffnen. Dann gehe ich einfach auf die Schaltfläche Öffnen, die hier ist und dann mein Bild, das ich als Basis verwenden möchte, ich gehe voran und öffne es. Öffnen Sie in diesem Fenster gleich hier. Großartig. Entsperren Sie das einfach, weil ich es eine Ebene behalten möchte, nicht einen Hintergrund. Dann komme ich hierher zur Deckkraft und lasse sie einfach ein bisschen runter fallen, weil ich es sehen möchte, aber ich möchte auch sehen können, worauf ich mich ziehe. Etwa 90 Prozent sind groß, hängt vom Bild ab. Vielleicht müsst ihr etwas tiefer gehen. Dann komme ich zu meiner Werkzeugleiste und wähle den Pinsel aus. Oder Sie können b drücken und dann können Sie mit meinem Stift sehen, wie groß der Pinsel ist, aber Sie können den Pinsel nach oben und unten auf Ihrer Tastatur als Tastenkombinationen skalieren. Verwenden Sie die größere Halterung, um nach oben zu gehen und die kleinere Halterung nach unten zu gehen. Sie können auch die Weichheit Ihres Pinsels anpassen, indem Sie die Shift gedrückt halten. Wenn Sie also Shift drücken, große Klammer, wird es die Bürste härter machen. So können Sie diesen Schlaganfall sehen. Dann gehe ich einfach zu Command + Z, um das loszuwerden. Oder Sie können die Bürste weicher machen, indem Sie Shift drücken und in der kleineren Halterung halten. So können Sie sehen, dass diese Linie eine weiche Kante hat. Dann werde ich Befehl + Z drücken, um das verschwinden zu lassen. Sobald Sie Ihren Pinsel hier fertig haben, ist das erste, was Sie tun möchten, bevor Sie mit der Illustration beginnen erstellen Sie eine neue Ebene mit diesem kleinen gefalteten Papiersymbol. Dies ermöglicht es Ihnen, oben auf dem Bild zu zeichnen , ohne das darunter liegende Bild zu beeinflussen. Sie sollten jedes Mal eine andere Ebene erstellen wenn ein unabhängiger Teil des Bildes verschoben werden soll. Also zum Beispiel, wenn ich hier oben einen Kreis zeichnen wollte, und dann wollte ich, dass sich dieser Kreis unabhängig von diesem Dreieck bewegt. Jetzt, da sie sich auf der gleichen Ebene befinden. Ich werde nur das Bewegungswerkzeug auswählen, um Ihnen dies zu zeigen , oder Sie können V für eine Verknüpfung drücken. Sehen Sie, wie sich diese beiden Elemente zusammenbewegen. Anstatt, wenn ich hier unten eine neue Ebene für das Dreieck erstelle. Dann können Sie sehen, dass wir diese Ebene bewegen, ich kann das Dreieck separat bewegen und dann den Kreis getrennt. Sie möchten wirklich über Ihre endgültige Animation nachdenken, damit Sie die richtigen Skizzendateien einrichten können . Also ihr Kopf, ich will nur in der Lage sein, auf eine Achse zu neigen, während sie sich bewegt, der Körper bleibt ziemlich an der gleichen Stelle. Nur die Details des Fells werden sich leicht bewegen. Also werde ich zwei Ebenen erstellen. Dann werde ich einen Kopf beschriften und einen Körper beschriften und dann sind wir bereit, mit der Illustration zu beginnen. 6. Grundlegende Animation: Gebäude: Alles klar Jungs, willkommen zurück und wie ihr sehen könnt, habe ich einige Farben zu meiner Illustration auf meinem Hund Sidney hier hinzugefügt. Sie können sehen, dass die Krone getrennt ist, der Körper ist getrennt und der Kopf ist getrennt. Dies ist so, dass wir diese Stücke unabhängig voneinander bewegen können , während wir die zelluläre Animation erstellen, sowie der Hintergrund ist getrennt. Dann, wenn wir sie abschalten, können Sie das Originalbild hier sehen. Wenn Sie sich entschieden haben, Ihre Illustration per Hand zu skizzieren, ist das 100 Prozent in Ordnung. Jetzt ist die Zeit, wo Sie es in Photoshop bringen müssen. Wir werden diese Zeitleiste hier unten benutzen. Wenn Sie mit Ihrer Illustration nicht ganz zufrieden sind, ist das okay. Es ist alles ein Lernprozess und diese Klasse bezieht sich speziell auf Zellanimation, nicht auf Illustrationen. Wichtig ist, dass wir die Schritte beim Animieren dieser Illustration verstehen. Was ich getan habe, ist nur eine Zeichenfläche hier zu erstellen. Meine Leinwand befindet sich in einer Zeichenfläche. Dann gehe ich zum Ebenen-Panel und wähle diese Zeichenfläche aus und drücke dann einfach Befehl J. Was ich hier tun möchte, ist das Fell ein wenig leuchten zu lassen und ihren Kopf in der Krone schweben zu lassen. Damit ich das tun kann, muss ich das Fell ein wenig modifizieren und den Kopf leicht kippen und die Krone bewegen. Verschieben oder die Krone ist der einfachste Teil, ich kann einfach die Kronenebene auswählen und die Umschalt- und Pfeiltasten gedrückt halten, um sie zu bewegen, oder ich kann sie einfach so schieben, wo ich es will. Ich gehe einfach zu Tastenanschlägen und eins nach links. Dann werde ich den Kopf drücken Befehl T für Transformation wählen, und kippen Sie es einfach ein wenig. Dann drücken Sie Enter und ich werde es einfach rüber schieben, damit es besser ausrichtet. Dann möchte ich, dass sich das für ein wenig bewegt, also werde ich den Kopf auswählen. Dafür gehe ich zum Liquefy Tool, gehe zu Filter Liquify. Dann können Sie sehen, dass es hier oben ist, Befehl plus zum Vergrößern. Da ist es. Dann ist meine verflüssigte Bürste jetzt enorm, ich werde sie weiter unten schrumpfen. Dann werde ich nur die Linien leicht bewegen , nur so dass Sie eine subtile Bewegung mit der Kopfneigung bekommen, aber nichts drastisches. Dann werde ich schieben OK. Sie können sehen, ob ich Befehl Z schiebe, Sie können sehen, wie es jetzt aussieht, aber so sah es vorher aus. Edit, Redo, so sieht es jetzt aus. So sieht es vorher aus, super subtil. Dann werde ich dasselbe mit der Leiche machen. So sieht es jetzt aus, das ist es, was es vorher war, Bearbeiten, Redo, sehen, wie es jetzt und vorher aussieht, immer so leicht. In diesem Schritt können Sie sehen, dass wir den Kopf geneigt haben, wir haben die Krone angehoben und die erste leicht angepasst. Wir werden diesen Schritt hier wiederholen. Ein kleiner Trick, den ich gelernt habe, ist aus dem vorherigen Frame aufzubauen. Anstatt mit dem Originalbild zu beginnen, wird mit dem zweiten Frame beginnen. Ich werde tatsächlich den zweiten Frame kopieren, ihn Frame 3 umbenennen. Dann hier können Sie sehen, die Krone ist an der gleichen Stelle und das Fell ist an der gleichen Stelle, und die Köpfe an zweiter Stelle. Wir müssen eine Veränderung nicht so drastisch machen. Ich werde die Menge weiter leicht nach oben bringen. Ein Schub und ein Schub. Dann neigen Sie den Kopf immer so etwas mehr. Dann werden wir die Linien im Fell des Kopfes und des Körpers anpassen , wie wir es beim letzten gemacht haben. Wir werden diesen Schritt einfach weiter machen. Durch die Erstellung der Layer aus der ursprünglichen Ebene in, haben wir uns auf den Weg zurück zur ursprünglichen Abbildung gemacht. Jetzt hier sehen Sie, ich habe alle meine sechs Rahmen sind voll illustriert. Ich denke, wahrscheinlich der am deutlichsten sichtbare Unterschied in den Rahmen oder den verschiedenen Positionen der Krone. Sie können sehen, wie es hier oben geht und dann wieder runter an Ort und Stelle steht. Dann wird es hier wieder herumschleifen und rauf und runter gehen. Gleiches mit der Kopfneigung in der Welle. Sie möchten sicherstellen, dass jeder Rahmen korrekt dargestellt wird. Wenn Sie möchten, dass es eine Schleife ist, müssen Sie sicherstellen, dass der erste Frame und der letzte Frame genau identisch aussehen, oder wenn nicht, identisch sind. Dann, was Sie von hier aus tun, werde ich dieses Dokument speichern, Speichern unter. Dann, was wir tun werden, ist Datei, Export, Zeichenflächen in Dateien. Wenn Sie dies tun, stellen Sie sicher, dass Sie auf einer bestimmten Zeichenfläche ausgewählt sind , da dann nur diese eine Zeichenfläche exportiert wird. Stellen Sie sicher, dass Sie auf einer Ebene in der Zeichenfläche „ Datei“, „Exportieren“, „Zeichenflächen in Dateien“ ausgewählt sind. Dann möchten Sie sicherstellen, dass Sie wissen, wo Sie es speichern. Ich werde es im Ordner speichern. Dann sehen Sie hier das ist, was jeder der JPEGs benannt wird, gefolgt von dem Namen der Zeichenfläche. Ich werde es nur Sidney Illustration nennen und dann wird es Frame 1, 2, 3, 4, 5 oder 6. Ich möchte es hier als JPEG exportieren. Dann schieben Sie einfach den Lauf. Großartig. Dann, was ich tun werde, ist Öffnen Sie ein neues Dokument und lassen Sie die Basisschicht Frame 1 sein. Öffnen Sie einfach Frame eines der JPEG, die Sie gerade illustriert haben, und kommen Sie dann wieder nach unten, wo es heißt, Frame Animation erstellen. Dies wird unser erster Rahmen sein. Dann fügen wir hier alle anderen Rahmen hinzu oder öffnen Sie einfach Ihren Finder und ziehen Sie dann die restlichen Frames auf Ihr Bild. Meine Animation hat sechs Frames, ich werde sechs Frames in der Timeline hier unten erstellen, 1, 2, 3, 4, 5, 6. Sie können die Zahlen in der Ecke sehen. Sie gehen zurück zum ersten Frame und blenden alle späteren Frames aus und stellen Sie sicher, dass dies der erste Frame ist, da diese Aktion dann auf die folgenden Frames angewendet wird . Wenn wir nach unten gehen, werden wir auf Frame 2 klicken. Dann lassen Sie Frame auftauchen, Frame 3, lassen Sie Frame 3 Pop, vier, lassen Sie Frame 4 auftauchen, fünf, gleiche Sache und so weiter und so weiter. Im Moment ist das Timing auf Null Sekunden gesetzt, was wirklich schnell ist. Ich werde 0,2 Sekunden machen. Dann können Sie hier ändern, wenn Sie möchten, dass es dreimal, einmal oder für immer Schleife. Ich habe meins als eine Schleife entworfen. Ich werde es für immer sagen. Dann werde ich es einfach loslassen. Da hast du es. Auch hier können Sie die Geschwindigkeit einstellen, damit ich es loslegen kann. Keine Verzögerung, das ist die schnellste Geschwindigkeit, die ein wenig zu schnell ist. Ich kann es etwas langsamer machen. Ich kann eine volle Sekunde pro Frame machen, was meiner Meinung nach ein bisschen langsam ist. Ich werde 0,2 Sekunden machen. Ich denke, das ist, was ich möchte, dass meine Animation sein. Aber auch hier können Sie Ihre Animation an jede gewünschte Geschwindigkeit anpassen. Dann schauen Sie sich die nächste Lektion an, um zu sehen, wie wir diese Animationen exportieren. 7. Grundlegende Animation: Exportieren: Alles klar, Leute, herzlichen Glückwunsch. Sie haben gerade Ihre erste Zellanimation hier beendet. Der letzte Schritt, das Einschließen, ist nur das Exportieren. Wirklich für diese Art von Frame-für-Frame-Animation gibt es nur einen Weg, dies zu tun. Super einfach. Sie gehen nur Datei, Export, Speichern für Web, und dann wird dieses kleine Fenster kommen und Sie gehen wollen, um zu gehen, GIF, die verschiedenen Zahlen oder wie viele Farben sind in der GIF. Manchmal sieht man ein GIF und die Farben sind deaktiviert, das liegt wahrscheinlich daran, dass es bei einem 64. Die Dithered versus No Dither ist, wie die Farben ineinander diffundieren. Für diesen wirklich grundlegenden Stil der Illustration gibt es nicht wirklich ein Problem. Du könntest einen 64 machen, kein Dithered und es wird immer noch gut aussehen. Aber ich in der Regel nur für Best Practice neige dazu, bei 128 Dithered zu exportieren und Sie können alle Farben sehen, die in die Illustration gehen. Wenn Sie die Größe Ihres Bildes hier ändern möchten, ist das völlig in Ordnung. Ich mach es wahrscheinlich ein bisschen nach unten. Es muss nicht wirklich so groß sein. Ich werde es nur auf 80 Prozent verkleinern und es wird die Pixel hier machen. Wie Sie sehen können, sieht es immer noch gut auflösend aus. Dann klicken Sie auf „Speichern“. Ich werde es hier in meinem SID-Ordner speichern, und ich werde es nur sidney.gif nennen. Sparen Sie, und dann bringe ich es auf. Sie können es hier sehen und es ist ein GIF. Da gehst du. So machen Sie einen sehr einfachen Stil der Frame-für-Frame-Animation. Wenn Sie in die nächste Lektion klicken möchten, Sie, wie Sie dieses Format mit Bildern kombinieren können. 8. Animation und Bild: Brainstorming: Na gut, Leute, willkommen zurück. Hier sind wir wieder, beginnend mit dem zweiten Teil unserer dreiteiligen Lektion zurück auf Pinterest, wo ich sagte, ich würde gerne die meisten meiner Projekte beginnen, um Inspiration zu bekommen und nur meine Kreativität fließen zu lassen. Für den zweiten Teil werden wir die cel-Animation, die wir gelernt haben, weiter ausbauen. Dieses Mal werden wir Bilder verwenden, was komplizierter klingt, aber es macht den Prozess ein bisschen einfacher. Also wirst du das sehen. Nur für Sie, um ein paar Ideen zu bekommen, habe ich einige Beispiele dafür gezogen, wie das aussieht. Hier ist ein wirklich tolles Beispiel, das cel-Animation mit Bildern verwendet und es ist nicht mit Stop-Motion zu verwechseln. Eine Menge davon ist Stop-Motion, die eine Reihe von Bildern ist. Cel Animation ist eine Reihe von Illustrationen. Insbesondere die Typografie am Anfang ist das, was hier cel-Animation verwendet, sowie einige der hinzugefügten illustrierten Elemente am Ende. Ich habe es wieder spielen lassen. Dann hier noch ein paar weitere. Sie können sehen, dass sich die Bilddaten selbst nicht bewegt. Das wäre Stop-Motion. Es ist nur die Illustration, die sich bewegt und das ist, was es zur Animation macht. Auch hier können Sie verschiedene Illustrationsstile sehen, die hier ins Spiel kommen. Hier ist ein weiteres Beispiel. Dies wiederum nutzt einige Stop-Bewegung. Die Bilder der Äpfel im Rücken sind die Stop-Bewegung, aber die Animationen und die Spritzer, diese sind cel Animation. Dies ist etwas, das Sie sehen werden, viel mit Produkt verwendet. Dann ist hier ein weiteres Beispiel. Hier bewegt sich das Glas in der Mitte oder der Boden und die Mitte nie wirklich. Nur die Illustrationen und die Topographie um die Außenseite geben dem Video Animationen oder Bewegungseffekte. So können Sie wirklich eine Menge Cel-Animation machen. Nur für den praktischen Gebrauch hier werde ich ein grundlegendes Produktbild auswählen und eine cel-Animation erstellen. Dafür gehen wir auf diese Website, die ich gerne benutze. Es heißt pexels.com. Es verfügt über kostenlose Bilder und kostenlose Videos. Dafür werde ich nur eine Flasche als mein generisches Produkt suchen. Nur basierend auf dem, was du auf Pinterest gesehen hast und was du dich inspiriert fühlst, kannst du jede Art von Produkten auswählen, die du möchtest. Sie können Ihr eigenes Bild nehmen, zu dem Sie cel-Animation hinzufügen möchten, völlig in Ordnung. Lebensmittelfotografie ist großartig dafür. Also werde ich nur dieses Bild auswählen. Ich mag die Blume und ich denke, Blumen wachsen an den Seiten der Flasche wird etwas wirklich niedlich und verspielt, dass wir hier animieren können und auch die Ästhetik dieses Bildes passen. Ich werde nur hier gehen und „Free Download“. Das wird auf meinen Computer heruntergeladen und dann können wir den Skizzierprozess im nächsten Video starten. 9. Animation + Bild: Skizze: Ich habe gerade mein Bild hier heruntergeladen. Ich gehe zurück in meinen Photoshop. Ich habe noch meine letzte Animation hier geöffnet. Ich werde nur weitermachen und mein neues Bild öffnen, und mein neues Bild öffnen das sich in meinem Download-Ordner befindet, da ich es gerade heruntergeladen habe. Hier ist es. Ich werde das umbenennen und das an einem anderen Ort speichern. Für den Skizzier-Teil werde ich nur einige grobe Umrisse machen und mit den Farben spielen und herausfinden, was genau ich die Zellanimation tun soll. Ich bin hier auf der Bürste. Ich denke, es könnte schön sein, ein paar Blumen hier rauszukommen. Ich spiele einfach mit ihm herum. Ich werde einen raffinierteren Stil der Illustration machen. Das hilft mir nur, Ideen zu bekommen, wie die Physik der Animation zum Leben erweckt wird. Mit einem Bild zu arbeiten, denke ich, ist ein wenig einfacher, als nur eine Zellanimation alleine zu machen, einfach weil Sie das Produkt haben, mit dem Sie arbeiten können, und Sie können davon losgehen. Was ich hier mache, ist, dass ich eine gemeinsame Animation um die Seite der Flasche wickeln und dann auspacken könnte. Wie ich schon sagte, die Blumen, die hier blühen, könnten schön sein. Vielleicht haben wir das Parfüm verpasst. Spielen Sie einfach weiter damit, und finden Sie heraus, was Sie tun möchten, und bringen Sie Ihre Skizze an einen Ort, an dem das ist was ich möchte, dass es aussieht, wenn es die meisten Animationen gibt. Dann ist das, wenn es nicht bereits digital, bringt es in einen digitalen Raum, so können wir beginnen, die Animation oben zu bauen. 10. Animation + Bild: Gebäude: In der letzten Lektion haben wir unsere Skizzen oben auf dem Bild fertig gestellt, das Sie ausgewählt haben. Wie Sie hier sehen können, habe ich meine Skizze fertig gestellt. Ich habe ein wenig raffinierter Stil, die letzte Illustration, die ein bisschen mehr freie Hand war, aber dieses Mal benutze ich das Stift-Werkzeug mit dem Pinselwerkzeug oben für einige der Details. Du wirst mehr davon sehen, wie das funktioniert, wenn ich beginne, dieses Cel aus zu bauen. Ich möchte diese Animation mit Ihrer Skizze so ziemlich ausgebaut beginnen, also müssen Sie sie auf der Oberseite aufbauen, wenn Sie die Frames bauen. Was wir tun wollen, ist Datei, speichern Sie als JPEG. Wir werden ein neues Fenster mit dem flachen JPEG öffnen. Da ist es, großartig. Dann werde ich nur damit beginnen, das ein wenig zu beschneiden. Es gibt kein wirklich Illustrationselement hier drüben, also werde ich nur diese Seite herausschneiden und sie zentrierter bringen. Sie können zuschneiden, indem Sie die Verknüpfung C verwenden und dann einfach ziehen und dann eingeben oder markieren. Dies wird meine Hintergrundebene sein, und dann werde ich im Grunde nur Frame für Frame darüber zeichnen, um es wickeln und drücken und spritzen zu lassen. Was wir jetzt tun wollen, ist zurück zu Fenster und Timeline zu gehen, und anstatt eine Frame-Animation zu erstellen, dieses Mal werden wir eine Video-Timeline zu machen. Da sind wir. Das sieht ein wenig anders aus, anstelle des Frame-für-Frames erhalten Sie diese Timeline. Dies wird wieder die Schicht sein, auf der ich nachfolge. Ich werde die Deckkraft ein wenig senken, und dann, was Sie tun möchten, ist Datei, Place Embedded. Sie möchten Ihr Originalbild hinzufügen und es dann einfach ausrichten. Da gehen wir. Ich werde das einfach hinter sich legen und auch die Deckkraft ein wenig senken. Großartig. Jetzt haben Sie diese beiden Video-Ebenen, diese Ebene Null ist nur zu verfolgen. Ein paar verschiedene Tipps, um dies einfacher zu machen, ist, dass Sie Zwiebelfelle aktivieren möchten, die im Grunde eine Zwiebelhaut können Sie sehen, was die vorherige Schicht hat, oder der vorherige Rahmen hat. Im Grunde, wenn ich etwas auf dem ersten Frame zeichnen würde, genau wie ein großes Smiley Gesicht hier, und dann gehe ich zum nächsten Frame. Sie können es immer noch transparent sehen, aber es ist nicht wirklich auf diesem Rahmen. Wenn ich Zwiebelfelle deaktivieren würde, würden Sie es nicht sehen, aber gehen Sie zurück und es ist auf diesem Rahmen. Ich werde das löschen und dann Zwiebel-Skins wieder aktivieren, und dann etwas anderes, das Sie sicherstellen möchten, ist, dass Sie die Timeline-Framerate festlegen möchten, 30 Bilder pro Sekunde. Es wird Ihnen eine Menge Details geben. Es heißt im Grunde, dass Sie 30 verschiedene Illustrationen oder 30 verschiedene Illustrationen pro Sekunde machen werden, was viel ist, und das ist nicht wirklich notwendig die ganze Zeit. Wenn Sie eine super sanfte Animation möchten, müssen Sie mehr Frames pro Sekunde machen. Ich denke jedoch, für dieses Szenario wäre es in Ordnung, 23 oder 15 sogar Frames pro Sekunde zu machen. Ich werde es auf 15 Bilder pro Sekunde reduzieren. Es wird eine Choppier-Animation sein, aber es wird wirklich die Anzahl der Frames einschränken, die Sie erstellen müssen , um diese Animation zu erstellen. Ich habe mein Basisbild im Hintergrund und dies wird am Ende ein Teil der Animation sein, das Endprodukt. Dann habe ich diese Ebene, die ich durchgängig verfolgen werde, die ich bereits anhand der Skizzierungsphase illustriert habe. Dann gehe ich weiter und schnappe mich das Stift-Werkzeug und ich zeige euch Jungs, wie man das benutzt. Wie ich schon sagte, dies ist eine andere Art der Illustration, für die ich denke, dass das Stift-Werkzeug besser geeignet ist als der Pinsel. Ich gehe weiter und benutze das Stift-Werkzeug hier unten. Wenn ich das Stiftwerkzeug verwende, wird es eine weitere Formebene hier unten in der Timeline erstellen. Ich werde nur an der Basis der Animation beginnen, wo ich möchte, dass die Bewegung beginnt. Dort können Sie sehen, es begann eine neue Formebene, und dann habe ich meine Skizzenebene und meine Bildebene. Ich werde es nur um einen Rahmen verschieben, und dann werde ich diese Schicht genau hier schneiden. Stellen Sie sicher, dass die Shape-Ebene ausgewählt ist, und drücken Sie dann die Schere, und Sie können diese dann löschen . Wenn Sie jedoch genau hinsehen, da Sie Zwiebelfelle aktiviert haben, können Sie immer noch sehen, was die letzte Form ohne es in diesem Rahmen vorhanden ist. Dies ist, wenn es im Rahmen ist, und das ist, was die Zwiebelhaut, können Sie es subtil sehen. Jetzt wissen Sie, wie Sie die Form kontinuierlich verschieben, so dass es der nächste Schritt danach ist. Ich werde einfach so gehen. Verwenden Sie einfach das Stift-Werkzeug, um Ankerpunkte direkt dort zu zeichnen, und fahren Sie dann mit dem nächsten Frame fort. Stellen Sie sicher, dass Sie diese Form ausgewählt haben und drücken Sie dann die Schere, und dann gehen Sie, können Sie die Form subtil wieder sehen, aber so wird es aussehen. So wird es in der Animation aussehen, und dann ist es, wie eine Zwiebelhaut ermöglicht es Ihnen, sie zu sehen. Zwiebelhaut ist super, super hilfreich für cel-Animation, weil es Sie auf sich selbst bauen können. Ich werde dies nur weiter mit den Ankerpunkten tun , um entlang meiner Skizze aufzubauen. Wir verschieben es Frame für Frame, bis die vollständige Bewegung meiner Skizze abgeschlossen ist. Wirklich ist diese Skizze nur eine Richtschnur. Wenn Sie feststellen, dass Sie anfangen, es zu machen und es nicht genau der Skizze folgt , ist das völlig in Ordnung. Auch hier bewegt sich die Animation sehr schnell, so dass nicht jeder Frame vollkommen perfekt sein muss, weil Sie diesen Frame nur für eine Sekunde sehen werden. Was ich dann auch hier tun werde, ist, dass ich eine neue Ebene, neue leere Video-Ebene hinzufügen werde . Sie werden sehen, dass es in Ihrer Timeline angezeigt wird. Ich werde es rüber schieben, also ist es über die gesamte Zeitachse. Was ich tun möchte, wenn ich anfangen möchte, die Pinselstriche hinzuzufügen, die sich hier oben auf meiner Skizze befinden, werden diese in der Video-Ebene gezeichnet. Stellen Sie also sicher, dass Sie sich hier auf der Video-Ebene Sie zeichnen sie nicht auf einem Shape falls Sie diese in der endgültigen Animation entfernen möchten. Wenn Sie sicher wissen, dass Sie das in der endgültigen Animation haben möchten, können Sie es auf Ihre Form zeichnen, aber ich halte meine Ebenen gerne getrennt und unabhängig voneinander, falls es etwas gibt, das ich ändern Sie sich später. Dann wähle ich einfach meinen Pinsel aus und gehe hierher, und ich benutzte einen Kalligraphiepinsel, um diese Details zu machen. Ich werde nur sicherstellen, dass ich wieder auf dem Pinsel bin, und dann werde ich hierher zurückkommen und die Deckkraft für eine Sekunde erhöhen, damit ich die richtige Farbe bekommen kann. Ich werde hier nur Farbe fallen lassen, dann senken Sie die Deckkraft, damit Sie Ihre Zwiebelhäute sehen können. Wählen Sie die Ebene aus, bürsten Sie, stellen Sie sicher, dass Sie auf der richtigen Farbe sind. Ich denke, ich werde wollen, dass das ein bisschen leichter wird. Auch hier muss nicht alles perfekt zu Ihrer Skizze passen, es ist nur eine grobe Richtlinie. Ich werde das hier beginnen und dann zum nächsten Frame übergehen. Wenn Sie sehen, können Sie diese Zeile immer noch sehen. Ich werde hier gehen und es erweitern, also sieht es so aus, als würde es sich bewegen, und dann werde ich eine andere Form mit dem Stift machen. Wenn Sie es zu irgendeinem Zeitpunkt schwierig finden, die Zwiebelschalen zu verwenden, können Sie die Einstellungen ändern. Sie können die Deckkraft der Zwiebelhaut senken oder die Deckkraft erhöhen, so dass diese es leichter zu sehen macht. Sie können auch den Füllmodus ändern. Es hängt von der Farbe Ihres Bildes ab , was Ihnen am besten hilft. Ich denke, meine ist am besten im Multiplizieren und etwa 75 Prozent. Lassen Sie mich den Stift benutzen, eine andere Form zeichnen. Ich möchte, dass sich meine Pinselstriche leicht bewegen, da sich dieses Band um die Flasche wickelt. Ich bewege den Pinselstrich leicht, wie er geht. Sie können sehen, wie es beginnt, zusammen zu kommen, und Sie werden sehen, wie Ihre Layer erstellt werden, während Sie gehen. Dies ist nur wieder der Anfang, aber Sie können sehen, wie der rote über die Flasche kommt, sowie der goldene Pinselstrich beginnt sich zu bilden. Ich werde nur weiter mit dem ganzen Weg nach oben, bis die Flasche vollständig umwickelt. Wie Sie sehen können, sind diese vorherigen Ebenen Schritte gewesen, so dass, wenn die neue Form beginnt, die andere Form nicht mehr sichtbar ist, aber diese eine werde ich zwei Formen gleichzeitig sichtbar machen wollen, so dass diese Ebenen auf jedem Sonstiges. Wie Sie hier sehen können, habe ich viele Ebenen vor sich, und das liegt nur daran, dass ich mich etwas Frame für Frame bewege. Nur weil ich will, dass dieses Band schön in den Nebel fließt. Ich bin fast fertig. Ich habe fast alles herausgezogen. Ich werde nur Zwiebel-Haut-Tier deaktivieren, damit Sie sehen können. Selbst wenn Sie einfach durchschrubben, können Sie es testen. Ich werde nur hier weitermachen und mit dem Spray fertig machen, und dann werde ich euch in der nächsten Lektion zeigen, wie man das speichert und exportiert. 11. Animation + Bild: Exportieren: In Ordnung, Jungs. Also habe ich gerade alle Ebenen beendet, um meine Animation zu erstellen. Ich habe hier eine Menge, nur weil in meiner Animation viel los war. Jede dieser violetten Formen oder jede dieser violetten Schichten hat eine andere Form. Dann hat diese blaue Schicht alle meine Pinselstriche drauf. Nur weil jedes Mal, wenn Sie eine neue Form erstellen, mit dem Stift eine neue lilafarbene Ebene erstellt wird. Sie können in meinem Ebenenbedienfeld sehen, ich habe 41 Formen, um diese Animation zu erstellen. Dann hat die eine Ebene alle meine Illustrationen. Wenn Sie alle Ebenen fertig sind, können Sie hier mit dieser so kleinen Bergkette in einer großen Bergkette Ihre Timeline vergrößern und verkleinern. Sie können hineinzoomen, indem Sie auf eine große Bergkette gehen und verkleinern, indem Sie sich in Richtung der kleinen bewegen. Wenn Sie verkleinern, können Sie sehen, dass Sie die Länge der Zeitachse anpassen können. Ich werde nur meine ansprechen, wo meine Animation abgeschlossen ist. Sehen Sie hier, das ist die letzte meiner Spucke, die rauskommen. Ich ziehe nur diesen kleinen Marker nach unten. Dort beginnt und endet meine Animation. Wenn Sie dann durch, hin und her blättern möchten, können Sie sehen, wie die Animation zum Leben erweckt wird. Denken Sie nun daran, dass dies mit Zwiebelschalen auf ist. Ich gehe voran und deaktiviere die Zwiebelhäute. Dann sieht mein Originalbild aus. Sie können blättern oder Sie können hier hin und her schrubben, um die Animation zu sehen. Was ich dann auch getan habe, ist, dass ich hier die Deckkraft heraufzog. Sie verwenden dieses Bild nur als Vorlage. Ich brachte die Deckkraft auf und ich habe auch diesen Spieler entfernt, der Ihre Skizze hatte. Verstecken Sie einfach die Schicht. Dann werde ich wieder an den Anfang schrubben. Dann kannst du auf deiner Timeline auf „Play“ klicken. Taste hier spielen. Beobachten Sie, wie Ihre Animation zum Leben erweckt. Wenn Sie irgendwelche Fehler sehen, können Sie immer Push Play und dann stoppen Sie es. Sagen Sie, ich habe dort Fehler gesehen. Ich mag nichts an der Art, wie dieser Pinselstrich aussieht. Alles, was Sie tun müssen, ist die Ebene auszuwählen, die Ihren Pinselstrich hat. Ich kann den Radiergummi verwenden, der Abkürzung e ist, und ich kann es einfach löschen. Kein Biggie Command Z wird es zurückbekommen. Dasselbe gilt für alle Form-Layer. Sie lassen sich alle leicht anpassen. Einige andere schnelle Verknüpfungen hier, wenn Sie es pausieren und Sie scheinen es nicht auf den richtigen Frame zu bekommen , um einen Frame vorwärts zu bewegen, wie dies hier. Ein Frame rückwärts ist hier Rückwärtsschlüssel. Sie können nur Frame für Frame verschieben. Es ist auch cool zu sehen, wie sich Ihre Animation langsam wie folgt bewegt. Jetzt werden wir das exportieren. Wie wir das tun, ist gehen Sie zu diesem Hamburger-Symbol, wo Sie Zwiebelfelle aktivieren. Was Sie wählen „Video rendern“. Es wird eine Sekunde dauern. Dann, was ich typischerweise rendere, ist H.264. Dadurch erhalten Sie eine Mp4-Datei. Wenn Sie mit einem transparenten Hintergrund exportieren möchten, möchten Sie ein schnelles Zeitvideo machen. Wenn Sie einen transparenten Hintergrund wünschen, in dem Sie eine Zellanimation erstellt haben , die Sie auf etwas anderes legen möchten, wird das QuickTime sein. Aber dafür möchte ich, dass es oben auf dem Bild steht. Ich werde nur H.264 tun, was wieder eine Mp4-Datei ist, die Sie hier sehen können Parfüms Skizze. Mp4. Ich werde dies in Parfüm-Animation ändern und dann werde ich den Ordner auswählen, den ich in diesem Ordner auf Bild exportieren möchte , der alle meine Arbeitsdateien enthält. Dann werden wir nur wählen „Rendern“ und es wird exportieren Video rendern. Aber es sieht so aus, als wäre es fertig, hier zu exportieren. Ich gehe einfach zu meinem Finder, zu dem Ort, an dem ich ihn gespeichert habe. Dann ist es hier. Sollte als Mp4, die eine Videodatei ist, ausgenutzt werden. So erstellen Sie eine Zellanimation über einem Bild. Fühlen Sie sich frei, Ihre endgültigen Projekte im Panel des Projekts zu posten. Ich würde gerne sehen, was ihr getan habt und mich in meine nächste Lektion einstimmen , die ich euch zeigen werde, wie man diesen Effekt auf einer Videodatei erzeugt. 12. Animation +Video: Brainstorming: Jungs, willkommen zurück zu Teil 3, um über Zellanimation zu lernen. Hier sind wir wieder an meinem Lieblingsplatz, um Pinterest Brainstorming zu machen. Für diese Lektion werden wir Brainstorming darüber, was wir für unsere Zellanimation auf Video erstellen wollen. Wieder habe ich einige Beispiele für euch gezogen, um euch zu überprüfen. Animation oben auf Video ist das ähnliche Konzept. Es ist eine Reihe von Frame-für-Frame-Illustrationen, die zusammengestellt wurden, um Bewegung zu erzeugen. Diesmal haben wir einen Videohintergrund eingebaut. Ich dachte, das wäre ein wirklich cooles Beispiel. Ich denke, es veranschaulicht die Bewegung im Video wirklich gut, und das ist eine sehr fortgeschrittene Zellanimation. Dies geht wahrscheinlich 23 Frames pro Sekunde, wenn nicht 29 oder 30, also ist es super glatt und sehr detailliert. Hier ist ein weiteres Beispiel. Das ist etwas langsamer und ein bisschen hacker. Etwas weniger Frame pro Sekunde, würde ich sagen. Das ist ein weiteres großartiges Beispiel. Hier ist noch eine. Oft mal mit Zellanimation, habe ich nur mit weißen Skizzeneffekten gesehen. Nur ein weißer Pinsel, nur weil das Weiß sich vor dem bewegten Hintergrund abhebt. Dann noch eine coole, die ich euch zeigen wollte, die ich auf meinem Instagram gesehen habe, und sie haben tatsächlich einen Skizzeneffekt mit ihm sieht aus wie ein Pinsel, aber dann haben sie ein Leuchten hinzugefügt, so dass es neon aussieht. Für mich, was ich tue, so Animation oben auf Video, Ich benutze es in der Regel, um die Bewegung zu betonen. Ich denke, abgesehen von diesem Video hier, dieses Video sieht aus, als ob es Skizze verwendet um die Storytelling Elemente des Videos zu sichern. Aber ich denke, es macht wirklich Spaß, wenn Bewegung zu zeigen was dieses Video tut, sowie dieses Video. Für dieses Projekt werde ich euch bitten, etwas auszuwählen , wo ihr Bewegung zeigen könnt. Für mich, wohin ich gerne gehe, werde ich Stock Footage und Stock Bilder zu bekommen ist Pixel. Wir gehen zu Pixels, und die Homepage bringt Sie zu Bildern. Aber wir wollen sicherstellen, dass wir Pixels Video suchen, also suchen Sie nach Pixels Video. Ich werde nach Skateboard-Videos suchen, weil ich denke, das wäre etwas, das wirklich cool, um einen lustigen Effekt hinzuzufügen. Sie können hier einfach durchblättern. Pixel hat eine Menge von Optionen. Wenn du ein tanzendes Video willst, kannst du das nachsehen, und es gibt eine Menge. Aber für mich persönlich denke ich, ich werde mit einem Skateboard-Video gehen. Gehen Sie voran und nehmen Sie sich einige Zeit Jungs, um herauszufinden was Sie wollen, dass Ihre Zellanimation oben sein. Ich werde voran gehen und mir eines dieser Skateboard-Videos aussuchen. Wenn ihr selbst etwas filmen wollt, auf euren Smartphones, ist das völlig in Ordnung und das wird definitiv funktionieren. In der nächsten Lektion werde ich Ihnen beibringen, wie Sie Storyboard out und planen für Ihre Zellanimation oben auf Video. 13. Animation+Video: Storyboarding/Skizze: Willkommen zum nächsten Teil der Zellanimation auf der Oberseite von Videos. Dies ist, wo wir links von, Blick auf Pixel Videos. Dies ist diejenige, die ich zum Herunterladen gewählt habe. Ich denke, das ist toll, weil nicht nur im Skateboarding zeigt, was wir einige coole Effekte machen können, sondern es zeigt auch den Herbst. Welche mit der Abbildung oben, können wir wirklich zeigen, die Auswirkungen von. Ich ging einfach voran und habe es hier heruntergeladen. Dann ging es in meinen Downloads-Ordner. Dann habe ich das Video geöffnet und dann habe ich es einfach durchgeschrubbt und in verschiedenen Bereichen angehalten. Wenn es angehalten ist, um einen Screenshot zu machen, habe ich Command Shift 4 gemacht, und dann ist es kein Vollbildschirmfoto, aber Sie können diesen kleinen Cursor auf die Größe des Bildschirms ziehen und ihn dann für ein wenig spielen lassen. Angehalten. Dann Screenshot, Befehlshalt 4. Da gehen wir hin. Das Gleiche, was ich gerade gemacht habe, dass alle paar Frames. Dann, was das für uns tut, ist es eine Basis von Bildern, die wir in unseren Skizzen als Thumbnails verwenden können , um oben zu skizzieren, so dass wir planen oder Storyboard. Dann, wenn Sie diese Screenshots haben, hier ist alles von mir. Sie können sie auslegen und drucken und dann Pauspapier oder nur einen Marker oder etwas verwenden , um darüber zu skizzieren, wenn Sie es vorziehen, von Hand zu skizzieren. Ich ziehe es vor, digital zu skizzieren. Ich ging voran und legte hier ein paar Kunstbretter an. Ich habe 12 Rahmen und meine Skizzen. Die erste ist keine Illustration. Ich möchte einfach anfangen zu spielen, wie die Skateboarder um die Ecke kommen. Dann fange ich mit einigen wirklich einfachen Illustrationen an. Ich entschied mich, nur weiß zu tun, sehr skizzenhafte Stil Illustrationen, weil ich denke, dass geht mit Skateboarder Grunge Effekt des Videos. Dann können Sie hier sehen, wenn der Herbst beginnt zu passieren, Ich fange an, den Boden hervorzuheben, um einen Aufprall zu zeigen. Wenn sein Fuß auf den Boden trifft, und dann nach unten in, wenn der Rest des Körpers trifft. Dann rollt er aus dem Rahmen und die Kritzeleien, folgen Sie ihm einfach aus. Wenn Sie diese einrichten, wenn Sie digital skizzieren, habe ich gerade den ersten Screenshot in Photoshop geöffnet und dann Ebene, neue Kunsttafel von dieser Ebene. Dann kopieren Sie einfach, die mit der Command J-Duplikatfunktion gelangweilt sind, wie wir es im ersten Teil dieses Kurses getan haben. Duplizieren Sie für wie viele Frames Sie haben, ziehen Sie jeden Screenshot und dann benutze ich einfach das Pinselwerkzeug hier. Was du tun würdest, zeige ich dir in diesem letzten Bildschirm. Was Sie tun würden, ist, Sie haben Ihren Screenshot hier, erstellen Sie eine neue Ebene, wählen Sie das Pinselwerkzeug, B ist die Verknüpfung. Du zeichnest einfach, was du willst. Wenn Sie etwas nicht mögen, wie zum Beispiel, ich ziehe in ihn, können Sie das Radiergummiwerkzeug verwenden. Sie können auch verschiedene Optionen mit verschiedenen Layern ausprobieren. Sagen Sie, das ist eine Option und ich möchte die Ebene ausblenden, eine neue erstellen und dann möchte ich vielleicht, dass diese eine dickere Bürste und eine andere Farbe ist. Vielleicht will ich, dass es rot ist. Dann kann ich das Radiergummi-Tool verwenden, um zu löschen, damit es nicht vor ihm ist. Deshalb ziehe ich es vor, digital zu skizzieren, weil es Ihnen erlaubt zu sagen: „Okay. Gefällt mir das? Oder gefällt mir das?“ Vielleicht willst du beides. Aber ich denke, digital gibt es Ihnen die Möglichkeit, wirklich zu testen und zu spielen viel mehr. Aber noch einmal, wenn Sie einen Stift und Papier bevorzugen oder physische Skizzen, das ist auch völlig in Ordnung. Das ist der Prozess des Story-Boarding und des Skizzierens Ihrer Idee für solide Informationen über Video. Dies kann auch oft als Rotoskop-Animation bezeichnet werden. Lassen Sie uns mit dem Segway in die nächste Lektion eingehen, die tatsächlich Ihre Zellanimation auf dem Video aufbaut. 14. Animation +Video: Gebäude: Na gut, Leute, willkommen zurück. Wir haben damit aufgehört, Ihnen zu zeigen, wie Sie Ihre Animation über Video Storyboard machen können. Jetzt werden wir direkt in den Aufbau der Animation springen. Ich habe mein Storyboard hier in einem in Photoshop geöffnet. Was ich jetzt tun werde, ist mein Video in einem anderen Tab in Photoshop zu öffnen . Hier haben wir es. Du kannst es durchspielen und es wird ziemlich abgehackt. Das ist zu erwarten. Es liegt daran, dass Photoshop nicht dazu gemacht wurde, ein Bearbeitungsvideo abzuspielen. In der nächsten Lektion werden Sie sehen, wie wir dies anders exportieren müssen, da Photoshop nicht für Video erstellt wurde. Was wir anfangen werden, ist, dass wir zurück an den Anfang schrubben werden. Ich werde einige von diesem Video abschneiden , nur weil ich die Animation beginnen lassen werde. Wenn Sie das Skateboard sehen und das Video schneiden können, wird es einfacher, mit zu arbeiten. Ich werde es dort beschneiden. Wählen Sie einfach die Video-Ebene aus und drücken Sie die Schere. Ihr solltet euch daran erinnern, als wir die Animation auf einem Bild erstellt haben und dann löschen. Dann habe ich den kleineren Clip, den ich bearbeiten möchte. Das erste, was wir tun möchten, ist eine neue Video-Ebene zu erstellen. Ebene, neue Video-Ebenen, neue abspielende Video-Ebene. Dann wird es in der gleichen Videogruppe erscheinen, aber wir wollen es auf dem Originalvideo haben. Wir werden diese Ebene wie folgt auf die Videogruppe ziehen. Dann ziehen wir es über das Video. Der Grund, warum wir dies tun, ist, dass wir auf dieser Video-Ebene zeichnen können. Dann können wir es verschwinden lassen oder es erscheinen lassen und das darunter liegende Video nicht davon betroffen haben. Wir können es auch löschen, ohne das Video darunter zu löschen. Wenn Sie die Video-Ebene ausgewählt haben und Sie auf dieser Video-Ebene zeichnen und dann Sie sie löschen möchten, würden Sie am Ende auch das Video selbst löschen. Das wollen wir hier vermeiden. Gehen Sie weiter und wählen Sie die Video-Ebene erneut aus. Ich werde in meine Timeline zoomen und Zwiebelfelle aktivieren. Dann schrubben Sie nur Frame für Frame und stellen Sie sicher, dass Sie diese Ebene oben auf dem Originalvideo ausgewählt haben. Wählen Sie den Pinsel mit der Tastenkombination b. Dann gehen Sie einfach weiter und stellen Sie sicher, dass Sie hier unten die richtige Farbe ausgewählt haben und beginnen Sie mit dem Zeichnen. Auch hier mache ich einen sehr freihändigen, skizzenhaften Look and Feel. Nur weil ich denke, es ist Grunge und geht mit dem Ton meines Videos. Aber wenn Sie möchten, dass es geometrischer ist und Sie das Stiftwerkzeug verwenden möchten, oder wenn Sie Form verwenden möchten, was auch immer Sie wollen. Solange Sie Frame für Frame gehen, ist es alles gleich. Dann schrubben Sie einfach bis zum nächsten. Wie Sie sehen können, wird meine Zwiebelhaut mir erlauben zu sehen, wo der letzte Rahmen aussieht. Ich werde nur grob oben zeichnen, so dass es sich leicht bewegt. Stellen Sie sicher, dass Sie einen Frame nach dem anderen schrubben. Andernfalls erhalten Sie einen Rahmen, in dem eine Illustration nicht sichtbar ist, es sei denn, das ist etwas, das Sie wollen. Aber wenn Sie zu weit schrubben, Sie nicht in der Lage sein, die Illustration mit Ihrer Zwiebelhaut so zu sehen. Ich kann keine Illustration sehen. Das bedeutet, dass ich mehr als einen Rahmen entfernt habe. Wenn Sie mehr vergrößern, ist das hilfreich, wenn Sie langsamer schrubben. Es ist einfacher, den Cursor nur ein wenig zu bewegen, wenn Sie mehr vergrößert sind. Auch hier, ähnlich wie die Animation auf dem Bild, ist es wirklich in Ordnung, wenn Sie nicht mögen, wie ein einzelner Frame aussieht. Das sind derzeit 29 Bilder pro Sekunde weil es Video ist, das Sie immer verlangsamen können, wenn Sie müssen, aber es ist sehr schnell. Es ist 129.Sekunde, die Sie für jeden Frame ausgeben werden. Solange Sie die allgemeine Bewegung jedes Frames nach unten bekommen, spielt es keine Rolle, wie der einzelne Rahmen aussehen wird. Gehe einfach weiter Frame für Frame, bis du zum Ende deines Videos kommst. In Ordnung, Leute, also habe ich hier meine Frame-für-Frame-Illustrationen vollendet. Sie können eine Vorschau Ihrer Animation anzeigen, indem Sie Frame für Frame durchblättern. Wenn Sie Push Play und konnte nicht auch eine abgehackte Version davon sehen. Aber um die glatte Version zu sehen, müssen wir sie exportieren und dann das Animationsvideo über das ursprüngliche Video in After Effects schichten . Ich werde euch zeigen, wie man das in der nächsten Lektion macht. 15. Animation +Video: Exportieren: Wir haben gerade unsere cel-Animation auf einem Video beendet. Ich werde euch zeigen, wie man das exportiert und es dann für das Endprodukt zusammenstellt. Wie ich schon in der letzten Lektion sagte, Photoshop ist nicht wirklich dazu gedacht, Videos zu bearbeiten. Was wir hier tun werden, ist, dass wir diese Video-Ebene verstecken und die Illustrationen mit dem transparenten Hintergrund exportieren. Wir werden hier unten auf dieses Hamburger-Symbol klicken, Video rendern, und ich habe darüber in einer der früheren Lektionen gesprochen. Wir werden nicht tun H.264, weil das MP4 ist und Sie keine transparenten Kanäle in MP4 haben können, wir werden eine schnelle Zeit zu tun und diese schnelle Zeit wird es uns ermöglichen, einen transparenten Hintergrund zu haben. Dann gehen wir nach unten zu Alpha-Kanal, Straight-Unmatted, und der Alpha-Kanal ist der transparente Kanal; also Straight-Unmatted und dann wählen Sie den Ordner, in den Sie exportieren möchten. Ich werde an Video arbeiten, wählen Sie diese, und sagen Sie, Skateboard-Animation, und dann gehen Sie voran und rendern. Beim Rendern möchten Sie sicherstellen, dass die Zeitachse auf den Anfang und das Ende der Animation festgelegt ist. Dann gehen Sie weiter und schauen Sie sich das in Ihrem Finder an, wenn das Rendern fertig ist. Stellen Sie sicher, dass es sich um einen transparenten Hintergrund handelt, und wie Sie hier sehen können, ist es das. Wenn es auf Schwarz ist, bedeutet das, dass es transparent ist. Sie können die Animation hier sehen, aber es ist ohne das Video im Hintergrund. Was wir jetzt tun wollen, stellen Sie sicher, dass wir es an der richtigen Stelle speichern, auf Video. Sie sind gerettet und Sie können ersetzen. Dann gehen wir voran und öffnen After Effects. You 're After Effects ist geöffnet, wir gehen voran und ziehen Sie das ursprüngliche Video in die Projektdatei. Es wird hier im Projekt erscheinen, dann ziehen Sie es auf Ihre Timeline, da ist es. Es sollte leicht spielen, und wenn Sie Probleme Pufferung haben, können Sie die Qualität senken, so dass es einfacher spielt. Sie können meinen grünen Balken hier sehen, das bedeutet, dass er puffert. Ich lasse es einfach durchspielen und puffern, so dass es einfacher ist, zurückzuschauen. Ich werde nur die Leertaste drücken, die pausiert; und dann werde ich meine Animation greifen und Drag & Drop auch. Sie können es sehen, aber was ich hier tun möchte, ist, diesen Clip mit dem Skateboarding auszurichten. Ich möchte zu dem Frame zurückkehren, bei dem ich die Animation begonnen habe. Es war, wenn das Skateboard anwesend war oder wenn es von hinten war, wahrscheinlich etwa dort. Vielleicht noch ein bisschen weiter. Das sieht richtig aus. Dann können Sie voran gehen und es beobachten und testen. Dann, wenn du es abschneiden willst, werde ich es kurz davor abschneiden. Ich werde den Videoclip auswählen und After Effects einschneiden, die Verknüpfung für max ist Command Shift D, und dann werde ich das löschen, und ich werde es gegen Ende auch abschneiden, genau hier. Befehlen Sie Umschalttaste D, löschen Sie diese, und wählen Sie dann beide Clips aus, halten Sie die Umschalttaste gedrückt und klicken Sie darauf, ziehen Sie sie zurück an den Anfang Ihrer Zeitachse, und greifen Sie diese und schieben Sie sie zurück . aktiven Teil Ihrer Timeline. Ich werde euch zeigen, wie man das exportiert. Ich werde gehen, Datei, Export, Hinzufügen zur Renderwarteschlange. Wenn Sie Adobe Media Encoder bevorzugen, ist das auch in Ordnung. Aber für diese Lektion werde ich sagen „Zur Renderwarteschlange hinzufügen“, da Media Encoder zusätzliche Software benötigt. Ich gehe zur Renderwarteschlange hinzufügen und dann Ausgabe, um dies auszuwählen, wenn es noch nicht angegeben ist, und dann können Sie es speichern. Ich werde in meiner Projektdatei, Skateboard Animation Final, speichern und dann Rendern drücken, und Sie können den Prozess hier sehen. Hier bin ich in meinem Finder und dann hier ist das letzte Skateboard-Video. Da hast du es, und mit diesen Jungs, herzlichen Glückwunsch. Sie haben gerade gelernt, wie Cel-Animation auf Video zu machen. 16. Bis spätes Zeit...: Hey, Leute, ich bin's wieder. Ich wollte mich nur persönlich bedanken, dass du meine Klasse genommen hast. Ich hoffe, du hast viel gelernt. Vergessen Sie nicht, zu bewerten und zu bewerten. Ich möchte Ihr Feedback hören. Was hat euch gefallen? Was hat euch nicht gefallen? Vergessen Sie auch nicht, Ihre Projekte im Projektfenster zu posten. Ich will deine Arbeit sehen. Ich will sehen, was ihr geschaffen habt, und damit, danke Jungs. Danke fürs Einstimmen.