Ein Anfänger:innen-Leitfaden für Frame-by-Frame-Animation in Photoshop!

1. Einführung: Wenn Sie neu in Photoshop animieren oder Photoshop im Allgemeinen neu sind, können einige seiner Werkzeuge ziemlich überwältigend sein. Aber mit genug Übung und mit dem Wissen aus diesem Kurs werden Sie keine Probleme haben, Ihre eigenen Animationen zu erstellen. Hi, ich bin Sam Concklin und ich bin freischaffender Animator. Ich habe meinen Animationsprozess in den letzten Jahren optimiert und endlich herausgefunden, wie ich ihn zum schnellsten und effizientesten Workflow machen kann. Ich freue mich, das mit Ihnen in dieser Klasse teilen zu können. Der Schlüssel ist, organisiert zu bleiben und Ihren Workflow zu kennen. Auf diese Weise verbringen Sie mehr Zeit mit Animationen und weniger Zeit mit der Software zu kämpfen. In dieser Klasse werden wir die Timeline-Funktion von Photoshop verwenden, während wir auf der Leinwand zeichnen, um unser eigenes animiertes GIF von Grund auf neu zu erstellen. Ich zeige Ihnen den gesamten Prozess von Anfang bis Ende. In den Lektionen in dieser Klasse wird beschrieben, wie Sie Ihr Photoshop-Dokument starten, skizzieren, was Sie erstellen möchten , die Frames zeichnen, sie in einer Timeline organisieren und dann alles als animiertes GIF exportieren, das Sie in sozialen Netzwerken teilen können -Medien. Diese Klasse ist perfekt für alle Anfänger Animateure oder Photoshop-Benutzer. Alles, was Sie brauchen, ist Photoshop und ein Zeichentablett, um loszulegen. Lass uns zusammen etwas Großartiges machen. Dies ist eine Anleitung für Anfänger zum Animieren von Frame für Frame in Photoshop. Danke fürs Zuschauen. Ich freue mich darauf, Sie in meiner Klasse zu sehen. 2. Erste Schritte: Richte das Dokument ein: In Ordnung. Lassen Sie uns etwas Großartiges animieren. Natürlich möchten wir immer damit beginnen, ein neues Dokument zu erstellen. Ich mag es, nach Pixeln zu gehen. Jetzt werden wir die Größe unserer Leinwand hier bestimmen. Dies hängt davon ab, wo Ihre Animation enden soll. Für mich, bietet die meisten sozialen Medien, Ich mag es, mit einer quadratischen Leinwand zu gehen. 1800 von 1800 oder vielleicht 1200 von 1200 wäre großartig. Wenn Sie möchten, dass Ihre Animation in einem Film landet, z. B. wenn Sie an einem Animationsfilmprojekt arbeiten, ist es ziemlich Standard, 1920 x 1080 Pixel zu verwenden. Ich neige dazu, der Auflösung nicht zu viel Aufmerksamkeit zu schenken, es sei denn, ich drucke tatsächlich. Wenn es um den Farbmodus geht, wieder, da dies digital ist, wollen wir, dass es RGB-Farbe ist. Ich werde eigentlich meine Leinwand 1200 mal 1200 Pixel machen. Das sieht alles gut aus, also lasst uns kreieren. Wunderbar. Es sieht so aus, als hätte ich meine Timeline bereits geöffnet und ich war schon darauf vorbereitet, loszugehen. Ich bin aufgeregt. Der nächste Schritt wird sein, unsere Skizze zu zeichnen. 3. Plane das Konzept und skizziere es: An dieser Stelle wollen wir uns beim Animieren fragen, was wir animieren? Wie wollen wir, dass das im Inneren der Leinwand eingerahmt wird? Gibt es mehrere Dinge, die animieren? Aber das Wichtigste an all dem, wir wollen herausfinden, wo wir anfangen und wo enden wir? Wie wird der erste Frame aussehen und wie sieht dann der Endrahmen aus? Ich werde das alles in einen Ordner legen. Natürlich ist es immer gut, organisiert zu bleiben. Ich werde diese Skizze beschriften, Sketch. Darunter werde ich eine Ebene erstellen. Dann könnte ich für meine Pinseleinstellung jede gewünschte Farbe auswählen, aber ich gehe in meine Pinseleinstellungen und ich werde Transfer aktivieren, weil ich möchte, dass dies ein wenig undurchsichtig ist. Da gehen wir hin. Jetzt, wenn ich zeichne, kann ich überziehen. Wenn mir die Art und Weise gefällt, wie eine der Linien aussieht, kann ich etwas mehr darüber zeichnen und es sieht etwas dunkler aus. Für meine Animation werde ich eine Blume zeichnen, die von Seite zu Seite animiert. Sicher, ich möchte, dass es hier eine Art Grundlinie gibt. Sie können tatsächlich klicken und dann die Umschalttaste gedrückt halten und ziehen, um eine perfekt gerade Linie zu erhalten. Natürlich ist dies nur ein Leitfaden. Dies wird überhaupt nicht in der finalen Animation erscheinen. Aber ich werde zeichnen vielleicht etwas Gras hier kritzeln, vielleicht sind einige Teile länger und einige kürzer, machen es einfach schön. Dann möchte ich die Blume zeichnen, die hier draußen hängt. Das Zentrum wird hier in der Nähe sein. Dann werden wir hier drüben etwas Ähnliches haben. Der erste Rahmen, der hier sein wird, und der letzte Frame wird hier sein. Wir sagen fünf Frames. Wenn Sie damit noch technischer werden wollen, können wir auch hier einige in den mittleren Rahmen zeichnen. Ich weiß, ich will das [unhörbare] Das wäre das dritte. Ich weiß, ich möchte, dass der zweite etwas näher an der ersten ist, und was der vierte ein wenig näher an der fünften ist, diese Weise werden wir diesen schönen Effekt bekommen, der das Ganze sieht aus , als würde es verlangsamen, wenn es zu die Enden und beschleunigt, wenn es in die Mitte kommt. Ich habe eine ziemlich gute Skizze, wie ich möchte, dass das aussieht. Das nächste, was ich tun möchte, zusätzlich dazu, dass meine Skizze bereits zu gehen, bevor wir tatsächlich anfangen zu animieren, möchte ich eine Farbpalette erstellen. Ich mache das mit all meinen Projekten. Ich möchte sicherstellen, dass alles gut aussieht und für diesen werde ich tatsächlich die Übertragung, die Deckkraft Situation, ausschalten. Wir wollen, dass dies schön und solide ist, damit wir genau wissen, mit welcher Farbe gearbeitet hat. Eigentlich mag ich diese gelbe Farbe wirklich und ich stelle sicher, dass ich hier drüben auf der richtigen Ebene bin . Ich mag diese goldene Farbe wirklich. Ich werde hier hineinzoomen. Wenn ich hier gezoomt und ich werde tatsächlich ein paar mehr Farben zu greifen, denke ich, ein schönes Grün zu machen. Vielleicht ein schönes hellgrün, das damit schön aussehen wird. Wenn mir das Aussehen nicht gefällt, können Sie nur das Zauberstab-Werkzeug einstellen, auf die Farbe klicken und Befehl U für Macs drücken. Wir können das nehmen und es hier ein bisschen anpassen. Wir können den Farbton anpassen. Eigentlich mag ich das wirklich. Das ist ein wirklich schönes Grün. Wir können die Sättigung anpassen, wir können die Leichtigkeit anpassen. Hier können Sie alle Anpassungen vornehmen, die Sie vornehmen möchten. Eigentlich mag ich wirklich, wie das Grün geworden ist. Wir gehen mit, dass und dann Befehl D, um die Auswahl aufzuheben. Dann gehen wir mit Medien dunkler grün, das ist ein wenig bläulicher, um es ein wenig mehr Dimension zu geben. Dies wird meine Farbpalette sein. Natürlich verwende ich immer gerne die dunkelste Farbe um als Linienbild für das zu dienen, was ich mache. Sie müssen nicht immer Liner Art haben, wenn Sie nicht wollen. Aber wenn Sie Linienbilder erstellen, möchten Sie normalerweise, dass Ihr dunkelster Farbton der Umriss ist. Dafür können Sie alle Farben verwenden, die Sie wollen, aber da ich eine Blume mache, die hin und her gehen wird. Ich möchte diese schöne kleine Farbpalette hier haben. Bei all dem sieht es so aus, als wären wir bereit zu gehen und mit der Animation zu beginnen. 4. Zeichne die Einzelbilder und organisiere sie: Wir sind bereit, mit der Animation zu beginnen, aber wir sind noch nicht bereit, die Timeline zu berühren. Wir werden mit den Frames beginnen. Wir haben die Skizze auf der Unterseite, wir haben unsere Farbpalette oben und zwischen diesen, wir werden ein paar Ordner erstellen. In der Tat werde ich das alles in einem Ordner namens Flower legen und dann wird jeder Rahmen genau dort hineingehen, und jeder Rahmen wird seine eigene Schicht haben. Jeder Frame wird direkt dort hineingehen und jeder Frame wird seinen eigenen Ordner mit seinen eigenen Schichten darin haben. Wir haben natürlich drei, wir haben vier, und dann haben wir Frame fünf, und so werden wir nur sicherstellen, dass diese alle schön beschriftet sind. Es ist wichtig, diese Notizen zu beschriften. Manchmal werde ich diese verschiedenen Etiketten anstelle von Zahlen geben. Manchmal setze ich Prozentsätze ein. Wenn ich etwas sehr Komplexes ziehe, werde ich Prozentsätze durch den Antrag ziehen, um zu sehen, ob etwas etwa 50 Prozent durch den Antrag oder 75 Prozent ist. Aber wir werden schön und einfach hier bleiben, mit einem schönen, schönen fünf Rahmen und wir sind bereit, mit dem Zeichnen zu beginnen. Lassen Sie uns eine Ebene in hier erstellen Ich möchte Augentropfen und klicken Sie auf die dunkelgrüne Mischung Pinsel Werkzeug. Aber ich habe das ausgewählt und bereit zu gehen. Das ist der erste Frame, von dem ich weiß, dass er hier drüben ist. Ich werde meinen schönen Kreis dort zeichnen und es wird mein Bestes tun, um gerade Linie zu zeichnen, muss nicht perfekt sein. Das sieht gut aus und jetzt habe ich ein paar Optionen hier. Natürlich ist es, während wir zeichnen, eines der wichtigsten Dinge, sicherzustellen, dass Sie auf der richtigen Ebene zeichnen. Ich mag es, zu tun. Mein persönlicher Prozess ist es, den ersten Rahmen und dann den letzten Rahmen zu zeichnen , und so werden wir das zeichnen. Lassen Sie uns Kreis hier ziehen und dann die Linie nach unten ziehen und das Beste daran ist, wenn wir nicht genau mögen, wo es ist, können wir V treffen, die tatsächlich die Dinge anpassen, um es ein bisschen genauer zu machen , wenn wir wollen, und wir können bewegen sich auch über unsere anderen Schichten und, also denke ich, dass das ziemlich gut aussieht. Es ist schön und zentriert. Befehl klicken Sie darauf, um die Auswahl aufzuheben und dann gehen wir durch mit dem Rest der Frames gehen und stellen Sie sicher, dass sie schön aussehen. Ich mag die Art und Weise, wie diese Kreise sind. Ich versuche, den Kreis um die gleiche Größe wie diese anderen zu halten, und wieder, ich sagte, es muss nicht perfekt sein, aber ich tue nur mein Bestes, um sicherzustellen, dass es aussieht, wie ich will, dass es aussieht und dann gehen wir diesen Rahmen Nummer 2. Du siehst, wie ich das zeichne, beginne ich gerne mit dem ersten und letzten und gehe dann ins Zentrum und arbeite dann meinen Weg hier drinnen. Der erste und letzte Teil, den Sie zeichnen, werden Ihre Schlüsselbilder genannt und alles andere, was dazwischen geht, wird als Ihre zwischenliegenden. Wir wollen, dass unsere Zwischenräume gut aussehen und sinnvoll sind. Kommunikation von Emotionen zwischen all diesen Frames. Wir sind bei Frame 2, und wir wollen das etwas näher an den einen bringen , als wir es den drei tun. Legen Sie es direkt dort, und dann gehen wir zu Frame 4 erstellen dort eine Ebene. Zeichnen Sie hier einen Kreis. Es ist ein bisschen groß. Ich möchte sicherstellen, dass das so aussieht, wie ich es will. Das scheint ziemlich gut zu sein, und dann werden wir eine Linie direkt dort hinunter ziehen. Bei komplexeren Animationen neigen Ihre Linien dazu, sich nur zu überlappen, und sie neigen dazu, miteinander zu vernetzen, und es könnte wirklich verwirrend aussehen. Wenn Sie Ihre Animation zeichnen, und das passiert Ihnen beim Zeichnen des ersten Frames. Sie können tatsächlich den Ordner markieren, die Deckkraft deaktivieren und dann wissen Sie, sicher waren, dass der Rahmen ist. Nehmen wir an, Sie sollten einen anderen Rahmen zeichnen, der direkt in der Nähe ist , und wir wollen nicht, dass das in einem Ordner ist, wir wollen, dass es getrennt ist. Wenn Sie einen anderen Rahmen zeichnen würden, wenn dies für Frame 1.5 oder etwas, dann würden Sie wollen, dass es genau das ist und Sie können genau sehen , wo die Linie ist, die Sie gerade gezeichnet haben, und Sie können sehen, wo der erste Frame tatsächlich ist und da die Skizze eine völlig andere Farbe ist, dann wissen wir sicher, dass das nicht Teil unserer endgültigen Animation ist. Das sind einige meiner berauschenden Tricks, wenn es um Animationen geht. Aber es sieht so aus, als wären wir schon bereit zu gehen und das in der Timeline zusammenzufassen. 5. Erwecke es in der Zeitleiste zum Leben: Also haben wir alle unsere Animationsbilder bereit zu gehen. Wir haben Frame 1 und 2, 3, 4, 5. Ich will auch, dass das zurückgeht. Es wird fast wie ein Pendel sein, aber auf dem Kopf. Also werden wir tun, ist eine Frame Animation erstellen. Wenn das nicht angezeigt wird, könnte es sagen, Video-Timelines erstellen. Klicken Sie also hier auf diesen kleinen Pfeil, sagen Sie „Frame Animation erstellen“. Wenn Sie die Zeitleiste nicht bereits hier haben, können Sie zu Fenster, Zeitleiste gehen und es wird angezeigt. Lassen Sie uns unsere Frame Animation erstellen. Also haben wir unsere Frame Animation erstellt, und es gibt bisher nur einen Frame. Jeder von ihnen, wir werden einen Haufen davon bekommen. Jeder wird ein Frame der Animation sein. Wir wollen, dass sie alle anders aussehen, wie sie durchgehen und alles. Nur um ein wenig davon zu zeigen, worum es geht, werden wir noch einige Frames erstellen; Frames 1, 2, 3, 4 und 5. Etwas, was wir tun können, ist, dass wir Ebenen tatsächlich ein- und ausschalten können, die Sichtbarkeit für sie hier drüben rechts, und das wird ändern, was wir in den Frames sehen. Nun, wenn Sie einen Blick auf diese werfen, wir haben Frame 1, zeigt den Frame 1-Ordner, Frame 2, da ich gerade gewechselt, das zeigt die Frame 2-Ebene. Aber wenn wir zurück zu Frame 3 gehen, geht es tatsächlich zurück zu Frame 1. Hier ist eine raffinierte Eigenart der Timeline, die zunächst sehr frustrierend sein kann , wenn Sie nicht ganz sicher sind, wie es funktioniert. Was auch immer Sie den ersten Rahmen einstellen, wird durch den Rest der Rahmen getragen. Wenn ich zum Beispiel die Skizze in diesem Frame 3 ausschalten sollte, erscheint sie in allen anderen, weil ich sie gerade in Frame 3 deaktiviert habe. Aber wenn ich zu Frame 1 gehe und die Sichtbarkeit ausschalten würde, würde das die Sichtbarkeit für die ganze Sache ausschalten. Also in erster Linie, wenn Sie jemals eine Bearbeitung Ihrer Animation vornehmen während Sie die Zeitleiste geöffnet haben und alle diese Frames einsatzbereit haben, möchten Sie immer daran denken, am ersten Frame zu arbeiten. Denn etwas anderes können Sie hier tun, wenn Sie möchten, ist, dass Sie tatsächlich diesen Ordner markieren können, „Drücken Sie V.“ Wir können das tatsächlich bewegen, wenn wir es wollten. Das ist eine andere Möglichkeit, zu animieren, wenn wir wollen. Es ist nicht etwas, das ich gerne mache, weil die Dinge chaotisch werden. Denn jetzt ist dieser Frame 1-Ordner hier drüben in diesem Rahmen, aber im ersten Frame ist er immer noch da. Das kann sehr verwirrend und chaotisch werden, wenn Sie genau sein wollen, was Ihre Frames sind. Wenn Sie möchten, dass dieser Rahmen genau hier verschoben wird, dann können Sie immer Ihren Rahmen duplizieren und dann diesen überziehen lassen. Also hier habe ich zwei von ihnen. Offensichtlich wird dieser erste hier drüben in nur diesem einen Frame liegen und so im Grunde, was ich sage, ist, Sie die Dinge nicht in den verschiedenen Rahmen bewegen wollen , es sei denn, Sie waren völlig positiv. Du weißt, wo sie hingehen sollen. Es kann ziemlich verwirrend werden, besonders am Anfang. Ich habe es schon mal zufällig gemacht und dachte: „Warum ist das hier drüben? Warum ist das seltsam, und wenn Sie eine Reihe von wirklich komplizierten Zeichnungen für eine Frame-für-Frame-Animation zeichnen , ist es wirklich einfach, sich zu verlieren und so wollen wir immer die Dinge beschriftet halten und wir wollen die Dinge einen Frame nach dem anderen animieren . Also lasst uns das noch einmal versuchen. Wir wollen, dass diese Skizze für all diese Frames ausgeschaltet wird, also werde ich das tun. Wir werden die Sichtbarkeit für diese Frames ein- und ausschalten. Also gehen wir diese erste hier, zweite, schalten Sie Frame 1 aus, schalten Sie Frame 2 ein, und Sie müssen Frame 1 für jeden ausschalten. Wir schalten Frame 1 aus, gehen zu vier und schalten dann den Frame aus und gehen zu Frame 5. Jetzt haben wir eine Animation und es sieht toll aus. Sie können dies testen, indem Sie die Leertaste drücken und Sie werden genau sehen, wie es aussieht, und es sieht ziemlich gut aus. Wenn deine nicht immer und immer wieder so schleifen, aber du kannst das tun, indem du hier runtergehst und „Für immer“ sagst. Sie können es auch nur einmal anzeigen lassen. Sie könnten es dreimal anzeigen lassen, wenn Sie eine Vorschau auf diese Weise erhalten möchten. Persönlich bevorzuge ich es, „Für immer“ zu sagen. Sie können tatsächlich steuern, wie lange diese Frames dauern. Auf dem letzten Frame mache ich etwas wie 0,5 Sekunden. Wir werden die ganze Animation sehen und dann hört sie auf. Dies ist eine großartige Möglichkeit, um ein Gefühl für Ihre Animation zu bekommen , dass es einen soliden Anfang gibt und es ein solides Ende gibt. Wir können das auch mit dem Anfang tun, während wir die Vorschau betrachten. Das sieht gut aus. Ein letzter Trick, den ich Ihnen mit der Timeline zeigen möchte, die ich sehr hilfreich finde, ist, dass Sie Ihre Frames tatsächlich kopieren und einfügen können. Also können wir an Nummer 4 halten, es auf die neue Frame-Schaltfläche ziehen und jetzt dupliziere ich es direkt daneben. Dies ist Nummer 4, und dieser zeigt auch Frame Nummer 4. Sie können das jetzt nehmen und ziehen Sie es über. Wir haben den Rahmen dupliziert. Ich werde das Gleiche mit Nummer 3 machen. Wir machen dasselbe mit Nummer 2 und jetzt, wenn wir es spielen, geht es so hin und her. Jetzt finde ich, dass das ein bisschen steif ist. Also werde ich das tatsächlich auf 0,2 ändern. Normalerweise mache ich den Rest von diesen 0,1, also stellen Sie sicher, dass Sie Nummer 8 treffen, Shift Klick Nummer 6, sagen 0,1. Vier-Shiftklick-Zahl, die eine wird 0,1 sein. Mal sehen, wie das aussieht. Das sieht sehr schön aus. Jetzt ist unsere grundlegende Animation fertig. Alles, was wir jetzt tun müssen, ist ein paar lustige Extras hinzuzufügen, um es wirklich Pop zu machen. 6. Tipp 1: Färbe wie ein Profi: Spaßige Extras. Was ich immer gerne zu meinen Animationen hinzufügen möchte, ist natürlich, dass wir sie einfärben wollen. Möglicherweise möchten wir auch einige Schattierungen hinzufügen, und wir möchten vielleicht einen Hintergrund hinzufügen. Schließlich möchten wir vielleicht auch eine Unterschrift hinzufügen, wenn wir das Gefühl haben, dass dies ein Portfolio ist , auf das wir wirklich stolz sind und wir wollen sicherstellen, dass wir unseren Namen drauf haben. Natürlich können wir dort unsere Unterschrift setzen. Lasst uns anfangen. Ich werde Ihnen ein paar verschiedene Möglichkeiten zeigen, wie Sie das einfärben können. Aber einer von ihnen ist ein Trick, den ich die ganze Zeit benutze. Ich werde auf diese Ebene klicken. Wir werden Befehl klicken Sie auf neue Ebenen, um eine unter diesem zu erstellen. Dann werde ich diese Farbe fallen lassen, B drücken, und jetzt können wir sie einfärben. Aber das wird eine Weile dauern, wenn wir es so machen, und es könnte nicht genau sein. zunächst immer sicher, dass Sie mit dem Mauspad vergrößern können , wenn Sie an einem Laptop arbeiten. Dann gibt es tatsächlich einen Trick, den ich benutze. Wenn man sich unser Pinselwerkzeug hier oben ansieht, ist es nur 40 und das wird einfach nicht fliegen, ist nicht groß genug. Sie könnten hier oben klicken, um es größer zu machen, oder Sie können die rechte Klammertaste ein paar Mal drücken, um den Pinsel tatsächlich größer zu machen. Nun, wenn Sie sich fragen, warum mein Pinsel ein wenig funky aussieht, ist es, weil dies ein benutzerdefinierter Pinsel ist, den ich selbst erstellt habe. Wenn Sie daran interessiert sind, zu lernen, wie das geht, lassen Sie es mich wissen. Wenn wir hier rauszoomen, können wir sehen, dass wir den ersten Frame haben und dann gehen wir zurück durch. Keiner dieser anderen ist gefärbt, aber das wird gefärbt bleiben. Das ist eine Möglichkeit, Dinge einzufärben. Ich werde dir jetzt einen anderen Weg zeigen, der ein bisschen schneller ist. Für eine komplexere Animation, werden Sie wahrscheinlich nicht wollen, um dort zu sitzen und Farbe in der ganzen Sache. Ich meine, Färbung ist entspannend und lustig und ich genieße es manchmal. Aber zu anderen Zeiten sind Sie im Zeitplan und als professioneller Animator möchten Sie Ihren Prozess optimieren und die Dinge so effizient wie möglich gestalten. Eine Möglichkeit, dies zu tun, ist, dass wir diese Ebene darunter erstellen. Wir werden diese Ebene auswählen, W für ein Werkzeug drücken und außerhalb klicken. Im Moment haben wir alles ausgesucht außerhalb der Lutscher Blume, die wir haben. Jetzt können wir gehen, um zu wählen, ändern, zu erweitern, ich werde meine etwa vier Pixel erweitern. Wie Sie sehen können, befindet sich die Auswahl nun leicht innerhalb des Grüns. Der Grund, warum wir das tun, ist, weil, wenn wir das Äußere auswählen, es gibt hier ein kleines kleines bisschen, das nicht ganz ausgewählt ist, also wollen wir, dass diese Auswahl nicht sein soll, wir wollen, dass es eine klare Unterscheidung zwischen den innen und außen von dem, was wir gezeichnet haben. Jetzt können wir zu diesem Extra gehen, dieser Schicht darunter. Ich möchte Command Shift I drücken, und das wird die Umkehrung auswählen. Anfangs hatten wir das Äußere ausgewählt, aber jetzt haben wir das Innere. Wir können G drücken für das Bucket Tool klicken Sie rechts dort und es ist gefärbt. nun daran, dass, wenn wir diese Ebene nicht sichtbar machen, wir tatsächlich in der ganzen Sache gefärbt. Sie daran, dass es in allem in Ihrer Ebene hier Farbe wird. Ein weiterer Grund, warum wir wollen, dass die Linienart und die Farbe getrennt sind, ist für den Fall, dass Sie eine Änderung an der Farbe vornehmen möchten, wenn Sie Sie treffen und einfach die Farbe ändern möchten, dass Sie nicht wollen, dass das mit dem Liner, den Sie haben verbrachte so viel Zeit Zeichnen und machen aussehen absolut schön. [MUSIK]. Das sieht gut aus. Ich werde den Rest für all diese Jungs erledigen. Wir werden wählen, machen, dass mehr und dann Befehl Shift I G, Farbe, die in schön. Wie Sie sehen, wie wir hier entlang gehen, hat dies auch die Kunst für Rahmen, auch hier gefärbt, dass Sie hier reinkommen und es ist hier gefärbt. Das ist ein weiterer Vorteil, dieses System zu haben, wo Sie Ordner und alles haben. Es ist nur eine wirklich gute Möglichkeit, organisiert zu bleiben, während Sie in Photoshop animieren. Jetzt haben wir alle unsere Schichten eingefärbt. Es sieht wundervoll aus. Das war der erste Schritt, wir haben alles eingefärbt. Wenn wir jetzt zu unserer Skizze zurückkehren, hatte ich etwas Gras, das ich hier hinzufügen wollte, aber ich werde das nicht auf die Rahmen setzen. In der Tat die Blume, ich kann diesen Ordner zusammenbrechen und jetzt ist die Blume ihre eigene Sache. Wenn wir wollten, könnten wir die gesamte Blumenanimation ausschalten und sie ist nicht da. Dann könnten wir es wieder einschalten und alles ist in Ordnung. Das ist ein weiterer guter Grund, organisiert zu bleiben, da Sie so etwas tun können , wo Sie eine Reihe von Dingen, die auf dem Bildschirm animieren und Sie einzelne Ebenen einzeln exportieren möchten, können Sie einfach die Sichtbarkeit für diese Ebenen und arbeiten durch sie eine Sache nach dem anderen, so dass, wenn Sie sie später in Software zusammensetzen, wie After Effects oder etwas, dann wird es ein viel klarer Prozess sein und es wäre der Exportprozess, wird viel stromlinienförmiger. (MUSIK) 7. Tipp 2: Gestalte einen schönen Hintergrund: Also, jetzt werde ich meinen Hintergrund erstellen, ich werde den Befehls-Ordner drücken, um es direkt unter der Blume zu erstellen, ich werde diese BG für Hintergrund nennen und dann werden wir eine schöne, schöne Ebene dort erstellen . Ich werde diese Farbe auswählen und einfach anfangen, etwas Gras zu zeichnen, wir werden es etwa 40 oder 45 machen, die gleiche Pinselgröße, mit der ich die Blume gezeichnet habe. Also werden wir hier einfach ein schönes fröhliches Gras zeichnen. Vielleicht Tempo und besondere Aufmerksamkeit, um die Mitte dort zu vertuschen. Vielleicht fügen Sie etwas mehr hinzu, nur mit einer Vielzahl von Höhen und Pinselstrichen hier, nur um dieser mehr Dimension zu geben. Das sieht ziemlich gut aus. Also mal sehen, wie das aussieht. Ausgezeichnet! Ich werde das Gras ein wenig mehr färben, ich werde eine andere Schicht nur für den Fall erstellen, in der Tat könnte ich sogar machen dies die schöne hellgrüne Farbe, die wir haben, wir werden diese in schön und schnell hier zu färben, machen es schön aussehen und ausgefüllt, so dass wir ein wenig von etwas Soliderem in Bezug auf einen Hintergrund zu arbeiten haben, und dann wollen wir natürlich in einem schönen Himmel färben. Also lassen Sie uns eine weitere Schicht darunter erstellen und ich werde vielleicht mit einem Türkis, eine Art von blauer Farbe gehen, und wir werden sehen, wie diese türkisfarbene Sea Foam grüne Farbe aussieht. Ich finde, das sieht ziemlich schön aus. Allerdings kollidiert es mit der gelben, grünen Farbe des Grases, also werde ich Befehl U treffen und wir werden den blauen Himmel so anpassen, dass er ein bisschen schöner aussieht. Ich denke, das sieht gut aus und dann denke ich, dass der Boden ein bisschen mehr braucht, also habe ich ein paar Möglichkeiten, das anzupassen. Ich denke, ich könnte das Gras nach unten und die Blume bewegen , so dass ich eine Blume auswählen und dann auf Befehl drücken, klicken Sie auf Befehl klicken, um diese auszuwählen, verschieben Sie es nach unten, und dann haben wir diese schöne Animation. Wunderbar! Ich habe das Gefühl, dass es etwas fehlt, also denke ich, dass ich hier wirklich schnell einige Wolken hinzufügen werde. Ich werde dies zu einer helleren Farbe machen und ich werde nur in einigen Wolken wirklich schnell hinzufügen. Ich habe das Gefühl, dass dies einige Wolken mit Pinsel verwenden könnte, schön und groß und dann werde ich nur einige abgerundete Bits zeichnen und vielleicht einen geraden Boden dort haben und dann gehen wir. Hinzufügen von Wolken, wie Sie sich fühlen, und das sieht gut aus. Also, das kommt wirklich zusammen. Der letzte Schritt, bevor wir dies exportieren, ist, dass wir diese Farbpalette deaktivieren möchten, wenn Ihre Skizzen durchscheinen, natürlich möchten Sie diese Skizze deaktivieren und die Animation ist im Grunde getan. 8. Tipp 3: Signiere es stilvoll: Wenn Sie Ihre Animation signieren möchten, ist ein großartiger Ort, um dies zu tun, nur auf einer eigenen Ebene direkt oben. Ich werde mit einer dunklen Farbe gehen und meinen Pinsel schön klein machen. Ich werde es hier drüben in die Ecke stecken. Ich werde Samc sagen. So unterschreibe ich gerne meine Sachen. Wenn Sie das Gefühl haben, dass dies ein bisschen zu viel ist, können Sie immer die Größe ändern oder Sie können zu Ihrer Deckkraft gehen und das ändern. Was ich in letzter Zeit gerne mache, ist, dass ich meinen Layer-Mischmodus und -Overlay gemacht habe. Natürlich sieht es nicht im Gras aus, aber man kann am Himmel oder in der Wolke sehen, es sieht ziemlich verdammt gut aus. Ich werde wahrscheinlich meinen in die Ecke stecken, also ist es aus dem Weg, machen es etwas kleiner, und schauen wir uns das an. Sieht sehr gut aus. 9. Exportiere es als animiertes GIF: Nun, zum Exportieren, was wir tun wollen ist, wenn Sie dies als GIF exportieren möchten, können Sie sagen Datei, Exportieren, Speichern für Web Legacy. So sieht alles aus. Das ist deine Animation. Sie können eine Vorschau anzeigen, indem Sie auf Play drücken, und Sie können sehen, wie es aussehen wird. Ich denke, es sieht ziemlich genial aus. Die Sache am Internet ist, dass wir immer die Größe unserer Dateien optimieren wollen. Wir möchten, dass sie groß genug sind, dass sie schön sind, aber klein genug, dass sie nicht viel Platz in Bezug auf die Dateigröße einnimmt, was sich auf die Download-Geschwindigkeit von dem, mit dem wir arbeiten, auswirken würde. Wir wollen, dass unsere Datei genau die richtige Größe hat. Wir können dies überprüfen, indem wir zu unseren Farben gehen und genau so viele Farben wählen, wie Sie brauchen. Ich könnte acht wählen, und technisch denke ich, das würde es wahrscheinlich abdecken. Sie können jedoch manchmal überprüfen, wo sich die Farben überlappen, es könnte daher ein wenig pixelig sein. Es hat nur acht Farben zur Auswahl, so wird es ein bisschen schwierig sein , wie es die Übergänge macht. Für meins werde ich mit 16 gehen und du siehst, dass es jetzt viel glatter ist. Selbst wenn wir zu gehen, sagen wir 128, es würde noch glatter aussehen. Aber das sind viele Farben und ich glaube nicht, dass meine Animation notwendigerweise all diese braucht, also werde ich mit 16 gehen. Sie können sich frei fühlen, mit welchen Farben Sie wollen zu gehen. Wieder, je mehr Farben, desto schöner, desto weniger Farben, desto kleiner wird Ihre Datei. Wenn Sie Transparenz haben, liegt das an Ihnen, aber ich werde die Transparenz abschalten. Transparenz zählt als Farbe. Behalten Sie das im Hinterkopf. Dann ist die letzte Sache, auf die man achten muss, die Größe. Abhängig davon, wo Sie Ihr GIF platzieren. Vielleicht möchten Sie, dass es ein großes, schönes GIF mit 1200 Pixeln oder wie viele Pixel auch immer Sie sind oder vielleicht möchten Sie, dass es kleiner ist. In diesem Fall würde ich empfehlen, den Prozentsatz zu verwenden, um es zu 50 Prozent zu machen. Allerdings mag ich meine so, wie es ist, also werde ich sagen, eine 100 und das ist bereit zu gehen. So sieht es aus und ich bin sehr glücklich damit. Ich werde gehen, um zu retten und wir werden das speichern als, Happy Flower-Samc. Boom, da geht's. Wir haben diese schöne Animation am Laufen. 10. Exportiere es als einzelne PNGs: Wenn Sie nun Ihre Animation auch in einzelne Frames exportieren möchten, können Sie dies ganz einfach tun. Dies ist für, wenn Sie Ihre Animation für ein animiertes Projekt exportieren möchten , das viele Ebenen enthält und Sie sie separat animieren und sie dann später zusammensetzen möchten, dann können wir das völlig tun. Wir werden meine Unterschrift hier ausschalten. Das Ziel hier ist es, alles transparent zu sein, nur alles ist nicht sichtbar, außer für die Rahmen dieses Kerls. Wir werden den Hintergrund ausschalten und stellen sicher, dass wir die Standard-Hintergrundebene, die hier angezeigt wird, deaktivieren . Wir werden das Schloss ausschalten, mit dem es kommt , und dann die Sichtbarkeit ausschalten, und hier ist es. Denken Sie daran, dass es hier unten acht Frames sagt. Die letzten drei sind gerade dazwischen, um ihren Zyklus zurück zum ursprünglichen Rahmen zu haben. Alles, was wir hier wirklich tun müssen, ist, Frames 1-5 zu exportieren. Wir können Datei-Export, Quick Export als PNG speichern . Ich werde diese Blumen-01 nennen, und ich werde den Blumenteil kopieren, Enter drücken, Save sagen. Lassen Sie uns auf den zweiten Frame gehen, Datei, Export, ein Klick Export als PNG. Wir werden einfügen, was wir bereits getippt haben und dann können wir 02 tun. Das ist mein Trick, um diese Jungs schnell zu exportieren, und dann gehen wir flower-03, und dann gehen wir Datei-Export. Dann werden wir das für alle Frames hier tun, und wir werden sicherstellen, dass wir sie alle in die gleichen Ordner legen, die Sie gut verfolgen , 05, Boom. Dann haben wir alle unsere Rahmen, ich werde trennen und sie sind bereit, mit einem transparenten Hintergrund zu gehen, und dann können wir unsere Blumenschicht ausschalten und in den Hintergrund gehen, und dann können wir diesen Hintergrund exportieren, flower-bg für Hintergrund. Nun, wir haben alle Ebenen, die wir brauchen, um sie in einigen der Software zusammenzustellen, wenn wir das tun. Zum Beispiel ist After Effects ein großartiges Stück Software für Animationen. Wenn Sie Frame-für-Frame-Animation mit digitaler Animation kombinieren möchten , verschieben Sie einfach ein oder zwei Keyframes, anstatt sie alle einzeln zu zeichnen. Ich überlasse es Ihnen, was Sie tun möchten, und als nächstes werden wir über unser Klassenprojekt sprechen. 11. Wiederholung und Kursprojekt: In dieser Klasse haben wir gelernt, wie Sie ein Photoshop-Dokument einrichten, skizzieren, wie die Frames aussehen werden, die Frames zeichnen, sie in der Timeline organisieren und dann diese Frames als GIF oder als einzelne Frames exportieren, die , die Sie in einem zukünftigen Projekt verwenden können. Jetzt bist du dran, etwas zu machen. Befolgen Sie die Schritte in diesem Kurs, und ich würde gerne sehen, was Sie machen. Sie können alles animieren, was Sie wollen. Ich empfehle immer, mit etwas Einfaches zu beginnen und dann Ihren Weg nach oben zu arbeiten. Es könnte ein hüpfender Ball sein, es könnte blinkende Augen sein, es könnte sein, was immer du willst. Dann, was auch immer Sie machen, bitte stellen Sie sicher, dass Sie das im Projektbereich dieses Videos veröffentlichen. Ich würde gerne sehen, was Sie haben, und wenn Sie möchten, würde ich gerne Feedback geben. Endlich, vielen Dank, dass Sie zuschauen. Es bedeutet mir sehr viel, dass ich dieses Wissen mit allen teilen kann und wenn du mir einen Gefallen tun könntest, würde ich es lieben, wenn du mir eine kurze Rezension schreiben könntest. Sag mir Bescheid, wie ich es gemacht habe. Lassen Sie mich wissen, was für Sie gut funktioniert hat und lassen Sie mich wissen, welche Dinge ich verbessern kann, für die nächste Klasse. Ich bin froh, dass wir gemeinsam lernen konnten und ich freue mich darauf , Ihre Animationen im Projektbereich zu sehen.