Erstellen eines animierten Porträts in Photoshop

1. Einführung: Hallo, willkommen zu meinem Skillshare Kurs. Mein Name ist Ursula und ich bin Illustratorin. Ich mache im Grunde Porträts, aber in dieser Klasse werde ich Ihnen zeigen, wie man Porträt und Animation macht. Sie werden einige Photoshop-Fähigkeiten und einige grundlegende Zeichenfähigkeiten benötigen. Sie können diese grundlegenden Animationstechniken verwenden, um neue Porträts zu erstellen oder ältere Porträts noch interessanter zu machen. Diese Aufgabe fordert Sie auf, vom Skizzieren bis zum Erstellen eines kompletten Porträts zu beginnen . Ich werde Ihnen eine Komposition Grundlagen beibringen, Mapping Ihrer Animation, und dann, wie Sie Ihre Animation speichern. Wenn Sie sehen wollen, wie Ihre Animationen aussehen werden, können Sie für mich in Instagram als Ursunous suchen . Lasst uns dran kommen. 2. Skizzen: Ich werde euch zeigen, wie meine Grundkomposition aussehen wird und wie ich sie skizziere. Ich benutze dieses Bild von Dolores del Rio , eine mexikanische Schauspielerin als Grundlage für meine Komposition. Aber ich werde auch Linien hinzufügen, damit ich weiß, wo mein Gleichgewicht und meine Symmetrie sein werden. Weil ich sehr mag, wie die Hände platziert werden, weiß ich, dass ich damit eine sehr symmetrische Art von Illustration machen werde. Ich werde eine sehr grobe Linie machen, horizontal, vertikal, damit sie halb symmetrisch ist, und dann werde ich anfangen zu sehen, wo ich Dinge platzieren möchte. Deshalb ist Skizzieren so wichtig, weil ich eine Idee habe, es hat von etwas angefangen, aber jetzt möchte ich sehen, wie es in Menschen aussieht. Das ist einer der Gründe, warum ich immer Menschen ermutige, Skizzen zu machen, es ist der einzige Weg, die Idee, von einem Bild oder von etwas, das Sie zu einem sehr guten tatsächlichen Kunstwerk inspiriert zu kommen . Nun, lassen Sie uns einen anderen machen, ändern wir es und verwenden dies als Referenz. Ich mache es in der falschen, na ja dann. Wir werden wieder sehr grobe Skizzen machen, als ob wir wissen, dass das Gesicht hier ist, wir wissen, wo die Hände sein werden. Das ist sehr, sehr rau, nur damit ich weiß, wohin ich Dinge gehen will, lass uns unsere sehr berühmten Fäustlinge Hände machen und jetzt, wo wir so sind, wo die Dinge sind, sind das die Schultern, unsere Augen, wo unser Mund sein wird, die Nase sehr, sehr grob, wir werden es dort platzieren, wo wir es platzieren wollen, und dann, weil ich will, dass es symmetrisch ist, möchte ich, dass die Augen und der Mund und die Hände ein Hauptaugenmerk sein es da drin. Aber auch das Haar wird ein sehr wichtiger Aspekt sein. Ich liebe die Haare da drin und den Mund, dies sehr in der Mitte und natürlich die Augen, denn die Augen sind sehr wichtiger Blickpunkt in diesem Bild und ich möchte, dass es ein sehr wichtiger Schwerpunkt in meiner Komposition und in meinem Porträt sein soll . Wie Sie sehen können, ist alles sehr, sehr rau. Ich schaue mir nur an, wie die Dinge sind. Ich schaue mir an, wie die Hände platziert werden. Ich weiß, dass ich etwas mit den Händen machen will, ich habe eine gewisse Idee. Ich bin mir nicht ganz sicher warum, die Animation könnte am Ende um die Hände, aber die Idee ist, ich bin eigentlich sehr besessen von Schmetterlingen, jetzt, wo ich darüber nachdenke, sollten wir Schmetterlinge machen, aber ich habe ein paar Ideen. Ich muss sie nur auf das Papier legen und das ist eine wichtige Sache beim Skizzieren. Vielleicht fängst du mit etwas an und du landest mit etwas ganz anderem. Zum Beispiel bin ich nicht sehr glücklich darüber, wie klein das ist, also werde ich es größer machen. Wieder werde ich es dort platzieren, wo ich weiß, dass ich es will, nur so dass ich immer noch eine Art symmetrische Komposition habe und dann danach werden wir sehen. 3. Skizzen: Jetzt, da ich das habe, was ich wollte, als Porträt, werde ich anfangen, meine Animation zu skizzieren und zu kartieren. Ich weiß, ich will die Hände, also legen wir ein paar Sachen in die Hände. Aber ich möchte, dass es Bewegung hat, eine bestimmte Art von Bewegung. Das ist, was ich skizziere, was für eine Bewegung ich für die Augen will. Aus diesem Grund weiß ich, dass ich eine wichtige Sache auf beiden Händen oder näher an die Hände oben legen muss. Ich denke, wir werden Schmetterlinge machen, jetzt, wo ich es laut gesagt habe, ich will Schmetterlinge machen. Wir werden es tun, denke ich, drei Schmetterlinge? - Ja. Fangen wir mit diesem an. Lass uns einfach einen sehr rauen Schmetterling machen. Denken Sie daran, das ist nur eine Skizze. Beurteilen Sie mich nicht nach meinem sehr wie ein kleiner Schmetterling. Wir haben das hier, und dann werden wir natürlich noch einen hier haben. Aber jetzt, wo ich darüber nachdenke, ist ziemlich leer in der unteren Seite. Ich glaube, ich möchte dort noch einen hinzufügen. Nur damit wir wissen, dass die Bewegung der Augen, wird es in den unteren Teil der Leinwand gehen. Es ist gut, dass ich das hinzufüge. Es wird anstelle eines Dreiecks, eher ein Quadrat, aber lassen Sie es ein wenig größer machen. Das wird nicht wirklich passen. Ich muss den Kopf wechseln. Es ist einfach schnell, spielt keine Rolle. Wir skizzieren nur noch. Dann werde ich euch zeigen, wie man die Animation Mapping macht , weil ich immer noch nicht ganz sicher bin, was ich in der Rückseite tun will. Aber danach werde ich dir zeigen, was ich als Animation haben möchte und wie ich am Ende eine Animation davon habe, der Anfang davon. 4. Animation: Wir haben diese Skizze, wie unsere Animation sein wird. Ich werde eine andere machen, eine andere Schicht mit einer anderen Farbe, da ist das Grün. Es ist einfacher für mich zu sehen, was ich will, dass die Schmetterlinge tun. Ich werde das nur nachsehen. Ich möchte keine sehr komplizierte Animation, ich möchte etwas, das in der Schleife sein kann. Um das zu tun, muss ich denken, das ist einer der Gründe, warum ich als Schmetterling angefangen habe, können Sie auch mit Schmetterlingen beginnen, die sie einfach herum fliegen. Was wir tun könnten, ist nur Wasser. Ich möchte sehen, wie die endgültige Zeichnung aussehen würde und dafür, dann kann ich einfach nachträglich abbilden, was ich wollte. Zum Beispiel habe ich das und ich möchte, das letzte halbgeschlossen ist, es bedeutet zu sagen, dass dieser entweder nur ein wenig enger vom Schmetterling wird und sagen wir einfach, dass dieser wird sich nah, und das Man denke einfach darüber nach. Ich meine, alle werden flattern, also sagen wir es uns auch ein Flattern. Vielleicht nicht so Brei wie dieser, aber immer noch ein Flattern. Jetzt, wo ich das letzte habe, ist es einfacher für mich, Schritt für Schritt zu tun, was ich tun wollte. Ich empfehle, es in fünf Schritten zu tun. Zum Beispiel, wenn dies einer ist und dies der fünfte ist, brauchen wir den zweiten. Es wird irgendwie so sein und dieses, wenn es der Erste ist, damit wir wissen, was wir tun. In diesem Fall bewegt es sich nur ein wenig, es scheint, dass ich zwei weitere machen werde. Es wird einheitlicher aussehen. Zwei weitere, lasst uns einfach verschiedene Farben machen, damit wir es sehen können. Natürlich ist dies nur die Skizze unserer Animation, wird unsere finale Animation nicht aussehen, aber es ist ein guter Weg, um uns zu erkennen, was wir animieren, was wir daraus wollen. In diesen, wo es mehr ist, können Sie sagen, wo es sich bewegen wird, wenn Sie können. Es ist einfacher für mich, es euch zu zeigen. Ich verfeinere es vielleicht vor dem nächsten, den wir haben also empfehle ich euch, es auch zu verfeinern. Vielleicht machen Sie einen, nehmen Sie einen anderen, es wird einfacher für Sie zu wissen, welche Sie hinzufügen können, welche Sie nehmen können, also, da wir den letzten machen werden. Wenn wir es ohne sie alle sehen, dann zuerst diese und diese. Ja, so kartieren wir die Animation. 5. Farbpaletten und Pinsel: Ich werde euch zeigen, wie ich am Ende meine Illustrationen mache. Wir haben diesen hier als Referenz, wie ich bereits sagte. Ich habe das auch von Pinterest als meine Farbpalette genommen, und ich werde nur die Pipette hinzufügen und sie hier in meinen Mustern haben. Nun, für die Bürsten ist das eine sehr wichtige Sache. Ich liebe Kyle T. Webster Bürsten und es gibt jetzt für CSX. Aber ich denke, wenn nicht, können Sie sie immer noch im Internet bekommen. Ich benutze in der Regel die Kyle Animator Zeichenbox, Animator Bleistift und den, den Sie bekommen können, indem Sie hier klicken und mehr Pinsel bekommen oder sie im Internet suchen. So sieht es aus. Das ist einer der Gründe, warum ich sie wirklich, wirklich genieße. Sie haben so viel Fähigkeit, einfach so viel zu tun. Du kannst dick oder dünn machen und je größer du gehst, desto besser. Pinsel sind für mich sehr wichtig, weil es die Werkzeuge gibt , die Sie verwenden, um schöne Dinge zu schaffen. Ich empfehle, viele andere Dinge für Ihre Illustrationen zu haben. 6. Photoshop einrichten: So wird es jetzt aussehen, da wir das Porträt haben, und jetzt, wo wir wissen, wie die Animation aussehen wird. Lassen Sie mich von Anfang an beginnen. Das ist unsere Referenz. Das ist der Umriss, den ich erstelle, nur damit ich die Proportionen gut etabliert habe. Es ist also keine Skizze mehr, das ist eher proportionaler weise. Ich habe ein paar Farbblöcke mit den Pinseln, die ich euch gezeigt habe. Jetzt werden wir sehen, wie die Animation aussehen wird. Ich beschloss, es drei statt fünf zu machen. Nur damit es einfacher ist und es flattert. Wir werden danach etwas anderes aus der Animation hinzufügen; damit es besser aussieht. Aber ich entschied mich, eine von ihnen Animationen zu ändern. Jetzt wird dieser noch mehr flattern. Aber dieser wird sich in eine größere Öffnung von Flügeln verwandeln. Das ist es, das ist unser Setup. 7. Farbgebung deiner Animation: Hallo, Jungs. In dieser Klasse werde ich Ihnen zeigen, wie ich die Schmetterlinge färbe. Irgendwann werden wir alle Schmetterlinge neu einfärben, aber wir werden es zuerst in den Schichten tun. Ich habe einige Farben, die ich bereits weiß, dass ich wollte, einige von ihnen sind wie kontrastierend in der Komposition. Aber ich verwende immer noch einige der Farben, die ich bereits für die Ebene verwendet habe. Zuerst werden wir nur die Deckkraft für die erste Ebene senken und dann werde ich diese neu einfärben. Ich benutze immer noch den Animator's Pencil für Kyle. Wie ich Ihnen bereits sagte, können Sie das in Ihrem Photoshop in der Creative Cloud finden. Normalerweise versuche ich, die gleichen Farben zu finden. Ich versuche, wie vier oder fünf Farben zu verwenden, die ähnlich sind, um die Zusammensetzung vollständiger zu erhalten. Wie ich schon sagte, ich werde sie nur färben. Normalerweise wird dies der erste Schritt sein und dann werde ich die anderen Ebenen unserer Animation färben. Es ist ziemlich einfach, nur eins nach einer Zeit zu gehen, nur es zu färben. Ich werde ein bisschen dunkleres Rosa verwenden, nur eine Menge, da ist ein bisschen davon. Los, los geht's. Ich versuche, eine Vorstellung davon zu haben, wie der Schmetterling aussehen soll , und das ist ein sehr wichtiger Teil für die Referenz. Es ist immer wichtig, Ihre Referenz zu haben, und Sie können es hier sehen, aber ich habe es in meinem anderen Bildschirm, einige Referenzmaterialien, die ich in Pinterest gefunden habe, darüber, wie diese Schmetterlinge aussehen. Ich werde sie ziemlich einfach halten, da diese diejenigen sind , die in der Animation da sein werden und weil ich sie wiederholen muss, möchte ich nicht, dass sie sehr kompliziert sind. Ich werde nur diese kleinen Dinge hinzufügen, nur um sie hübsch zu machen. Sie sehen Schmetterlinge aus. Dies ist einer der Gründe, warum ich diese Animation machen wollte. Auch ist es ziemlich einfach, das Flattern zu sehen und es ist ziemlich gut, das anzuerkennen. Wir haben die Farben, die wir bereits haben, aber ich möchte diese andere leuchtend rosa versuchen, nur so dass wir ein wenig Kontrast mit den Augen haben und wir werden sie auf die Schmetterlinge Flügel hinzufügen. Weil wir eine Menge Rosa haben, denke ich an dieses, und es muss kontrastreicher sein, nur damit unser Auge fällt. Ich werde nur ein wenig von der Haarfarbe hinzufügen, die ich verwende, und wir werden diese hinzufügen, damit wir immer noch können, auch wenn wir unser Auge für die Komposition bewegen, ist dies wie ein Hauptfokus als auch. Du weißt, was ich meine, Fokus, vielleicht eher ein kostenloser Fokus. Denken Sie daran, die einfachsten wir es am besten zu tun, da wir es wiederholen werden. Also zum ersten Mal, wenn Sie diese Klasse machen, versuchen Sie einfach, es einfach zu halten. Versuchen Sie, sehr ruhig zu sein. Das war's, Leute. 8. Die Animation hinzufügen: In diesem Video zeige ich Ihnen, wie Sie Ihren Photoshop einrichten, um ihn als Animationswerkzeug zu verwenden. Wir gehen zu Fenster, Zeitleiste, und wir werden eine Frame-Animation erstellen. Manchmal, wenn Sie es öffnen, wird es zeigen, erstellen Sie Video Timeline. Dies ist sehr häufig, weil Photoshop keine Animationen in einer Zeit wie After Effects ausführen kann, aber das ist eine andere Geschichte. Jeder Rahmen wird eine Ebene sein. Zum Beispiel ist dies jetzt unser erster Frame. Es dauert nur null Sekunden. Wir werden einen weiteren Rahmen mit einer anderen Ebene und dann einen dritten Frame mit einer anderen Ebene hinzufügen.. Nun, es wird so aussehen. Das ist zu schnell. Was wir tun können, ist, dass wir die Zeit ändern können, die es braucht, um von einem zum anderen zu wechseln. Es ist hier, hat keine Verzögerungen, also sind das Null Sekunden, eine Sekunde. Mal sehen, wie es aussieht, viel besser. Zum Beispiel ist dies in Schleife. Wenn ich will, dass es länger als drei Sekunden dauert, können wir im Grunde nur eine Sache machen und es wiederholen, bis wir mehrere Frames haben. Ich empfehle, 30 oder mindestens 40 Frames zu machen . Weil Instagram Videos nur für fünf oder sechs Minuten erlaubt. Dies ist 30, ein guter Zeitrahmen, um es zu tun. Das ist es im Grunde. So animierst du, Leute. 9. Rendering: Jetzt, da wir alle unsere Frames Setup haben, habe ich ein bisschen eine Kontur außerhalb hinzugefügt, weil ich das Gefühl habe , dass sie sehr einsam im Hintergrund war, und da ich keinen Hintergrund hinzufügen werde, denke ich , das ist ein guter Weg, um nur rahmen sie ein. Jetzt, da wir das haben, werden wir es exportieren, also werden wir das tun. Wir gehen „Datei-Export“ und wir gehen zu „Video rendern“. Dies ist sehr wichtig, denn wenn Sie planen, dies für Instagram zu tun, können Sie es nicht als GIF tun, es muss ein Video sein. Lassen Sie uns einfach Dolores hinzufügen, unseren Ordner, Adobe Media Encoder es geht, es auf eigene Faust zu tun. Das Format ist perfekt und die Größen der normalen Instagram-Größe, Dokument Framerate 30 Frames pro Sekunde, was gut ist, und alles ist so eingerichtet, so dass, wenn Sie Ihr Setup tun möchten, ist dies eine perfekte Möglichkeit, es zu setzen oben fügen wir nur rendern und es wird beginnen, das Video zu tun, und das war's, Sie haben jetzt Ihr Video gespeichert, als Ihre Illustration als Video. Nun, wenn Sie ein GIF tun möchten, tun wir „Datei“, „Export“, „Speichern“ für Web, jetzt ist dies, wo Sie es als GIF speichern können. Dies ist das optimierte Telefonformat, auf Namen können wir es einfach etwas anderes nennen. Jetzt möchte ich Sie wissen lassen, dass, wenn Sie es als GIF speichern möchten, ich empfehle, die geringste Menge an Farbe zu tun. In einem Prozentsatz können Sie es senken, weil es jetzt 256 ist, es ist zu viel, also was ich tun werde, ist, dass ich zu 92 gehe, was eine gute Zahl ist, weil es die Dinge und die Bildgröße ziemlich gut aufrechterhält, und es senkt die Menge der Farben , die wir haben, weil wir viele Farben hatten. das erledigt ist und wir werden es retten lassen, und das war's Jungs. 10. Letzte Gedanken: Danke, dass Sie diesen Kurs genommen haben. Ich hoffe, es hat dir gefallen. In dieser Klasse haben Sie gelernt, wie Sie grundlegende Animationszuordnungen, grundlegende Animationen in Photoshop und Kompositionsgrundlagen durchführen. Ich hoffe, es gefällt dir und ich hoffe, du bist bereit, mir zu zeigen, was du getan hast. Sie können mich auf Instagram bei ursunous finden, und ich würde gerne sehen, was Sie für diese Klasse geschaffen haben. Denken Sie daran, Sie können alle Fähigkeiten nutzen, die ich Ihnen in anderen Porträts beigebracht habe , die Sie erstellt haben, oder in jeder anderen Illustration, die Sie haben. Vielen Dank.