Rahmen für Frame Animation mit Photoshop, After Effects, Cinema4D | Klarens Malluta | Skillshare
Drawer
Suchen

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Rahmen für Frame Animation mit Photoshop, After Effects, Cinema4D

teacher avatar Klarens Malluta, Visual Artist

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung

      0:44

    • 2.

      01 Beispiele und Ressourcen

      1:24

    • 3.

      02 Mixamo 3D-Zeichen

      4:32

    • 4.

      03 Cinema4D Animation

      4:00

    • 5.

      04 3D-Materialien und Rendering

      4:46

    • 6.

      05 Illustration von Rahmenn in Photoshop

      9:21

    • 7.

      06 Timelapse

      1:43

    • 8.

      07 Photoshop Export PNGs

      2:18

    • 9.

      08 After Effects Animation

      6:07

    • 10.

      09 Animierte Textur

      1:00

    • 11.

      10 Loop-Animation

      4:49

    • 12.

      11 animierte Hintergrund Postproduktion

      5:18

    • 13.

      12 Video-Export

      2:53

    • 14.

      13 Sonstige Variationen

      6:38

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

238

Teilnehmer:innen

3

Projekte

Über diesen Kurs

In diesem Kurs zeige ich dir, wie du mit Photoshop, After Effects, Cinema4D und einem Grafik-Tablet einen Rahmen für Frame erstellen kannst.

Ich zeige dir einige kostenlose Ressourcen, die du herunterladen kannst und
wie du Mixamo verwendest, um deine 3D-Zeichen zu animieren.

Anschließend zeige ich dir, wie du deine erste Animation in Cinema4D und
useit als Verweis erstellen kannst, um alle Frames in Photoshop mit einem Bildschirm oder einem Grafik-Tablet zu zeichnen.

Nachdem du alle Frames exportiert hast, werden wir nach den Effekten umgehen, um unsere
animationmore trippy zu machen und einige abschließende Anpassungen vorzunehmen.

Am Ende zeige ich dir einige alternative Möglichkeiten, einen Rahmen für Frame Animation zu erstellen,
ohne Cinema4D zu verwenden.

Triff deine:n Kursleiter:in

Teacher Profile Image

Klarens Malluta

Visual Artist

Kursleiter:in
Level: Intermediate

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Hallo zusammen, Mein Name ist Karen, und in diesem Kurs werde ich Ihnen beibringen , wie Sie mit Photoshop After Effects Cinema 4D und dem Screen-Tablet eine Frame-für-Frame-Animation erstellen mit Photoshop After Effects Cinema 4D und dem Screen-Tablet eine Frame-für-Frame-Animation können. Ich zeige Ihnen zunächst einige kostenlose Ressourcen, die Sie herunterladen können und wie Sie Mixamo verwenden , um Ihre 3D-Charaktere zu animieren. Dann zeige ich Ihnen, wie Sie Ihre erste Animation im Kino 4D erstellen und sie als Referenz verwenden , um alle Bilder in Photoshop mit einem Bildschirmtablett oder einem Grafiktablett zu zeichnen . Nachdem Sie alle Frames exportiert haben, wechseln wir zu After Effects, um unsere Animation trippiger zu machen und einige endgültige Anpassungen vorzunehmen. Am Ende zeige ich Ihnen einige alternative Möglichkeiten, eine Frame-für-Frame-Animation zu erstellen , ohne Cinema 4D zu verwenden. 2. 01 Beispiele und Ressourcen: Hier ist eine vereinfachte Version einer Schritt-für-Schritt-Anleitung zum Erstellen dieser Frame-für-Frame-Animation. Auf der linken Seite sehen wir die 3D-Animation, die mit Mixamo und Cinema 4D gemacht wurde . Und dann benutze ich das als Referenz, um darauf zu zeichnen. Und dafür verwende ich natürlich Photoshop ein Grafiktablett oder ein Screen-Tablet. Und dann besteht der dritte Schritt darin alles und Nachher-Effekte abzuschließen , indem Sie eine Textur hinzufügen den Leuchteffekt und den Hintergrund hinzufügen. Aber hier werden wir später eingehender gehen. Im Moment zeige ich Ihnen auch, wie Sie die Ressourcen herunterladen, die wir benötigen. Sie werden zu diesem Link gehen. Sie werden es in der Beschreibung haben, aber ja, es ist clients.com, row.com. Und dann gehst du genau hier zu diesem hier. Lasst uns drauf klicken. Setzen Sie den Preis 0 für Chase und Sie haben bereits meine E-Mail darauf gelegt, erhalten Sie Inhalte anzeigen. Und dann lädst du es einfach herunter. Ich habe es bereits heruntergeladen. Und ja, Sie können diese Dateien speichern damit Sie sie später verwenden können. 3. 02 Mixamo 3D-Figuren: Jetzt sind wir in gemischter Betragt.com. Und wenn Sie kein Konto haben, können Sie natürlich eines erstellen und sich anmelden. Und hier sehen Sie einige vorgefertigte Animationen , die Sie auf Ihre Charaktere anwenden können. Hier haben wir zwei Möglichkeiten. Wenn du keine Charaktere hast. Oben kannst du hier zu Charakteren gehen und hier siehst du einige, die aus Mixamo erstellt wurden. Du kannst nach unten scrollen und sie alle sehen und sehen, ob du Kenny magst, zum Beispiel diesen, ja, wir können diesen Charakter benutzen. Hier ist es in T-Pose. Es gibt viele andere , die Sie sehen können, und Sie können basierend darauf verwenden, was Sie erstellen möchten oder welche Zwecke Sie verwenden möchten. Nachdem du dich für deinen Charakter entschieden hast, kannst du zu Animationen gehen. Und hier findest du einen vorgefertigten, zum Beispiel besiegt. Sie können sehen, wie es angewendet wird. Lasst uns zu dieser einen Reaktion gehen. Auf der rechten Seite sehen Sie einige Änderungen, die Sie vornehmen können. Zum Beispiel können Sie den Wert hier ändern und sehen, wie sich die Animation ändert. Treffer-Intensität. Sie können diesen Overdrive Character Arm Space Trim erhöhen , hier können Sie die Frames verringern. Zum Beispiel sind es momentan etwa 90 Frames. Jetzt ist es kürzer. Dies ist für jede Animation anders. Wenn wir zum Beispiel sterben, können Sie sehen, dass es andere Möglichkeiten gibt. Natürlich gibt es auch einen Spiegel. Jetzt wird es auf die andere Seite gehen. Ja. Die andere Option, wenn Sie Ihren eigenen Charakter verwenden möchten , besteht darin, zu Charakter hochladen zu wechseln. Sie können eine Zeichendatei auswählen. Hier können Sie eines der aktualisierten VJs verwenden , oder wenn Sie etwas anderes alleine haben, können Sie das natürlich verwenden. Lasst uns aufmachen. Jetzt müssen wir den Takeling-Prozess durchführen, dem Körper im Grunde einige wichtige Punkte hinzufügt. Und lassen Sie uns diese Optionen hier nutzen, um uns zu orientieren. Klicken Sie nun auf Weiter. Und hier ist ein Beispiel dafür , was Sie tun sollten. Der blaue geht ans Kinn, also mache ich das. Der grüne am Handgelenk. Also los geht's. Der Ellenbogen, die Knie und wachsen. Als Nächstes. Dies ist die äußere Strenge. Jetzt, da dies erledigt ist, können wir zum nächsten gehen, als nächstes. Und hier werden wir unseren Charakter haben. Jetzt besteht der nächste Schritt darin, die Animation zu finden , die Ihnen gefällt. Wir können hier zum Beispiel nach Running suchen. Natürlich kannst du all diese testen. Ich werde sehen, was ich finde, entscheide mich dann für eine endgültige Option und lade sie dann herunter. Etwas anderes, das Sie beachten sollten , ist zum Beispiel, Sie dies in diesem Lauf überprüfen sollten. Jetzt bleibt es an Ort und Stelle und das müssen wir für unsere Animation tun. Ich denke daran, mit diesem zu gehen, betrunkener Spaziergang. Ich habe dafür gesorgt, dass ich das überprüft habe. Hier haben wir den Overdrive-Charakter-Arm Space. Ich glaube, das ist okay. Eine Sache , die ich sehe, wenn ich eine Animation auswähle , ist sicherzustellen, dass es sich um eine Schleife handelt. In diesem Fall ist es auch kurze 90 Frames. Und jetzt besteht der nächste Schritt darin , dies herunterzuladen. Wir werden das so belassen, wie es sich um einen Download handelt. Wir legen das in einen Ordner und öffnen es dann in Cinema 4D. 4. 03 Cinema4D-Animation: Jetzt sind wir im Kino 4D. Und hier werde ich nicht viel darauf eingehen , wie man Kino für D und solche Dinge benutzt. Ich zeige Ihnen nur, was ich mache, um die Frame-für-Frame-Animation zu erstellen. Was ich also in Cinema 4D mache, und natürlich mache ich das erste, was ich mache, die Animation zu öffnen , die wir gerade heruntergeladen haben, den betrunkenen Spaziergang. Ich öffne es. Klicken Sie auf. Okay. Und hier ist die Zeitleiste. Es sind 90 Frames. Wir können auf „Play“ klicken. Auf der rechten Seite. Wir können, sagen wir, die Ebenen des 3D-Objekts sehen. Wenn wir auf jeden von ihnen klicken, wird hervorgehoben, was er darstellt. Wenn Sie einen von ihnen entfernen möchten, klicken Sie einfach darauf und klicken Sie hier auf diese Punkte. Sie müssen zweimal klicken, damit es rot wird und jetzt unsichtbar wird. Das müssen wir nicht tun. Also lasst uns rückgängig machen. Und jetzt müssen wir die Kamera hinzufügen. Und um die Kameraposition zu ändern, haben Sie diese Optionen genau hier. Sie können auf diese Option hier klicken , um links, rechts, nach oben und unten zu gehen, um zu vergrößern und zu verkleinern. Und diese andere Option zum Drehen. Bevor ich die Kamera hinzufüge, ändere ich auch die Größe des Rahmens hier. Um das zu tun, müssen wir zu Rendereinstellungen gehen , die genau hier ist. Und am Ausgang haben wir die Breite und die Höhe. Ich gehe mit der Breite auf Tausendstel und der Höhe 2500. Und jetzt klicke ich auf die Kamera. Und wenn Sie die Position der Kamera ändern , überprüfen Sie die Kamera. Du musst dieses Quadrat genau hier überprüfen. Und hier auf der Timeline. Stellen wir sicher, dass wir im ersten Frame sind. Jetzt können wir Änderungen vornehmen, wie Drehen, Vergrößern und Bewegen der Kamera. Wenn Sie sich für die endgültige Position entscheiden, müssen Sie hier auf diesen Schlüssel klicken. Zeichnen Sie aktive Objekte auf. Aber während du sicherstellst, dass du die Kamera überprüft hast. Es ist also hervorgehoben. Probieren wir es aus. Lasst uns auf „Spielen“ klicken. Dies ist die Animation, die wir mit dieser Kameraposition haben. Und etwas anderes , was ich gerne mache, ist die Brennweite zu ändern. Um dies zu tun, müssen Sie auf die Kamera klicken, zu Objekten wechseln und auf der Brennweite von klassisch zu Portrait wechseln. Und du siehst , dass es hereinzoomt. Wir müssen ein bisschen verkleinern. Also klicken wir hier auf diese Option und zoomen heraus. Ich kann die Position ein wenig gedreht ändern. Um diese Kamera anstelle dessen zu verwenden, was sie war, müssen wir erneut auf diesen Schlüssel klicken. Und jetzt speichert es diese Kameraoption. Lasst uns auf „Spielen“ klicken. Vielleicht kann ich es ein bisschen voranbringen, so. Klicken wir erneut auf das Schlüsselsymbol und klicken wir auf „Spielen“. Ich denke, es ist okay, so. Im nächsten Video zeige ich Ihnen, wie Sie Materialien und Licht hinzufügen und das Video rendern können, damit wir es als Referenz für die Frame-für-Frame-Animation verwenden können . 5. 04 3D-Materialien und Rendering: Jetzt werden wir das Material und eine Lichtquelle hinzufügen. Bevor wir das tun, können wir einfach sehen, wie der Render aussieht. Also können wir zur Renderansicht gehen. So sieht es aus. Zuerst können wir eine Lichtquelle hinzufügen und dazu gehen wir zu Boden, wir halten klicken und gehen zum physischen Himmel. Lasst uns nochmal klicken. Und was das bedeutet, ist etwas Schatten hinzuzufügen. Natürlich können Sie den Schatten ändern, indem die Position des physischen Himmels oder plötzlich ändern . Sie haben diese Rotation hier. Falls Sie dies nicht haben, können Sie diese Drehung markieren. Wenn wir uns bewegen, können wir sehen , dass sich auch der Schatten ändert. Nehmen wir auch die Render-Ansicht. Und ich glaube, ich behalte es dann so. Jetzt werde ich einfach ein Material anwenden, dieses Objekt um ein Material zu erstellen, Sie können einfach hier auf diesen leeren Bereich doppelklicken. Doppelklick und ja, wir haben das Material gerade. Wir können uns auf jede Ebene so anwenden. Halten und ziehen und auf diese vier Ebenen angewendet. Wenn wir jetzt doppelklicken, haben wir alle Eigenschaften des Materials. Und was überprüft wird, ist nur die Farbe und das Reflexionsvermögen. Wie gesagt, ich werde einige Cinema 4D nicht viel in die Tiefe gehen , weil wir uns nicht viel Sorgen um das Material machen müssen , wie wir in diesem Beispiel gesehen haben. , Was wir im Endergebnis hauptsächlich sehen werden die Frames, die wir in Photoshop machen werden. Wir müssen uns also keine Sorgen um das Licht oder die Reflexion des 3D-Modells machen. In diesem Fall habe ich Oktan-Render verwendet, aber das hat nicht jeder. Deshalb halte ich es hier mit dem Standard-Render von Cinema 4D einfach. Sehen wir uns noch einmal die Render-Ansicht an. Was ich tun kann, ist, die Farbe zum Beispiel in etwas Blaues zu ändern . Auch beim Reflexionsvermögen kann ich die Spiegelstärke erhöhen. Sie können in der Vorschau sehen, was es auch auf dem Material macht. Dies ist die einzige Änderung, die ich mache. Ich gehe nicht zu viele Details ein. Und klicken wir noch einmal auf die Render-Ansicht. Ja, ich glaube, das ist es. Okay. Und jetzt müssen wir das rendern. Also gehen wir zu Render-Einstellungen. Das erste, was wir brauchen, um die Bildrate im Moment zu ändern, ist 30. Und die Gesamtrahmen dieser Animation sind 90. Für die Frame-für-Frame-Animationen gehe ich normalerweise mit einer Bildrate sechs, also ab 36. Und was das bewirkt, ist, dass es eine Animation von 90 Frames bis 18 Frames gibt. Und lass uns zu „Jetzt speichern“ gehen. Das Format sollte PNG sein. Etwas anderes, das wichtig ist, ist sicherzustellen, dass der Alpha-Kanal überprüft wird. Auf diese Weise haben wir einen transparenten Hintergrund. Gehen Sie nun zu diesen drei Punkten und wählen Sie einen Ordner aus, in dem wir ihn speichern können. Also PNG, Lass uns einen Namen Kofferraum setzen. Dies sind die einzigen zwei Orte , an denen wir zum Speichern gehen müssen. Stellen Sie einfach sicher, dass das Format PNG-Alpha-Kanal und ein Ort ist , an dem Sie es speichern können. Und am Ausgang die Breite und die Höhe, Bildrate, sechs. Und Frame reichen von 0 bis 90, was die Länge der Animation entspricht. Und jetzt gehen wir einfach zu Render. Jetzt warten wir, bis das Rendern beendet ist. Hier wird es mit einem Hintergrund angezeigt, aber wenn wir zu dem Ordner gehen, in dem es gespeichert wird, werden Sie sehen, dass es transparent ist. Warten wir also einfach auf den Render und dann gehen wir zu Photoshop. 6. 05 Frames in Photoshop: Okay, jetzt wo der Render fertig ist, können wir alle Bilder hier sehen. Und wir werden sie in Photoshop öffnen. Eine Möglichkeit, sie alle in einer Datei zu öffnen, besteht darin, zu Datei, Skript zu wechseln , Dateien in den Stapel zu laden, zu durchsuchen. Und wir werden gehen, lass uns in den Ordner gehen. Wähle sie alle aus. Sie können auf den ersten klicken, Umschalttaste gedrückt halten und auf den letzten klicken oder einfach auswählen. Klicken Sie auf Okay. Sie sind alle hier geladen. Und klicken wir einfach auf Okay und Gewicht. Jetzt ist das Laden abgeschlossen und Sie können sehen, dass alle Ebenen von Frame 0 bis Frame 18 hier sind . Ja, jetzt können wir einen Hintergrund hinzufügen, also erstelle ich genau hier eine neue Ebene auf diesem Pluszeichen. Gehen wir zu Paint Bucket Tool. Wenden Sie den schwarzen Hintergrund an und ich lege ihn unter alles, indem Sie ihn gedrückt halten und nach unten ziehen. Was ich als Nächstes mache, ist alles aufzuheben. Behält einfach den ersten. Gehe zum Pinselwerkzeug. Lass uns die Größe angeben. Eigentlich hängt die Größe davon ab wie groß das Bild ist. Also teste ich einfach etwas. Lassen Sie uns zuerst eine neue Ebene erstellen. Verwenden wir die weiße Farbe. Vielleicht ein bisschen mehr, vielleicht 12. Ich denke, das ist in Ordnung zu 100%. Persönlich bin ich nicht wirklich gut im Zeichnen, also habe ich gerade versucht, irgendwie freestylen zu können. Wenn du gut zeichnen kannst, ist das ein Plus für dich. Aber für mich verwende ich deswegen Referenzen. Ich zeichne einfach darauf und vielleicht hatte er etwas Wissenschaft oder einige abstrakte Formen, nur einfache Dinge. An dieser Stelle benutze ich einfach mein Screen-Tablet und fange an zu zeichnen. Bevor ich das mache, mache ich noch eine Sache. Ich erstelle eine weitere Ebene zwischen der Bildreferenz und der Ebene, die ich zeichnen werde. Ich erstelle eine neue Ebene. Nennen wir das dunkel, und ich wende eine schwarze Farbe darauf an und verkleinere die Deckkraft. Ja, ich glaube, das ist okay. Nur um mehr Kontrast von der weißen Farbe zu erzeugen , werde ich verwenden. Sie können jetzt sehen, dass ich mein Screen-Tablet benutze. Und das erste , was ich tun werde, ist den Umriss dieser Referenz zu zeichnen , die ich habe. Und dann werde ich sehen, was ich tun kann. Zeichne abstrakte Formen und solche Dinge. Wie ich bereits erwähnt habe, können Sie tun, was Ihnen gefällt, auch abhängig von der Animation , die Sie heruntergeladen haben und je nachdem, wie gut Sie Formen zeichnen oder erstellen können. Außerdem muss ich sicherstellen, dass die Härte 100% beträgt. Jetzt, da ich den Umriss oder die Grundform davon gezeichnet habe, kann ich als nächstes einfach neue Elemente hinzufügen. Stellen Sie sicher, dass Sie sie in verschiedene Formen teilen. Wie Sie beispielsweise hier sehen können, gibt es Stifte, auf die ich eine Farbe auftragen kann. Das Gleiche hier. Denken Sie daran, wenn Sie Formen zeichnen. Auf einigen von ihnen können Sie also Farbe auftragen. Jetzt werde ich weiterhin neue Shapes hinzufügen. Okay, ich halte es einfach. In diesem Fall. Der nächste Schritt besteht darin, einige dieser Formen mit der weißen Farbe zu füllen . Wechseln Sie dazu zum Maleimer-Werkzeug und stellen sicher, dass Sie diese Optionen hier ausgewählt haben. Und Sie wenden sich einfach innerhalb der Form an, die so geschlossen ist. Hier. Auch hier. Ja, jetzt entscheidest du , welches fühlst du? Nochmal, ich wende es hier an. Auch hier. Wenn ich jetzt hineinzoome, kannst du sehen, dass es genau hier diese Bereiche gibt , die repariert werden müssen. Dafür benutze ich einfach das Pinselwerkzeug und fülle es ein wenig. Die anderen, es ist kein Problem da wir auch den Leuchteffekt verwenden werden und er kann auf diese Weise behoben werden. Aber hier werde ich diese weiße Farbe anwenden. wie immer sicher, dass Sie so auf der richtigen Ebene sind . Jetzt kann ich dies deaktivieren und auch die Ebene deaktivieren , die mit der Zeichnung zusammenhängt , die wir gemacht haben. Und lass uns zum zweiten Frame gehen. Ich erstelle eine neue Ebene und mache das Gleiche. Wenn Sie die darunter liegende Ebene als Referenz verwenden möchten , um beispielsweise den gleichen Boden beizubehalten, können Sie die Deckkraft ein wenig verringern. Gehe zur Ebene drei, zur neuen Ebene. Und lasst uns nur den Boden zeichnen, nur um es als Referenz zu haben. Oder wenn Sie die Sonnenform oder was auch immer Sie erstellt haben, beibehalten möchten, die Sie in derselben Position halten möchten. Sie können die Deckkraft einfach ein wenig verringern und sie als Referenz verwenden , um darüber zu zeichnen. Ich werde verringern, ich kann die Deckkraft erhöhen und einfach die Ebene deaktivieren, zur nächsten Ebene gehen und die gleichen Schritte ausführen. Wie du siehst. Es ist das Gleiche mit dem zweiten Rahmen, auf den ich gerade gezeichnet und auch diese Linien bearbeitet um etwas anderes als die vorherigen zu machen, fügte auch diese Messer hinzu. Sagen wir mal. Etwas anderes, was ich getan habe um es kontinuierlich zu machen, ist die mondförmige, sagen wir, in eine andere Phase des Mondes geändert und dann mache ich es zur und dann mache ich Hälfte davon und so weiter. Hat auch etwas anderes hier am Boden gemacht. Wirst du sehen, dass es so ist, als ob ein Kind es gemalt hat. Es ist nicht so, dass ich etwas Besonderes mache, aber wenn du es am Ende als Frame für Frame machst, wird es wegen des Charakters gut aussehen. werde so weitermachen , bis ich fertig bin. Und dann zeige ich Ihnen, wie Sie alles exportieren können. Aber bevor ich das mache, speichern wir es einfach vorerst. Okay, und jetzt werde ich mit dem dritten Frame fortfahren. 8. 07 Photoshop-Export PNGs: Okay. Also habe ich endlich den letzten Frame erreicht. Das hat eine Weile gedauert, aber ja, das ist der schwierigste Teil oder der Hauptteil dieses Tutorials, ich würde sagen, ja, mal sehen, was wir hier erstellt haben, sind alle Ebenen. Ich muss diese 1 zuerst deaktivieren, damit wir nur die Abbildungen sehen können. Sie können sie alle basierend auf der Animation sehen, die Sie gemacht haben. Und jetzt kommt der lustige Teil, wie ich sagen würde, wenn wir die Animation sehen. Lassen Sie uns das zunächst nur für den Fall speichern. Und jetzt müssen Sie all diese PNG-Dateien exportieren , all diese Illustrationen. Fangen wir damit an. Stellt sicher, dass die Deckkraft 100% beträgt. Ja, wir brauchen einen transparenten Hintergrund und wir gehen mit Datei speichern unter. Lassen Sie uns einen neuen Ordner erstellen. Jetzt müssen Sie sich des Namens des Dateinamens bewusst sein Namens des Dateinamens damit er als PNG-Sequenz geöffnet werden kann. In. After Effects müssen wir die Dateinamen in Ordnung bringen. Zum Beispiel setzen wir diese 11. Ja, als Kopie speichern. Es kann also ein PNG sein. Der nächste wird Dateiname zwei sein und so weiter. Also lasst uns mit Save gehen. Klicken Sie auf. Okay, und ich mache das Gleiche mit den anderen. Ich deaktiviere das Häkchen und überprüfe es. Die zweite, erhöht die Deckkraft. Spar es nochmal auf. als PNG sicher, dass es sich im selben Ordner befindet. Und PNG, das das letzte speichert. Lasst uns das Projekt speichern. Und jetzt sind wir fertig mit Photoshop. Wir werden zu After Effects wechseln, um die Animation durchzuführen. 9. 08 After Effects Animation: Okay, jetzt sind wir in After Effects und ich erstelle ein neues Projekt. Ja, das ist das Layout von After Effects. Auf der linken Seite können wir Projekte die Ebenen oder was auch immer wir von After Effects öffnen , genau hier in der Mitte platzieren, wir werden das Filmmaterial sehen. Auf der rechten Seite gibt es die Effekte und unten befindet sich die Zeitleiste. Um die von uns erstellten Bilder zu öffnen, müssen wir sicherstellen, dass wir uns in diesem Projektabschnitt befinden , und auf diesem leeren Bereich müssen wir nur doppelklicken. Und Sie haben zuerst, dass wir die PNGs aus dem Kino 4D öffnen können. Wir können auf den ersten klicken. Stellen Sie sicher, dass die PNG-Sequenz aktiviert ist Und wenn Sie einfach auf den ersten klicken, öffnet sich alles. Es wird Organismen Animation weil die Namen , die in Ordnung sind. Also klicke ich auf Importieren. Sie können sehen, dass es zwischen 0 und 18 ist, was bedeutet, dass es 19 Frames gibt. Wir können eine neue Komposition erstellen, indem Sie einfach auf die neue Komposition klicken und ziehen. Und hier ist auch die Zeitleiste. Wenn wir den Platz erreichen, können wir sehen, wie es läuft. Öffnen wir auch die Illustrationen und dann arbeiten wir mit Zeitleiste mit der Geschwindigkeit der Animation und so weiter. Klicken wir auf die erste, stellen Sie sicher, dass die PNG-Sequenz aktiviert ist, und klicken Sie auf Importieren. Jetzt können wir hier auf die Timeline klicken und ziehen. Und wir können sehen, wie es ausgerichtet ist. Wir werden später daran arbeiten , weil es gerade zu schnell ist. Etwas anderes, das wir hinzufügen müssen, ist auch eine Textur. Also doppelklicke ich nochmal. Und wir können diesen oder diesen öffnen. Ich glaube, ich gehe mit dem. Klicken Sie erneut auf Importieren, PNG Sequenz. Ja, das erste, was wir tun müssen, ist, die Länge des Videos zu ändern , es nur 19 Frames, weil es automatisch so gemacht wird, da auch unsere Animation 19 Frames besteht. Ich gehe zur Timeline, klicke mit der rechten Maustaste und gehe zu den Kompositionseinstellungen. Über die Dauer. Es beginnt bei 0 und endet auf 19 Frames. Ich glaube, ich gehe mit einer IT-Sekunde oder ähnlichem. Wir können es später wieder ändern. Klicken Sie auf Okay. Und hier können wir irgendwie verkleinern und die Timeline sehen. Und das nächste , was ich mache, ist die Geschwindigkeit der Animationen zu ändern . Weil es momentan zu schnell ist. Um das zu tun. Wir müssen zur ersten Schicht gehen. Und hier klicke ich mit der rechten Maustaste auf „Time“, „Time“. Wir können entweder den Dehnungsfaktor ändern oder die Dauer hier ändern, zum Beispiel wenn wir es schaffen wollten sagen wir zwei Sekunden. Außerdem beträgt der Dehnungsfaktor 300 , was bedeutet, dass er dreimal langsamer ist, etwa dreimal. Wir können es so testen und sehen, wie es aussieht. Ich deaktiviere vorerst die Ebene oben. Klicken Sie auf Play. Ich denke, ich kann es an dieser Stelle etwas langsamer machen. Ich probiere es einfach aus und sehe, wie es aussieht und entscheide mich dann. Ich mache das Gleiche mit einer Ebene oben. Ich überprüfe es. Rechtsklick auf Zeit, mal dehnen. Auf der neuen Iteration gehen wir mit 215 Frames, genau das, was unten war. Also klicke ich auf OK. Und ja, man sieht, dass sie die gleiche Länge haben. Dies ist die Animation , die wir erstellt haben. Ich denke, es sieht gut aus. Jetzt muss ich die 3D-Animation, die ich gemacht habe , nicht wirklich sehen. Dafür werde ich es ein bisschen dunkler machen. Ich gehe zu Effekten und Voreinstellungen. Falls Sie dies nicht sehen, können Sie zu Windows gehen und sicherstellen, dass die Effekte und Voreinstellungen die überprüft werden, für alles, was Sie in After Effects sehen, dasselbe sind. Falls du es nicht siehst, gehst du einfach her. Und ich suche nach Farbbalance, Farbton, Leichtigkeit und Sättigung. Ich ziehe das in diese Ebene. Und hier haben wir den Farbton, die Leichtigkeit und die Sättigung. Das Gleiche wie in Photoshop. Und ich werde einfach die Sättigung verringern und auch die Leichtigkeit so verringern. Lasst uns auf das Schild klicken. Was ich jetzt tun werde, werde ich diesen breiten Formen die Textur hinzufügen. Ich lasse das glühen und dann dupliziere ich diese einfach , damit es die ganze Länge ausfüllt. 10. 09 animierte Textur: Jetzt verwenden wir die Textur und ich zeige Ihnen, wie Sie die Textur auf diese weißen Formen anwenden können. Es ist im Grunde die Idee der Clipping-Maske in Photoshop. Wir öffnen das und ziehen es hierher. Jetzt sorge ich dafür, dass es den ganzen Raum so ausfüllt. Sie können hier einfach zu Transform gehen und skalieren. Nun, damit die Textur auf die weißen Formen angewendet wird. Stellen Sie sicher, dass die Textur unter den weißen Formen liegt. Und stellen Sie sicher, dass Sie diese Kippschalter und Knoten wie diese haben . Bei dieser Nonne gehst du zu Alpha gemacht. Und was das tut, ist, dass es auf die darüber liegenden Formen angewendet wird. Ja, wie Sie sehen können, klicken wir auf das Schild. 11. 10-Loop-Animation: Jetzt müssen wir den Layer aufteilen , an dem die Animation endet. Wir müssen die Schicht der Textur aufteilen. Dafür müssen wir auf Control oder Command Shift D klicken . Ja, wir können den Rest löschen, nicht mit der Animation übereinstimmt, die wir oben haben. Also klicke ich einfach auf Löschen. Und jetzt müssen wir dies als eine Schicht statt als zwei schaffen , weil wir einen Effekt darauf anwenden müssen. Wir müssen sicherstellen , dass dies nicht aktiviert ist. Also klicke ich auf die erste Ebene. Halten Sie die Umschalttaste gedrückt, klicken Sie auf die zweite, klicken Sie mit der rechten Maustaste und gehen Sie zur Vorver Überprüfen Sie diese beiden Optionen und klicken Sie auf Okay. Dies ist wie das Gruppieren von Layern. Also hier haben wir es als eine Schicht. Wenn Sie nun etwas ändern möchten, können Sie einfach doppelklicken und es öffnet die beiden Layer, die Teil dieser Gruppe sind. Zum Beispiel kann ich sehen, dass einige Teile dunkel sind, weil die Textur so ist. Und dafür klicke ich auf die Textur. Ich wende die Farbbalance an. Dir hat die Sinn-Iteration gefallen und ich werde die Leichtigkeit ein bisschen so erhöhen. In Fällen, in denen die Textur schwarz ist, kann sie etwas leichter sein. Ja. Gehen wir nun zum vorherigen zurück. Sie können hier von diesem Dokument zu diesem Hauptdokument wechseln. Jetzt wende ich den Glüheffekt an. Also gehe ich wieder zu Effekte und Voreinstellungen und suche nach glühen. Unter dem stilisierten hier hast du den Glüheffekt, den ich anwenden werde. Hier werden Sie viele Optionen sehen, aber womit ich arbeite, sind nur diese drei Hauptoptionen. Gehe zu Schwellenwert, Glühen, Radius und niedrige Intensität. Du kannst mit ihnen herumspielen , um zu sehen, was jeder von ihnen macht. Gehe Radius und Glühintensität. Zuerst werde ich den Leuchtradius erhöhen. Grundsätzlich spiele ich einfach mit ihnen herum und sehe, wie sie hier in der Vorschau aussehen , da es auch von der Textur abhängt, die Sie haben. Ich kann also nicht mit Sicherheit sagen, welche Werte müssen Sie hier angeben? Ich klicke auf „Play“. Ich denke, kann die Intensität stärker erhöhen. Und natürlich kann ich für den plötzlichen Fall wie diese Textur wieder gehen. Hier. Gehe zum Projektabschnitt und ich kann auch die andere Textur ausprobieren. Klicken wir auf das erste und klicken auf Importieren. Und ich ziehe einfach hier nach unten. Und noch einmal, ändere die Größe davon. Gehe zu Alpha Matte und ich deaktiviere diese Ebene unten. Dieser ist spielerischer, also gehe ich vielleicht mit diesem. Mal sehen, wie es mit einem Globus aussieht. Ich glaube, das gefällt mir mehr. Jetzt. Was ich als nächstes tun kann, ist das einfach zu duplizieren, damit es die gesamte Zeitleiste ausfüllt. Um sie zu duplizieren. Sie können beide anklicken und dann auf Command Control D klicken. Ziehen Sie sie nun. Ich mache es noch einmal. Ich sehe, dass es hier am 715 endet. Klicken Sie also mit der rechten Maustaste auf die Und lass uns das 714 machen. Wenn ich jetzt auf Play klicke, wirst du sehen, dass es sich um eine Schleife handelt. Jetzt, da wir auch die Textur anwenden, können wir als Nächstes einen einfachen Hintergrund hinzufügen, etwas Nachproduktion machen und exportieren können. Es. 12. 11 Animierte Background: Okay, jetzt zeige ich dir, wie man einen einfachen Hintergrund erstellt. Natürlich kannst du es auch so schwarz lassen oder hinzufügen, was du willst. Normalerweise füge ich gerne Sterne hinzu, die nur wirklich einfache Hintergründe sind . Also das zeige ich dir jetzt. Zuerst musst du auf die Ebenen gehen. Rechtsklick auf neu, solide. Die Farbe spielt keine Rolle. Klicken Sie auf Okay. Und stellen Sie einfach sicher, dass Sie dies ziehen und als Hintergrund unter alle Ebenen legen. Und jetzt müssen Sie dieses fraktale Rauschen hinzufügen, zu Effekten und Voreinstellungen gehen und danach suchen. Ziehen Sie es nun und wenden Sie es auf den Volumenkörper an, um ihn einfach zu erstellen. Und jetzt müssen wir diese schwarz-graue Wolke in etwas anderes verwandeln . Und hier sind alle Auswirkungen. Ich werde versuchen, es als dunklen Hintergrund mit nur ein paar kleinen weißen Formen wie Sternen oder wie eine Kornsache zu machen. Aber lass es mich dir einfach zeigen. Wir haben die Helligkeit und den Kontrast. Ich werde den Kontrast stark erhöhen und die Helligkeit verringern. So. Jetzt sollten diese weißen Formen kleiner sein. Dafür werde ich die Skalierung transformieren und verringern. Jetzt will ich weniger weiße Formen, also denke ich, dass ich die Helligkeit eher so verringern muss . Erhöht den Kontrast. Wenn wir jetzt auf Play klicken, passiert nichts, es bleibt statisch. Und das müssen wir ändern. Dafür gehe ich zu Evolutionsoptionen. Und bei diesem zufälligen Samen muss ich das animieren. Ich muss sicherstellen, dass ich im ersten Bild bin. Klicken Sie hier auf dieses Uhrsymbol, um es zu animieren. Und jetzt ist es bei der Option 0. Ich gehe zum Ende und vergrößere es jetzt so. Ich weiß es nicht. Ich werde sehen, wie schnell es läuft, um zu sehen, ob ich das noch einmal ändern muss . Aber lass es im Moment einfach so. Fangen wir von Anfang an an und klicken Sie auf „Spielen“. Ich glaube, es spielt zu schnell. Also lasst uns bis zum Ende gehen. Versuchen wir es mit 70. Lass uns von Anfang an nochmal gehen. Ich finde es gerade schön etwas im Hintergrund zu haben. Und jetzt ist das Letzte, was ich mache, bevor ich es exportiere , erneut mit der rechten Maustaste auf eine neue Einstellungsebene zu klicken. Hier sollte die Einstellungsebene oben liegen. Alle Effekte, die ich hier anwende, betreffen also alle unten stehenden Ebenen dieselbe Logik wie Photoshop. Hier füge ich einfach die Farbbalance für Leichtigkeit und Sättigung hinzu. Ziehen Sie es auf die Einstellungsebene und ich habe gerade den Farbton animiert. Stellen Sie sicher, dass ich im ersten Frame bin. Klicken Sie auf den Farbton, gehen Sie zum Ende und klicken Sie auf einen, damit eine vollständige Drehung vorgenommen wird. Jetzt klicken wir auf „Spielen“. Wir können sehen, wie sich die Farben ändern. Wenn du willst. Sie können die Leichtigkeit auch ein wenig erhöhen, um sie grauer zu machen. Wenn Sie es mehr Retro machen möchten, können Sie sagen, Sie können auch Grain hinzufügen. Gehe zum Hinzufügen von Korn und ziehe es erneut unter die Farbbalance. Hier siehst du eine Vorschau des Korns. Jetzt können Sie im Anzeigemodus die endgültige Ausgabe sehen. Du kannst sehen, wie es aussieht. Was Sie ändern können, ist die Intensität, Größe und Weichheit. Die Intensität, wenn Sie es erhöhen, können Sie sehen, was es in diesem Fall macht. Ich glaube, ich setze es 0,70,7 auf die Größe. Ich denke, ich muss es ein bisschen verringern. 0.6. Und die Weichheit, ich denke, es ist so okay. Lasst uns schnell. Jetzt wird es ein wenig dauern, um es zu laden, stellt sicher, dass Sie es speichern. So sieht es aus und ich denke, es gefällt mir. Ja, jetzt müssen wir das nur exportieren. 13. 12 Video-Export: Okay, jetzt müssen wir das als Video exportieren und ich werde es als mp4 exportieren. das zu tun, gehe ich zu Datei, exportiere sie und füge zu Adobe Media Encoder Queue hinzu, ich klicke darauf. Und jetzt taucht das auf und Sie müssen auf diese Match Source und die hohe Bitrate klicken. Arbeiten wir nun mit den Exporteinstellungen für das Format, das Sie benötigen, um sicherzustellen, dass es auf H.264 gesetzt wird. Der Zweck besteht darin, es als MP4 zu exportieren und in der Voreinstellung wird es so belassen, wie es ist. Natürlich haben Sie auch Optionen wie Voreinstellungen für Facebook oder Twitter oder YouTube. Aber wir werden es einfach so lassen, wie es auf dem Ausgabennamen steht. Wir klicken darauf, um den Ordner auszuwählen , in dem das Video gespeichert werden soll. jetzt bei den grundlegenden Videoeinstellungen ändern werde, Was ich jetzt bei den grundlegenden Videoeinstellungen ändern werde, ist die Größe. Normalerweise exportiere ich sie mit meinen täglichen Kunstwerken in zwei Versionen. Die erste Version ist der Ort, an dem die Größe erreicht wird. Es ist wie zweitausendzweitausendfünfhundert . Und der zweite ist der Ort, an dem die Größe für Instagram optimiert ist. Also mache ich das jetzt. Ich muss dies deaktivieren und die Höhe ändern und sicherstellen, dass dieser Link aktiviert ist, damit Sie das Bildseitenverhältnis während der Größenänderung beibehalten können . Und die andere ist einfach die Höhe auf 1 Neuntel auf 0 zu ändern. Die Breite wird automatisch geändert. Das nächste, was ich mache, ist sicherzustellen, dass die geschätzte Dateigröße weniger als 20 Megabyte beträgt. Dies hängt von der Länge des Videos und basierend auf der Zielbitrate ab. Natürlich, egal was Sie hier machen, Instagram wird das Video trotzdem komprimieren. Aber nach meiner Erfahrung erhöhen Sie, wenn Sie es weniger als 20 Megabyte angeben, wenn Sie es weniger als 20 Megabyte angeben, die Wahrscheinlichkeit dass das Video weniger komprimiert wird. Sagen wir mal. Wenn ich es stark vergrößere, werden Sie feststellen, dass die geschätzte Dateigröße ebenfalls zunehmen wird. Also denke ich, ich gehe mit etwas wie 15. Ja, die geschätzte Dateigröße beträgt 14 Megabyte. Ich werde auch die maximale Renderqualität verwenden überprüfen. Klicken Sie auf Okay und rendern Sie jetzt einfach. Jetzt, da dies erledigt ist, können wir in den Ordner gehen , in dem wir das haben. Lasst uns drauf klicken. Sie können sehen, dass es 15 Megabyte sind. Ja, das ist das Video. Ich denke, die Qualität ist gut, aber wir werden es auch auf Instagram sehen , das komprimiert wird. 14. 13 andere Variationen: In diesem Teil zeige ich Ihnen, wie Sie die gleiche Art von Animation machen, aber ohne sie gemischt verwenden zu müssen unser Kino für d. In diesem Fall können Sie wie echtes Filmmaterial verwenden. Ich zeige ein Beispiel , das ich vorher gemacht habe, und dann zeige ich Ihnen die Schritte, wie Sie es auch machen können. Also habe ich gerade dieses Filmmaterial von einem Paar gefunden. Und wie Sie sehen können, habe ich dieselben Schritte verwendet, um diese Umrisse zu erstellen. Und nach etwas Postproduktion habe ich dieses Ding gemacht. Grundsätzlich handelt es sich um eine Frame-für-Frame-Animation, die dieses Video als Referenz verwendet dieses Video als Referenz , in der Sie kostenloses Filmmaterial finden können. Kostenloses Videomaterial ist auf Paxos.com und natürlich können Sie auch Ihr eigenes Filmmaterial aufnehmen, aber ich sage nur ein paar kostenlose Ressourcen. Du musst also nur zu Videos gehen. Und zum Beispiel können wir nach Tanz suchen. Sie können nach unten scrollen und sehen, was Ihnen gefällt. Ich lade einfach was herunter. Die Algen gehören dazu. Ich zeige dir nur die Schritte, also spielt es keine Rolle. Ich gehe einfach zum kostenlosen Download. Ich warte, bis der Download abgeschlossen ist. Dann öffne ich es für After Effects. Jetzt können wir eine neue Komposition erstellen. Also geh zur Komposition, neuer Komposition. Und hier können Sie sich über die Breite und die Höhe entscheiden. Ich kann mit zweitausendzweitausendfünfhundert gehen , um das gleiche Verhältnis und die Dauer beizubehalten das gleiche Verhältnis und , vielleicht machen wir es acht Sekunden. Klicken Sie auf Okay. Und zieh das einfach her. Ich werde die Größe vergrößern, auf die Sie klicken können, als Verknüpfung oder gehe zu Transformieren und Skalieren. So. Klicken Sie jetzt auf Play. Sobald Sie das Video haben, können Sie es jetzt exportieren. Ich denke, ich mache diese drei Sekunden, nur um dir ein Beispiel zu zeigen. In drei Sekunden können Sie sehen, dass Sie 90 Frames haben, da 1 Sekunde, 1 Sekunde 30 Frames sind. Und das sind viele Frames zu zeichnen. Was ich normalerweise in solchen Fällen mache , ist die Bitrate geändert. Wenn Sie also zu Dateiexport gehen, fügen Sie zur Renderwarteschlange hinzu. Hier haben Sie drei Möglichkeiten. Zuerst ist die Ausgabe die entscheidet, wo Sie die Datei speichern möchten. Lassen Sie uns ein neues Ordnerbeispiel erstellen. Jetzt in den Render-Einstellungen. Hier ist die Bildrate, und Sie können sehen, dass sie von Anfang bis Ende zwischen 0 und zwei Sekunden und 29 Frames liegt. Normalerweise ändere ich hier die Bildrate auf fünf oder sechs. Probieren wir es aus. Fünf. Ja, wenn ich es exportiere, werden Sie die Anzahl der Frames sehen, die nicht 90 sein wird, aber es wird 90 geteilt durch sechs sein, denn 30 geteilt durch sechs gibt fünf. Aber Klavier muss hier Mathematik machen. Sie können die Bildrate einfach fünf oder sechs setzen. Klicken wir auf „Okay“. nun auf das Ausgabemodul Klicken wir nun auf das Ausgabemodul darauf. Hier im Format stellt sicher, dass es sich um eine PNG-Sequenz handelt. Hier, RGB. Falls es sich um ein transparentes Video handelt, können Sie mit RGB plus Alpha gehen, aber in diesem Fall spielt es keine Rolle. Also klicke ich einfach. Okay. Klicken Sie nun auf „Rendern“. Hier sehen Sie die Anzahl der Frames, die 15 ist. Deshalb muss ich die Bildrate ändern , da Sie sonst 90 Frames erstellen und es wird viel Arbeit sein. Jetzt können wir in den Ordner gehen. Und hier sind die Frames. Nun, es ist das Gleiche wie mit dem Kino für D, genauso wie wir es hier gemacht haben. Sie haben diese Frames, die Sie in Photoshop öffnen und sie als Referenz verwenden können, um hier dasselbe zu zeichnen . Und dann exportieren Sie die Umrisse, öffnen sie in After Effects und führen die gleichen Schritte aus. Also ja, ich dachte nur, ich könnte das mit dir teilen , falls du Cinema 4D nicht benutzen willst oder falls du es nicht hast. Eine andere Möglichkeit besteht natürlich darin, nur ein Bild zu verwenden. Zum Beispiel können Sie dieses Bild einfach verwenden und Sie können 20 Bilder darüber zeichnen , nur verschiedene Versionen. Ich finde jetzt etwas auf Instagram, das es dir zeigen kann . Das ist ein Beispiel. Man sieht das diese Ästhetik, und ich habe gerade ein paar Frames darüber gezeichnet, vielleicht acht oder neun. Und das kannst du auch mit Fotos machen. Bilder sind derselbe Schritt. Sie machen einfach die Illustrationen in Photoshop, exportieren alle PNGs und erledigen den Rest in After Effects. Also ja, das sind die Schritte, die ich unternehme um diese Art von Animation zu erreichen. Wie gesagt, ich bin nicht wirklich gut im Zeichnen. Also muss ich Referenzen verwenden und einfach normale Formen zeichnen. Aber ich dachte, ich könnte dir den Prozess einfach zeigen. Und natürlich kannst du dein eigenes Ding machen. Wenn du gut zeichnen kannst. Sie haben viele Möglichkeiten. Und ich möchte Sie ermutigen, damit zu experimentieren und Ihre Arbeit auf Instagram zu teilen. Du kannst mich auch markieren. So kann ich es sehen und erneut teilen und kommentieren. Und ich hoffe, Sie fanden es hilfreich und CEO 100 nächste Kurse, Bye.