Grundlagen der Charakteranimation: Kombiniere Techniken in Adobe After Effects, Animate und Photoshop

1. Einführung: Der springende Ball ist eine der ersten Animationen, die ein Anfänger lernen sollte, und kann auch als Ausgangspunkt für weitaus komplexere Animationen dienen Hey, mein Name ist Gui Jorge und ich bin ein brasilianischer Motion Designer und Animator Ich arbeite hier bei MediaNerd in Großbritannien Ich arbeite jetzt seit mindestens fünf Jahren als Motion Designer. Als Generalist habe ich immer verschiedene Software und Techniken verwendet, habe ich immer verschiedene Software und Techniken verwendet verschiedene Software und Techniken meine Projekte zu unterstützen, aber die Arbeit mit Bild für Bild gibt mir keine Grenzen , was ich tun kann, und deshalb liebe ich es so sehr In diesem Kurs erstellen wir die perfekte Hüpfball-Animation in Adobe After Effects und verwenden sie als Grundlage, um Bild für Bild eine Charakteranimation zu erstellen Bild Wir verwenden Adobe Animate und Adobe Photoshop In Adobe After Effects lernen Sie, wie Sie den Diagrammeditor verwenden. Er ist das wichtigste Tool, um Ihre Animation zu steuern und einen perfekten springenden Ball zu erstellen Danach möchte ich Ihnen meinen Ansatz zur Erstellung des Designs der Charaktere, die wir animieren werden, zeigen , und Sie können mit derselben Methode Ihre eigenen erstellen Wenn wir die Grundform der springenden Figur haben, wechseln wir zu Adobe Animate, um den Laufzyklus Bild für Bild zu erstellen Wir führen die Aufräumarbeiten mit Adobe Photoshop Ihrer Animation eine Endlosschleife zu geben, die von Hand gezeichnet So lernst du auch, wie du mit Adobe Photoshop mit Animationen arbeitest . Ganz am Ende kehren wir zu After Effects zurück, um die endgültige Komposition zu erstellen und unser Endprojekt zu exportieren. Dieser Kurs ist perfekt für Anfänger oder noch erfahrenere Motion-Designer, die damit beginnen möchten, ihre Pipelines Bild für Bild zu erweitern, insbesondere um Charaktere zu animieren Sie werden den Prozess verstehen, bei dem viele verschiedene Softwares verwendet werden, um eine sehr coole Animation zu erstellen Ich freue mich sehr darauf zu sehen, was ihr kreieren werdet, also los geht's. 2. Das endgültige Projekt: Willkommen zu meinem ersten Kurs in Skillshare. Das Abschlussprojekt dieses Kurses ist interessant , da wir viele Fähigkeiten und Techniken behandeln werden viele Fähigkeiten und Techniken behandeln , die ein guter Animator haben sollte Beginnend mit dem springenden Ball ist das die perfekte Übung, um die beiden wichtigsten Grundlagen der Animation, das Timing und die Abstände, zu verstehen beiden wichtigsten Grundlagen der Animation, das Timing und die Abstände, Da wir es in Adobe After Effects machen, ist es natürlich eine sehr gute Gelegenheit, zu verstehen, wie der Diagrammeditor funktioniert. Wenn Sie nicht wissen, was der Diagrammeditor ist, sich keine Sorgen, wir werden das behandeln. Hüpfende Bälle sind auch in Charakteranimationen sehr präsent, auch wenn Sie es zunächst nicht bemerken Tatsächlich bewegen sich beim Gehen oder Laufen einige Körperteile, zum Beispiel unsere Hüften, einige Körperteile, zum Beispiel unsere Hüften, ähnlich wie ein springender Ball Deshalb verwenden wir es als Basis, um Charaktere zu animieren Hier ist der Plan. Zunächst lernen wir, was einen überzeugenden Springball ausmacht Dann entwerfen wir einen Charakter und animieren seine Grundformen hüpfend Mit Adobe Animate führen wir den Laufzyklus Bild durch und verwenden dabei den springenden Adobe Photoshop wird für die Bereinigung verwendet, bei der die Frames unserer Animation fertiggestellt Dazu benötigen Sie drei Programme Adobe After Effects, Adobe Animate und Adobe Photoshop Es ist auch wichtig, ein Tablet zu haben, besonders wenn wir den Frame-by-Frame-Teil dieses Kurses durchführen den Frame-by-Frame-Teil dieses Kurses Das ist es, Leute. Es gibt so viel zu besprechen, also fangen wir an. 3. Die Physik eines hüpfenden Balls: Willkommen in diesem Kurs, Leute, und lasst uns anfangen, über einige Theorien unseres sehr guten Freundes Isaac Newton zu sprechen . Es ist wichtig, Physik zu verstehen. Wenn wir also in unserer Animation sehen, dass etwas nicht stimmt, können wir erraten, warum. Schau es dir an. Dies ist ein einfacher Springball Jetzt sehen wir uns jedes Bild dieser Animation an. Wenn der Ball fällt, zieht ihn die Schwerkraft nach unten Dadurch erhöht sich die Geschwindigkeit, wenn es fällt. Je schneller der Ball wird, desto größer wird der Abstand zwischen den Bällen in den Frames. Wenn der Ball nach oben geht, passiert natürlich das Gegenteil. Die Rahmen kommen sich immer näher. Das passiert, weil die Beschleunigung, auch bekannt als Schwerkraft, den Ball in die entgegengesetzte Richtung seiner Bewegung zieht . Der springende Ball ist in der Animation so wichtig , weil er uns hilft die beiden grundlegendsten Konzepte der Animation, Zeit und Raum, sehr gut zu verstehen Animation, Zeit und Raum, sehr Im Grunde geht es bei der Zeit darum, wie lange es dauert, bis der Ball abprallt. In diesem Fall benötigt der Ball eine Sekunde, um vom oberen Abprall an seine ursprüngliche Position zu gelangen Abstand ist ungefähr der Abstand zwischen den einzelnen Zeichnungen von einem Frame zum nächsten. Unabhängig von der Technik, die Sie verwenden, ist dies immer die Aufgabe eines Animators, das Timing und die Abstände zu steuern, Timing und die Abstände zu steuern um die Bewegung zu erzeugen, die er benötigt Es gibt einige Details, die du hinzufügen kannst um deinen springenden Ball überzeugender zu machen, und das gibt uns die Möglichkeit, über ein wichtiges Prinzip von Animation, Squash und Stretch zu sprechen ein wichtiges Prinzip von Animation, Squash und Squash und Stretch sind diese Verformungen des Balls, die die Bewegung viel cooler machen Wenn der Ball an Geschwindigkeit gewinnt, dehnt er sich aus. Wenn der Ball den Boden berührt, zerquetscht er sich. Es ist jedoch sehr wichtig , die gleiche Masse beizubehalten. Es ist schön zu sehen, dass die meisten Dehnmomente kurz bevor der Ball den Boden berührt, und wenn dies der Fall ist , geht er direkt in die am stärksten gequetschte Pose Diese sehr schnelle Formänderung verleiht dieser Animation Wirkung und Gewicht. Sie nun wissen, ein springender Ball aussehen sollte, sind wir bereit, ihn zu animieren. Wir werden es mit Adobe After Effects machen. 4. Adobe After Effects vorstellen: Das Adobe After Effects kann etwas beängstigend wirken , wenn Sie es zum ersten Mal öffnen, aber alles wird einfacher wenn Sie die Grundlagen verstehen. Willkommen bei After Effects. Das sehen Sie, wenn Sie es öffnen. Nur um sicherzugehen, dass das Layout, das ich sehe, dasselbe ist wie Sie. Kommen wir zu Windows, Workspace und überprüfen, ob Sie sich im Standardmodus befinden. Um sicherzugehen, können Sie sogar auf Standard auf gespeichertes Layout zurücksetzen klicken . Sie werden den gleichen Bildschirm sehen, den ich jetzt sehe. Das erste, was Sie normalerweise tun müssen, ist eine Komposition zu erstellen. Die Komposition ist Ihre Leinwand, auf der die Animation stattfinden wird. Sie können eine neue Komposition auf drei verschiedene Arten erstellen. Wenn Sie hier in diesen großen Button klicken, ist dies mehr hier drin oder Sie gehen zu einer neuen Komposition. Klickst du auf die neue Komposition? Hier kannst du deine Komposition umbenennen. Ich werde Kompositionsklasse 4 schreiben. Hier kann ich die Größe der Komposition wählen. Du hast hier einige Voreinstellungen, aber 1920 x 1080 ist das die Full-HD-Größe, die ich für die meisten meiner Animationen verwende Die Bildrate ist sehr wichtig. So viele Bilder pro Sekunde wird die Animation haben. Die gebräuchlichsten Bildraten in Animationen sind 24. Hier hast du die Dauer der Komposition. Wir werden eine fünfsekündige Komposition erstellen. Die Hintergrundfarbe könnte unverändert bleiben, da sie grau ist. Jetzt klicken wir auf Okay, jetzt zeige ich Ihnen, wie Sie in Ihrer Komposition navigieren. Sie können die Ansicht vergrößern und verkleinern, Sie das Mausrad bewegen Befehlstaste oder die Strg-Taste und Plus oder Minus drücken. Meine bevorzugte Art zu navigieren ist, die Leertaste gedrückt zu halten, zu klicken und zu ziehen Auf diese Weise können Sie Ihre Kunsttafel bewegen. Lassen Sie mich Ihnen jetzt einige der wichtigsten Tools zeigen. Das erste, Tastenkürzel V, ist das Auswahlwerkzeug zum Auswählen und Verschieben des Objekts. Die Hand und die Lupe sind alternative Möglichkeiten, sich zu bewegen und zu vergrößern und zu verkleinern, aber ich bevorzuge immer die Tastenkombination, die ich zuvor verwendet habe Schauen wir uns nun an, wie wir Formen zeichnen und erstellen können. Wenn ich auf Schaltflächen mit diesem kleinen Dreieck unten klicke und sie gedrückt halte diesem kleinen Dreieck unten , werden weitere Optionen angezeigt. Das sind die Formen, die ich rechteckig, abgerundete Kanten an den Rechtecken, Ellipsen, Polygone und Sterne zeichnen könnte abgerundete Kanten an den Rechtecken, Ellipsen, Polygone Wählen wir eine Ellipse aus, klicken und ziehen, um zu zeichnen. Wenn du Shift gedrückt hältst, zeichnest du einen perfekten Kreis. Wenn Sie die Umschalttaste und die Befehlstaste wählen, erstellen Sie von der Mitte aus den perfekten Kreis. Wenn Sie nur einen Befehl auswählen, erstellen Sie von dieser Mitte aus, ohne die Proportionen zu verändern. Lassen Sie uns dann einen perfekten Kreis erstellen. Jetzt kann ich mit dem Auswahlwerkzeug die Position auswählen und verschieben. Hier kann ich die Füllfarbe und hier die Strichfarbe ändern . Das ist die Breite meines Strichs in Punkten. Klicken und Ziehen ist eine gute Möglichkeit es zu vergrößern oder zu verkleinern Lassen Sie uns meine Füllfarbe und auch die Strichfarbe ändern. auf das Wort füllen klicke, kann ich jede Füllung entfernen oder einen Farbverlauf erstellen. Das Gleiche gilt für den Schlaganfall. Lass uns vorerst so gehen, wie es ist. Du solltest bemerkt haben, dass, da ich irgendwelche Formen auf meine Leinwand zeichne, hier eine neue Ebene entsteht. Die Null ist mein Zeitplan. Ich kann meine Form auswählen, indem ich hier klicke . Wenn ich die Eingabetaste drücke, kann ich sie umbenennen Schreiben wir Kreis 01, klicken Sie nach draußen. Jetzt hat mein Kreis einen richtigen Namen. Ich kann auch die Farbe meiner Ebene ändern, indem ich hier klicke. Das ist sehr wichtig, um mein Projekt zu organisieren, besonders wenn wir viele Ebenen hatten. Hier ist mein Projekt-Tab. Alle Assets, die ich verwende, die für After Effects wichtig sind , werden hier sein, Videos, Audios, Bilder, alles Wir können hier auch unsere Zusammensetzung sehen. Die, die wir gerade erstellt haben, ist bereits da. Ich kann auch Ordner erstellen, indem ich hier reinklicke. Ich kann Ordner 1 umbenennen und jetzt kann ich das Projekt anklicken und ziehen und organisieren Wenn ich etwas auswähle und auf den Papierkorb klicke, lösche ich alles, was ausgewählt ist. Konzentrieren wir uns nun auf den Zeitplan. Dies ist sehr wichtig, um zu verstehen, wie die Zeitleiste funktioniert. Wenn ich auf diese Nadel klicke und ziehe, kann ich durch meine Animation navigieren. Natürlich gibt es hier noch keine Animation. Wir müssen diese Zahl verstehen. Das ist die Zeit, zu der sich meine Nadel gerade befindet , und die Zahl, die hier angezeigt wird, ist in dieser Reihenfolge: Stunde, Minuten, Sekunden und Frames. Wenn ich meine Nadel langsam ziehe, kann ich sehen, wie sich die Zahlen ändern. Wenn ich zu Frame 24 komme, habe ich eine Sekunde Zeit, da 24 die von uns gewählte Anzahl von Bildern pro Sekunde ist. Es ist auch wichtig zu wissen, wie man auf der Timeline auf der Tastatur navigiert Sie können den Befehl und den Pfeil nach links oder nach rechts eingeben , um jedes Mal einen Frame vorwärts und rückwärts zu wechseln vorwärts und rückwärts Wenn ich stattdessen Command und Shift zusammen und dann die Pfeile gedrückt halte , bewege ich die Nadeln alle 10 Frames. Hier auf der rechten Seite haben wir einige wichtige Tabs zur Vorschau, haben wir einige wichtige Tabs zur Vorschau denen ich meine Animation abspielen kann, indem ich auf „Hier abspielen“ klicke Was ich hier am häufigsten verwende, ist die Stummschalttaste. Manchmal wollte ich ohne Sound spielen und hier kann ich sagen, ob ich möchte, dass es in einer Schleife läuft oder nicht. Ich habe hier auch Effekte und Presets. Es sind so viele, dass ich sie nicht kenne und ich würde nie jeden einzelnen kennen, aber du musst wissen, dass du sie hier finden kannst, sogar nach ihren Namen suchen kannst. Später in diesem Kurs werden wir uns einige Effekte ansehen. Jetzt, da Sie mit den Grundlagen von Adobe After Effects vertraut sind , ist es an der Zeit, zu lernen, wie man darin animiert. Lass uns gehen. 5. Animieren in Adobe After Effects: Leute, jetzt sind wir bereit, über Animationen in After Effects zu sprechen. Da fängt der Spaß erst richtig an. Ich habe schon meinen grünen Kreis hier. Ich möchte Ihnen diese Eigenschaften hier unter meiner Ebene zeigen . Im Inhalt habe ich meine Ellipseneigenschaften, aber wir werden später darüber sprechen Jetzt werde ich mir die Optionen ansehen, die wir unter Transform haben. Wir haben einen Ankerpunkt, das ist das kleine Ziel in der Mitte des Kreises. Eigenschaften wie Skalierung und Drehung modifizieren das Objekt basierend auf diesem Punkt. Sie können sehen, dass sich die Größe ändert, wenn ich meine Skala ändere, indem der Ankerpunkt als Mittelpunkt verwendet wird. Ich muss das Werkzeug „ Ankerpunkt verschieben“ verwenden, um es zu ändern. Wenn ich die Befehlstaste oder die Strg-Taste gedrückt halte, wird der Ankerpunkt an bestimmten Stellen ausgerichtet Wenn ich den Ankerpunkt hier reinsetze, funktioniert die Skala anders. Es hat jetzt die Unterseite als Mittelpunkt der Skalierung. Wenn Sie die Rotation animieren, ist der Ankerpunkt noch wichtiger So wie du Command Z drückst, um zurück zu gehen, lass uns meinen Ankerpunkt zentralisieren Ich halte die Befehlstaste gedrückt, damit es in der Mitte einrastet. Wir haben auch eine Position mit X- und Y-Achse. Sie können sich horizontal oder vertikal bewegen. Endlich haben wir eine Opazität, die zwischen 0 und 100% liegt. Es ist schön, die Tastenkombination zu kennen, um jeden Parameter zu überprüfen , damit Sie nur die sehen können , die Sie animieren möchten Ich schließe alles, wähle meine Ebene aus und drücke A zum Ankerpunkt, P zur Position, S zum Skalieren, R zum Drehen und T zur Opazität, was eigentlich Transparenz bedeutet Wenn ich P drücke, um die Position anzuzeigen, ich aber auch die Skalierung animieren möchte, drücke ich die Umschalttaste die Tastenkombination der Eigenschaft, die ich sehen möchte, nämlich S. Jetzt sehe ich Position und Skalierung Jetzt dupliziere ich diese Form, indem ich den Befehl D drücke . Wir können sehen, dass ich jetzt diesen Kreis 2 hier habe. Ich klicke und ziehe Kreis 2 nach unten und weiß, dass, wenn ich beim Ziehen die Umschalttaste gedrückt halte, dieselbe Achse, X oder Y, beibehalten wird. Ich wähle beide gleichzeitig aus, klicke sie an und ziehe sie hierher Jetzt möchte ich, dass Circle 2 eine andere Farbe hat, also ändere ich die wenigen, die hier klicken , und wähle eine orange Farbe. Ich werde auch meine Ebenenfarbe ändern , damit alles organisiert bleibt. Lassen Sie uns nun die Position animieren. Ich wähle beide gleichzeitig aus und drücke „P“. Dann kann ich die Eigenschaften meiner Position sehen. Sie haben vielleicht bemerkt, dass alle Immobilien hier dieses kleine Symbol haben. Das heißt, es kann animiert werden. beide ausgewählt sind, klicken wir auf dieses Symbol und Sie können sehen, dass es blau wird. Jetzt haben wir diese kleine Diamantform in meiner Timeline. Das ist ein Keyframe. Jetzt kann ich eine Sekunde auf meiner Timeline zur Uhrzeit wechseln. Ich wähle beide erneut aus und klicke und ziehe bei gedrückter Umschalttaste, sodass ich sie nur horizontal verschiebe. Jetzt möchte ich meine Kompositionseinstellungen ändern. Klicken Sie auf Kompositionseinstellungen? Wechseln Sie hier von fünf Sekunden auf eineinhalb Sekunden. Nach einer Sekunde und 12 Bildern klicke ich auf „Okay“, und wenn ich jetzt zum Anfang gehe und die Leertaste drücke, sehe ich meine Animation. Denken Sie daran, dass Sie nach dem Erstellen der ersten Keyframes nicht mehr in die kleine Uhr klicken müssen , um neue Keyframes zu erstellen Wann immer Sie Ihr Objekt jetzt bewegen wird der Keyframe automatisch erstellt Sie können auch einen neuen Keyframe erstellen , indem Sie hier auf diesen kleinen Diamanten klicken Großartig. Jetzt möchte ich beide Keyframes meines Kreiswerkzeugs auswählen und „F9" drücken Jetzt sehen wir, dass der kleine Diamant seine Form verändert. Wenn ich auf „Play“ drücke, sehe ich, dass die Bewegung anders ist. Um es Ihnen zu zeigen, wähle ich beide aus und ich möchte dass Sie diese Linie sehen, die unsere Ballbahn zeigt Sie sehen, dass sich in der Linie kleine Punkte befinden. Jeder der Punkte ist die Position sich mein Objektankerpunkt in jedem Frame der Animation befinden wird . Sie können es sehen, wenn Sie durch die Timeline navigieren, die Befehlstaste und den Rechts- oder Linkspfeil drücken. Jedes Mal, wenn Sie drücken, befindet sich der Ankerpunkt an einer dieser Punktpositionen. In der grünen Kugel ohne Drücken von F9 haben alle Punkte den gleichen Abstand zueinander. Anders als bei der orangefarbenen Kugel sieht man, dass die Punkte am Anfang näher beieinander liegen, in der Mitte sind sie weit weg und am Ende sind sie wieder nah beieinander. Was ich gerade gemacht habe, ich habe meiner Animation mehr Leichtigkeit verliehen, ist schneller und langsamer zu werden Jetzt startet der orangefarbene Ball so niedrig, gewinnt an Geschwindigkeit und wird am Ende wieder langsamer, bis er stoppt. Der grüne Ball hat eine lineare Bewegung, die es in der Natur nicht gibt, es sei denn, es ist der Roboter, nichts anderes kann sich so bewegen. Es ist schön zu sagen, dass beide Animationen das gleiche Timing haben. Sie sind beide eine Sekunde lang, aber der Abstand ist unterschiedlich. Der Raum wird durch den Abstand zwischen den kleinen Punkten dargestellt . In der nächsten Klasse werden wir über den Diagrammeditor sprechen. Aber vorerst möchte ich Ihnen zeigen, wie die Grafik jetzt aussieht. Wenn ich hier reinklicke, öffne ich meinen Grafikeditor. Sie können nichts sehen, weil ich meine Animation nicht ausgewählt habe. Wenn ich Position auswähle, sehe ich das orangefarbene Balkendiagramm. Wenn ich dieses auswähle, siehst du das grüne Balkendiagramm, das sehr linear ist. Dies ist das Geschwindigkeitsdiagramm. Wir haben auch das Wertdiagramm, aber darüber werden wir in der nächsten Klasse sprechen . Leute, jetzt werden wir besser verstehen , wie diese Grafiken funktionieren und wie man sie manipuliert, um den Abstand unserer Animation zu kontrollieren den Abstand unserer Animation 6. Der Diagramm-Editor: Wir haben bereits gesehen, wie man Keyframes erstellt, aber die Verwendung des Diagrammeditors ist die eigentliche Aufgabe eines Animators Sie werden fast immer in 99% der Fälle den Diagrammeditor Ihrer Animationen bearbeiten. F9 zu drücken ist fast nie gut genug. Lassen Sie mich das erklären. Lassen Sie uns über die Grafiken sprechen. Wie Sie gesehen haben, muss ich hier klicken, um das Diagramm anzuzeigen , und dann die Animation auswählen, die ich anzeigen möchte. Dies ist das Geschwindigkeitsdiagramm der Positionsanimation des orangefarbenen Kreises. Das Geschwindigkeitsdiagramm zeigt die Geschwindigkeitsänderung im Laufe der Zeit. Auf der Y-Achse sehe ich, dass sie sich in Pixeln pro Sekunde bewegen Die X-Achse ist natürlich die Zeit. Es ist also möglich zu sehen, dass meine Geschwindigkeit am Anfang Null ist, dann steigt sie an und geht am Ende wieder auf Null. dagegen auf den Wenn ich dagegen auf den grünen Kreis klicke, ist die Geschwindigkeit linear und ändert sich nie. Also fangen beide plötzlich an, sich zu bewegen und plötzlich stoppt das, was eine sehr unnatürliche Bewegung Sie können beide vergleichen. Konzentrieren wir uns nun auf den orangefarbenen Kreis. Wenn ich diesen ersten Punkt auswähle, der das erste Schlüsselbild dieser Art ist, werden diese Griffe angezeigt und sie helfen mir, die Kurve zu modifizieren. Also lass uns klicken und ziehen. Jetzt sehen wir, dass der Höhepunkt meiner Geschwindigkeit noch mehr zunimmt, wenn ich auch auf der anderen Seite ziehe. Jetzt startet der Ball, die Bewegung ist langsamer, er beschleunigt sich auf eine höhere Geschwindigkeit und dann wird er wieder langsamer, kommt sanft zum Stillstand Schau dir an, wie die orangefarbenen Kugeln jetzt eine schönere Bewegung haben , viel natürlicher Jetzt füge ich der grünen Kugel, indem ich F9 drücke, die Standardeinstellung easy hinzu, damit wir vergleichen können Jetzt siehst du, wie sich die Kugel bewegt, während die Vorderseite F9 gedrückt ist, und vergleiche sie mit der Orange, die ich der Kurve hinzufüge Ich persönlich ziehe bei all meinen Animationen immer auf die eine oder andere Weise an diesen Griffen . Die Standardeinstellung für mich ist das ein bisschen roboterhaft. Wählen wir nun den orangefarbenen Kreis aus und ich zeige Ihnen die andere Grafik, die After Effects hat. Ich klicke auf diese Schaltfläche und wähle die Option aus. Diagramm mit Mehrwert. Dies ist nur eine andere Grafik, die dieselbe Bewegung zeigt, die die andere Grafik zeigt. In diesem Fall können wir jedoch feststellen, dass wir zwei verschiedene Linien haben, eine grüne und eine rote. Dies liegt daran, dass dieses Diagramm die Dimensionen x und y getrennt zeigt. Die rote Linie ist x, horizontal, und die grüne ist y, vertikal. Da sich dieser Ball nicht vertikal bewegt, ist die grüne Linie eine Gerade. Nur die rote Linie ändert den Wert. Aber okay, was diese Grafik tatsächlich zeigt. Wenn ich Command oder Control R drücke, überprüfe ich diese Regeln hier in meiner Kunstwand. Hier sehe ich die Werte von Null der oberen linken Ecke bis zum letzten Pixel meiner Komposition auf der gegenüberliegenden Seite. Das Gleiche passiert auf der Y-Achse. Das sind die Werte, auf die sich diese Grafik bezieht. Das bedeutet, dass jedes Pixel meiner Kunsttafel einen anderen Wert von x und y hat. Das ist es, was das Wertediagramm anzeigt. Die Variation der Position jeder Achse. Wir können sagen, dass sich der Wert nicht ändert, wenn die Linie horizontal ist. Je stärker die Linie geneigt ist, desto schneller ändern sich die Werte. Also je schneller sich mein Objekt bewegt. Wenn wir uns diese Linie ansehen, können wir sehen, dass die Bewegung langsam beginnt, an Geschwindigkeit gewinnt und sanft stoppt. So wie wir es in der anderen Grafik gesehen haben. Der Unterschied kommt jetzt. Wenn ich versuche, den Keyframe auszuwählen , wie ich es im Geschwindigkeitsdiagramm getan habe, sehe ich keinen dieser Griffe Um dann zu sehen, muss ich entweder die Dimensionen meiner Position trennen. Dazu komme ich in die richtige Position, rechten Maustaste und gehe zu den einzelnen Dimensionen. Jetzt habe ich zwei Parameter, Position X und Position Y. Ich werde die Y-Position ausschalten , da wir nicht vertikal animieren Ich klicke einfach auf die kleine Uhr. Jetzt wähle ich beide Keyframes mit X-Position aus und drücke F9, um die Standard-Ease zu Jetzt sehe ich, dass die Kurve jetzt ähnlich ist wie zuvor, aber jetzt kann ich meine Griffe sehen und bearbeiten. Ich empfehle dir jetzt wirklich, mit der Kurve herumzuspielen und zu beobachten, was in deiner Animation passiert. Wenn ich zum Beispiel diesen Handle so nach unten ziehe , was passiert dann? Die orangefarbene Kugel stoppt plötzlich, als würde sie gegen eine Wand stoßen Was ist, wenn dieser Griff ausfällt? Der Ball geht also zurück, bevor er vorwärts geht. liegt daran, dass die Linie Werte in entgegengesetzter Richtung der Bewegung durchläuft . Es ist also schön für dich zu sehen, was in der Animation passiert. Ich versuche anhand der Grafik zu verstehen, warum. Hab einfach Spaß, spiel herum und du wirst viel lernen. Zu wissen, wie man den Diagrammeditor gut benutzt , macht einen guten Animator Mit der Zeit werden wir auch verstehen , welche Grafik für jede Situation besser ist Wenn es um springende Bälle geht, verwenden wir das Wertdiagramm da wir uns auf die Y-Achse konzentrieren werden Normalerweise ist die Verwendung eines Wertdiagramms sinnvoller , wenn wir die Dimensionen trennen müssen. In der nächsten Klasse werden wir endlich unseren springenden Ball animieren 7. Den hüpfenden Ball animieren: Jetzt kennen Sie bereits die Tools, mit denen wir unseren springenden Ball animieren Da Sie wissen, dass der Ball beim Fallen an Geschwindigkeit gewinnt und beim Aufsteigen verliert, müssen wir herausfinden diese Grafik aussehen wird. Das beste Diagramm dafür ist das Wertediagramm, da wir die Dimensionen trennen werden, da wir uns nur auf die Y-Achse konzentrieren werden Ich werde eine neue Komposition erstellen, wir werden sie 1920 mal 1080, 24 Bilder pro Sekunde und eine Dauer von 2 Sekunden nennen 24 Bilder pro Sekunde und eine Dauer von 2 Sekunden Grauer Hintergrund ist in Ordnung. Neue Komposition erstellt, jetzt machen wir einen Kreis. Ich wähle die Farbe aus, bevor ich sie erstelle, klicke und ziehe, halte die Umschalttaste gedrückt, um die Proportionen beizubehalten Ich zentralisiere die Kugel mithilfe der ausgerichteten Registerkarte auf der rechten Seite, wir nennen sie Kugel 1 und ändern die Ebenenfarbe Jetzt erstelle ich ein schwarzes Rechteck als Boden für meine Animation Jetzt muss ich dieses Rechteck sperren um zu vermeiden, dass ich versehentlich darauf klicke Aber zuerst nennen wir es, färben wir die Ebene dunkelgrün und ich klicke in dieses kleine Vorhängeschloss-Quadrat, damit ich den Boden nicht mehr auswählen und bewegen kann Lassen Sie uns meinen Ball über den Boden ziehen und ich drücke „P“, um meinen Positionsparameter anzuzeigen. Rechtsklick, Dimensionen trennen. Jetzt erstellen wir einen Keyframe nur für die Y-Achse. Lassen Sie uns den Ball in die Ausgangsposition bringen und die Shift gedrückt halten, um ihn nicht zu dezentralisieren Jetzt möchte ich, dass dieser Ball 12 Frames braucht, um den Boden zu treffen, also positioniere ich bei Frame 12 meine Nadel und ziehe ihn so, wie bei gedrückter Umschalttaste , damit es nicht passiert, bis der Ball den Boden berührt. Wenn der Ball jetzt nach oben geht, erreicht er nicht dieselbe Position , weil er einen Teil seiner Energie verloren hat. Wenn ich 12 Bilder für den Fall genommen habe, möchte ich, sehen wir, 8 Bilder nehmen, um nach oben zu gehen, also gehe ich zu Frame 20, klicke und ziehe, ich denke, dieses Hoch ist gut. Jetzt brauchte der Ball acht Frames, um nach oben zu gehen, er braucht dieselben acht Frames, um nach unten zu gehen. Wenn Sie möchten, können Sie die Befehlstaste oder den CTR-Seitenpfeil drücken , um achtmal Frame 28 zu schreiben. Dann ziehe ich meinen Ball auf den Boden, was ich auch tun kann, ist, dass dieser Keyframe hier der Punkt ist an dem der Ball den Boden berührt Ich kann einfach Command C und Command V kopieren Command C und Command V und schon habe ich den Ball in der gleichen Position. Jetzt möchte ich, dass der Ball sechs Frames braucht, um nach oben zu gehen, etwas tiefer als zuvor und sechs Frames vorwärts, ich würde ziehen oder effizienter, ich kopiere und füge den Keyframe ein, mit dem der Ball auf dem Boden liegt Jetzt möchte ich nur drei Frames nehmen, weil Bounce mehr oder weniger leicht ansteigt. Drei Bilder voraus, kopieren Sie die Keyframes des Fußbodens und fügen Sie Wenn ich mit der Leertaste auf „Play“ drücke, bewegt sich der Ball. Aber es ist immer noch sehr roboterhaft und unrealistisch Schauen wir uns unser Wertediagramm an Wir können hier sehen , dass sich die Position sehr linear ändert, es gibt keine Beschleunigung. Klicken und ziehen wir wie folgt , um alle Keyframes in meinem Diagramm auszuwählen . Ich drücke F9, um die Standardeinstellung zu verwenden Wenn ich auf Play drücke, kann ich sehen, dass sich der Ball wie eine Feder bewegt, nicht wirklich das, was ich will. Stellen wir uns vor, wir wissen der Ball beim Fallen an Geschwindigkeit gewinnt und verliert, wenn er aufsteigt und wir wissen bereits, dass sie in der Wertekurve die Linie eher geneigt sind, je schneller sich der Ball bewegt. Ich möchte langsam anfangen, wobei die Kurve am Anfang eher waagerecht aber an diesem Punkt werde ich die höchste Geschwindigkeit haben, also muss es hier sehr geneigt sein. Jetzt wird die Kurve von Anfang bis zu diesem Punkt immer steiler. Ab diesem Zeitpunkt tut es der Ball nicht mehr, er wurde langsamer. ändert es die Richtung sehr Aufgrund des Aufpralls ändert es die Richtung sehr drastisch In diesem Punkt ist die Kurve horizontal, was bedeutet, dass der Ball stehen geblieben ist. Wenn ich auf „Play“ klicke, sehe ich jetzt, dass der erste Bounce wirklich gut aussieht Nach derselben Logik werde ich es zu den Kurven der restlichen Animation hinzufügen. Jetzt kann ich auf „Abspielen“ klicken und mein springender Ball funktioniert einwandfrei. Jetzt bin ich damit zufrieden. Es ist interessant, dass ich beim Trennen der Dimensionen jetzt die X-Achse animieren kann, jetzt die X-Achse animieren kann ohne etwas an meiner vertikalen Animation zu ändern Wenn ich hier am Anfang meiner X-Position einen Keyframe erstelle , kann ich die Zahl ändern und am Ende gehe ich nach rechts Ich drücke F9, den letzten Keyframe, also hier ist mein Ball, der hüpft und sich in X-Position bewegt Ich habe bereits die Bewegungsbögen. Jetzt werden wir den Charakter entwerfen und ich werde Ihnen beweisen , dass der springende Ball alles mit Charakteranimation zu tun hat alles mit Charakteranimation zu tun 8. Figurendesign: Charakterdesign ist ein großes Thema, aber in diesem Kurs möchte ich einen einfachen und unterhaltsamen Ansatz zur Erstellung von Charakteren vorschlagen . Die Idee ist, einfache Formen zu kombinieren , um etwas Interessantes zu schaffen. Da wir keine Vorgaben für unsere Kunden haben, können wir den Charakter kreieren, den wir wollen. Wir können uns sogar von der Form sagen lassen , wie der Charakter aussehen soll. Lassen Sie mich Ihnen zeigen, was ich damit meine. Willkommen bei Adobe Photoshop. Nennen wir die Datei hier Character Sketches. Die Größe wird so sein, 1920 mal 1080. Ich möchte sicherstellen, dass die Zeichenfläche aktiviert ist, Farbe RGB sein muss, und klicken wir auf „Erstellen“. Wählen wir nun das Pinselwerkzeug aus. Ich kann hier wählen, welchen Pinsel ich möchte und die Größe hier oben. Die Größe beträgt 12, die Härte 100. Lass uns die Farbe ändern. Ich skizziere immer gerne mit einem sehr hellen Blau wie diesem. Jetzt können wir zeichnen. Wir können auch den Radierer verwenden, Tastenkombination E. Um das alles zu löschen, drücke ich die Befehlstaste oder Strg A, um die gesamte Leinwand auszuwählen, die Rücktaste, um zu löschen, und die Befehlstaste oder Strg D, um die Auswahl auszuschalten Drücken wir nun B, um zum Pinsel zurückzukehren und ich zeichne gerne ein paar Kreise wie diesen. Ich würde hier ein zweites zeichnen. Die Idee ist, dass es sehr skizzenhaft ist, keine perfekten Linien. Wenn wir uns diese erste Kombination von Kreisen ansehen, können wir uns bereits einen Charakter daraus vorstellen. Stell dir vor, wir hätten solche Beine, Arme. Dies könnte möglicherweise die Form unseres ersten Charakters sein. Wir könnten später sehr schnell Details hinzufügen. Jetzt ist es der Junge in Shorts. Dies ist ein Beispiel dafür, was ich von uns erwarten würde. Wir werden mit verschiedenen Skalen von Kreisen herumspielen, sie miteinander kombinieren und die Form anleiten und uns sagen, wer die Charaktere sein könnten. Schau es dir an. Du würdest sagen, dass der Kontrast sehr wichtig ist, um interessante Silhouetten für unsere Charaktere zu kreieren , also ist es schön, diese kleinen und großen Kreise zu diese kleinen und großen Kreise Wenn ich zum Beispiel eine Figur zeichne, bei der die beiden Kreise mehr oder weniger die gleiche Größe haben, ist das viel weniger interessant, als wenn wir sehr kontrastierende Größen wie diese haben . Das könnte ein Typ mit coolen Haaren sein. Ich würde sagen, dass er viel netter ist als dieser. In diesem habe ich einige Ellipsenformen, die ebenfalls verwendet werden können In diesem habe ich drei statt zwei Kreise verwendet. Es könnte ein sehr starker Typ werden. Nein, wir müssen nur spielen und sehen, was wir finden. Um die Zeichnung sehr einfach zu halten, müssen wir nur Variationen in Form, Kontrast und Position erstellen . Da meine Zeichenfläche voll ist, lassen Sie mich die Befehlstaste oder Strg-Minustaste drücken, um die Ansicht zu verkleinern Ich hätte gerne eine weitere Zeichenfläche. Dazu wähle ich das Verschiebewerkzeug, Tastenkürzel V, klicke in die Zeichenfläche 1 und klicke hier auf dieses Pluszeichen. Jetzt kann ich eine zweite Zeichenfläche haben. Wir sehen, dass ich hier in unseren Ebenen-Registerkarten eine neue Gruppen-Artboard 2 erstellt habe Aber um etwas zu zeichnen, muss ich eine neue Ebene erstellen indem ich auf dieses kleine Symbol hier klicke. Jetzt, wo die Ebene ausgewählt ist, kann ich zeichnen, ich drücke B für den Pinsel, positioniere den Bildschirm, indem ich klicke und ziehe und Leertaste gedrückt halte, und lass uns weiterzeichnen Ich könnte dieses Lasso-Werkzeug auch verwenden , um meine Formen auszuwählen und mit dem Kopf zu positionieren Ich wähle so aus und verwende mein Verschiebewerkzeug, um die Auswahl zu verschieben. Befehl oder Strg D, ich deaktiviere. Ich kann auch ein bestimmtes Teil auswählen. Wenn ich das Verschiebewerkzeug auswähle und zur Transformation den Befehl T drücke, kann ich die Positionen ändern. Wenn ich viele Formen habe, kann ich anfangen, sie mir anzusehen und zu sehen, was mir die einzelnen Formen bringen können. Gehen wir dann zur ersten Zeichenfläche. Erstellen Sie oben eine neue Ebene. Ändere meinen Pinsel auf Schwarz und du fängst an, über meine Lieblingsformen zu zeichnen. Ich habe einen starken Kerl. Das könnte ein ET sein. Das Gleiche, diese andere Seite, neue Ebene erstellt. Dieser könnte ein Nörgel sein. Ich habe eigentlich nur Spaß. Es fühlt sich gut an, keinen Kunden zu haben, damit ich alles tun kann. Dieser ist zum Beispiel ein Typ vom Land mit einem dicken Bauch. Jetzt kann ich die blauen Ebenen verstecken und nachschauen . Hier sind sie. Um nun eine richtige Zeichnung von meinem Lieblingsmenschen zu machen, erstelle ich eine neue Zeichenfläche, erstelle hier eine neue Ebene. Ich denke, dieser hier ist mein Favorit, weil er diesen dicken Bauch hat und ich denke, dass er in der Animation sehr lustig aussehen wird . Lassen Sie mich sicherstellen, dass diese Ebene ausgewählt ist. Kopieren Sie den Befehl C und platzieren Sie ihn auf dieser anderen Ebene . Befehl V. Drücken wir Befehl T, damit ich ihn ein wenig skalieren kann. Hier ist meine Hauptreferenz. Lassen Sie uns eine weitere Ebene erstellen. Wähle erneut das Hellblau aus und du zeichnest ihn erneut, sehr grob. Jetzt ist es Zeit, mit der Finalisierung zu beginnen. Dafür erstelle ich immer neue Ebenen. Jetzt werde ich eine ausgefeiltere Zeichnung machen. Es ist wichtig, auf die Anzahl der Elemente und Details zu achten , die der Charakter hat. Bei jedem Element werden wir die Zeit der Aufräumphase verlängern Zeit der Aufräumphase verlängern Lassen Sie uns hier die Opazität der Zeichnung reduzieren. Erstellen Sie eine neue Ebene. Hier habe ich eine Farbbibliothek, die ich verwende, um die Farben für den Charakter auszuwählen. Ich möchte einen anderen Pinsel auswählen , um ihm ein wenig Textur zu verleihen. Ich mag diese Pinsel für trockene Medien sehr. Ich wähle diesen aus und ändere die Größe auf 15. Stellen wir sicher, dass sich diese schwarze Linienebene mit geringer Opazität über der Ebene befindet, die ich malen werde Jetzt kann ich malen und trotzdem die Linien sehen. Ich lege immer gerne verschiedene Farben auf verschiedene Ebenen, falls ich einige Farben ändern möchte. Also jedes Mal, wenn ich eine neue Farbe verwende, füge ich eine neue Ebene hinzu. Es ist auch eine gute Idee, die Ebenen zu benennen. Sie mit der rechten Maustaste klicken, können Sie die Größe des Pinsels einfach ändern , falls Sie größere Lücken füllen möchten Ich mag es wirklich, einige Unvollkommenheiten in meiner Zeichnung zu hinterlassen. Das ist eigentlich das Schöne daran. Jetzt erstelle ich eine weitere Ebene, um Details hinzuzufügen. Ein guter Tipp ist auch, R zu drücken, um die Leinwand zu drehen. Das gibt dir eine bessere Position beim Zeichnen. Hier ist er, unser letzter Charakter. Speichern wir nun die Bilder als Referenz für die Animation. Lassen Sie uns die Opazität der schwarzen Linienzeichnung ändern. Zieh es her. Dieses werde ich löschen. Dieses andere, blaue, möchte ich behalten, weil es mir ermöglicht die Grundformen des Charakters zu sehen. Das ist das Bild, das ich jetzt speichern werde. Ich gehe zu Datei, Exportieren, Exportieren als und stelle sicher, dass ich nur die Zeichenfläche ausgewählt habe , die ich exportieren möchte Ich brauche keine Transparenz. Exportieren Sie, wählen Sie den Ordner und nennen Sie ihn Character Reference. Das ist alles. Nun, es sieht so aus, als hätten wir bereits einen Charakter, mit dem wir spielen können. Jetzt nehmen wir ihre Formen an und machen mit ihnen den springenden Ball Gehen wir also zu Adobe After Effects. 9. Hüpfball-Referenz Teil 1: Jetzt übertragen wir unser Charakterdesign auf After Effects und stellen dort die Hauptformen Schauen wir uns an, wie wir das machen. Hier sind wir wieder in After Effects. Lassen Sie uns eine neue Komposition erstellen. Nennen Sie es, leben Sie in der Größe 1.920 mal 1.080. Stellen Sie sicher, dass die Bildrate 24 beträgt. Die Dauer, die ich gerne hätte, wäre eine Sekunde und ein Frame. Eine Sekunde entspricht der Dauer eines Laufzyklus. Deshalb ist dies die Dauer unserer Komposition. Wir importieren das Bild, das wir als Referenz erstellt haben. Ich kann mit der rechten Maustaste auf die Datei „Import“ klicken. Ich finde die Bildzeichenreferenz. Ich kann es auf meine Kunstwand ziehen. Wir werden einige Grundformen mit seinem Körper kreieren. Lassen Sie mich diese blaue Rohzeichnung hier zentralisieren. Ich blockiere diese Ebene, indem ich auf dieses Vorhängeschloss klicke, damit ich sie nicht versehentlich verschiebe Anstelle von Ellipsen für die Formebene wähle ich das Werkzeug für abgerundete Rechtecke Ich kann zeichnen und während ich die Maus noch gedrückt halte, kann ich ein paar Mal nach oben drücken und ich ändere die Ecken des Rechtecks Es ist jetzt abgerundet. Das wollte ich. Lassen Sie uns die Farbe jetzt in etwa so ändern. Ich werde den Modus hier ändern, um zu multiplizieren. Ich kann meine Form durchschauen. Natürlich muss es nicht perfekt sein. Es ist nur eine Referenz. Stellen wir sicher, dass wir auf eine Stelle außerhalb der Form klicken, damit ich sie abwähle Zeichnen wir Ellipsen. Dieses Mal ändere ich zuerst die Farbe. Ich werde den Bauch zeichnen und die Shift gedrückt halten, sodass ein perfekter Kreis entsteht. Schließlich werde ich dasselbe tun, um den Kopf zu zeichnen. Dies sind die drei Formen, die wir hier animieren , als Referenz für den Laufzyklus Lassen Sie uns eine Referenz für das Stockwerk erstellen , was wirklich wichtig ist Deshalb drücke ich Command R, um diese Regeln hier zu überprüfen. Dann kann ich auf die Regeln klicken und sie ziehen , um eine Richtlinie aufzurufen Ich kann mein Referenzbild ausblenden nur meine Formebenen auf dem Bildschirm belassen. Ich werde auch eine Hintergrundfarbe hinzufügen. Wählen wir das Rechteck aus, machen es weiß und drücken Sie „Okay“. Wenn ich hier auf das Rechteckwerkzeug doppelklicke, erstelle ich automatisch ein Rechteck das genau der Größe meiner Komposition Lassen Sie uns all diese Ebenen organisieren und benennen. Ich möchte mich zuerst auf meinen Körper konzentrieren, lassen Sie uns die beiden anderen Schichten verstecken. Drücken Sie „P“, um meine Position anzuzeigen und die Dimensionen zu trennen. Lassen Sie uns die Y-Position animieren. Ziehen wir die Leiche her. Ich denke, das ist der höchste Punkt, den es zu erreichen gilt. In Frame 6 wäre es am tiefsten Punkt. Immer das Wort als Referenz haben. Ich kopiere die gewünschte Position und füge sie ein Alle sechs Bilder hoch und runter. In einer Sekunde muss die Position dem Frame 0 übereinstimmen, damit der Loopy funktioniert Das haben wir vorerst. Ich wähle alles aus und drücke „F9". Gehe zu meinen Grafiken, vergewissere dich, dass ich das Wertdiagramm verwende und bearbeite die Kurve, wie wir es in der vorherigen Lektion gesehen haben. Wir haben die erste Form animiert, und wir können schon ein bisschen spüren , wie sich der Laufzyklus überdacht Machen wir dasselbe mit allen anderen Formen. [unhörbar], das haben wir. Ein wichtiger Tipp. Wenn sich ein Charakter bewegt, bewegt sich nicht jeder Teil seines Körpers zusammen. In diesem Fall möchten wir, dass die Bewegung des Bauches im Vergleich zum Hauptkörper verzögert wird. In der Animation wird dies als Follow-through bezeichnet , wenn sich sekundäre Körperteile wie Haare oder Schwanz in einem anderen Takt bewegen als der Hauptkörper Dazu wähle ich alle Key-Frames des Körpers aus, indem ich auf Position klicke, und ziehe dann zwei Frames nach vorne, Gefühl entsteht , dass die Glocke weich ist und dem Körper folgt Ich möchte dasselbe mit dem Kopf machen, damit er sich nicht exakt zur gleichen Zeit des Körpers bewegt, aber statt zwei ziehe ich die aber statt zwei ziehe ich die Key-Frames nur einen Frame Wir können schauen und sehen, was wir haben. Nachdem ich es mir angesehen habe, habe ich beschlossen den Kopf an dieser Stelle etwas höher zu legen, damit die Form nicht vollständig mit dem Körper verschmilzt. Nach der Bearbeitung kann ich diesen Key-Frame einfach kopieren und in den anderen Teil der Animation einfügen, wenn sich der Kopf an derselben Stelle befindet . Brillant 10. Hüpfballreferenz Teil 2: Das war's, unsere grundlegende Bewegung ist getan. Jetzt möchte ich nur die weniger Details hinzufügen , was hier in den After Effects auch einfacher ist als im Frame-by-Frame-Teil des Projekts. Lassen Sie mich noch einmal meine Referenz visualisieren denn ich möchte eine Form für den Hut erstellen Ich werde ein Rechteck wie dieses erstellen. Lassen Sie uns die Farbe in Blau ändern. Wenn das Rechteck ausgewählt ist, zeichne ich ein weiteres Rechteck wie dieses Hier ist die Referenz für meinen Hut. Klicken wir auf die Ebene und drücken Sie R, um die Drehung zu überprüfen. Ich werde es ein wenig drehen und es über meinem Referenzkopf positionieren. Denken Sie daran, Ihrer Ebene einen Namen zu geben und die Ebene gelb zu machen. Jetzt möchte ich meinen Hut an meinen Kopf binden, damit der Hut mitgeht, wenn sich der Kopf bewegt . Ich klicke auf dieses kleine Symbol auf ihren Paaren, verknüpfe es und ziehe es auf die Hauptebene. Das ist alles. Ich werde meine Referenz wieder verstecken. Wenn ich auf Play drücke, siehst du, dass der Hut dem Kopf folgt. Jetzt muss ich dem Hut selbst etwas Bewegung verleihen . Drücken wir P für die Position und fügen einen Keyframe hinzu, bei dem sich der Kopf am höchsten Punkt befindet Jetzt drücke ich Shift R, damit ich auch die Drehung sehen kann. An dieser Stelle gefällt mir der Hut etwas höher. Hier am tiefsten Punkt des Kopfes würde ich den Hut so bewegen und ihn ein bisschen so drehen. Lassen Sie uns nun all diese Keyframes kopieren und einfügen. Um die Schleife zu vervollständigen, gehe ich zu dieser Zeit hier, kopiere und füge die ursprünglichen Keyframes und ziehe sie um ein Bild nach vorne Das ist die Animation, die wir jetzt haben. Jetzt drücke ich F9, während der gesamte Hut-Keyframe ausgewählt ist, öffne meine Kurven und im Wertediagramm möchte ich, dass die Rotationskurve der Kurve des springenden Balls ähnelt, die wir die Dimensionen in der Positionskurve Da wir die Dimensionen in der Positionskurve nicht getrennt haben, werde ich mich dafür entscheiden, das Geschwindigkeitsdiagramm anstelle des Wertediagramms zu verwenden und so etwas wie das Folgende zu tun. Jetzt möchte ich dasselbe tun, was ich zuvor gemacht habe, nämlich das Platzieren eines Frames der Parameter, die ich animiert habe. Wählen wir alle Rotations-Keyframes und ziehen sie um ein Bild nach vorne Das macht die Animation etwas flüssiger. Da diese blaue Richtlinie nicht wiedergegeben wird, muss ich eine Referenz ziehen, die mir das Wort erteilt Dieses Mal wähle ich das Stiftwerkzeug, Tastenkürzel g. Ich kann hier die Strichstärke ändern. Wir machen daraus drei Pixel. Die Strichfarbe kann schwarz sein. hier auf Füllen klicke, kann ich jede Füllung entfernen. Jetzt klicke ich hier, halte Shift gedrückt und klicke hier. Auf der anderen Seite wähle ich beide Punkte der Linie aus und positioniere sie so über meinem Guide. Jetzt haben wir den Zeitpunkt der Morgendämmerung der Animation und es sieht sehr gut aus. Das einzige Problem dabei ist, dass wir alles in 24 Bildern pro Sekunde gemacht haben . Da wir die Dinge aber im nächsten Schritt Bild für Bild machen werden, ist es für uns sehr ratsam die Animation zu zweit zu machen, was bedeutet, dass alle zwei Frames eine Zeichnung erstellt In diesem Fall haben wir 12 Bilder pro Sekunde. Es wird sinnvoller sein, wenn wir zu Adobe Animate wechseln. Aber vorerst müssen Sie nur wissen, dass 12 statt 24 Bilder pro Sekunde bedeuten die Hälfte der Arbeit reduzieren, die wir haben werden. Da diese Animation tatsächlich 12 Bilder pro Sekunde haben muss , füge ich einen Effekt hinzu, um die Bildrate für meine gesamte Animation zu ändern . Klicken Sie dazu mit der rechten Maustaste auf eine beliebige Stelle und wählen Sie Neue Einstellungsebene. Einstellungsebene hat keine Form, aber jeder Effekt, den Sie ihr hinzufügen, wirkt sich auf alle Ebenen darunter aus. Jetzt füge ich einen Effekt hinzu, der Posterize Time heißt. Um das zu tun, gehe ich zu meinem Tab Effekte und Presets, Art der Posterize Ich finde es hier und ziehe es auf meine Einstellungsebene. Dieser Effekt ermöglicht es mir, die Bildrate der Animation zu ändern. Hier, wo ich 24 habe, werde ich jetzt auf 12 umstellen. Wenn Sie jetzt auf Play klicken, können Sie sehen, dass sich die Animation etwas anders bewegt. Das liegt daran, dass wir jetzt weniger Bilder pro Sekunde haben. Jetzt ist es an der Zeit, das Video zu exportieren. Gehen wir zu Datei, Exportieren und zur Adobe Media Encoder-Warteschlange hinzufügen Es öffnet den Adobe Media Encoder. Lass uns hier klicken, um meine Einstellungen zu sehen. Stellen Sie sicher, dass Sie H264 auswählen , um ein MP4-Video zu generieren Der Rest sollte in Ordnung sein. Hier wähle ich aus, wo das Video gespeichert werden soll. Drücken Sie Play und fertig. 11. Adobe Animate vorstellen: Es ist Zeit für ein Adobe Animate, Leute. Klicken wir auf Neu erstellen , um ein neues Projekt zu erstellen. Hier habe ich die Größe meiner Leinwand 1920 x 1080, Bildrate 24. Klicken Sie auf Erstellen. Ich werde Ihnen einen superschnellen Überblick über diese Software geben, bevor wir animieren. Da sind wir. Drücken Sie zuerst die Tasten Plus und Minus, um die Ansicht zu vergrößern oder zu verkleinern. Leertaste gedrückt halte, kann ich die Kunsttafel wie folgt klicken und ziehen und verschieben. Hier haben wir den Pinsel zum Zeichnen. Denken Sie daran, dass alles, was wir hier in Adobe Animate zeichnen , ein Vektor sein wird Hier kann ich die Größe des Pinsels ändern. Die Glättung ist ebenfalls wichtig. Was wirkt sich auf die Linien aus, die Sie zeichnen, wodurch es verschoben wird. Natürlich kann ich die Pinselfarbe so ändern. Es ist interessant, den Unterschied zwischen dem Pinsel, den ich gerade benutzt habe, und dem Stift zu dem unter dem Pinsel zu bemerken den Unterschied zwischen dem Pinsel, den ich . Wenn wir mit dem Stift zeichnen, sehen Sie, dass er die Farbe des Strichs hat, nicht die Füllfarbe. Natürlich könnte ich hier reinklicken und die Farbe ändern, wenn ich möchte. Auch hier kann ich die Größe des Strichs ändern. Lassen Sie mich alles löschen, um den Unterschied zwischen dem Pinsel und dem Stift zu zeigen . Hier zeichne ich mit dem Bleistift, hier zeichne ich mit dem Pinsel. Wenn ich das weiße Auswahlwerkzeug auswähle, indem , dieses schwarze hier gedrückt halte und auch die weiße Unterauswahl auswähle, wird der Punkt der Zeichnung ausgewählt, nicht die gesamte Form Wenn ich auf die Linie klicke, die mit dem Bleistiftwerkzeug erstellt wurde, kann ich jeden Punkt einzeln kontrollieren. Der Pinsel ist anders, da er eine Form zeichnet, keinen Strich, er fügt so viele Punkte hinzu und es muss möglich sein, eine er fügt so viele Punkte hinzu und es muss gewisse Kontrolle über die Zeichnung zu haben. Deshalb verwende ich nie den Pinsel, wenn ich meine Animationen Bild für Bild skizziere, ich verwende nur Ich habe auch den Radiergummi zum Löschen. Ich kann auch Formen zeichnen, wie ich es in After Effects mache. Einfach klicken und gedrückt halten und auswählen, welche Form ich zeichnen möchte. Wenn ich ihn erstelle, kann ich auf einen bestimmten Strich wie diesen klicken , um seine Farbe zu ändern. Ich kann die Füllfarbe ändern. Wenn ich alles so auswähle, ändere ich alle Striche auf einmal. Wählen wir aus und klicken Sie auf Löschen oder die Rücktaste , um alles zu löschen Jetzt werden wir über die animierte Timeline sprechen. Dieses kleine Quadrat, das ich hier sehe , ist ein Frame meiner Animation. Wie Sie jetzt sehen können , habe ich alles gelöscht, was ich zuvor gezeichnet habe, dieser kleine Kreis ist leer und grau. Wenn ich etwas zeichne, wird ein kleiner Kreis schwarz. Jetzt lernen Sie die drei wichtigsten Tasten für die Arbeit in der Adobe Animate-Timeline kennen: F5, F6 und F7 F5 erweitert den ausgewählten Frame. Wenn ich es oft drücke, passiert Folgendes. Ich dehne die Zeichnung, die ich erstellt habe, über die gesamte Zeitleiste aus, sodass sie in meiner Animation weniger lang wird. Wenn ich meine Nadel an dieser Stelle habe und F6 drücke, erstelle ich einen neuen Keyframe, aber die Zeichnung bleibt dieselbe Wenn ich nun meine Zeichnung modifiziere, indem ich die Kurven bearbeite, kann ich das tun, indem ich V drücke, um meine Auswahl zu aktivieren , um die Linien wie folgt anzuklicken und zu verschieben. Ich kann sehen, dass sich die Zeichnung vom vorherigen Bild zum nächsten ändert, als wäre sie animiert. Endlich der F7, der auch einen neuen Keyframe erzeugt, aber einen frischen und M2,1 Ich verwende gerne die Tastenkombinationen Punkt und Komma um durch die Timeline vorwärts und rückwärts zu navigieren Es ist sehr praktisch, wenn wir Bild für Bild animieren. Um den von mir erstellten Frame zu löschen, kann ich ihn auswählen, indem ich klicke und ziehe und die Umschalttaste F5 drücke Ich habe nur die ersten beiden Frames behalten. Jetzt klicke ich auf den Rahmen. Das bringt mich dazu, die gesamte Zeichnung auszuwählen und die Rücktaste oder die Löschtaste zu drücken Jetzt habe ich wieder eine leere Leinwand. Das sind die Grundlagen von Adobe Animate. Jetzt importieren wir die Videos und Referenzen, die wir haben, und installieren die Frame-by-Frame-Animation 12. Bild für Bild animieren: Jetzt importieren wir das Referenzvideo und sprechen über Laufzyklen. Jetzt werden wir sieben Meter. Lassen Sie uns zunächst unsere Referenzen importieren. Gehen Sie zu Datei, Import, importieren Sie das Video, wählen Sie diese dritte Option hier, klicken Sie auf Browser, wählen Sie mein Animations-Referenzvideo aus, als Nächstes, Fertig stellen. Hier ist es. Ich klicke mit der rechten Maustaste auf meine Ebeneneigenschaften. Hier kann ich die Ebene umbenennen, Videoreferenz. Denken Sie daran, kein Leerzeichen zu verwenden , da Animate dies nicht unterstützt Ich werde die Opazität auf 25 reduzieren. Blockieren wir die Ebene. Ich klicke und bewege es nicht. Jetzt klicke ich hier, um eine neue Ebene zu erstellen und die Entwurfsreferenz zu importieren. Gehen wir zur Datei, zum Import, zur Stage und suchen wir unsere schöne Referenz und wählen sie aus. Ich ziehe es zur Seite. Jetzt möchte ich auch die Opazität auf die gleiche Weise reduzieren , wie ich es zuvor getan habe, und ihr einen Namen geben Ich möchte seine Füße auf den Boden ausrichten. Jetzt werde ich auch ein Wort darüber ziehen. Erstellen wir eine neue Ebene, doppelklicken Sie, um sie zu benennen, und mit dieser Linie hier wähle ich die schwarze Farbe für den Strich aus. Ich klicke und ziehe, um zu zeichnen. Wenn ich die Umschalttaste gedrückt halte, wird es eine gerade Linie sein. Dann drücke ich V, um mein Auswahlwerkzeug zu aktivieren. Klicken und ziehen Sie, um es nach Belieben neu zu positionieren. Ich möchte all diese Formen blockieren, damit ich sie nicht verschiebe. Schauen wir uns nun an, wie der Laufzyklus traditionell aussieht. Denken Sie daran, dass unsere Animation sehr cartoonig und übertrieben sein wird sehr cartoonig und übertrieben Nun, hier müssen wir an die niedrigste und höchste Pose des Charakters denken . Wir haben die niedrigste Pose , wenn der Charakter den Boden berührt, und die höchste Pose ist, wenn er in der Luft ist , ohne dass seine Füße auf dem Boden stehen. Andere wichtige Posen sind, kurz bevor der Charakter den Boden berührt, und wenn er sich dehnt, um einen Impuls zu bekommen. Fangen wir an, den Körper des Charakters zu zeichnen da wir bereits eine klare Referenz dafür haben. Ich erstelle eine Ebene und nenne sie Körper. Jetzt möchte ich meinen leeren Frame hier in meiner Timeline erstellen , während wir zu zweit animieren Ich möchte für jedes der beiden Felder hier, 1, 2 und hier, eine Zeichnung jedes der beiden Felder hier, 1, 2 und hier haben. Wenn ich F6 drücke, möchte ich meinen neuen Keyframe erstellen. Machen wir das bis zum Ende der Zeitleiste. Dieser allerletzte Keyframe hier wird dieselbe Zeichnung des ersten Frames Auf diese Weise schließen wir das Looping ab. Gehen wir zum ersten Keyframe, wählen meinen Stift, wählen Grün als Konturfarbe und die Konturstärke, zwei Punkte Lassen Sie uns nun den Körper über die Referenz zeichnen. Behalte meine Designreferenz hier im Auge. Ich lasse den Bart für später stehen. So sieht mein Körper im Grunde aus. Jetzt werde ich dasselbe für alle Frames tun, die ich erstellt habe. Drücken von Komma und Punkt ist sehr nützlich, da ich schnell durch meine Zeichnungen blättern und sehen kann schnell durch meine Zeichnungen blättern , wie einheitlich sie sind Sie müssen sich keine Gedanken darüber machen, einige Körperteile zu dehnen , wie hier im Nacken, das macht die Animation noch schöner Denn im Laufzyklus springt der Körper zweimal. An dieser Stelle können wir einfach dieselben Frames kopieren, können wir einfach dieselben Frames kopieren die wir zuvor gezeichnet haben, und sie vorne einfügen. Schau es dir an, ich kann all diese Frames auswählen, gedrückt halten und sie so nach vorne ziehen. Wenn ich diesen Looping-Button hier aktiviere, sehe ich hier diesen blauen Bereich, der bestimmt, welchen Teil wir sehen, wenn wir die Animation abspielen Ich kann sehen, dass das Looping funktioniert. Wenn ich meine Referenz verstecke, habe ich diese. Lassen Sie uns jetzt über die Beine nachdenken. Ich werde dafür eine neue Ebene namens Beine erstellen. Wir erstellen die Keyframes wie ich es zuvor getan habe. Jetzt möchte ich die Position zeichnen , die ich am wichtigsten finde. Die Position, an der sich die Figur am höchsten Punkt befindet , kurz bevor sie den Boden berührt und am tiefsten Punkt der Bewegung. So würde das Bein am höchsten Punkt der Körperbahn aussehen höchsten Punkt der Körperbahn Hier, wenn es am tiefsten Punkt ist, kreuzen sich die Beine. Um mir zu helfen, schalte ich meine Zwiebelschale ein. Onion Skin ist dieses Tool, mit dem wir ein paar Frames vor und nach dem Frame sehen ein paar Frames vor und können, auf dem wir zeichnen. Das ist sehr hilfreich, wenn Sie animieren, um zu bestimmen, wie viele Bilder vor und hinter mir angezeigt werden sollen Benutze die blauen und grünen Linien hier. Wir müssen darauf achten, welches Bein dahinter ist. Um das zu identifizieren, werde ich hier einen Schatten in dieses Bein werfen. In dieser Bewegung wird dieses Bein hier sein und dieses andere Bein so. Jetzt werde ich den Rahmen vor diesem zeichnen, kurz bevor das Bein den Boden berührt. Es ist gut, ein sehr gestrecktes Bein zu haben. Jetzt, wo ich zwei Rahmen zwischen diesem leeren Bild habe, hilft mir die Zwiebelschale sehr dabei, das Bein zwischen ihnen zu ziehen. Ich habe immer gerne mein Knie als Referenz. Ich möchte nicht, dass die Knie in der Mitte sind. In diesem Fall würde ich es etwas näher an das vorherige ziehen , da die Bewegung an Geschwindigkeit gewinnt. Ich kann dasselbe Prinzip für das andere Bein anwenden. In diesem Fall kann ich sogar über den vorherigen zeichnen und ihn einfach so bewegen und drehen. Wenn ich mir nur diesen Teil der Animation ansehe, kann ich sehen, dass die Bewegung des Beins einwandfrei funktioniert. In diesem Rahmen kreuzt das Bein im Hintergrund das andere. Zeichnen wir es also so. Der Bauch versteckt einen Teil des Beins, aber das ist in Ordnung. Hier ist der Moment, in dem sich der Körper dehnt, also möchte ich ein gestrecktes Bein haben. Denken Sie daran, darauf zu achten, welches Bein im Vordergrund steht. Ab diesem Moment ist die Videoreferenz nicht mehr sehr wichtig. Jetzt, da ich weiß, dass dies wieder der höchste Punkt der Flugbahn ist , weiß ich, dass mein Bein in einer ähnlichen Position sein wird wie zuvor, aber umgekehrt Das Bein vorne ist nicht das Bein im Hintergrund und umgekehrt. So etwas wie das hier. Auch hier werde ich so ziemlich dieselbe Pose einnehmen, aber wir haben umgekehrte Beine wie diese Im Bild direkt vor diesem Bild werde ich, wie wir bereits gesehen haben, wie wir bereits gesehen haben, ein sehr ausgestrecktes Bein haben, bevor ich auf den Boden trete. Auch hier kann ich die Vorteile nutzen, nachdem ich diese beiden Frames hatte, um den mittleren Frame zu zeichnen, immer darauf achte, dass er etwas näher am vorherigen Bild ist . Jetzt kreuzen sich die Beine wieder. Das Bein im Hintergrund wird bedeckt. Um den einzigen Frame zu zeichnen , der fehlt, möchte ich den allerersten Frame, Strg oder Command C, kopieren oder Command C, und ihn in den allerletzten einfügen, Strg oder Command Shift V, um ihn an der gleichen Position einzufügen, an der wir ihn zuvor hatten. Jetzt kann ich mir die Zwiebelschale ansehen und sie als Referenz verwenden , um den fehlenden Rahmen zu zeichnen. Ich kann mir sogar die Bogenbahn des Beins vorstellen die Bogenbahn des um das Bein zwischen ihnen zu ziehen Klicken Sie jetzt auf Play und sehen Sie nach. Das sieht gut aus. Ich kann jetzt einige Details korrigieren, die ich korrigieren möchte. Der schwierigste Teil ist weg. Jetzt ist es Zeit für die Waffen. Sie müssen wissen , dass der Arm in die entgegengesetzte Richtung zu den Beinen schwingt . Das rechte Bein ist hinten, der rechte Arm ist vorne und umgekehrt. Erstellen Sie eine neue Ebene und nennen Sie sie arms. Dies ist die erste Position. Ich drücke hier F7 alle zwei Frames F6 Jetzt werde ich die Schlüsselpositionen der Arme zeichnen, wenn sie den Körper kreuzen und wann sie sich an den Extremen befinden Jetzt werde ich die Lücken füllen die Zwiebelschale verwende, um mir zu helfen. Die Zeichnungen, die sich dem Ende der Flugbahn nähern, müssen sehr nahe beieinander liegen, damit wir eine reibungslose Bewegung haben , wenn die Arme Drücken Sie Play, das ist unsere Armbewegung. Jetzt fehlen uns nur noch der Hut und einige andere Details. Lassen Sie uns erneut eine neue Ebene erstellen, sie Details nennen und die Keys alle zwei Frames erstellen. Denken Sie daran, dass ich meine Leinwand drehen kann , indem ich hier auf diese Schaltfläche klicke. Da sich die Form des Kopfes nicht ändert, werde ich, anstatt ihn viele Male zu zeichnen, anstatt ihn viele Male zu zeichnen, einfach F6 drücken, um neue Rahmen zu erstellen, aber die Zeichnung, die ich habe, beibehalten , sodass ich sie einfach in jedem Bild neu positionieren und drehen kann sie einfach in jedem Bild neu positionieren und drehen Es ist bereit. Wir haben unsere Animation. Manche Leute würden eine feinere Linie über diese Zeichnungen ziehen wollen , bevor sie sie zur Bereinigung in Photoshop Aber ich gehe lieber direkt zu Photoshop, um manchmal zu sparen. Dort können wir jeden Pinsel oder jede Textur verwenden , die wir wollen. Das ist es, Leute. Die Animation ist fertig, aber es ist vorerst eine Skizze. Jetzt müssen wir jeden Frame in Adobe Photoshop neu zeichnen. Lass uns unser Video exportieren. Lassen Sie uns nun diese Animation rendern. Ich würde all diese letzten Frames löschen. Sie sind nicht Teil der Hauptschleife. Ich wähle sie alle aus und drücke Shift F5. Jetzt muss ich meine Referenzebene, das Video und die Designreferenz auswählen . mit der rechten Maustaste und wählen Sie Guide aus damit sie nicht gerendert werden. Klicken wir nun auf Datei, Export, Videomedien exportieren. Hier wähle ich aus, wo die Animation gespeichert werden soll. Vergewissern Sie sich, dass dieses Kästchen angekreuzt ist. Klicken Sie auf Exportieren und es ist fertig 13. Animieren in Adobe Photoshop: Abschließend werden wir über die Animation von Adobe Photoshop sprechen. Photoshop ist ein nettes Tool, da wir damit jeden Pinsel oder jede Textur in unserer Animation verwenden können . Dies unterscheidet sich von Adobe Animate, das nur Vektoren unterstützt Lassen Sie uns einen kurzen Überblick darüber geben, wie es ist, mit Photoshop zu animieren Ich werde hier ein Dokument namens Animation Clean Up erstellen. 1920 x 1080 ist die Größe, aber stellen Sie diesmal sicher, dass die Zeichenfläche nicht aktiviert ist Wir benötigen den Farbmodus RGB und klicken auf „Erstellen“. Zuerst gehe ich zu Windows, um meine Timeline zu öffnen. Jetzt werde ich meine Timeline hier unten haben. Alles was ich tun muss, ist auf „Video-Timeline erstellen“ zu klicken. Jetzt kannst du sehen, dass ich meine Ebene Null hier habe und meine Ebene Null auch in der Timeline ist. Hier ist der Zoom meiner Timeline und hier kann ich meine Sekunden in Bildern sehen , die dem, was ich in After Effects sehe, sehr ähnlich sind. Aber bevor ich irgendwas mache, muss ich die Bildrate einrichten, die ich verwenden möchte Also klicke ich hier in dieses Menü und klicke auf „ Timeline-Bildrate festlegen“. Hier kann ich die Bildrate auswählen, Hier kann ich die Bildrate auswählen die ich verwenden möchte, nämlich 24. Jetzt positioniere ich meine Nadeln an einem Punkt meiner Timeline und wir erstellen eine neue Ebene, damit du sehen kannst, was passiert. Klicken Sie hier, um eine Ebene zu erstellen. Jetzt habe ich eine neue Ebene, die an der Stelle erstellt wurde, an der sich meine Nadel befand. Es ist wichtig , dass du das weißt. Jetzt kann ich darauf klicken und es an den Anfang der Timeline ziehen. Ich möchte dir jetzt zeigen, wie das Scherenwerkzeug hier funktioniert. Wenn ich klicke, schneide ich die ausgewählte Ebene an der Stelle ab, an der sich meine Nadel befindet. , habe ich im Ebenenfenster Wie Sie sehen können, habe ich im Ebenenfenster jetzt eine Kopie der Ebene 1, also diese hier ist die Ebene 1 und diese ist die Kopie der Ebene 1. Jetzt möchte ich mehr Ebenen erstellen, indem ich sie mit dieser Schere ausschneide Ich muss nur die Ebene auswählen, meine Nadel positionieren und auf diese Schere klicken Auf diese Weise erstelle ich immer wieder neue Ebenen, wie Sie hier sehen können. Das Coole daran ist jetzt , dass, wenn ich auf diese Ebene klicke und sie nach unten ziehe diese Ebene klicke und sie nach unten auf derselben Linie wie die andere liegt, ich hier in meinem Ebenenfenster automatisch eine Videogruppe erstelle hier in meinem Ebenenfenster Das heißt, wenn ich die Ebenen in derselben Zeile meiner Timeline habe, werden sie hier gruppiert. Wenn ich dasselbe mit dem anderen mache, schließt er sich der Gruppe an. Das macht die Arbeit hier in Photoshop besser organisiert. Um eine der Ebenen zu zeichnen, muss ich sie entweder in der Timeline oder im Ebenen-Tab auswählen , es spielt keine Rolle, und außerdem sicherstellen, dass meine Nadel darüber ist , sonst kann ich nichts zeichnen. Wenn zum Beispiel diese Ebene ausgewählt ist, meine Nadel aber da ist, kann ich nicht zeichnen, wie Sie sehen. ich meine Nadel hierher ziehe, kann ich jetzt normal zeichnen. Wenn ich in diesen Rahmen zeichne und die Nadel zum anderen ziehe, verschwindet die Zeichnung natürlich Wenn ich in diesen Rahmen zeichne , weil der nächste Rahmen leer ist Wenn ich hier zeichnen möchte, muss ich die Ebene auswählen. Jetzt habe ich für jeden Frame eine Zeichnung und so erstellen wir Animationen. Denken Sie daran, dass Sie die Dauer der Ebenen ganz einfach anpassen können , indem Sie die Kanten anklicken und ziehen oder sie ausschneiden, wie wir es zuvor gesehen haben, und natürlich erstelle ich jedes Mal, wenn ich schneide, eine neue Ich kann so oft schneiden, um so viele Schichten zu haben , wie ich möchte, und natürlich werden sie alle hier in dieser Gruppe sein. Davon abgesehen können Sie bereits sehen, dass ich durch die Änderung der Reihenfolge meiner Ebenen in meinem Ebenen-Tab auch die Reihenfolge in meiner Timeline geändert habe und umgekehrt. Lassen Sie uns nun den Zoom vergrößern. Ich möchte, dass jede Ebene zwei Frames in meiner Timeline einnimmt, da unsere Animation ausgewählt ist. Deshalb werde ich sicherstellen, dass ich sie richtig anpasse. Alle zwei Frames, eine neue Ebene. Jetzt könnte ich kommen und auf jeden Frame etwas anderes zeichnen . Positionieren Sie die Nadel und wählen Sie den Rahmen aus und zeichnen Sie. Jetzt kann ich auf „Abspielen“ klicken. Ups, das Problem ist, dass meine Animation fünf Sekunden dauert , was die Standardeinstellung ist Lassen Sie uns die Größe der Ebene auf Null reduzieren. Diese Ebene Null ist übrigens mein weißer Hintergrund. Wenn ich es lösche, können Sie sehen, dass mein Hintergrund jetzt transparent ist. Steuere oder befehle Z, um es zurückzubringen. jetzt auf „Abspielen“ klicken, können Sie sich diese verrückte und zufällige Animation ansehen, die ich erstellt habe. Mit dieser Leiste hier oben kann ich auch die Dauer steuern, die ich spiele, falls ich nur einen bestimmten Teil der Animation ansehen möchte . Das ist die Grundlage von Photoshop Timeline, Leute. Jetzt sind wir mehr als bereit , unsere Zeichnungen zu bereinigen. 14. Aufräumen: Jetzt ist es an der Zeit, jedes Bild unserer Animation fertigzustellen. Lass uns anfangen. Es ist Zeit für das Aufräumen. Lassen Sie uns zunächst die grobe Animation importieren, Datei, Verknüpfung platzieren und das Video auswählen. Drücken wir hier, um zu bestätigen, und jetzt kann ich bereits die Leertaste drücken, um zu spielen. Jetzt benötige ich hier auch meine Designer-Referenz. die gleiche Weise gehe ich zu Datei, Link platzieren und wähle die Referenz aus. Es wurde etwas später in der Timeline platziert, weil dort meine Nadel war. Nehmen wir es also bis zum Anfang, und hier schneidest du es aus und löschst den anderen Teil. Ich möchte, dass alle meine Referenzen Multiplizieren als Mischmodus haben Ich kann hier beides auswählen und Multiplizieren wählen. Lassen Sie uns meine Designreferenz verschieben. Ich drücke V, um meinen Zug auszuwählen , um ihn anzuklicken und hierher zu ziehen. Dieser wird der endgültige Look meiner Zeichnung sein. Nun, es wäre hilfreich, die Opazität meines Videos zu reduzieren, also werde ich einfach hierher kommen, um das zu tun Jetzt sperren wir sie ein. Klicke auf dieses kleine Vorhängeschloss. Jetzt kann ich sie nicht bewegen. Meine bevorzugte Arbeitsweise besteht darin, zuerst alle leeren Rahmen zu erstellen, sodass ich mich nur auf meine Zeichnungen konzentrieren würde. Alles was ich tun muss, ist meine Nadel an den Anfang zu bringen, eine neue Ebene zu erstellen, hier reinklicken. Ich gehe zwei Bilder voraus und klicke auf diese Schere, damit ich sie zuschneide Ziehe es nach unten, bis es dieselbe Linie wie das andere Bild Dadurch erstelle ich hier automatisch eine neue Videogruppe. Nennen wir es Körper. Ich werde meinen Körper hier zeichnen. Jetzt möchte ich die Ebene alle zwei Frames ausschneiden , um es einfacher zu machen. Ich möchte hier in dieses Drop-down-Menü klicken und sicherstellen, dass ich die Tastenkombinationen zur Aktivierung der Timeline-Tastenkombination aktiviere. Auf diese Weise kann ich, wenn ich die Pfeiltasten drücke, durch die Timeline navigieren. Das heißt, ich kann meine Ebene auswählen, ausschneiden, mit dem Pfeil zwei Frames zur Seite laufen und erneut ausschneiden. Ich werde es bis zum Ende des Videos machen. Den Rest kann ich einfach löschen. Jetzt habe ich bereits alle meine Rahmen für den Körper entworfen. Jetzt habe ich bereits alle meine leeren Rahmen für den Körper erstellt , um uns das Leben zu erleichtern. Ich möchte das auch ein paar Mal duplizieren , um die anderen Teile des Charakters zu zeichnen. Dazu wähle ich meine Gruppe aus, halte die Alt-Taste gedrückt, klicke hinein und ziehe sie. Jetzt habe ich die Textkopie, die ich in Leg1 umbenennen kann Ich werde dasselbe tun, um die Rahmen für den gesamten Charakter zu erstellen . Leg2, Arm1 und Arm2. Kopf, Bart, Hut. Zum Schluss noch eine Ebene für die Details darüber. Jetzt habe ich alle meine Ebenen erstellt, sodass ich einfach zeichnen kann. Ich muss nur vorsichtig sein, weil ich immer die richtigen Teile der Charaktere im richtigen Rahmen zeichnen muss . Es ist auch gut, mein Referenzvideo über allem zu haben , damit ich beim Zeichnen immer noch Linien sehen kann. Jetzt muss ich nur noch den richtigen Rahmen auswählen und meinen Körper bemalen. Wenn ich die Taste I drücke, wähle ich meine Farbe, wähle zwei, und ich kann die Farbe als Referenz wählen, b für den Pinsel. Das ist der Pinsel, den ich verwenden möchte, aber du kannst deinen Favoriten verwenden. Größe 50 ist für mich gut. Jetzt lass uns malen. ich r. drücke, kann ich die Leinwand drehen, was ebenfalls hilfreich ist. Wenn ich einen Frame beendet habe, klicke ich auf den nächsten und setze den Vorgang fort. So wie wir es beim Skizzieren der Animation getan haben , möchte ich die ersten sechs Frames meiner Körperanimation wiederholen , da wir wissen, dass sie sich wiederholen. Ich wähle meine letzten sechs Bilder aus. Ich kann in den ersten klicken, Umschalttaste gedrückt halten und in den letzten klicken. Lösche sie, indem du auf diesen kleinen Mülleimer , dann klicke auf „Ja“, dann wähle ich diese hier aus. Halten Sie die Alt-Taste gedrückt und klicken und ziehen Sie sie wie folgt. Jetzt habe ich den Körper schon fertig gemacht mit etwas Zeitersparnis. Ich habe einen der Frames vergessen. Keine Probleme, ich werde es malen und das ersetzen, das später in der Timeline steht. Lassen Sie uns nun den Kopf animieren. Derselbe Prozess wie zuvor. Manchmal blättere ich gerne durch meine Animationen und drücke die Pfeiltasten, um zu sehen, wie es aussieht Auf diese Weise kann ich hier einige Details identifizieren und korrigieren. Wenn ich mein Referenzvideo verstecke, kann ich sehen, wie die endgültige Zeichnung aussieht. Wie wir es mit dem Körper gemacht haben, können auch die sechs ersten Frames des Kopfes dupliziert werden Gehen wir zum Kopf, dieselbe Logik. Dann der Bart. Schließlich werden wir die Beine zeichnen. Da ich Leg1 und Leg2 in verschiedenen Schichten habe, muss ich sicherstellen, dass die rechte vor der anderen liegt In diesem Fall möchte ich, dass das Bein 1 mein Vordergrundbein ist, also sollte sich Leg2 hinter dem Seien Sie vorsichtig, da es einfach ist, es in die Körpergruppe zu ziehen. Was ist nicht das, was du willst. Lass uns jetzt alle Beine zeichnen. Um nun mein Bein im Hintergrund zu gestalten, möchte ich einen dunkleren Ton von diesem Violett oder sogar dieses Schwarz hier verwenden , damit ich die Beine unterscheiden kann. Wählen wir die Leg2-Ebenen aus und beginnen Sie mit dem Malen. Vielleicht stellen Sie fest, dass in dieser Reinigungsphase manchmal einige Probleme identifiziert und behoben werden, die ich vorher nicht gesehen habe , wie zum Beispiel die Position des Beins, wenn es das andere kreuzt Ich habe die Pose ein wenig geändert und meine Referenz missachtet. Dies ist nicht der am meisten empfohlene Ansatz, aber normalerweise funktioniert er für mich. Die Beine sind fertig. Lass uns die Arme zeichnen. weiß, dass einer von ihnen hinter dem Körper sein muss, werde ich den Arm2 hinter allem nach unten ziehen Jetzt wähle ich die Ebene Arm1 aus und zeichne. Jetzt endlich die letzten Details. Da es sich bei den Augen um kleine Elemente handelt, kann es leicht vorkommen, dass ihre Größe und Position inkonsistent ihre Größe und Position Deshalb blättere ich immer gerne mit den Pfeilen durch Alternativ könnte ich mich auch auf die Zwiebelschale verlassen, die Photoshop auch hat. Ich kann hier klicken und Zwiebelhaut aktivieren. Ich könnte meine Referenz verstecken und diese transparente Zwiebelschale wählen, um zu sehen, wo die vorherige Zeichnung ist, und das nächste Auge an der richtigen Position zeichnen. Jetzt ist alles erledigt. Lassen Sie uns alle Ordner verkleinern, meine Referenzebenen ausblenden und die Leertaste drücken, um abzuspielen Schau, wie cool das aussieht. Das allerletzte, was ich hier tun möchte, ist einen Fußboden zu zeichnen. Ich erstelle eine neue Ebene und schneide das Ende ab, damit es die richtige Dauer hat. diesen Teil lösche, kann ich jetzt an einem beliebigen Punkt meiner Timeline einfach meinen Boden zeichnen. Ich werde meine Referenz wieder einschalten. Ich klicke und ziehe bei gedrückter Umschalttaste, sodass ich eine gerade Linie habe. Nennen Sie es Floor und ziehen Sie es unter all meine Zeichnungen. Jetzt ist es fertig. Leute, das ist es. Die Animation ist fertig. Jetzt müssen wir es zu After Effects bringen , um unsere endgültige Komposition zu erstellen. Vor allem, weil diese Animation hier eine Sekunde lang ist, müssen wir sie länger machen, um sie veröffentlichen zu können. Natürlich können wir dort sogar einige Effekte hinzufügen, um die Hintergrundfarbe zu ändern, also werde ich Ihnen zeigen, wie. 15. Endgültige Komposition: nun im allerletzten Schritt Lassen Sie uns nun im allerletzten Schritt die endgültige Komposition in Adobe After Effects erstellen. Wir sind endlich da und erstellen die endgültige Komposition für unser Projekt. Lassen Sie uns unsere PNG-Sequenz importieren, damit Sie sehen können, wie sie funktioniert. Klicken wir mit der rechten Maustaste auf Datei importieren. Jetzt muss ich meine Bildsequenz hier in diesem Ordner Clean up finden . Hier sind sie. Alles was ich tun muss, ist in eines von ihnen zu klicken und sicherzustellen, dass das Feld PNG-Sequenz angekreuzt ist Klicken Sie auf „Öffnen“. Nun, wir haben diese PNG-Sequenz hier, aber der After Effect weiß immer noch nicht, in welcher Bildrate die Bilder abgespielt werden sollen, also klicken wir mit der rechten Maustaste auf das einzelne Filmmaterial und das Hauptbild. Jetzt haben wir diese 30, was die Standard-Bildrate ist. Wir möchten, dass es 24 sind, also ziehen wir diese Sequenz hierher, um eine neue Komposition zu erstellen. Diese neue Komposition hat die genaue Größe und Dauer der Animation, eine Sekunde lang. Wenn ich die Leertaste drücke, kann ich spielen und mir jetzt ansehen, wie es aussieht. Ich möchte die Animation ein bisschen so neu positionieren und ich werde eine Formebene mit der gewünschten Hintergrundfarbe erstellen eine Formebene mit der gewünschten Hintergrundfarbe , meine Bibliotheken hier. Klicken wir auf das Rechteck, um den Strich zu entfernen , und stellen Sie sicher, dass der wenige Strich aktiviert ist Wählen wir die wenigen Farben, vielleicht dieses Grün hier. Doppelklicken Sie jetzt in das Rechteckwerkzeug und jetzt habe ich diese Form erstellt Ziehe es nach unten und jetzt haben wir einen farbenfrohen Hintergrund. Ich benenne es um, ändere die Farbe auf dunkelgrün und sperre es Lassen Sie uns nun meinem Hintergrund etwas Textur hinzufügen. Dazu würde ich eine Ellipse erstellen. Ich halte die Strg- oder Befehlstaste gedrückt, um es von der Mitte aus zu erstellen und wähle eine etwas hellere, grünere Farbe Jetzt möchte ich einen Effekt auf die Ellipse anwenden. Gehen wir zu den Effekten und Presets. Suchen Sie nach Gaussian Blur. Klicken Sie und ziehen Sie den Effekt auf meine Ellipse. Hier sehe ich zusammen mit meinem Projekt-Tab die Eigenschaften des Effekts. Ich werde die Unschärfe erhöhen. Klicken Sie auf die Zahl und ziehen Sie sie nach rechts. Um diese seltsamen Linien hier zu vermeiden, deaktivieren wir die Pixel, die sich wiederholen, die Kanten wiederholen Jetzt ändern wir den Mischmodus der Textur. Wählen wir „Auflösen“. haben wir hier eine coole Textur. Benennen wir die Ebene, ändern wir die Ebenenfarbe in Grün und platzieren sie hinter dem Charakter. Jetzt möchte ich ein weiteres Rechteck in der gleichen Farbe meines ursprünglichen Hintergrunds erstellen in der gleichen Farbe meines ursprünglichen Hintergrunds Ich werde das Rechteck so zeichnen, es wird den unteren Teil meiner Textur so verbergen Wir werden es Floor nennen. Fühlen Sie sich frei, diese Etage an der Linie auszurichten, die wir haben. Sie können die Textur neu positionieren, erhöhen und die Unschärfe reduzieren Was immer du willst. So sieht es aus. Du kannst sogar Dancing Dissolve auswählen, anstatt einfach aufzulösen, sodass du die Textur ein wenig bewegst. Das einzige Problem, das wir jetzt haben , ist , dass dieses Video nur eine Sekunde lang ist. Das ist zu kurz, als dass irgendjemand es sich ansehen könnte. Deshalb werde ich die Dauer der Komposition verlängern. Gehen wir zu Komposition, Kompositionseinstellungen und ich möchte, dass es 10 Sekunden lang ist. Klicken Sie auf „Okay“. habe ich eine viel längere Komposition. Ich muss nur die Sperrebenen entsperren, damit ich den Hintergrund und die Texturen bis zum Ende meiner Komposition, der Animation, dehnen kann Texturen bis zum Ende meiner Komposition, der Animation, . Ich kann sie einfach duplizieren, Strg oder Command D drücken es nach rechts ziehen. Sie können die Ansicht vergrößern, um zu bestätigen, dass zwischen diesen Ebenen keine Lücke Jetzt kann ich erneut duplizieren, beide gleichzeitig, und dasselbe bis zum Ende meiner Komposition tun. Jetzt haben wir eine 10 Sekunden lange Komposition mit unserer Animation. Da ich es auf Instagram veröffentlichen möchte. Ich mag es immer, quadratische Animationen zu haben , sodass ich zu meinen Kompositionseinstellungen gehen und die Größe auf 1080 mal 1080 einstellen kann. Jetzt ist es besser für meinen Instagram-Account geeignet. Jetzt können wir das Video behindern. Gehen wir dazu zur Datei, Exportieren und zur Adobe Media Encoder-Warteschlange hinzufügen Hier öffnen wir Adobe Media Encoder. Er ist die Animation. Ich kann hier klicken, um die Einstellungen zu sehen. Ich wähle immer H264 für Social-Media-Animationen. Hier können wir den Namen und den Ort ändern , an dem die Ansicht gespeichert wird. Ich drücke immer auf Maximale Renderqualität verwenden. Jetzt müssen wir nur noch auf Play klicken und mitfiebern, wir haben unsere Animation Herzlichen Glückwunsch. 16. Vielen Dank!: Leute, das war eine aufregende Reise, wir haben so viel erlebt. Vielen Dank, dass du das Ende dieses Kurses erreicht hast. Ich hoffe, Sie erkennen, dass Animation zunächst keine Regeln und keine Grenzen kennt Sie können alle Ihnen zur Verfügung stehenden Softwares und Techniken gleichzeitig verwenden Ihnen zur Verfügung stehenden Softwares und Techniken gleichzeitig und das Beste nutzen , was uns jede Software bieten kann Ich möchte wirklich sehen, was ihr kreieren werdet. Bitte laden Sie Ihr Produkt hier und ich werde Kommentare zu jedem einzelnen Produkt sehen. Schauen Sie sich die anderen Charaktere an, die ich mit demselben Verfahren erstellt habe, um sich inspirieren zu lassen. Ich hoffe es hat dir Spaß gemacht und wir sehen uns beim nächsten.