Animation zur Illustration: Animieren von Texturen in Photoshop

1. Einführung: Hallo, mein Name ist Kay Leathers und ich bin Illustrator und Designer für Motion Graphics aus London, England. Eines der wertvollsten Dinge, die ich als Illustrator gelernt habe , ist, dass es eine wachsende Nachfrage nach Illustratoren mit dem Wissen über Animation und ihre Social-Media-Beiträge, die Bewegung bekommt das meiste Engagement. Wenn Sie Ihren Illustrationen Bewegung hinzufügen möchten, kann ich Ihnen auf jeden Fall einige Techniken geben, die ich auf meiner Reise gelernt habe , die nicht nur helfen, Animation zu lernen, sondern auch eine Menge Spaß zu machen. In dieser Klasse werde ich Ihnen beibringen, wie Sie Photoshop verwenden, um Ihre Ideen zu veranschaulichen. Dann erstellen wir animierte Texturen, die auf Ihre Illustrationen angewendet werden können. Wir lernen, einfache Hintergründe zu illustrieren und zu animieren, die auf vorhandene Illustrationen angewendet werden können oder Ideen für eine brandneue Illustration auslösen können. Wir nehmen diese Ideen und lernen, wie man eine Illustration von Grund auf skizziert und färbt, und teilen diese dann in Ebenen auf, die bereit sind, unsere Hintergründe darauf anzuwenden. Wir lernen auch, Muster für Textilien wie Kleidung zu erstellen und diese in Bereiche unserer Arbeit zu massieren. Dann lernen wir einige kontrollierte zufällige Animationen nur zum Spaß. Am Ende der Klasse haben Sie eine erstaunliche Illustration mit drei verschiedenen Stilen mit der gleichen Technik animiert. Ihr alle habt wirklich großes Verständnis dafür, wie ihr das in eurer zukünftigen Arbeit einsetzen könnt. Die Möglichkeiten hübsch sind endlos. Wenn Sie ein Animator sind, können Sie diese Muster und Texturen in After Effects aufnehmen wo Sie sie in Ihrer Arbeit verwenden und ein echtes handgezeichnetes Gefühl geben können. Als ich das Leben als Illustrator begann, mochte ich Photoshop überhaupt nicht. Ich war streng ein Illustrator-Benutzer und mein Verstand ist verdrängt, wenn ich in Photoshop ging, es war wirklich frustrierend. Nun, nachdem ich mit ihm an einigen Projekten gearbeitet habe, Frame Techniken auf Charakterillustrationen angewendet habe, sowie abstrakte Hintergrunddesigns und Assets für die Animation, habe ich es einfach geliebt. Wenn du jemals die gleichen Kämpfe gehabt hast wie ich oder du nur ein paar weitere Animationstechniken willst, dann kann ich dir bei diesem Kurs helfen. Diese Klasse eignet sich hervorragend für alle, die in Photoshop oder für erfahrene Benutzer illustrieren möchten . Ich werde alles Schritt für Schritt erklären, einschließlich all dieser hilfreichen Verknüpfungen, die Ihnen dabei helfen , die Animierung in Photoshop komfortabler zu gestalten. Alles, was Sie brauchen, um mit dem Animieren von Texturen beginnen zu können, ist Photoshop geöffnet und Ihre Computer-Maus. Am Ende dieser Klasse haben Sie Ihre ganz eigene animierte Illustration als Geschenk, ein MP4, das Sie in Social Media oder Ihr Portfolio hochladen können. Also, wenn du bereit bist, lass uns anfangen. 2. Projekt: Gemeinsam erstellen wir unsere eigene Illustration mit animierten Texturen und Mustern. Ich werde dir meinen ganzen kreativen Prozess zeigen, wenn ich diese mache und wie ich einen Charakter illustriere, der diese im Sinn hat. Dann zeige ich Ihnen, wie Sie dies als GIF exportieren, und alles, was Sie tun müssen, ist weiter zu folgen. diesen Auftrag abschließen, erhalten Sie auch ein mp4 Ihre sozialen Medien und ein GIF für Ihr Portfolio als auch. Diese Klasse ist eine praktische Einführung in das Animieren von Texturen und Mustern in Photoshop. Daher wird Ihnen das Üben auf Ihrer Reise zum Verständnis helfen. Ich habe ein paar Bonusaufgaben enthalten, an denen ich Sie ermutige, daran teilzunehmen. Ich zeige dir, wann und wie du sie hochladen kannst, wenn du die Bonusaufgaben-Folie in unseren Lektionen siehst. Ich schaue mir jedes einzelne Projekt in meinen Kursen an und biete Feedback und Hilfe an, wo ich kann. Es ist auch eine großartige Gelegenheit, Feedback von unserer schönen Community hier bei Skillshare zu bekommen . Alle meine Arbeitsdateien stehen zum Download zur Verfügung. Perfekt für Sie als Referenz für Ihre eigenen Projekte zu verwenden, oder wenn Sie nicht wollen, um Ihre eigenen zu illustrieren, können Sie meine verwenden. Wenn Sie bereit sind, öffnen Sie Photoshop und tauchen Sie direkt ein. 3. Einrichtung deines Arbeitsbereichs: Hallo, da. Herzlich willkommen zur ersten Lektion in unserem Kurs. In dieser Lektion werden wir Photoshop so einrichten, dass wir denselben Arbeitsbereich haben, der sich ideal für Animationen eignet. Wenn wir eine neue Datei erstellen und eine Datei einrichten, damit Sie sie in Ihren sozialen Medien oder in Ihrem Portfolio verwenden können, ist 1080 x 1080 die perfekte Größe für Instagram, also werden wir diese verwenden. Ich verwende 150 Auflösung, nur damit ich ein wenig mehr Informationen in meiner Illustration erhalten kann , aber Sie könnten 72 hier haben, wenn Sie es nur für das Web verwenden. Dann lassen wir das Feld Zeichenflächen aktivieren und die Hintergründe davon weiß machen. Der Grund, warum ich Zeichenflächen liebe, ist, weil es es wirklich einfach macht, Referenzen zu verwenden und sie sind einfach wirklich super praktisch für später. Ich werde es demonstrieren. Lassen Sie uns das schaffen. Jetzt sehen Sie hier, dass ich meinen Arbeitsbereich eingerichtet habe. Wenn ich zu diesem Pfeil gehe, zu Essentials. Wenn Sie im Moment nicht dasselbe haben wie ich, setzen Sie einfach auf Essentials und setzen Sie es einfach zurück. Aber was wir eigentlich tun werden, ist, heute einen neuen Arbeitsbereich zu schaffen. Sie können es Ihren Namen und Animationsarbeitsbereich nennen. Gut. Nehmen wir einige Anpassungen an diesem Arbeitsbereich vor. Ich werde Bibliotheken hier behalten, weil dies meine Reihe von Markenfarben ist und ich werde auch die Farbregisterkarte hier ziehen. Nun, wenn Sie keine Markenfarben haben, ist es in Ordnung. Mach dir keine Sorgen darüber. Sie können einfach aus diesem wählen. Jetzt brauchen wir keine Farbverläufe, Muster oder Farbfelder, also lasst uns diese loswerden. Eigenschaften, die wir brauchen. Ich mag es, es direkt unter den Farben und Bibliotheken hier zu haben, also ziehen Sie es einfach, bis es eine blaue Linie gibt und loslassen. Anpassungen, wir können loswerden, weil alle Ihre Anpassungen tatsächlich auch hier sind. Das sieht hier gut aus. Was wir auch brauchen, sind ein paar Werkzeuge hier oben. Wenn wir zu Fenster gehen und wir auf Pinsel klicken, kommen beide Pinsel und Pinseleinstellungen zusammen. Wenn sie es nicht für dich tun, ist das okay. Klicken Sie hier einfach auf „Pinseleinstellungen“. Hier benötigen wir auch die Werkzeugvoreinstellungen. Wenn Sie mit Photoshop vertraut sind, wissen Sie, dass Werkzeugvorgaben erstaunlich sind denn wenn Sie in Ihr Pinselwerkzeug gehen, indem Sie B drücken, können alle Ihre Lieblings-Pinsel hier gespeichert werden. Ich werde dir später zeigen, wie du das machst, wenn du dir nicht sicher bist. Endlich brauchen wir die Timeline. Das ist für unsere heutige Klasse am wichtigsten. Dies ist die Video-Timeline. Wenn Sie „Video Timeline erstellen“ drücken, ändert sich dieser ganze Abschnitt. Hier haben Sie Zeichenfläche 1, die mit Zeichenfläche 1 übereinstimmt. Wenn Sie zum Dropdown-Menü wechseln, wird Layer 1 dort angezeigt. Alles, was Sie hier sehen, ist auch hier. Jetzt haben Sie automatisch fünf Sekunden hier. Wenn Sie schauen, haben Sie einige Frames dazwischen. Nun, was wir für jede Lektion tun werden, ist, dass wir die Timeline-Frameraten festlegen. Das ist auf 30 gesetzt, was viel zu viele für mich ist. Das Übliche ist 24 für, sagen wir, Cartoons wie Disney. Aber ich will dieses abgehackte Gefühl, also werden wir 12 Frames pro Sekunde verwenden. Dies bedeutet auch, dass wir nicht so viele Zeichnungsschalter tun müssen. Oh, das ist ein Segen. Klicken Sie auf „OK“ und Sie werden sehen, dass sich die Zeitleiste hier anpasst. Es hat immer noch fünf Sekunden, aber innerhalb jeder dieser Sekunden, Sie haben 12 Frames statt 30. Nun, ich werde nur eine Anpassung vornehmen. Ich benutze nur die Berge hier, um zu vergrößern und zu verkleinern. Nun, diese Schicht 1 ist im Moment fünf Sekunden lang. Wir werden nur dieses Widget hier verwenden, indem Sie klicken, und ziehen, und machen es 1 Sekunde lang. Wenn ich vergrößern, können Sie sehen, dass 2, 4, 6, 8, 10 und 12 eine Sekunde machen. Das sind die Anpassungen, die wir vorgenommen haben. Nun, da wir den Arbeitsbereich eingerichtet haben, sind wir bereit, einige Hintergrundtexturen zu animieren. 4. Mit Mustern spielen: Jetzt, da wir den Arbeitsbereich eingerichtet haben, sind wir bereit, mit dem Experimentieren und Erstellen unserer Hintergrundtexturen zu beginnen. Ich wollte diese Lektion zuerst setzen, weil es ein großartiger Ausgangspunkt ist, besonders wenn Sie stecken, haben Sie einen kreativen Block. Es hat nur geholfen, Ihre Phantasie zu wecken und bringt Sie Ideen fließen. Also für jede Textur werden wir die gleichen fünf Schritte machen. Also Schritt Nummer eins, erstellen Sie neue. Das sollte 1.080 mal 1.080 sein, 150 Auflösung und wir sollten das Kästchen des Kunsttafels ankreuzen lassen. Dann werden wir Video-Timeline erstellen, Schritt 2. Schritt 3, stellen Sie die Timeline-Framerate auf 12 ein. Schritt 4, öffnen Sie eine Schicht und reduzieren Sie diese auf eine Sekunde. Nummer 5, wir werden diese Ebene durch ALT duplizieren und ziehen. Wenn wir nun hineinzoomen, können wir sehen, dass wir alle 12 Frames in unserem zweiten hier haben. Nun müssen wir einige Entscheidungen treffen wie lange jede Illustration in unserem Hintergrund dauern wird. Lassen Sie mich erklären, indem Sie Ihnen eine Demonstration zeigen. Also hier haben wir eine Animation und es ist auf zwei animiert. Nun, was das bedeutet, wenn ich mich öffne, können wir uns die Akte ansehen. Nun, alle zwei Frames, gibt es eine andere Illustration. Also 2, 4, 6, 8, 10 und 12, weil es Schleife wird. Wenn ich darauf klicke, wird es alle sechs dieser Illustrationen in einer Sekunde durchlaufen. Also, wenn ich zum Original zurückgehe, wirst du sehen, dass es genau die gleiche Datei Mast hier einfach in den Kreis. Jetzt kann ich Ihnen einen Vergleich überprüfen. Dieser nächste ist auf drei animiert. Also alle drei Bilder 3, 6, 9, haben Sie eine andere Illustration. Sie können sehen, wie sich das auf die Bewegung und das Gefühl der Animation auswirkt. Ich mag es, auf drei zu animieren. Ich mag es auch, auf Vieren zu animieren. Sehen Sie, Sie können alle drei hier vergleichen. Wenn Sie sechs haben, haben Sie nur zwei Illustrationen in einer Sekunde und Sie können sehen, dass es sehr langsam ist. Also generell von hier aus, ich mag es, auf drei und Vieren zu animieren. Sie können hinzufügen, wie viele Sie möchten, aber für die heutige Demonstration werde ich mich auf Vieren konzentrieren. leid, lassen Sie mich das schließen. Also, was ich tun werde, ist, die erste Schicht vier Frames lang zu machen. Sie können auf dem Widget sehen, dass Sie ein wenig Zeit haben und daneben sagt 04. Nur zur Leichtigkeit werde ich diese Ebene duplizieren und sie auf den nächsten Frame ziehen , weil wir diese eine Sekunde und wieder füllen wollen. Großartig. So haben wir jetzt drei verschiedene Ebenen für drei verschiedene Illustrationen. Es gibt wenig Reim, den ich gerne für jeden durchgehen, nur um mir zu helfen und das ist bewegen Sie den Spieler, wählen Sie die Ebene. Ich werde jetzt einen Pinsel auswählen, weil wir anfangen müssen, diese animierten Hintergründe bereits zu machen. Also werde ich durchschauen. Ich habe dieses Megapack von Kyle. Wenn Sie dies noch nicht haben, können Sie auf „Mehr Pinsel bekommen“ klicken und das öffnet sich für Sie. Wenn Sie die Adobe Suite haben, können Sie diese einfach herunterladen und es wird in Photoshop für Sie installiert. Ich gehe direkt runter zu einigen klassischen Bürsten. Ich fühle mich wie Hand einige, meine weichen Aquarelle sagen, lasst uns einen Blick auf diese. Ziemlich nett. Auf ein bisschen weicher. Mal sehen, ja, das ist diejenige, die ich will. Ich werde eine Farbe für meinen Gaumen auswählen. Jetzt werde ich diesen Pinsel wirklich groß machen, indem ich offene Klammern, große und kleine offene Klammern auswähle. Ich werde nur ein schönes Muster machen. Dann werde ich den Player verschieben, die Ebene auswählen und ein anderes Muster machen. Echt schnell. Schöner großer Pinsel auf diesem. Wenn Sie sich nicht sicher sind, wie sie im Vergleich zueinander aussehen, können Sie immer zurückblättern. Fühlen Sie sich wie der erste ist ein bisschen blauer als die anderen, also werde ich nur den Spieler bewegen, die Ebene auswählen und einfach ein wenig mehr Blau zu den anderen hinzufügen. Bewegen Sie den Spieler, wählen Sie die Ebene und gut, jetzt kann ich durch sie schrubben mit diesem oder ich kann drücken spielen Sie es mit der Leertaste. Wir können sehen, dass diese drei Illustrationen durchlaufen. Das ist unser erstes Muster. Also lasst es uns retten. Speichern als und wenn ich auf meinen Desktop gehe, habe ich hier einen Ordner bereit für mich. Ich habe das in die Ressourcendatei aufgenommen. Also nutzen Sie es, wenn Sie wollen. Ich nenne das animierte Texturen, gehe zu Projektdateien, Photoshop. Ich werde einen neuen Ordner erstellen. Ich nenne es Texturen. Dieses hier nenne ich es gerne ein Adjektiv und ein Substantiv. Also werde ich es weiche Wolken nennen. Daran erinnert es mich. Großartig. Also habe ich hier ein paar Pinsel gespeichert. Nun, wenn Sie einen Pinsel speichern möchten, so dieses schöne weiche Aquarell, das ich vorher hatte, können Sie Ihre Werkzeugvoreinstellungen öffnen und drücken „Plus“ und es wird mit seinem aktuellen Namen kommen. Sie können es etwas anderes nennen, Sie können es weiches Aquarell nennen oder was auch immer es Sie bedeutet und es wird zu Ihrer Bibliothek hinzugefügt. Sie müssen diese an einem guten Ort speichern , damit Sie es laden können, wenn Sie Photoshop wieder öffnen. Ich empfehle definitiv, dies zu tun, damit Sie alle Ihre Lieblingstools an einem Ort haben können. Also, diese Klasse ist fertig, also schließen wir das Kommando + W. Wir werden unsere fünf Schritte wieder durchlaufen. So erstellen Sie neue. Erstellen Sie Video-Timeline. Legen Sie die Bildraten der Zeitachse fest. Nummer 4, ändern Sie die Ebenengröße. Nummer 5, duplizieren Sie es. Also werde ich diesen ersten Layer-Hintergrund nennen und wir haben unsere einfache Ebene hier. Ich werde das wieder auf vier Frames reduzieren. Lassen Sie uns es ein wenig größer machen, damit wir sehen und duplizieren und duplizieren und ziehen Sie das entlang, um es zu füllen. Also dieses Mal werde ich eine andere Farbe wählen und ich werde den Hintergrund auf diesem zu füllen, nur weil ich mich ein bisschen verrückt fühle. Also sind wir auf Schicht eins, der Spieler ist an der richtigen Stelle und dieses Mal werde ich einen schönen Lattenpinsel wählen, drücken Sie „B“, um Ihren Pinsel auszuwählen. Ich werde für Splatter eins gehen. Jetzt, gespritzt man ist wirklich schön, weil es als eine seiner Pinseleinstellungen multipliziert hat. Wenn es also über sich geht, wird es sich verdunkeln. Ich werde auch den Layer-Modus so einstellen, dass ich mich wie, ja, das ist besser nur schön, Linie durch dort und bewegen Sie den Player, wählen Sie die Ebene. Dies muss auch eine Multiplikation sein. Lass es uns tun. Ein bisschen geradeaus. Bewegen Sie den Spieler, wählen Sie die Ebene, machen Sie das multiplizieren und da gehen wir. Drücken Sie „Play“. Sieht aus wie ein schöner Sandsturm irgendwo, wo man sich vorstellen kann, dass jemand hier im Wind winkt. Dies ist wieder ein wirklich gutes Werkzeug, wenn Sie jemals mit dem, was Sie tun und kreativen Block stecken bleiben, werfen Sie einfach einige Texturen, animieren Sie sie und es wird Ihnen so viele Ideen geben, die ich Ihnen verspreche. Also lassen Sie uns das schnell als „Sandstorm“ speichern. Gut und schließen Sie es. Wieder fünf Schritte. Lass dich sehen, wenn du sie jetzt kennst. Schritt 1, wählen Sie Neu aus. Schritt 2, Video-Timeline. Schritt 3, stellen Sie die Bildrate ein. Schritt 4, Passen Sie die Ebenengröße an. Schritt 5, duplizieren. Nennen wir diesen Hintergrund. Ich gehe zu unserer ersten Schicht. Passen Sie es auf die gewünschte Größe an, wenn Sie experimentieren möchten, vielleicht, wer für Dreier geht. In der Tat, lassen Sie uns drei zusammen machen. Duplizieren Sie diese und wählen Sie eine blaue dieses Mal und es gab farbigen Hintergrund Pinsel, wählen Sie die Ebene und ich werde diese über ziehen. Wirklich nett. Diesmal haben wir vier Zeichnungen, weil wir auf unseren Dreiern sind. Verschieben Sie den Player, wählen Sie Ebene. Erhalten Sie weiter. Gut. Das bringt alle Ideen für mich auf. Das sieht so aus, als ob Sie ruhig in einem Schwimmbad sitzen und am anderen Ende des Pools, gibt es Kinder, die überall auf dem Platz schlitzen aber Sie sind kühl, weil Sie am anderen Ende sind. Also mal sehen, wie diese Animation auf drei aussieht. Also bei diesem hier möchte ich die weiße Hintergrundfarbe nicht sehen, also werde ich es auf transparent setzen und ich werde es speichern. Also diese hier werde ich es sanfte Wellen nennen. Dies wird eine perfekte Inspiration für meine Illustration in der nächsten Lektion sein. Nun, da wir drei verschiedene Hintergrundtexturen fertiggestellt haben, denke ich, es wäre wirklich toll, unseren Fortschritt in der Projekt-Galerie zu zeigen. Also werde ich Ihnen schnell zeigen, wie Sie diese einfach als GIF exportieren können. Also werde ich meine sanften Wellen eine auswählen und ich werde ihm ein bisschen schnellen Hintergrund geben , so dass es klar ist, dass, wenn ich es hochladen, wird es gleich aussehen. Dann gehen wir zu Datei, Export, Speichern für Web und Ihr GIF wird hier in der Mitte kommen. Ich werde die Einstellung für jetzt nicht erklären, da ich in der Exportstunde viel näher eingehen werde , aber im Moment, vertrauen Sie mir einfach und setzen Sie es auf einen GIF 128 Dither und speichern Sie es. Wenn Sie in die Ordner „Animierte Texturen“, „Exports“, „Stills“, „ GIF“ gehen , erstellen Sie einen Hintergründeordner und speichern Sie Ihr GIF. Ich werde nur meinen ersetzen, da ich bereits einen da drin habe. Wenn ich jetzt einen Blick in diesen Ordner habe, habe ich meine sanften Wellen GIF. Ich kann das einfach hochladen, indem ich auf dieses Symbol, Ort, Hintergründe und da ist es. Halten Sie diese Seite geöffnet und fügen Sie einfach Bilder hinzu, während wir während unseres Kurses gehen. Ich hoffe, Sie hatten Spaß beim Erstellen Ihrer animierten Hintergrundtexturen. Sobald Sie den Kurs abgeschlossen haben, haben Sie eine ganze Bibliothek mit Texturen und Mustern, die Sie auf zukünftige Illustrationen anwenden können. der nächsten Lektion werden wir eine Idee illustrieren, die durch diesen kreativen Prozess ausgelöst wird. 5. Skizzieren deiner Idee: [ Musik] Von der letzten Lektion war ich wirklich inspiriert von meiner sanften Art Animation. Es erinnert mich daran, am Pool zu sein, auf einer Liege tief in der Sonne mit einem schönen Cocktail liegen. Also für meine Illustration, werde ich einen Charakter machen. Ich werde meine animierten Wellen im Hintergrund haben, ich kann über Textilien nachdenken. Nehmen wir an, Sie können einige Texturen in der Kleidung haben, so dass der Badeanzug und vielleicht die Haare unter anderem im Wasser herumschwingen. Diese haben viele Möglichkeiten für Animation. In Ihrer Illustration können Sie zeichnen, was Sie wollen. Sie können einen Charakter mit mir zeichnen, oder eine Idee, die durch Lektion 2 ausgelöst wird oder alles, was Sie wollen. Solange es diese drei Möglichkeiten im Auge hat. Also die Hintergrundtextur, ein Textil einiger Art, und einige Gelegenheit für einige Zufälligkeit. Wenn du bereit bist, lass uns anfangen. Also der Ort, an dem ich Referenzen am meisten bekommen möchte, ist Pinterest, obwohl ich Google und andere Orte benutze. Also werde ich nach einem Pool Floatie suchen und es kommt mit vielen Ergebnissen für wirklich coole Pool Floaties sehen Sie diese coole Avocado eins. So kannst du das zu deinen Boards hinzufügen. Ich habe ein Brett dafür bereits Floating genannt. Aber wenn Sie kein Board haben, können Sie zu Create Board gehen und Sie können Ihren Namen dort einfügen und drücken Sie „Create“. Ich habe bereits eine, also lasst uns das anheften und schauen wir uns durch und suchen nach anderen coolen Dingen. Vielleicht könnte sie einen Drink im Pool trinken. Also, sobald Sie einige Referenzen gespeichert haben, und ich gehe buchstäblich nur auf eine Wanderung durch viele verschiedene Pins trainiert und sammle jede Menge interessanter Dinge, die ich einschließen möchte. Also Sonnenbrillen, Schwimmkostüme, Floaties, wie die Leute auf den Floaties aussehen könnten. Was ich also tun werde, ist, diese zu benutzen und sie in meine Akte zu legen. Also, wenn ich mir dieses besondere anschaue, kann ich Screenshot, Command Shift 4 auf dem Mac machen. Sie können es einfach direkt aus der Ecke ziehen, es ist eine ziemlich neue Funktion und legen Sie es in Ihre Datei. Automatisch wird es in Ihre Kunsttafel gehen, aber was ist erstaunlich an Kunsttafeln, wie Sie es draußen stellen können und es wird Ihnen zeigen, so dass, wenn Sie später auf eigene Faust arbeiten, können Sie diese auf der Seite für Ihre Referenz haben. Ich habe schon eine gute Kochshow. Hier drüben ist alles aufgestellt. Also hier sind alle Referenzen, die ich gesammelt habe, alle mit Screenshot und Platzierung sie in die Datei und jetzt sind wir bereit für unser Skizzieren. Heute habe ich mein iPad, das ich mit Asteroid Pad Studio verwende, was mir erlaubt, nach Hause zu arbeiten. Ich verbinde mich mit Asteroiden-Pad und es ist immer noch 99 pro Monat, ich denke, es ist ziemlich billig wirklich. Ich weiß, mit den neueren Versionen des Mac, Sie können automatisch eine Verbindung zu Ihrem iPad so auf jeden Fall schauen, dass, wenn Sie nicht bereits. Also fangen wir mit unserer Skizze an. Wir haben hier eine Schicht und wir werden einfach wirklich, wirklich rau anfangen. Holen wir uns einen Skizzierstift, ich denke, das ist eine HP. Genau wie diese Dame hier, werde ich grob eine Lüge tief skizzieren und gerade aus der Ecke kommen. Wenn du etwas über mich weißt, fülle ich gerne meine Bereiche aus, damit meine Dame hier drinnen ziemlich groß sein wird und sie sich entspannen wird, aber dieses Mal, anders als diese Dame, wird sie ihre Arme kreuzen. Wir werden ihren Kopf haben, den Hauptfokus der Aufnahme. Wie gesagt, werden die Haare ins Wasser fließen. Ich werde nur einen rauen Bereich für die Haare setzen. Ich kann von dieser Dame sehen, dass sie eine ganze Menge Stirn zeigt, also lasst uns ein paar Haare reinlegen. Die Brille und alles sind um die Unterseite des Gesichts versammelt und lassen Sie uns hier eine Nase und einen Mund haben. Lassen Sie uns auch ein paar Ohren haben. Okay. Wie Sie sehen können, ist es super grobe Skizze. Gehen wir zur nächsten Ebene, so dass die vorherige Ebene die Deckkraft hier auf etwa 20 reduziert. Jetzt werden wir es ernst mit der Skizze. Nehmen wir noch mal unsere Bürste, und dieses Mal werde ich diese Lücken verlassen. [ Musik] Ich werde nur diese wirklich glatten fließenden Linien verwenden weil ich denke, es hilft nur, den Betrachter über die Seitezu tragen den Betrachter über die Seite und sicher zu sein, [lachen] in irgendwelchen Fehlern, die Sie machen, weil sie sind wahrscheinlich keine Fehler. Sie sind wahrscheinlich Charakter in Ihrer Zeichnung. Ich werde meinem Charakter meine unverwechselbaren Lippen geben , als ich normalerweise meinen weiblichen Charakteren tun, geben Sie ihr ein bisschen [unhörbar], und ich werde nur weiter skizzieren, geben eine bessere Geschwindigkeit, um das Video. Mit diesem Bitwerde ich dieses Objektiv einfach lasso machen und es löschen. Mit diesem Bit Ich werde das andere Objektiv lasso, weil ich es bevorzuge. Wenn ich mit der rechten Maustaste klicke, kann ich meine Kopie anlegen und sie auf die andere Seite verschieben. Ich gehe auch zum Menü Bearbeiten, transformieren, horizontal spiegeln und dann an die richtige Stelle drehen. Jetzt kann ich eine Brille ein bisschen gleichmäßiger sein. Jetzt nur noch ein paar letzten Schliff hinzufügen. Ich werde einige Wolken in der Brille und ihren Haarstreifenreflektieren und ihren Haarstreifen und fügen wir eine Zahnlücke hinzu. Geben Sie uns eine echte Einstellung. Ja, ich bin ziemlich glücklich damit. Ich denke, ich muss nur einige kleinere Anpassungen an kleinen Bereichen vornehmen. Ich werde das nur speichern als, lassen Sie uns unsere Desktop-Datei finden. Steck es rein, Photoshop. Machen wir jetzt eine neue Mappe, weil ich weiß, was sie sein wird, ein Schwimmer. Ich nenne das Sketch. Speichern Sie es und Sie haben Ihre Sketch File sicher. Gut gemacht, ich bin sicher, Sie haben eine tolle Skizze, um Sie starten sowie hoffentlich ein paar weitere Tipps zur Verwendung von Photoshop. In der nächsten Lektion werden wir uns mit dem Färben und Teilen unserer Ebenen beschäftigen. [ Musik] 6. Einfärben und Dividieren von Ebenen: In dieser Lektion lernen wir Hausfarbe und teilen unsere Illustration in Ebenen auf, die für die Animation bereit sind. In der Pause habe ich ein paar hinterhältige Änderungen an meiner Illustration vorgenommen, indem ich die Katzenmappe losgeworden und den Kopf angepasst habe. Bitte fühlen Sie sich frei, das gleiche zu tun, auf keinen Fall werde ich jemals direkt auf die ersten paar Ziegen gezogen. Wie sie sagen, ist der Schlüssel zu einer guten Illustration, immer zu zeichnen und neu zu zeichnen. Nun, es ist endlich fertig Färbung. Ich habe vorher ein paar farbige Tests durchgeführt, um zu entscheiden, welche Farben ich wähle. Ich wähle hier immer aus meiner Farbpalette. Wenn Sie wissen möchten, wie man eine Farbpalette wählt, habe ich in meinem vorherigen Kurs erklärt. Sie können zu Lektion Nummer 4 gehen, Ebenen machen, und um 6.30 erkläre ich, wie ich meine Farbpalette bekommen habe, also überprüfen Sie das definitiv, wenn Sie es noch nicht getan haben. Ich nahm ein paar Farbtests, wie ich sagte, und ich entschied, dass dieser in der Ecke mein Favorit war. Ich mache diese einfach wirklich schnell, nur schnelle Farbe, schnelles Kritzeln. Sie können sehen, dass ich hier sogar gefärbt habe, nur um mich für die zu entscheiden, die mir am meisten gefällt. Das habe ich gewählt, weil ich denke, es erinnert mich an McDonald's, was ich nur behandelt wurde, wenn es Sommer war. Es erinnert mich auch an eine meiner guten Freunde, die immer Faktor 50 tragen muss, wenn sie wegen ihrer schönen roten Haare und ihrer fettigen Haut im Urlaub ist. Ich werde mit dieser Farbkombination gehen. Was er getan hat, war es einfach auf die Seite zu legen. Wenn ich meine Referenzen verbirge, ist dies nur eine kurze Referenz für meine Färbung. Nur, bevor wir weitermachen, werden wir speichern, wie er gehen kann Datei, Speichern unter oder Befehl Shift S Lassen Sie uns diese als Farbe speichern. Du kannst es ohne das u buchstabieren, wenn du Amerikaner bist. Wir werden diese loswerden, weil wir die bereits in unserem Skizzenstapel haben. Das ist jetzt unsere Skizze. Wir werden das oben behalten, also lass mich meine Ebene hierher ziehen. Wir müssen am meisten von hinten anfangen. Der hintere Teil wird unser Hintergrund sein. Nun, offensichtlich bedenke ich meine Animation, die in dunkelblau für die Wellen gemacht sind. Ich werde nur ein hellblau setzen ist der Hintergrund. Meine animierte Ebene wird darüber hinausgehen, aber dafür sind wir noch nicht bereit. Die nächste Schicht, die am meisten zurück ist, ist der Ring. Ich liebe es, das kreisförmige Festzelt Werkzeug für alle Kreise zu verwenden, die ich brauche, um meine Arbeit zu erledigen. Sie ziehen und loslassen, wenn es die richtige Größe hat. Ich werde O zu minus davon halten, um den inneren Kreis zu machen. Wir können Shift halten, um es gleich Kreis zu machen, und dann einfach versuchen, das an der richtigen Stelle zu bekommen. Gut. Wählen Sie dann Meine Farbe und gehen Sie zum Gelb. Wir können es einfach ausfüllen und dann abwählen, um davon wegzukommen. Wir werden die Muster der Enden machen. Ich bin nur gut, wenn ich mich wirklich auf jeden Teil konzentrieren, während ich mich nach oben arbeite. nächste Stück ist die Leiche. Wir können nur Farbe wählen von hier, oder Sie können aus Ihrer Farbpalette wählen. Ich werde einen meiner Lieblingspinsel greifen, die die erstaunliche Cartoon-Feder ist, und das ist einer der Farbpinsel. Ich werde nur das ein wenig vergrößern und zoomen, und lasst uns einfach anfangen zu färben. Ich werde ihre Kapazität ein wenig reduzieren, ja. Ich kann tatsächlich die Kanten sehen, weil ich nicht skizzieren werde, wie dieses Mal nur mit dieser rohen Farbe, weil ich denke, Texturen passen wirklich gut in dieser Art von rauem, pinselem Look. Wir machen einfach diese volle Form, drücken G und füllen sie. Jetzt, mit den Referrer-Pinseln, werden Sie irgendwie ein bisschen bekommen, wo es nicht ganz ausfüllen kann. Ich habe versucht und versucht, mit der Toleranz herumzuexperimentieren, um darüber zu kommen, aber es ist tatsächlich viel schneller als das Einfärben. Mir macht es nicht zu viel aus. Ich stelle sicher, dass es keine Lücken gibt. Gut. Das ist unsere Körperschicht. Nun, die nächste Schicht wird unser Badeanzug sein. Nennen wir es Badeanzug. Weil ich nur möchte, dass es es im Körper zeigt, ich Befehl gedrückt und klicke auf den Körper, und das wird eine Auswahl treffen. Dann kann ich die Farbe auswählen, die ich für den Badeanzug möchte, und den Pinsel etwas kleiner machen. Sie können sehen, dass es außerhalb dieser Stücke nicht färbt. Du hast nicht gesehen, dass ich alles in voller Form mache. Das liegt daran, wenn es sich in der Animation bewegt, werden wir immer etwas darunter haben, was wirklich wichtig ist, besonders wenn Sie es schicken, um zu sagen, einen Animator, und sie gehen zu all den Animationsarbeiten für Sie, stellen Sie sicher, dass jeder Layer vollständig ist. Wenn sich etwas bewegt, haben Sie diese Informationen darunter. Ich werde das abwählen. Ich kann Ihnen nur zeigen, dass wir, wenn ich die Leiche bewege, immer noch den Gummiring darunter haben. Die nächste Schicht, die ich gerne machen würde, ist diese Rückenfarbe. Ich werde verschiedene Pinsel für diese genannt Umrisse wackelig wählen, ich habe mich nicht ganz daran erinnert, welcher dieser war. Ich hatte es vor einer Weile. Aber ich möchte später etwas Cooles mit diesen Haaren sehen, also werde ich nur wirklich grobes Kritzeln machen. Wenn jemand Mr. Mann beobachtet hat, erinnert es mich, wenn Mr. Messy, und machen Sie das einfach in den Boden treffen. Es ist ziemlich cool, ich mag es. Aber ich werde das etwas unscharf umgestalten, denn ich will nur, dass es an den Seiten rauskommt. Skalieren Sie es etwas wackeliger. Ja, nett. Definitiv glücklicher damit. Eine Schleife hier, großartig. Nennen wir es. Sie können weiterhin durch die Layer arbeiten. Jedes Mal, wenn Sie einen neuen Layer erstellen, benennen Sie ihn. Ich werde auch die Deckkraft reduzieren, damit ich sehen kann, wo das Gesicht liegt. Ich brauche meine andere Bürste. Ich werde weiter einfärben. Sie können hier sehen, dass ich versehentlich zwei Dinge auf eine Schicht legen werde. Wieder, verwenden Sie einfach das Lasso-Werkzeug, Wenn Sie das tun. Sobald Sie bemerken, können Sie Ihren Fehler korrigieren. Nun, mit der Brille, werde ich tatsächlich eine Gruppe von Schichten machen, weil sie alle zusammen gehen. Füllen Sie die Linsen aus und fügen Sie eine neue Ebene für die Wolken hinzu. Lasst uns nun diese Wolken und Linsen setzen und dann G befehlen, sie zu gruppieren, und wir nennen sie alle Brillen. Eine wichtige Sache zu beachten ist, dass Sie immer diejenigen haben, die Sie erwarten, animiert werden, die Ebenen sind getrennt. Ich möchte diese Laune animieren, wie wir gesagt haben, es ist ein Textil. Ich werde nur mit der rechten Maustaste dorthin klicken und das orange machen. Sagen Sie, wollen die hinteren Haare animieren. Ich möchte die Wolken hier drin animieren, also mache ich das auch orange. Nur ein paar letzten Schliff und wir sind fertig. Ich sehe, dass es noch ein paar Bits gibt, die ich tun muss. Zum Beispiel möchte ich dem Ring einige schöne Streifendeklarationen hinzufügen. Wenn ich das mit Befehl auswähle, öffne ich neue Ebene, werde ich mein Weiß bekommen, und ich werde nur meinen Pinsel ein wenig größer machen, und um deine Streifen in einer schönen geraden Linie zu machen, wenn du Streifen willst, Sie können einfach die Umschalttaste gedrückt halten und gerade über ziehen. Es gibt Ihnen eine horizontale Linie, aber seien Sie gewarnt, wenn Sie sie halten und dann ziehen, erhalten Sie diese Art von Linie, die Sie vielleicht nicht wollen. Ich kann dir das hier besser zeigen, wenn ich es nur halte, gibt dir auch eine Linie. Ich werde nur den einen auftauchen. Hoppla, da war es wieder da drin. Das gibt es ein paar Streifen. Lassen Sie uns das abwählen. Ja, ich werde das gleiche tun wahrscheinlich für die Haare, vielleicht für den Badeanzug, obwohl ich weiß, dass ich es animierte Textur da drin will. Das ist die Färbung, wir sind fertig. Ich hoffe, Sie haben einige gute Tipps, wie man in Photoshop färbt. Das Wichtigste ist, dass, wenn Sie das Layout in Zukunft animieren oder ändern möchten, stellen Sie sicher, dass es auf einer separaten Ebene von dem Rest gefärbt ist. In der nächsten Lektion, wo wir unseren animierten Hintergrund in unserer Illustration platzieren. 7. Animierte Hintergründe: In dieser Lektion werden wir unseren animierten Hintergrund in unsere Illustration einfügen. Bevor ich weitermachen konnte, musste ich noch einige Details zu meinen Illustrationen hinzufügen. Also schauen wir uns mal an. Hier siehst du meinen finalen farbigen Charakter und wir haben das Mosaik im Hintergrund. Ich fügte ein paar Achselhaare hinzu und ich fügte einige Sommersprossen hinzu. In dieser Lektion handelt es sich also um animierte Hintergründe. Wir haben schon die harte Arbeit geleistet. Sie können sehen, dass ich meine Illustration in nur zwei Gruppen von Charakter und Hintergrund für diese Lektion gebunden habe . Also innerhalb Charakter, ich habe alle Charakterstücke, und im Hintergrund habe ich Fliesen und den eigentlichen Hintergrund selbst. Um es in einen animierten Hintergrund zu bringen, benötigen wir das Timeline-Backup, und wir müssen sicherstellen, dass unser Spielkopf am Anfang steht. Nun, wenn Sie sich richtig erinnern, war unser animierter Hintergrund eine Sekunde lang. Wenn wir das nur auf eine Sekunde setzen, um mit zu beginnen, und dann gehen wir zu Datei, „Place Linked“. Dies ist wirklich wichtig, weil eine verknüpfte Datei, die Sie anpassen können, und sie wird automatisch in Ihrer Illustration angepasst. Dann gehen Sie in Ihre Textures-Datei, die mit Ihren Photoshop-Dateien sein sollte , und platzieren Sie Ihre Animation. Weil wir sehr schlau sind und es die gleiche Größe gemacht haben, wird es genau an Ort und Stelle passen. Wenn wir nur diese eine Sekunde spielen, wird es sehr schön schleifen. Ich werde nur einen Mischmodus Multiplikator darauf setzen und lassen Sie uns einfach wieder spielen, damit wir überprüfen können, dass wir glücklich sind. Gut. Jetzt, wenn ich es die vier Sekunden, die ich will, Ich will vier Sekunden, damit es auf Instagram zu bekommen. Weil unsere vier Sekunden, wenn Sie sich erinnern, unser Minimum für mp4 ist. Ich kann es spielen und natürlich haben wir das nur eine Sekunde lang gemacht. Also muss ich diese Animation duplizieren. Gehen Sie den ganzen Weg nach unten in Ihrer Timeline. Sie können das größer machen, wenn Sie es wünschen. Sie werden sehen, wenn Sie die Hintergrundgruppe öffnen, diese sanfte Welle dauert nur eine Sekunde. Wenn wir anhalten und duplizieren, können wir das tatsächlich in eine Videogruppe ziehen. Lassen Sie uns es erneut duplizieren, beide, und füllen Sie es bis zu vier Sekunden. Lass es uns mit der Leertaste spielen. Sie können sehen, dass Ihre vollständige Animation gefüllt ist. Jetzt fehlt das noch ein bisschen Pop für mich, also werde ich nur eine letzte Einstellungsebene machen. Du klickst hier auf den kleinen Mond und öffnest die Levels. Nun korrigieren Pegel den Tonbereich und Farbbalance eines Bildes, indem die Intensität von Schatten, Mitteltönen und Glanzlichtern angepasst wird. Das ist, was ich von der Adobe-Website genommen habe. Ich benutze es nur, um meine Illustration cool aussehen zu lassen. Ich werde einige der dunkleren Farben schon nehmen, sie sieht einfach toll aus, viel mehr Zusammenfassung. Ich werde die Mitteltöne auch ein bisschen runter nehmen. Jetzt knallt sie. Sehen wir uns das Stück an. Du kannst einfach die Wellen sehen. Das Tolle daran, dies mit Levels zu tun, ist, dass Sie Anpassungen vornehmen können, anstatt in die Datei zurückzugehen , die Sie zuvor gemacht haben, wie die animierte Datei und versuchen, die Farbe dort anzupassen. Nein, fügen Sie einige Ebenen hinzu und passen Sie die Farben an. An diesem Punkt werde ich dies speichern als, Animierter Hintergrund. Das ist unsere erste Animation, bist du nicht stolz? Ich bin so stolz und schon denke ich, das ist Instagram würdig, sicher. Sie können dies bereits als j für mp4 exportieren und eine superschnelle animierte Illustration für Ihr Online-Portfolio oder Ihre sozialen Medien bereithalten. Sie können diese Fähigkeiten nutzen und Ihre animierten Hintergründe in jede Illustration einfügen, indem Sie die Timeline in Photoshop verwenden. Zum Beispiel, hier ist ein weiterer Charakter, den ich tatsächlich in der Fortpflanzung erstellt habe. Ich teilte es in zwei Gruppen und poste es dann in Photoshop, wo ich die verknüpfte weiche Wolkenanimation platziert. Sie können sehen, dass es perfekt funktioniert. So eine einfache Technik, um Ihre Illustrationen lebendig zu machen. In der nächsten Lektion werden wir uns mit dem Animieren von Textilien beschäftigen. 8. Entwerfen und Animieren von Mustern: Wir hatten jetzt einen guten Blick auf die Gestaltung animierter Hintergründe. Jetzt gehen wir zu animierten Textilien über. Diese Technik kann auf alle Textilien wie Kleidung, Möbel, Vorhänge und sogar abstrakte Formen angewendet werden , die Sie in Ihrer Arbeit haben, so dass ich wirklich aufgeregt, Ihnen das beizubringen. Ich ermutige Sie, Ihre eigene Skizze zu verwenden, mit der Sie gearbeitet haben. Obwohl ich meine Dateien in den Ressourcen zur Verfügung gestellt habe. Bist du bereit? Lass es uns tun. Ich habe meinen kleinen Charakter hier, er ist ein neuer Charakter. Er ist mit der anderen Dame im Pool und vielleicht sieht er sie an. Ich stelle mir vor, sein Name ist Brad oder Chad und er ist Surfer. Er sieht gut aus, aber er braucht verzweifelt einige Muster in seiner Kleidung. Hier müssen wir hier seinen Mankini und sein Stirnband schmücken. Ich werde Ihnen nur zeigen, dass ich genau die gleiche Animation für diesen Charakter gemacht habe wie ich mit dem Mädchen Charakter und wenn ich nur drücken, spielen, können Sie die sanften Wellen sehen. Wie in der anderen Abbildung, werde ich nur den Multiplayer auf diesem einen drehen, nur um es ein bisschen mehr Pop zu geben. Ja, nett. Wir sind bereit, Muster und Textilien zu betrachten. Normalerweise gehe ich einfach zurück zu Pinterest, du wirst sehen, dass ich hier einen Ordner mit textilen Mustern habe. Wann immer ich einen auf Pinterest sehe, schmeiße ich ihn einfach rein und dann habe ich eine ganze Bank von Textilien zu sehen, wenn ich Kleidung dekorieren muss. Sie würden wahrscheinlich normalerweise mit etwas im Sinn dekorieren, aber für diesen habe ich es gerade weiß dekoriert, und wir werden unsere Referenzen in setzen. Manchmal werden die Referenzen darin nicht angezeigt, Sie müssen sie nur transformieren und dann erscheinen sie. Ich habe hier einige meiner Lieblingstextilien in meine Kunsttafel gesteckt. Ich liebe die 80er Jahre Styling und es geht ziemlich gut mit seiner Haltung hier, so dass dieser Retro-Feeling Zeug ist ziemlich cool. Aber es ist ein bisschen viel, denke ich für diesen winzigen Mankini, seinen bissigen Mankini. Ich mag große Farben an diesem hier, also halte ich das raus und werde einfach die beiden loswerden. Dann haben wir hier einige Streifen und einige Flecken, was viel einfacher zu handhaben ist Textil. Wenn ich meinen Abspielkopf zurückbringe, und ich werde nur diesen Punkt als meine erste Referenz verwenden. Lass uns den Hintergrund weglegen und wir werden seine Bademode finden, die hier ist. Ich habe hier meinen Badeanzug ausgewählt, und ich werde eine neue Ebene hinzufügen, die ich mit ALT in sie maskieren werde. Wenn ich heranzoomen, werde ich meinen Pinsel bekommen, nur gehen, um die Ebenen ausschalten, damit es meine Farben nicht beeinflusst und dann werde ich Auge fallen, dass gelb. Holen wir uns unseren Pinsel, weil er in der Ebene maskiert ist, wir sollten ihn nur dort sehen. Lassen Sie uns einige Flecken wie diesen hinzufügen. Ein paar Spots hier und da möchte ich auch etwas rosa hinzufügen. Schauen wir uns das an. Es ist ziemlich schön, ich fühle mich, als wäre es ein bisschen Clowney statt cool, also vielleicht werde ich stattdessen ein paar Streifen versuchen. Für die Streifen werde ich meinen Klick und Shift zu tun, also klicken Sie auf Shift und ziehen, klicken Sie auf Shift, ziehen. Ich muss es in meinem Kopf sagen, also habe ich diese Streifen nicht über meine Illustration bekommen. Lassen Sie uns dasselbe mit dem gelben Klick machen, Shift, Drag. Ja, das ist etwas kühler, ein bisschen mehr Krawatte gefärbt. Ich denke, die Streifen sind wirklich gut für diesen Kerl und natürlich kann man viele Muster ausprobieren und sehen, welche man passt. Was wir tun werden, ist, dass wir diese Idee jetzt in eine neue Datei nehmen , also erinnere dich an die fünf Schritte. Akte, neu. Erstellen Sie eine Video-Timeline. Nummer drei, Zeitachsen-Frameraten festlegen. Nummer vier, setzen Sie Ihre Ebene auf eine Sekunde und dann werden wir diese Ebene duplizieren. Es ist cool, dass ein Hintergrund, nur um das dort zu behalten. Jetzt auf dieser neuen Ebene werden wir anfangen, diese Muster zu erstellen. Vergrößern wir uns. Diesmal werde ich mein Muster demonstrieren. Ich möchte, dass mein Hintergrund weiß ist, damit ich ihn so lasse. Ich habe bereits meine Pinselgröße, weil ich in der anderen Datei geübt habe. Ich werde weiß, gelb, weiß und rosa haben . Weiß, gelb, das war nicht gerade, weiß und rosa. Es wird so weitergehen und wenn ich jetzt etwas Mathematik mache, um diese gelbe Linie auf die zweite gelbe Linie zu bringen, weil ich möchte, dass sich das Muster nach oben bewegt. Ich brauche ein, zwei, drei, vier Frames. Wir wissen, dass 12 geteilt durch 4 ist 3, also werde ich die drei Frames lang machen. Lassen Sie uns weiter unser Muster hier für Geschwindigkeit machen, ich werde nur die Entfernung erraten. Sehen Sie nun, dass dies passiert, wenn Sie nicht klicken und dann verschieben. Jetzt für dieses, weil es ein ziemlich spezifisches Muster ist und Sie diese Technik mit vielen verschiedenen Mustern verwenden können, können Sie Zwiebelschalen verwenden. Sie werden noch nichts sehen, weil wir nur einen Frame haben. Aber ich werde diesen Rahmen benutzen, weil du vielleicht gedacht hast „Oh nein, sie hat die Frames nicht dupliziert“, aber ich werde dir genau zeigen, was wir tun müssen. Wenn wir das jetzt duplizieren, werden wir sehen, dass es sich offensichtlich nicht wirklich ändert. Wenn ich Zwiebelfelle aktiviere, erlaubt mir dies, einen Rahmen vorher zu sehen, also werde ich das nur normal nennen. Dies ist der Rahmen davor, der ein Frame vorher ist und das ist der Rahmen danach. Was das bedeutet ist, dass die Zwiebelhaut Ihnen den Rahmen vor dem Abspielkopf und einen Rahmen nach dem Abspielkopf zeigt. Jetzt zeigt es im Moment nichts, weil diese beiden Frames genau an der gleichen Stelle sind , aber wenn ich das nach oben schiebe und die Eingabetaste drücke, können Sie sehen, dass unser erster Frame dort ist. Es fängt an, unseren zweiten Rahmen zu zeigen, und auf diesem zeigt sich unsere erste Illustration ein wenig durchschaubar, während unsere zweite Abbildung die dunklere Farbe ist. Wir können anfangen zu sehen, wo das vorherige Muster war und darauf aufbauen. Jetzt in diesem hier sehe ich, dass mir hier eine Farbe fehlt, es ist unsere rosa Farbe und das ist jetzt auf dieser Ebene gezeichnet. Wenn wir dasselbe erneut tun, duplizieren wir die Ebene und verschieben sie nach oben. Lassen Sie uns das transformieren und Sie beginnen, die vorherige Ebene zu sehen. Ich werde nur diese Lücke schließen. Großartig. Lassen Sie mich einfach die rosa Linie dort beenden, machen Sie es schön und zerzaust am Boden aussehen und noch einmal diese Schicht duplizieren, bewegen Sie sie über. Bewegen Sie den Abspielkopf und wir verwandeln das und bewegen es einfach nach oben. Ich sehe, dass ich hier wieder ein Gelb brauche und das war's, so viel einfacher, als alle Linien wieder zeichnen zu müssen. Ich muss die Zwiebelhäute ausschalten, um es sonst zu sehen, es wird ein bisschen zusammengeführt aussehen. Es wird so aussehen, also wenn Sie so etwas bekommen, bedeutet es nur, dass Sie die Zwiebelhaut nicht ausgeschaltet haben. Schauen wir uns unser Muster an. Da gehen wir, es sind ein paar bewegliche Streifen. Ich werde das als Textil in unserer Texturenmappe speichern. In Texturen, machen Sie einen neuen Ordner Befehl shift n, und wir werden diese Textilien nennen, das ist, was wir für unsere Kleidung und alles, oder unser Sofa oder was auch immer Sie wählen, zu zeichnen. Nennen wir es, Er trug einen itsy bitsy teeny weeny, rosa und gelb gestreiften Mankini. Sehr gut. Das ist unser Muster. Wie gesagt, Sie können tatsächlich jedes Textilmuster auf die gleiche Weise herstellen , also haben Sie keine Angst, mit Ihren Mustern zu experimentieren. Sobald Sie ein Muster gefunden haben das Sie wirklich stolz sind und Sie es mit unserer Community teilen möchten, ist unsere kleine Bonusaufgabe wieder, das als GIF zu exportieren. Nur mit den Einstellungen, die wir auf einem 128 [unhörbar], exportieren Sie das. Wir können einfach das GIF nehmen und wir können es unter unserem Hintergrund GIF hochladen. Jetzt haben wir unsere Pattern-Datei ausgewählt und sie ist alles im Ordner gespeichert. Wir können unsere kleinen experimentellen Dateien loswerden und das einfach dort sitzen lassen. Dann werden wir unsere verknüpfte Datei platzieren. Wenn ich das lege und ich Änderungen an dieser Datei hier vornehme, wird es hier angezeigt, weil sie verknüpft ist. Schauen wir uns in Charakter Badebekleidung, und Sie werden sehen, dass meine platzierte Datei unten hier erschienen ist, oberhalb der Badeanzug tragen hier passend. Unser aktueller Arbeitsrahmen ist vier Sekunden lang, also müssen wir das so duplizieren, wie wir in der animierten Hintergründe Lektion getan haben esin der animierten Hintergründe Lektion getan haben, und das wird zu einer Videogruppe. Duplizieren Sie das noch einmal, das macht es bis zu unseren vier Frames. Jetzt können Sie sehen, dass es die ganze Sache im Moment in seiner Position abdeckt, was nicht das ist, was wir wollen. Was wir wollen, ist, es zu maskieren, also mit Befehl klicken, das unseren Badeanzug oder welche Ebene Sie Maskierung in wählen wird. Dann können Sie auf die Videogruppe klicken und sie maskieren, und es wird es direkt dort hineinspringen. Lass es uns spielen. Großartig. Ich denke, ich werde diese Ebene ein bisschen drehen, die Video-Ebene. Einfach die Kette aufheben, da sonst die Maske bewegt, wählen Sie den Video-Gruppen-Befehl T und lassen Sie uns diese Streifen drehen und verschieben Sie sie an Ort und Stelle. Ja. Lass es uns jetzt spielen. - Ja. Sieht cool aus, Chad. Ich möchte genau das gleiche Muster für das Stirnband, also kann ich dafür eine kleine Wange machen, weil es schon fertig ist. Geh einfach in die Kopfschicht und ich werde diese Videogruppe duplizieren, sie über das Kopfband legen. Klicken Sie einfach mit der rechten Maustaste und löschen Sie diese Ebenenmaske, klicken Sie auf das Kopfband und erstellen Sie eine neue Ebenenmaske. Auch hier ist dies nicht wirklich, wie ich diese Gruppe möchte, also trennen Sie den Befehl T für die Transformation. Schauen wir uns das an. Sieht total rad Tschad aus. Da haben wir es, wir haben unsere animierten Hintergründe und unsere animierten Textilien. Experimentieren, Fehler machen, Spaß haben und ich ermutige Sie, ein paar verschiedene Texturen zu machen, um Ihre Illustrationen hinzuzufügen. Wenn Sie möchten, können Sie eine Badebekleidung für den Badeanzug meiner weiblichen Figur entwerfen, Sie aus den Ressourcen herunterladen können. In unserer nächsten Lektion zeige ich dir, was ich mit ihrem Badeanzug gemacht habe. Außerdem werden wir lernen, wie man einige zufällige Muster für ein bisschen Spaß in unseren Illustrationen animiert . Ich seh dich dort. 9. Zufälligkeit animieren!: In dieser Lektion werden wir einige zufällige Linien animieren , um unseren Illustrationen etwas Spaß zu bereiten. Ich hoffe, Sie hatten Spaß beim Aufbau Ihrer Textilbibliothek und haben ein paar verschiedene Textilien für Ihre Arbeit ausprobiert. Lassen Sie mich Ihnen zeigen, was ich mit meinem Schwimmer Mädchen Badeanzug gemacht habe. Ich habe ihr ein paar weiße Streifen gegeben, und eigentlich war es wirklich einfach, ein paar Muster auszuprobieren , denn wenn du wieder in deine Videogruppe gehst, lass uns das erweitern, damit du sehen kannst, hier ist mein Videoclip mit meinen weißen Streifen in es. Wenn ich nur den Inhalt ersetzen wollte, klicken Sie mit der rechten Maustaste, finden Sie hier „Inhalt ersetzen“ und ich kann mir alle anderen Textilmuster ansehen , die ich dafür gemacht habe und platzieren Sie es, und es wird automatisch Größe und alles passen in Ihre -Illustration. So einfach, und ich denke, die Punkte brauchten fünf Minuten, um zu machen. Wenn Sie fünf Minuten für jedes Textil denken und es viele Projekte verwenden, können Sie so viel Zeit sparen und nur Animation in all Ihren Illustrationen haben. Ich liebe die Wackeln, aber ich gehe zurück zu den Streifen, nur weil ich es mag, um zu passen. Unser Fokus für diese Lektion ist es, einige Zufälligkeit zu animieren. Das wird wirklich Spaß machen, weil wir die Haare auf unserem Charakter animieren können. Wenn ich vergrößere und unnötige Ebenen ausschalte, schalten wir also den Körper und den Hintergrund aus. Wir haben den Kopf isoliert. Wenn Sie nur die Haarkopie in der Timeline finden, denke ich, ich werde dieses Mal auf zwei animieren, also werde ich das ziehen, bis es ziemlich klein ist. Reduzieren wir einfach unseren Arbeitsbereich. Wir können auch hineinzoomen. Wir haben unsere Haare derzeit in einer Position. Lassen Sie mich diesen Umriss wackeligen Pinsel wieder auswählen, und ich werde diese Farbe auswählen. Lassen Sie uns einfach die Levels ausschalten für jetzt, weil es diese Farbe ist, die ich will, und wir werden unsere Zwiebelhäute aktivieren. Stellen Sie die Zwiebelfelle auf einen normalen Rahmen vor und einen Frame danach. Ziehen wir es an unsere neue Stelle, duplizieren Sie die Ebene und ziehen Sie sie über. Lassen Sie uns diesen Inhalt löschen, also ist der jetzt leer und wir können unsere kontrollierte Zufälligkeit beginnen. Der Grund, warum ich „kontrolliert“ sage, ist, weil wir im Allgemeinen das gleiche Volumen an Haaren behalten wollen und dann an den gleichen Stellen beginnen und enden , so dass sie nicht wild anders aussieht, aber wir haben immer noch das Gefühl von Wildheit geht weiter. Wir können die Veränderung dort sehen. Lass uns das nochmal machen. Dieses Mal, weil wir auf zwei animieren, wird zu ein wenig mehr Arbeit führen. Aber weil das nur ein Kritzelei ist, ist es überhaupt nicht so. Die nächste, duplizieren Sie diese Ebene, lassen Sie sie quer. Ich werde nur genug tun, um die 12 Frames zu füllen, also die eine Sekunde. Werfen wir einen Blick auf die Ebenen und alle anderen Ebenen auf. Schön. Ja, das ist cool. Ich werde hier nur einen kleinen Trick haben. Mit den Haaren, die ich gerade gemacht habe, lassen Sie uns alles auf eine Video-Ebene setzen, damit ich sie alle so auswählen und in diese Videogruppe ziehen kann. Nennen wir es Haaranimation. Dann kann ich einen kleinen hinterhältigen Betrüger machen. Ich werde meine Körperschicht öffnen, meine kleinen Achselhöhlen ausschalten, ich werde diese Haaranimation duplizieren und das Ganze transformieren, Größe ändern und in kleine Achselhöhlen stecken. Lass uns das nochmal machen. Verwandeln Sie es und legen Sie es auf der anderen Achselhöhle und spielen Sie. Ich habe nur eine kleine Störung. Wenn Sie nur lokalisieren, wo dieser Fehler ist, schalten wir den letzten aus und schalten ihn wieder ein. - Ja. Manchmal hat es nur einen kleinen Freak raus und dann ist es in Ordnung. Vergessen Sie nicht, dass wir die ganze Sache duplizieren müssen , um die vier Sekunden zu füllen. Stellen Sie also sicher, dass Sie die Ebenen auswählen und sie dann duplizieren, bis sie voll sind. tun, dass vier Mal, um es zu füllen. Sie können dies für jede Art von Animation tun. Du könntest es draußen als Gras oder einen Busch haben, oder du könntest die Spitze eines Pudelschwanzes haben oder du könntest eine Katze in etwas Wolle herumkriechen, und das wäre einfach eine perfekte Technik. Die Möglichkeiten sind endlos und ich hoffe, Sie haben Spaß damit. Großartig. Ihre Haare und ihre Achselhöhlen tanzen schön und ich bin wirklich glücklich mit meiner Animation. Hier sind noch ein paar Experimente, die ich mit den Haaren meines Schwimmers gemacht habe. Gerade und lockig. Das Beste daran ist, sagen Sie es niemandem, aber Sie haben gerade die Grundprinzipien und Techniken von Frame für Frame oder traditioneller Animation gelernt . Wenn du jemals gedacht hast, dass es zu schwierig ist, hast du es einfach getan. Also denke ich, das ist nur eine großartige Technik, um Ihrem Animations-Toolkit hinzuzufügen. In der nächsten Lektion werden wir untersuchen, wie Sie Ihre Arbeit als GIF und MP4 exportieren können. 10. Exportiere deine Illustration: Herzlichen Glückwunsch. Jetzt wissen Sie, wie Sie Hintergründe, Muster für Textilien und einige dumme Zufälligkeit für Ihre Arbeit zu animieren . In dieser Lektion lernen wir, wie Sie als GIF und MP4 exportieren und wie Sie diese in Ihr Projekt hochladen. Wir können sehen, wie alle drei hier praktiziert werden. Nun, ich bin gerade weitergegangen und habe auch ein wenig an den Wolken gearbeitet. Ich benutze genau die gleiche Technik mit den Zwiebelfellen und mache nur zwei Kopien der Wolken, um sich linear zu bewegen. Wenn ich dir das Ergebnis zeige, habe ich es in die Linsenschicht maskiert und das ist nur mein kleiner letzter Schliff. Fühlen Sie sich frei, Ihren Animationen den letzten Schliff zu machen, und wenn Sie bereit sind, werden wir exportieren. Um unsere animierte Illustration zu exportieren, werden wir zunächst als GIF exportieren. Jetzt, wie ich Ihnen früher gezeigt habe, um als GIF zu exportieren, gehen Sie zum Export, speichern Sie für Web und es wird mit Ihrer Vorschau auf Ihr GIF kommen. Ich habe versprochen, dass ich ein wenig mehr über GIF-Einstellungen erklären würde. Wir haben unsere GIF 128 dithered, das hat uns dazu gebracht, früher zu wählen. Nun, was das bedeutet, ist dieses GIF liest eine 128 Farben, und das ist, was Sie hier in der Farbtabelle sehen können. Nun, das ist die Größe Ihres GIF. Vielleicht möchten Sie, aus Gründen der Arbeit oder der Feststellung, dass es zu schwer ist, diese Größe reduzieren. Es gibt eine Reihe von Möglichkeiten, das zu tun. Zuallererst, mit dieser Einstellung, werde ich das im Web in einer Vorschau anzeigen. Es sieht toll aus und wir können unten sehen, wir haben alle Informationen von dem, was wir hier ausgewählt haben. Jetzt werde ich das weitermachen, weil das, wofür das wirklich praktisch ist , ist der Vergleich Ihrer verschiedenen Einstellungen. Zum Beispiel, wenn ich hier Platz sparen wollte, könnte ich die Anzahl der Farben auf 64 reduzieren. Jetzt können wir sehen, dass das meine Illustration beeinflusst hat. Nun, lassen Sie uns einen Blick auf die Vorschau für bewegte Beispiel. Wir verlieren da nur ein bisschen Farbe. Ich kann zurückgehen und anstatt versuchen, mehr Farben auszuwählen, weil ich die Größe reduzieren möchte, kann ich diese Farbreduktionsalgorithmen ändern. Ich könnte zur Wahrnehmung gehen und es wird mit einer Vorschau kommen, aber lassen Sie uns einen Blick. Wieder, wir immer noch nicht ganz, wenn ich mit dem anderen vergleiche, wir haben nicht ganz diese schöne Texturierung in unserem GIF mit dieser Einstellung. Gehen wir zurück und lassen Sie uns adaptive versuchen. Ich habe ein gutes Gefühl bei diesem hier. Schön. Dieser sieht wirklich, wirklich ähnlich wie das Original. Schauen wir uns woanders an, stellen Sie sicher, dass es keinen Vergleich gibt. Großartig. Was wir nur durch die Auswahl eines anderen Farbreduktionsalgorithmus getan haben, wird unser GIF um fast ein Meg reduziert. Was ich schlage vor, Sie tun, ist keine Angst, dass Sie mit diesen Einstellungen so viel spielen können , wie Sie wollen und jedes Mal eine Vorschau. Wenn Sie mit Ihrer Größe zufrieden sind und mit dem Aussehen des GIF zufrieden sind, können Sie es speichern. Was ich schlage vor, dass Sie in Ihren GIF-Dateien tun, einen neuen Ordner erstellen, und wir werden das Finale nennen. Wir werden unser animiertes GIF dort hineinlegen. Sie können es in unserem Finals-Ordner nochmals überprüfen. Sieht gut aus und vergiss nicht, es unter all deinen anderen Inhalten hochzuladen. Einfach und wir können das Produkt Ihrer harten Arbeit direkt dort im Projekt sehen. Sieht sie nicht wunderschön aus? Vergessen Sie nicht, dass Sie es auch noch von Ihrem Bild hochladen können, wir können das GIF dort einfügen. Es wird nicht spielen, aber es wird immer noch schön für unser Projekt sein. Da ist sie. Absenden. Wenn Sie schließlich soziale Medien hochladen möchten, können Sie Ihre Datei exportieren. Exportieren und unten am unteren Ende haben wir Video rendern. Ich werde animieren gehen, es ist, wo mein MP4, das ist großartig. Ich wähle den Ordner aus, in den ich ihn gehen möchte. Exporte, Videos und dieses Mal werde ich es geliefert nennen, weil das unsere endgültige Datei ist. Was Sie für unsere Standard-MP4 wollen, ist diese Einstellung, H.264, und wenn es nicht schon da ist, können Sie es aus diesem Dropdown-Menü auswählen. Sie sollten Ihren Arbeitsbereich auswählen, da nur diese vier Sekunden ausgewählt werden. Wenn Sie Start-Frame bis Ende Frame auswählen, wird das gesamte Objekt bis zu fünf oder alle Frames ausgewählt. Ich bin glücklich damit, 12 Frames, 1080 mal 1080, lassen Sie uns das rendern und lassen Sie uns unser Rendering überprüfen. Wie Sie sehen können, wird es einen Moment dauern, um zu exportieren, also lasst uns einfach geduldig sein. Da ist es. Öffnen wir das auf. Wir sind alle fertig. Jetzt haben Sie Ihr MP4 und Ihr GIF bereit, um es in Social Media, in Ihr Online-Portfolio und natürlich in die Projektgalerie hochzuladen. Sie können diese Fähigkeiten auf Hunderte von verschiedenen Illustrationen anwenden. Stellen Sie sicher, dass Sie viel Spaß damit haben. 11. Letzte Gedanken: Erstaunliche Arbeit alle! Ich hoffe, Sie haben es geschafft, einige wertvolle Tipps zu holen, die Photoshop animieren und lieben es noch mehr Genauso wie ich. Wir lernen, Bibliotheken mit verschiedenen Mustern und Texturen zu erstellen , die Ihren Illustrationen auffällige Animationen verleihen. Wir haben gelernt, wie man diese Texturen an allen Orten, die Hintergründe, Textilien und sogar Haare auf den Charakter anwendet . Möglichkeiten sind wirklich endlos, und wir haben gelernt, wie man sie exportiert, und ich kann es kaum erwarten, zu sehen, was Sie sich vorstellen. Denken Sie daran, Ihr endgültiges Kunstwerk in der Projektgalerie zu veröffentlichen, sowie alle Bonusaufgaben, an denen Sie teilgenommen haben, damit wir Ihren Prozess sehen können. Jeden Monat wähle ich drei meiner Lieblingsprojekte aus, die ich in meinen sozialen Netzwerken teilen kann . Wenn du etwas auf Instagram teilst, stelle sicher, dass du mich tagst, damit ich es in meiner Geschichte teilen kann, damit mein Publikum sehen kann. Wenn Sie die Klasse mögen, vergessen Sie nicht, eine gute Bewertung zu hinterlassen, um mehr Menschen zu ermutigen, sie zu finden und sie so viel zu genießen, wie Sie es getan haben. Ich hoffe, Sie hatten viel Spaß beim Animieren von Texturen und Mustern in Photoshop. Ich kann es kaum erwarten, dich in meinem nächsten Kurs zu sehen. Wir sehen uns bald.