Animation des Glitch in Photoshop

1. Einführung – Willkommen!: Willkommen Studenten. Der Glitch-Effekt ist ein einfacher und kreativer Animationsstil, den jeder kreieren kann. Lernen Sie, mit einem Pinselwerkzeug zu zeichnen, verwenden Sie Filter zum Anwenden des Störungseffekts und navigieren Sie in der Timeline, um ein animiertes GIF zu erstellen. Der Lehrer für diese Klasse ist Sandbeton und sagen, Hi, ich bin Sam. Hallo an alle. Mein Name ist Sam England und ich freue mich, Ihnen diese Klasse hier auf Skillshare zu bringen. Ich bin ein Animator mit über sechs Jahren Erfahrung in der digitalen Kunst und das Erstellen von Störungen ist einer meiner Lieblingstricks. Es ist einfach zu tun und Sie können mit mir als Walkthrough jeden Schritt folgen. Sie können ein Zeichentablett verwenden, wenn Sie eine haben, aber alles, was Sie brauchen, um die Klasse abzuschließen, ist Photoshop. Das Klassenprojekt soll folgen und ein animiertes GIF erstellen. Geschenke sind genial, weil Sie sie auf allen Arten von sozialen Medien teilen können. Lasst uns loslegen. Dies erzeugt den Störungseffekt in Photoshop. 2. Skizzieren und Einfärbung: Wie Sie sehen können, haben wir bereits Photoshop geöffnet auf meinem aktuellen Dokument ist bei 1200 x 1200 Pixel, aber Sie können überprüfen,, indem Sie diesen Kerl direkt hier unten. Sie können hier klicken. Es wird Ihnen sagen, die Breite und die Höhe, sowohl in Pixeln als auch in Zoll, die ich hier habe. Zoll ist nützlich, wenn Sie drucken, aber da es sich um digitale Kunst handelt, sind wir nur an Pixeln interessiert. 1200 ist vollkommen in Ordnung. Das ist eine ziemlich große Größe, also ist das gut, damit zu arbeiten. Der erste Schritt, mit dem ich hier gehen werde, ist, dass ich meine Kunst skizziere. Jetzt habe ich ein paar verschiedene Optionen in Bezug auf Pinsel auf. Das ist nur ein Pinsel, den ich zuletzt für ein Projekt hier benutzt hatte, aber ich werde hier reingehen und einen Pinsel finden, den ich gerne benutzen würde. Ich habe hier meinen eigenen Pinsel namens Illustrationsskizze, so dass Sie sehen können, dass es ein bisschen leichter ist. Also, wenn ich dieses leuchtend rot mache, ist es eigentlich ein bisschen transparent, was gut für mich ist, wenn ich skizziere. Also werde ich voran gehen und mein Kunstwerk skizzieren. Alles klar, das war also ziemlich schnell und einfach. Meine Skizze hier ist fertig. Der nächste Schritt hier ist, dass ich das Pinselwerkzeug wieder verwenden werde, aber anstelle dieses, werde ich es zu einem ändern, das weniger Transparenz hat. Wir wählen hier eine dunklere Farbe aus. Ich werde es tun, ich werde das gleiche herausziehen, aber ich werde es in Schwarz herausziehen. Und natürlich werden wir es auf einer neuen Ebene zeichnen. Schließlich werde ich voran gehen und Farbe in meiner Kunst. So können Sie alle meine sehen, ich habe alles auf einer Ebene hier in schwarz gezeichnet. Wir werden den Layer mit der Skizze ausschalten, und wir gehen voran und färben ihn ein. Nun, um dies zu färben, werden wir eine neue Ebene direkt darunter erstellen. Lassen Sie uns mit gehen, wenn gehen mit einer Art Türkis sehen bläulich grau für diesen Computer. Normalerweise könnte ich das, was ich tun könnte, einfach weitermachen und diese ganze Sache einfärben. May, nehmen Sie eine Weile, also sicher, dass ich eine größere Bürste mache. Die Sache ist, dass das nicht immer präzise ist. Sie können sehen, dass ich hier oben ein kleines bisschen über die Linie gezogen habe. Die Art, wie ich das gerne mache. Und es ist super schnell, wie ich gehen, um voran und wählen Sie die Ebene mit der ganzen Tinte, gehen, um W für das Zauberstab-Tool zu drücken, wählen Sie das gesamte Kunstwerk. Und dann werde ich ein wenig eingehen, indem meine Auswahl erweitere und dann die Auswahl invertiere, drücke G, um sie einzufärben, und stelle dann sicher, dass ich auf der leeren Ebene hier bin. Und verwenden Sie das Eimerwerkzeug sehr schnell und einfach. Wir haben das hier eingefärbt. Ok. 3. Farbtonung und Schattierung: Also habe ich das alles eingefärbt. Und das letzte, was ich tun werde, ist die Farbe auf dem Bildschirm. Der letzte Schritt, den ich hier machen werde, ist die ganze Sache zu beschatten. Wir werden eine weitere Ebene erstellen, die oben auf allen farbigen Ebenen mit Ausnahme der Tinte, die, die Umrisse hier. Und ich werde eine Art Blauton wählen, weil ich vor allem, vor allem ein blaues Thema hier. Mach meine Bürste viel größer. Und dann werden wir das in ein Overlay mit etwa 50% verwandeln. Ordnung, dieses Kunstwerk sieht ziemlich gut aus. Lassen Sie uns einfach den Skizzen-Layer hier deaktivieren. Und ich werde einen letzten Schliff machen, den ich gerne mit meinem persönlichen Kunststil mache , der hier ein bisschen Körnung hinzufügt, ein bisschen Textur. Also werde ich zu einem Lösepinsel gehen, genau so. Sehen Sie, wie es alles rauchig und bewölkt so aussieht. Wenn wir diese Schicht drehen, um sich aufzulösen, erhalten wir tatsächlich diesen wirklich coolen Effekt. Also werde ich voran gehen und das nutzen, um meinem Bild hier etwas Textur hinzuzufügen. Moment sieht dieses Kunstwerk ziemlich gut für mich aus, jetzt ist es Zeit, zum nächsten Schritt weiterzugehen, wo wir dieses Kunstwerk nehmen und es für den Störungseffekt vorbereiten und dann weitermachen und diesen Glitch-Effekt anwenden. 4. Der Glitch-Effekt: Um mit diesem Prozess voranzukommen, nehme ich alle Ebenen, die ich gerade gezeichnet habe, und kombiniere sie in einen Ordner hier unten und nenne dieses Original. Ich will das nicht anfassen. Ich möchte nur, dass dies mein erster Bezugspunkt ist. Wenn ich am Ende mein Kunstwerk in einer Weise vermasselt, die mir nicht gefällt, kann ich immer wieder zu diesem Original zurückkehren und damit arbeiten. Nehmen wir also diesen ganzen Ordner und duplizieren ihn, schalten Sie das Original aus. Und nehmen wir das und klicken Sie mit der rechten Maustaste. Und wir werden diese Gruppe zu einer schönen Ebene hier zusammenführen. Jetzt ist die ganze Sache auf einer Schicht und oh, es sieht so aus, als hätte ich ein bisschen verpasst. Also lasst uns voran gehen und das löschen. Perfekt, das sieht gut aus. Also haben wir hier einen originellen Preis. Ich lasse das hier und dupliziere es noch einmal, nur um sicher zu sein. Und lassen Sie uns unsere erste Panne kreieren. Ich werde das in einen Ordner legen und es Pannen nennen. Also gehen wir weiter und nehmen Sie diese Ebene und erstellen unsere erste Panne mit dieser Ebene ausgewählt. Wir gehen hier hoch, um Pixelate und Mezzotint zu filtern. Ich hoffe, ich spreche das richtig aus. Wenn ich es nicht bin, ist das okay. Gehen wir zu mittleren Linien und sehen, wie das aussehen wird. Es gibt PRPs von Kunst würde genau so aussehen, wenn wir diesen Filter darauf anwenden. Also werde ich weitermachen, das sieht ziemlich gut für mich aus. Wir können auch verschiedene versuchen, wie mittlere Schläge. Das sieht hier sogar schade aus. Also werde ich eigentlich mit diesem gehen. Sagen Sie, okay, und jetzt ist es auf eine ziemlich lustige und cool aussehende Weise verzerrt. Der nächste Schritt ist, dass wir es einfach so lassen könnten, aber wir werden es noch etwas glitchy machen. Gehen wir zum rechteckigen Festzelt Werkzeug und stellen Sie sicher, dass wir diesen zweiten Teil hier ausgewählt haben, oder Sie können Shift gedrückt halten. Wir wollen nur sichergehen, dass wir das können. Wir wollen sicher sein, dass wir mehrere Rechtecke dieses Kunstwerks gleichzeitig auswählen können . Also lasst uns so weitermachen. Drücken Sie V und bewegen Sie sie leicht nach oben, um sie gerade nach oben zu bewegen. Sie können Shift gedrückt halten, sonst spielt es keine Rolle. Sie können sie auch überall bewegen, wo Sie wollen, wirklich, meine Faustregel ist, ich versuche, sie nicht zu weit weg zu bewegen. Also lasst uns sie auf diese Weise bewegen. Und ein weiterer Effekt, den ich tun werde, während dies ausgewählt ist , ist Befehl I, die Farben zu invertieren. Nun ist das ein wenig schwer zu sehen, da Teile davon weiß sind und der Hintergrund des gesamten Bildes weiß ist. Also nur für unsere Zwecke vorwärts zu bewegen, werde ich im Hintergrund eine Farbe einfärben, nur um zu sehen, wie es aussieht. Schön, das liebe ich. Cool. Lass uns weitermachen und noch ein paar Pannen machen. Nennen wir diese Störung 2. Und denken Sie daran, zuerst werden wir mit dem Filtern beginnen. So Filter pixelate Mezzotint mit mittleren Strichen, Das ist vollkommen in Ordnung. Jetzt kann ich es mit dem ersten vergleichen. Sie werden sehen, dass das Medium, das die Striche, die zwischen ihnen verwendet werden, jedes Mal, wenn Sie diesen Effekt tun, es sieht ein wenig anders. Selbst wenn ich nur zwischen diesen beiden abwechsele, wird es ziemlich ordentlich aussehen. Alles klar, Lassen Sie uns mit dem rechteckigen Auswahlrahmen auswählen. Lassen Sie uns ein paar weitere Stücke hier auswählen und ein bisschen mehr durcheinander bringen. Alles klar, ich mag die Art, wie die alle aussehen. Der nächste Schritt besteht darin, diese in der Zeitleiste zusammenzufassen. 5. Arbeiten mit Timeline: Um die Timeline hochzuziehen, wenn Sie sie noch nicht sehen, gehen wir zum Fenster bis zur Timeline. Jetzt haben wir dieses Jahr, wir werden auf Frame Animation erstellen klicken , wenn das dort nicht angezeigt wird. Aber dieser kleine Kerl und Sie können aus einem dieser beiden wählen. Aber wir gehen mit für dieses Projekt zu gehen, erstellen Sie Frame-Animation. Klicken Sie darauf. Und los geht's. Wir haben noch nicht angefangen. Zunächst einmal mag ich es, mit dem Original zu beginnen , nur um es dort zu haben und zu sehen, wie es aussieht. Lasst uns das für 1 Sekunde weitermachen. Könnte dieser Kerl hier unten einen neuen Rahmen erstellen? Machen wir es 0,2 Sekunden und schalten Sie die Sichtbarkeit für das Original aus und schalten Sie es für den ersten Fehler ein. Und mal sehen, wie das aussieht. So kann es ziemlich cool. Lassen Sie uns noch ein paar Bilder erstellen und einige unserer anderen Glitch-Effekte einwerfen. Das ist großartig. Die Art, wie ich all die Stücke hier geschnappt habe. Ich mag die Art und Weise, wie sie zusammenfließen, außer dass sich das Tempo ein wenig abscheut. Es fühlt sich an, als ob der glitzernde Teil etwas schneller gehen sollte. Wir werden auf diese erste klicken. Halten Sie gedrückt, Umschalttaste wählen Sie alle vier dieser gehen hier nach unten, aber die Verzögerung 0,1 Sekunden. Mal sehen, wie sich das anfühlt. Ehrfürchtig. Ich liebe die Art, wie das aussieht. Ich fühle mich mit meinem Projekt hier ziemlich zufrieden. Alles, was noch zu tun ist, ist, dass ich am Hintergrund arbeiten möchte. Ja, ich mag, wie das aussieht. Das ist fantastisch. Jetzt für den letzten optionalen Teil, können Sie Ihre Kunst unterschreiben, wenn Sie möchten, was ich fühle, ich würde gerne mit der Vollversion hier tun. Was wir tun werden, ist, das zu unterschreiben und es dann zu exportieren. Ich werde es auf ein paar verschiedene Arten speichern. Und ich werde Ihnen zeigen, wie das geht in der nächsten Lektion hier. Aber zuerst unterschreiben wir diesen bösen Jungen. Ehrfürchtig. Jetzt ist es an der Zeit, dass Sie voran gehen und exportieren und speichern Sie unser Projekt hier auf ein paar verschiedene Arten. 6. Rettet mit einem Hintergrund: Um dies als Geschenk zu exportieren und zu speichern, gehen wir zu Datei-Export, Speichern für Web Legacy. Stellen Sie sicher, dass diese Option hier oben ein GIF ist. Mine ist markiert mit 32 Farben auf. Wir können mehr haben, wenn Sie wollen, wenn Sie eine komplexe Kunst haben und Sie wollen, dass es wirklich gut aussieht. Aber das bedeutet, dass das GIF eine größere Dateigröße hat und es langsamer wird zu laden und herunterzuladen und all das Zeug. Also lasst uns meins machen, um 32 ist einfach in Ordnung. Klicken Sie auf Speichern. Wir speichern dies auf unserem Computer an einem beliebigen Ort in Ihrem Computer, den Sie möchten. Speichern Sie es irgendwo, wo Sie wissen, dass Sie es finden und teilen können. 7. Sparen mit Transparenz: Ehrfürchtig. Jetzt lassen Sie uns voran und speichern Sie eine Version davon mit Transparenz. Lassen Sie uns den Hintergrund ausschalten. Jetzt können Sie sagen, dass es Transparenz geben wird. Wenn der Hintergrund Schachbrett so ist, bevor ich es so hatte, nur weiß, aber das bedeutet, dass der Hintergrund weiß sein wird. Also habe ich den Hintergrund in diesem ersten Frame deaktiviert, aber für den Rest der Frames ist der Hintergrund hier immer noch eingeschaltet. Klicken wir auf dieses kleine Schloss und markieren Sie alle diese, um sicherzustellen, dass es oft alle Ebenen schön sind, das perfekt aussieht. Oder acht Datei-Export, Save for Web Legacy. Verkleinern. Alles klar, das sieht gut aus. Gehen wir weiter und speichern Sie das. Okay, und wir gingen voran und wir haben gerade unseren ganz eigenen glitchy Effekt erstellt, GIF in Photoshop und exportieren Sie es ein paar verschiedene Versionen, eine mit einem Hintergrund und eine ohne auf beiden sind nützlich, je nachdem, wo Sie wollen teilen Sie die Gabe. Und wenn Sie Ihr GIF auf Skillshare im Projektbereich teilen möchten , wäre das großartig. Ich würde gerne sehen, was du machst. 8. Überprüfen und Kursprojekt: In dieser Klasse haben wir gelernt, Kunst in Photoshop zu zeichnen, einzufärben, den Störungseffekt anzuwenden, in der Timeline zu animieren und das Projekt als GIF zu exportieren. Jetzt bist du dran. Hier sind die Schritte, um diese Klasse abzuschließen. Gehen Sie zuerst durch die Lektionen aus dieser Klasse und erstellen Sie Ihr eigenes animiertes GIF. Als nächstes kommen Sie zurück und teilen Sie Ihr GIF hier auf Skillshare im Projektbereich. Schließlich, bevor Sie Kopf off Hebel Überprüfung. Danke, dass du zur Klasse beigetreten bist. Ich freue mich darauf, Ihre Geschenke zu sehen. Schweres Animieren.