Einführung

Hallo Leute, willkommen zurück zu einem weiteren gruseligen Tutorial von eurem Lieblings-Mitternachtsbewohner Professor Crimsy!

 

Im heutigen Tutorial erstellen wir einen gruseligen Schwarz-Weiß-Animationsbildschirm für Twitch, indem wir Keyframe-Animation und eine 2D-Kamera in Clip Studio Paint verwenden. Also, ohne weiteres Umschweife, lasst uns das Ritual beginnen!

Erstellen Sie Ihre Leinwand

Als Erstes müssen wir die Leinwand für unser Projekt erstellen.

 

Gehen Sie dazu einfach zu Datei --> Neu... Und wenn sich das Projektfenster öffnet, stellen Sie sicher, dass Ihre Leinwandgröße dasselbe Seitenverhältnis wie das hat, mit dem Sie streamen. Die meisten Leute streamen in 1080p, aber ich werde eine 4K-Leinwand verwenden, um eine bessere Bildqualität zu erzielen, nämlich 3840 x 2160p.

 

Vergessen Sie auch nicht, sicherzustellen, dass Ihr DPI ebenfalls auf 300 eingestellt ist, und drücken Sie dann auf OK.

Planung & Zeichnen Ihrer Szene!

Sobald Ihre leere Leinwand erstellt ist, ist es Zeit, sie mit gruseliger Kunst zu füllen!

 

Zunächst sollten Sie sich daran erinnern, dass wir für dieses Tutorial diese Szene nur mit Keyframe-Animation animieren werden, nicht mit Frame-für-Frame-Animation, sodass wir so viele Details in die Kunst einfügen können, wie wir möchten.

 

Keyframe-Animation, auch bekannt als Tween-Animation, ist, wenn Sie Bewegung aus statischen Bildern erzeugen, indem Sie die Interpolation zwischen den Keyframes auf einer Zeitleiste verwenden. Man könnte sagen, Keyframe-Animation ähnelt dem Bewegen einer Marionette; alle verschiedenen Teile Ihrer Puppe sind statische Objekte, die sich unabhängig voneinander bewegen und visuell gleich bleiben.

 

 

Wenn Sie also nach Ideen suchen, versuchen Sie darüber nachzudenken, was mit einfachen Bewegungen wie Verschiebungen, Rotationen und Skalierungen gut aussehen würde. Versuchen Sie, genügend Objekte in Ihrer Szene zu bewegen, um sie dynamisch wirken zu lassen, aber übertreiben Sie es nicht, sonst könnte Ihre Leinwand in einem chaotischen Durcheinander enden.

 

Wie Sie wahrscheinlich erkennen können, wollte ich für dieses Projekt eine dunkle Schwarz-Weiß-Szene mit stimmungsvoller Beleuchtung, einem gruseligen Dekor und dem schwebenden Geisterkopf meiner Persona in der Mitte erstellen, mit riesigen schwarzen Haarsträhnen, die auf und ab schweben.

 

 

TIPP 01: Im Zweifelsfall stellen Sie sicher, dass Ihre Bewegung gut aussieht, was Sie simulieren können, indem Sie Strg + T verwenden, den Drehpunkt (+) Ihres Elements zu seinem Ursprung verschieben und es drehen, um zu sehen, wie es aussehen wird.

 

TIPP 02: Gestalten Sie die beweglichen Teile so vollständig und ausgefüllt wie möglich, denn das Verschieben von Teilen kann definitiv Lücken in Ihrer Kunst offenbaren, was ziemlich einfach zu vermeiden ist, wenn Sie sie sich als eigenständige Assets vorstellen. Stellen Sie im Grunde sicher, dass Sie das ganze Stück rendern, auch wenn ein Teil davon hinter etwas anderem verborgen sein könnte.

 

TIPP 03: Fügen Sie einen Rahmen um Objekte hinzu, die Sie etwas hervorheben möchten. Sie können einen Rahmen zu einzelnen Ebenen hinzufügen, aber Sie können auch einen Rahmen zu einem ganzen Ordner hinzufügen, wenn Sie möchten. In diesem Szenario habe ich dem schwebenden Kopfordner einen weißen Rahmen hinzugefügt, um ihn hervorzuheben, und einen schwarzen Rahmen um den Tisch und die Rosen, um sie etwas zu verdicken.

Oh, und eine letzte Sache, die wir bei der Ideensuche berücksichtigen müssen, ist, dass unsere Zeitleiste auf 24 Frames begrenzt ist, das heißt, wenn Sie ein Clip Studio Paint Pro-Benutzer sind. Wenn Sie die EX-Version gekauft haben, haben Sie keine Frame-Begrenzung.

Konvertieren Sie Ihre Ebenen in Datei-Objekte

Sobald Sie alle Ihre Ebenen gerendert haben und Ihre Szene ziemlich cool aussieht, speichern Sie Ihr Projekt und erstellen Sie eine Sicherungskopie über Datei --> Speichern unter... und geben Sie ihr einen anderen Namen. Dieser Schritt ist optional, aber ich bewahre gerne unveränderte Versionen von Projekten auf, also können Sie dies tun oder überspringen.

 

Sobald dies erledigt ist, müssen wir alle Ebenen und Ordner unserer verschiedenen Teile in Datei-Objekte umwandeln, damit wir unsere Szene animieren können.

Dazu klicken Sie einfach mit der rechten Maustaste auf einen Ordner oder eine Ebene --> gehen Sie zu Datei-Objekt --> und klicken Sie dann auf Ebene in Datei-Objekt konvertieren.

Es gibt viele Vorteile, Ebenen und Ordner in Datei-Objekte umzuwandeln:

 

1. Es entfernt Unordnung aus dem Projekt und ermöglicht es Ihnen, ein einzelnes Objekt mit einem einzigen Drehpunkt zu animieren.

 

2. Datei-Objekte behalten alle vorherigen Ebeneninhalte bei, während Sie die Originaldatei beliebig ändern können, aber das Beste daran ist, dass dies die bereits vorhandenen Animations-Keyframes nicht verändert, sodass Sie auch nach Beginn der Animation noch Änderungen an der Kunst vornehmen können.

3. Und am wichtigsten ist, dass, sobald Sie Keyframes auf einer regulären Ebene aktivieren, Sie feststellen werden, dass diese Ebene gesperrt wird, was Sie daran hindert, übliche Transformationsaktionen wie Rotationen und Skalierungen durchzuführen. Wenn Sie sie jedoch zuerst in ein Datei-Objekt konvertieren, können Sie dann zum Objektmenü gehen und alle verfügbaren Transformationsfunktionen verwenden.

Stellen Sie natürlich sicher, dass jedes einzelne Teil, das Sie animieren möchten, ein separates Datei-Objekt ist. Zum Beispiel habe ich für jede Haarsträhne ein Datei-Objekt erstellt, da ich sie sonst nicht alle separat animieren könnte.

Beginnen Sie mit der Animation Ihrer Szene!

Jetzt beginnt der wirklich spaßige Teil, Ihrer Szene Leben einzuhauchen!

 

Zuerst müssen wir eine neue Zeitleiste für unsere Animation erstellen, indem wir zum Animationsmenü --> Zeitleiste --> Neue Zeitleiste gehen.

Wenn sich die Zeitleistenfenster öffnen, stellen Sie einfach sicher, dass Ihre Wiedergabe auf 24 Frames eingestellt ist, es sei denn, Sie haben die EX-Version von Clip Studio Paint, in diesem Fall können Sie Ihre Animation gerne länger dauern lassen.

Ändern Sie dann die Bildrate auf 8, und dies gibt uns volle drei Sekunden Animation zum Spielen.

Gehen Sie dann zurück zum oberen Menü --> Fenster --> Und klicken Sie auf Zeitleiste.

Nun, wie Sie sehen können, haben wir hier unsere komplette Zeitleiste, zoomen Sie nach Belieben hinein oder heraus mit diesen Lupensymbolen und stellen Sie auch sicher, dass das Loop-Symbol aktiviert ist, damit sich Ihre Animation wiederholt, sobald sie das Ende der Zeitleiste erreicht.

Jetzt fangen wir an zu animieren!

 

Das erste, was Sie beim Erstellen Ihrer Keyframes beachten sollten, ist die Art der Interpolation, die Sie zwischen diesen Frames aktiviert haben. Es gibt drei Arten von Interpolation, aus denen Sie wählen können: Halten, Linear und Glatt. Sie können schnell ändern, wie Ihre Keyframes interpoliert werden, indem Sie mit der rechten Maustaste auf den Frame klicken und zu Ihrer gewünschten Methode wechseln.

 

TIPP: Beachten Sie, dass Sie hier auch Frames kopieren, ausschneiden und löschen können, falls erforderlich.

 

Hier ist eine schnelle Grafik, die erklärt, wie jede Art von Interpolation funktioniert, aber im Allgemeinen werden Sie höchstwahrscheinlich die glatte Interpolation verwenden wollen, da diese Option die organischste Bewegung erzeugt.

Also, zuerst habe ich mich entschieden, die Auf- und Abwärtsbewegung für den Kopf zu erstellen, also habe ich alle Ebenen aus dem Charakterordner ausgewählt und auf „Keyframes für diese Ebene aktivieren“ geklickt.

Gehen Sie dann zum ersten Frame, bewegen Sie den Kopf und drücken Sie die Tastenkombination K auf der Tastatur, um die Ebenen als Gruppe zu verschieben, und klicken Sie auf „Keyframe hinzufügen“.

 

Um Ihre Animation perfekt zu schleifen, drücken Sie dann Alt auf Ihrer Tastatur und ziehen Sie Ihre Frames zum letzten Keyframe, um sie zu duplizieren, oder gehen Sie einfach zum Ende Ihrer Zeitleiste und fügen Sie einen Keyframe hinzu.

Danach habe ich nur noch mittlere Frames zur Animation hinzugefügt und darauf geachtet, deren Drehpunkt so zu verschieben, dass die Rotation von der richtigen Position ausging.

TIPP: Bitte beachten Sie, dass kopierte/eingefügte Frames denselben Drehpunkt behalten, aber neu erstellte Frames ihren Drehpunkt in der Mitte des Objekts haben.

 

Und das war's, jetzt müssen Sie diesen Vorgang nur noch für alle Haare wiederholen und zu den nächsten Assets übergehen.

 

TIPP 01: Es ist gut zu wissen, dass Sie jedes Datei-Objekt separat mit dem Objekt-Transformationswerkzeug verschieben können, aber Sie können dieses Werkzeug nicht verwenden, um mehrere Objekte gleichzeitig zu verschieben. Sie können jedoch Keyframes für einen Ordner aktivieren, der mehrere Datei-Objekte enthält, die selbst animiert sind, und diese alle als eine Entität verschieben, drehen oder skalieren. Sie könnten mit dieser Methode sogar eine komplexe Ordnerhierarchie für die Puppenanimation erstellen, aber ich schweife ab.

 

TIPP 02: Denken Sie daran, Ihre Animation während dieses Prozesses so oft wie möglich zu überprüfen und zögern Sie nicht, einige Ordner auszublenden, wenn Ihre Animationsvorschau etwas ruckelig wird.

 

Deckkraft und Leuchten animieren

Ich bin im Grunde den gleichen Schritten für die gesamte Szene gefolgt, aber es ist erwähnenswert, dass ich auch die Deckkraft bestimmter Ebenen animiert habe, um den Glüheffekt auf der Schrift und den Kerzen sowie den Rauch, der aus der oberen Kerze kommt, zu erzeugen.

 

Um die Deckkraft zu animieren, müssen Sie lediglich auf das kleine Plus-Symbol Ihres Datei-Objekts klicken, Keyframes aktivieren und Ihre Animation erstellen.

Eine 2D-Kamera in Ihre Szene einfügen

Obwohl alles ziemlich fertig aussieht, gibt es noch eine letzte Sache, die wir der Szene hinzufügen sollten, um noch mehr Tiefe in die Bewegung zu bringen: eine subtile Kamerabewegung, die hinein- und herauszoomt.

 

Um Kamerabewegungen in Ihrer Szene zu erstellen, gehen Sie einfach zum oberen Menü --> Animation --> neue Animationsebene --> 2D-Kameraordner.

Wählen Sie als Nächstes einfach alle Ordner und Ebenen in Ihrer Szene aus und ziehen Sie sie in den Kameraordner.

Die Kamera zu animieren ist ebenfalls recht einfach. Ich habe einen Keyframe auf Frame 12 erstellt, bin dann zu Frame 01 zurückgegangen und habe die Kamera etwas verkleinert. Nicht zu viel, nur so, dass die Bewegung nicht Übelkeit erregt, aber gerade genug, damit die gesamte Umgebung etwas in Bewegung erscheint. Dann kopieren/fügen Sie Ihren ersten Frame am letzten Frame ein, und Sie sind startklar.

 

Zuletzt, um das Sichtfeld Ihrer Kamera auf der Leinwand anzuzeigen, wählen Sie Ihren Kameraordner aus und wählen Sie in den Werkzeugeigenschaften das Symbol „Sichtfeld der Kamera anzeigen“.

Rendern Sie Ihre fertige Animation!

Endlich ist es soweit, Ihre Animation zu rendern und die Früchte Ihrer harten Arbeit vor Ihren Augen zu sehen.

Um Ihre Animation zu rendern, gehen Sie zu Datei --> Animation exportieren --> Wählen Sie Ihr gewünschtes Ausgabeformat.

Ich persönlich habe die Filmoption gewählt, dann MP4 als Dateierweiterung ausgewählt, einen Namen vergeben und dann Speichern gedrückt. Sobald Sie dies tun, erscheint ein letztes Fenster, in dem Sie Ihre gewünschte Größe und Bildrate auswählen können. Vergessen Sie nicht, das Kontrollkästchen „2D-Kameraeffekte anwenden“ zu aktivieren, wenn Sie Ihre Kamerabewegung im finalen Render haben möchten, und drücken Sie auf OK.

Und jetzt warten wir einfach, das war's, also werfen wir endlich einen Blick auf unser finales Render!

Letzte Gedanken

Ziemlich cool, oder? >:)

 

Ich hoffe wirklich, dass ich in diesem Tutorial alles behandelt habe, was ihr brauchtet. Wenn ihr noch etwas wissen möchtet, wenn euch dieses Video gefallen hat und ihr euch dankbar fühlt, dann kommentiert gerne, zeigt dem Kanal etwas Liebe, indem ihr das Video likt, abonniert, wenn ihr mehr Tutorials wie dieses sehen möchtet, und lasst euren Geist zu diesen anderen empfohlenen Videos schweben, wenn ihr euch dazu geneigt fühlt. Aber das war's für mich, Zeit, es mir in meiner Gruft gemütlich zu machen, bis zum nächsten Mal, alle zusammen!

 

Aurevoir~