Einführung

Hey Leute, willkommen zurück zu einem weiteren gruseligen Tutorial von eurem Lieblingsprofessor Crimsy!

 

Im heutigen Tutorial erstellen wir einen gruseligen Schwarz-Weiß-Animationsbildschirm für Twitch mit Keyframe-Animation und einer 2D-Kamera in Clip Studio Paint. Beginnen wir also ohne weiteres mit dem Ritual!

Erstellen Sie Ihre Leinwand

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

 

Gehen Sie einfach zu Datei -> Neu ... und stellen Sie beim Öffnen des Projektfensters sicher, dass Ihre Leinwandgröße dem Bildverhältnis entspricht, mit dem Sie streamen. Die meisten Leute streamen in 1080p, aber ich werde eine 4K-Leinwand verwenden, um die bessere Bildqualität zu erzielen, nämlich 3840 x 2160p.

 

Vergessen Sie auch nicht, sicherzustellen, dass Ihre DPI ebenfalls bei 300 liegt, und drücken Sie dann OK.

Planen und Zeichnen Sie Ihre Szene!

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

 

Denken Sie zunächst daran, dass wir in diesem Tutorial diese Szene nur mit Keyframe-Animation und nicht mit Frame-für-Frame-Animation animieren, damit wir so viele Details in die Grafik einfügen können, wie wir möchten.

 

Keyframe-Animation, auch als Tween-Animation bezeichnet, ist das Erstellen von Bewegungen aus statischen Bildern mithilfe der Interpolation zwischen den Keyframes auf einer Zeitachse. Ich denke, man könnte sagen, dass die Keyframe-Animation dem Bewegen einer String-Puppe ähnelt. Alle verschiedenen Teile Ihrer Puppe sind statische Objekte, die sich unabhängig voneinander bewegen und optisch gleich bleiben.

 

 

Überlegen Sie sich also bei der Suche nach Ideen, was mit einfachen Bewegungen wie Übersetzungen, Rotationen und Skalierung gut aussehen würde. Versuchen Sie, genügend Objekte in Ihrer Szene zu haben, damit sie dynamisch aussieht, aber vermeiden Sie es, damit über Bord zu gehen, da Ihre Leinwand sonst wie ein chaotisches Durcheinander enden könnte.

 

Wie Sie wahrscheinlich sehen können, wollte ich für dieses Projekt eine dunkle Schwarz-Weiß-Szene mit stimmungsvoller Beleuchtung erstellen, die ein gruseliges Dekor aufweist und in der Mitte der gespenstische Kopf meiner Persona schwebt, wobei riesige schwarze Haarsträhnen auf und ab schweben.

 

 

TIPP 01: Stellen Sie im Zweifelsfall sicher, dass Ihre Bewegung gut aussieht. Dies können Sie simulieren, indem Sie Strg + T verwenden, den Drehpunkt (+) Ihres Stücks an seinen Ursprung bewegen und es drehen, um zu sehen, wie es aussehen wird .

 

TIPP 02: Machen Sie die beweglichen Teile so vollständig und ausgefüllt wie möglich, da bewegliche Teile definitiv Löcher in Ihrer Kunst aufdecken können. Dies ist ziemlich einfach zu vermeiden, wenn Sie sie sich als eigenständige Elemente wie dieses vorstellen. Stellen Sie im Grunde nur sicher, dass Sie das ganze Stück rendern, auch wenn ein Teil davon möglicherweise hinter etwas anderem verborgen ist.

 

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

Und eine letzte Sache, die wir bei der Suche nach Ideen berücksichtigen müssen, ist, dass unsere Zeitleiste auf 24 Frames begrenzt ist, dh wenn Sie ein Benutzer von Clip Studio Paint Pro sind. Wenn Sie die EX-Version gekauft haben, gibt es keine Rahmenbeschränkung.

Konvertieren Sie Ihre Ebenen in Dateiobjekte

Wenn Sie also alle Ebenen gerendert haben und Ihre Szene ziemlich cool aussieht, speichern Sie Ihr Projekt und erstellen Sie eine Sicherungskopie mit Datei -> Speichern unter ... und geben Sie ihr einen anderen Namen. Dieser Schritt ist optional, aber ich möchte im Allgemeinen unveränderte Versionen von Projekten behalten. Sie können ihn also jederzeit ausführen oder überspringen.

 

Sobald dies erledigt ist, müssen Sie nur noch alle Ebenen und Ordner unserer verschiedenen Teile in Dateiobjekte konvertieren, damit wir mit der Animation unserer Szene beginnen können.

Klicken Sie dazu einfach mit der rechten Maustaste auf einen Ordner oder eine Ebene -> gehen Sie zu Dateiobjekt -> und klicken Sie dann auf Ebene in Dateiobjekt konvertieren.

Das Konvertieren von Ebenen und Ordnern in Dateiobjekte bietet viele Vorteile

 

1. Es entfernt Unordnung aus dem Projekt und ermöglicht es Ihnen, ein einzelnes Objekt mithilfe eines einzelnen Drehpunkts zu animieren.

 

2. Dateiobjekte behalten alle vorherigen Ebeneninhalte bei, während Sie die Originaldatei beliebig ändern können. Das Beste daran ist jedoch, dass die bereits vorhandenen Animations-Keyframes nicht geändert werden, sodass Sie auch nach Beginn der Animation noch Änderungen vornehmen können Änderungen an der Kunst vornehmen.

3. Am wichtigsten ist jedoch, dass Sie nach dem Aktivieren von Keyframes auf einer regulären Ebene feststellen, dass diese Ebene gesperrt ist, sodass Sie keine allgemeinen Transformationsaktionen wie Rotationen und Skalierung ausführen können. Wenn Sie sie jedoch zuerst in ein Dateiobjekt konvertieren, Sie können dann zum Objektmenü gehen und alle verfügbaren Transformationsfunktionen verwenden.

Oder stellen Sie sicher, dass Sie jeden Teil, den Sie animieren möchten, als separates Dateiobjekt behalten. Zum Beispiel habe ich für jede Haarsträhne ein Dateiobjekt erstellt, sonst konnte ich sie nicht alle einzeln animieren.

Animieren Sie Ihre Szene!

Jetzt beginnt der wirklich lustige Teil, der Leben in Ihre Szene bringt!

 

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

Wenn sich die Timeline-Fenster öffnen, stellen Sie einfach sicher, dass Ihre Wiedergabe auf 24 Bilder eingestellt ist, es sei denn, Sie haben die EX-Version von Clip Studio Paint. In diesem Fall können Sie Ihre Animation länger halten.

Ändern Sie dann die Bildrate auf 8 und Sie erhalten volle drei Sekunden Animation zum Spielen.

Gehen Sie dann zurück zum Hauptmenü -> Fenster -> und klicken Sie auf Zeitleiste.

Wie Sie sehen können, haben wir hier unsere vollständige Zeitleiste. Sie können diese mithilfe dieser Lupensymbole vergrößern oder verkleinern. Aktivieren Sie außerdem das Schleifensymbol, damit sich Ihre Animation am Ende des Zeitraums wiederholt Zeitleiste.

Jetzt fangen wir an zu animieren!

 

Das erste, was Sie beim Erstellen Ihrer Keyframes berücksichtigen müssen, ist die Art der Interpolation, die Sie zwischen diesen Frames aktiviert haben. Sie können zwischen drei Arten der Interpolation wählen: Halten, Linear und Glätten. Sie können die Interpolation Ihrer Keyframes schnell ändern, indem Sie mit der rechten Maustaste auf den Frame klicken und zu der gewünschten Methode wechseln.

 

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

 

In der folgenden kurzen Grafik wird erläutert, wie sich die einzelnen Interpolationstypen verhalten. Als allgemeine Grundlage möchten Sie jedoch höchstwahrscheinlich die reibungslose Interpolation verwenden, da diese Option die organischste Bewegung erzeugt.

Zuerst habe ich beschlossen, die Auf- und Abbewegung für den Kopf zu erstellen. Daher habe ich alle Ebenen aus dem Zeichenordner 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 Animationsschleife perfekt zu machen, drücken Sie Alt auf Ihrer Tastatur und ziehen Sie Ihre Frames auf den letzten Keyframe, um sie zu duplizieren, oder gehen Sie einfach zum Ende Ihrer Timeline und fügen Sie einen Keyframe hinzu.

Danach habe ich der Animation nur noch mittlere Frames hinzugefügt und darauf geachtet, ihren Drehpunkt zu verschieben, um sicherzustellen, dass die Drehung von der richtigen Position ausgeht.

TIPP: Bitte beachten Sie, dass beim Kopieren / Einfügen von Frames der gleiche Drehpunkt beibehalten wird, bei neu erstellten Frames jedoch der Drehpunkt in der Mitte des Objekts liegt.

 

Und das ist es, jetzt müssen Sie diesen Vorgang nur noch für alle Haare wiederholen und mit den nächsten Assets fortfahren.

 

TIPP 01: Beachten Sie, dass Sie jedes Dateiobjekt mit dem Objekttransformationswerkzeug separat verschieben können. Mit diesem Werkzeug können Sie jedoch nicht mehrere Objekte gleichzeitig verschieben. Sie können jedoch Keyframes für einen Ordner aktivieren, der mehrere Dateiobjekte enthält, die selbst animiert sind, und sie als eine Entität verschieben, drehen oder skalieren. Mit dieser Methode könnten Sie sogar eine komplexe Ordnerhierarchie für Puppenanimationen erstellen, aber ich schweife ab.

 

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

 

Deckkraft und Glanz beleben

Ich habe für die gesamte Szene fast die gleichen Schritte ausgeführt, 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 zu erzeugen, der aus der Oberseite austritt Kerze.

 

Um die Deckkraft zu animieren, müssen Sie nur auf das kleine Plus-Symbol Ihres Dateiobjekts drücken, Keyframes aktivieren und Ihre Animation erstellen.

Hinzufügen einer 2D-Kamera zu Ihrer Szene

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

 

Um eine Kamerabewegung in Ihrer Szene zu erstellen, gehen Sie nur zum Hauptmenü -> Animation -> Neue Animationsebene -> 2D-Kameraordner.

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

Das Animieren der Kamera ist auch ziemlich einfach. Ich habe einen Keyframe in Frame 12 erstellt, bin dann zu Frame 01 zurückgekehrt und habe die Kamera etwas verkleinert. Nicht zu viel, nur damit die Bewegung nicht übel wird, sondern gerade genug, damit die gesamte Umgebung ein bisschen in Bewegung erscheint. Kopieren Sie dann Ihren ersten Frame in den letzten Frame und fügen Sie ihn ein.

 

Um den Blickwinkel Ihrer Kamera auf der Leinwand anzuzeigen, wählen Sie Ihren Kameraordner aus und wählen Sie in der Eigenschaft des Werkzeugs das Symbol "Sichtfeld der Kamera anzeigen".

Rendern Sie Ihre endgültige Animation!

Jetzt ist es endlich an der Zeit, Ihre Animation zu rendern und die Früchte all Ihrer harten Arbeit vor Ihren Augen zu sehen.

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

Ich persönlich habe mich für die Filmoption entschieden, dann MP4 als Dateierweiterung ausgewählt, einen Namen vergeben und dann auf Speichern geklickt. Sobald Sie dies getan haben, erscheint ein letztes Fenster, in dem Sie die 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 endgültigen Rendering wünschen, und klicken Sie auf "OK".

Und jetzt warten wir nur, das ist es, also schauen wir uns endlich unser endgültiges Rendering an!

Abschließende Gedanken

Ziemlich cool, oder? > :)

 

Jetzt hoffe ich wirklich, dass ich im heutigen Tutorial alles behandelt habe, was ihr braucht. Wenn ihr noch etwas wissen wollt, wenn euch dieses Video gefällt und ihr euch dankbar fühlt, dann könnt ihr gerne einen Kommentar abgeben und dem Kanal etwas Liebe zeigen, indem ihr das Video mag , abonnieren Sie, wenn Sie weitere Tutorials wie dieses sehen möchten, und lassen Sie Ihren Geist in Richtung dieser anderen empfohlenen Videos schweifen, wenn Sie sich dazu geneigt fühlen, aber das ist es für mich, Zeit, sich in meiner Krypta gemütlich zu machen, bis zum nächsten Mal alle !

 

Aurevoir ~