Gedankensparende Tipps für Webtoon-Paneling in Clip Studio Paint!

Videoversion:

Textversion:

Hallo!

 

Ich bin .avi. Ich arbeite als professioneller Spieleillustrator und das Erstellen von Comics und Webtoons ist mein Hobby.

 

Viele Künstler finden das Paneling vielleicht eine mühsame oder sogar frustrierende Aufgabe, die sie einfach irgendwie hinter sich bringen müssen, aber es kann tatsächlich ziemlich lustig und schnell gehen, wenn Sie die richtigen Werkzeuge verwenden!

 

Ich recherchiere gern die effizientesten Möglichkeiten, Comics zu erstellen und zu arbeiten, und in diesem Tutorial möchte ich einige Tipps geben, wie Sie während der Paneling-Phase Ihres Comics in Clip Studio Paint Zeit und geistige Gesundheit sparen können, indem Sie die bekannten und weniger bekannten, aber überraschend hilfreichen Funktionen verwenden.

 

Wenn Sie eine Frage haben, können Sie diese gerne in den Kommentaren unter dem Tutorial stellen! Ich werde mein Bestes tun, um sie zu beantworten!

Arbeitsplatz

Hier sind ein paar schnelle Tipps, um Ihre Ansicht der Leinwand zu maximieren.

 

Zuerst ist da die Navigator-Palette – ich habe sie seitlich angedockt, damit ich sie einfach öffnen oder ausblenden kann. Damit können Sie schnell von einem Bedienfeld zum anderen springen, ohne scrollen zu müssen, und außerdem den Überblick über die gesamte Leinwand behalten.

Als Nächstes gibt es eine versteckte Tastenkombination Umschalt + Tab, die die obere Leiste der App versteckt, um Ihnen mehr vertikalen Platz zum Arbeiten zu geben! Wenn Sie sie ein zweites Mal drücken, wird auch die Menüleiste versteckt, und beim dritten Mal kehren beide Leisten zurück. Ich lasse beide Leisten die meiste Zeit versteckt, da ich Tastenkombinationen verwende, was ein weiterer Tipp ist, um Ihren Arbeitsablauf zu beschleunigen.

Vektorebenen

Bevor wir zu den Panels kommen, gibt es eine wichtige Sache, die Sie tun können, um später Zeit zu sparen.

Von Anfang an zeichne ich direkt auf einer Leinwand, die 200 % der endgültigen Ausgabegröße hat.

 

Wie wäre es mit Miniaturansichten auf einer kleinen Leinwand?

 

Wenn Sie Vektorebenen sogar zum Skizzieren verwenden, müssen Sie nicht mit einer verkleinerten Leinwand beginnen! Sie können Ihre Skizzen nicht nur einfach bearbeiten und transformieren, ohne an Qualität zu verlieren, sondern sparen auch später Dateigröße und Hochskalierung!

Da Vektoren mathematisch berechnet werden, sind sie unabhängig von Maßstab oder Auflösung. Der Text ist ebenfalls ein Vektor, daher ist die Dateigröße bis zum Beginn des Malens und Schattierens nur etwa 1/3 größer, als wenn die Leinwand bei der Miniaturansicht 25 % der Ausgabegröße hätte.

---

Hinweis zur Leinwandhöhe

Als Randbemerkung möchte ich noch die Höhe der Leinwand erwähnen. Am besten wäre es, die längstmögliche Leinwand zu haben, vorzugsweise für das ganze Kapitel. Dabei muss man jedoch die Rechenleistung des Computers sowie die Möglichkeit berücksichtigen, später Panels und Platz dazwischen hinzuzufügen, was die Leinwandhöhe erhöhen würde.

 

Technisch gesehen sind 50.000 Pixel das Maximum, das die App zulässt, aber ich komme selten so weit, da mein Computer damit nicht zurechtkommt. Ich bin bei einer Basishöhe von 20.000 Pixeln angekommen, die es mir ermöglicht, genügend Panels als Storyboard zu erstellen und gleichzeitig genügend Puffer zu lassen, um die Leinwand mit zusätzlichen Panels und leerem Platz zu erweitern.

 

Finden Sie heraus, welche Basisleinwandgröße für Sie am besten geeignet ist!

Rahmenrand-Werkzeug

Wenn ich mit dem Storyboard mehr oder weniger zufrieden bin, verwende ich das Frame-Tool, um die Panels zu definieren. Da es viele Tutorials zu diesem Tool gibt, zeige ich euch hier meinen Ansatz, der wahrscheinlich etwas unorthodox ist :D

 

Standardmäßig erstellt das Tool immer einen neuen Ordner mit einer Maske, in die ihr den Inhalt eines Panels zeichnet.**

Für mich ist es jedoch die beste Option, alle Frames in einem Frame-Ordner zu zeichnen, da ich gerne ähnliche Elemente wie Charaktere, das Auto, Effekte usw. zusammen zeichne, um die Farben konsistent zu halten.

 

Dies ist ein Beispiel für meine Dateistruktur. Ich lege den Frame-Ordner mit den Masken für alle Panels ganz oben ab, direkt unter Text und Soundeffekte. Alles andere hat seinen eigenen Ordner in allen Panels, wie Nachbearbeitung, Vordergrund, Charaktere usw. Dank dessen kann ich die Farben konsistent halten und etwas zu ändern, wie die Lichtfarbe oder die Farbe der Jacke, ist super einfach in allen Panels gleichzeitig!

Wenn Sie möchten, dass eine Figur aus dem Rahmen herausspringt, können Sie außerdem einfach eine Auswahl der Ebenen treffen und den Bereich aus der Maske des normalen Ordners löschen, der den Rahmenordner enthält (da dieser bereits über eine eigene Maske verfügt).

Wenn das Rechteckrahmen-Werkzeug auf Zum ausgewählten Ordner hinzufügen eingestellt ist und Rahmeninnenraum füllen deaktiviert ist, ziehe ich das Rechteck einfach über den Bereich des zukünftigen Panels.

Beachten Sie, dass ich mich nicht um die Leinwandränder kümmere und selbst bei schrägen Panels zunächst ein Rechteck verwende.

Bedienwerkzeug

Jetzt haben wir alle Panels in einem Rahmenordner. Wenn Sie Strg drücken, sollten die Vektorformen sichtbar werden, da sich das Werkzeug vorübergehend in Operationswerkzeug ändert. Wenn nicht, wählen Sie das Operationswerkzeug aus der Palette aus.

 

Mit dem Operationswerkzeug können Sie die Rahmenformen weiter ändern, z. B. Punkte hinzufügen oder entfernen usw.

 

Diese kleinen gelben Pfeile sind eine praktische Funktion, denn wenn Sie darauf klicken, neigen sie dazu, an dem einzurasten, was dem von Ihnen gewünschten Punkt am nächsten kommt – sei es der Rahmen eines anderen Panels oder der Leinwandrand.

 

Indem Sie die Kontrollpunkte ziehen, können Sie die Form des Panels ändern.

Mit demselben Werkzeug können Sie die Farbe und Größe des Rahmens ändern oder sogar den verwendeten Pinsel! Wie diesen Reifenspurpinsel oder Spritzpinsel!

Da es keine Option gibt, die Außenseite des Rahmens zu füllen, mache ich das manuell, indem ich bei gedrückter Strg-Taste auf die Rahmenordnermaske klicke, sie invertiere und eine neue Ebene mit Farbe fülle.

 

Diese Ebene muss außerhalb des Rahmenordners liegen, ich lege sie normalerweise beide in einen neuen normalen Ordner wie diesen.

Auf dieser Seite gibt es überlappende Panels. Zuerst mache ich den Rest auf die gleiche Weise wie auf der vorherigen Seite. Wenn ich damit fertig bin, ändere ich die Einstellungen des Rahmenwerkzeugs in „Neuen Ordner erstellen.“ Jetzt habe ich zwei Rahmenordner, von denen der obere das überlappende Doppelpanel enthält.

Wieder ändere ich mit dem Operationswerkzeug das ursprüngliche Rechteck.

Und was ist mit dem Rand? Das Werkzeug zum Teilen von Rahmenrändern ist hierfür hervorragend geeignet! Ziehen Sie es einfach, um das Panel zu teilen!

 

Wie Sie sehen, funktioniert es ziemlich clever, da Sie den Rand immer noch ändern können, ohne die Winkel des Doppelpanels zu verlieren!

Bei überlappenden Panels mache ich die äußere Füllung für den Rahmenordner mit den restlichen Panels auf die gleiche Weise wie zuvor gezeigt.

 

Dann klicke ich bei gedrückter Strg-Taste auf die Maske des überlappenden Ordners und verwende sie als Maske eines normalen Ordners, der den anderen Rahmenordner und die Füllung enthält.

Falls Sie jedes Panel in einem separaten Ordner gezeichnet haben, sie aber in einem Ordner haben möchten, können Sie sie einfach auswählen und zusammenführen, indem Sie zu Ebene > Lineal/Rahmen > Rahmen kombinieren gehen.

 

Wählen Sie im Popup Nur Ordner kombinieren aus, und jetzt haben Sie alle Panelränder in einer Rahmenebene!

Sie können auch die freie Transformation verwenden, um die Form eines Panels zu scheren, oder es ausrichten und verteilen, genau wie jedes andere Element!

Es gibt noch eine weitere interessante, leicht versteckte Option, um einen Rahmen gleichmäßig aufzuteilen! Gehen Sie einfach zu Ebene > Lineal/Rahmen > Rahmenränder gleichmäßig aufteilen. Im Popup können Sie die Anzahl der Unterteilungen festlegen, jetzt brauchen wir nur zwei.

Da Rahmenränder Vektorlinien sind, können Sie sie auch mit den Linienkorrektur-Tools ändern!

 

Sie können den Kontrollpunkt mit der Option Linienbreite anpassen verwenden, um die Linienstärke zu ändern! Wenn Sie auf einen Kontrollpunkt klicken und nach rechts ziehen, wird die Linie dicker, während sie durch Ziehen nach links dünner wird. Mit diesem Tool können Sie Ihren Panels ein 3D-Gefühl verleihen!

 

Andere Tools wie die Pinch-Vektorlinie funktionieren ebenfalls!

Wenn Sie das Rechteck in ein Polygon umwandeln möchten, klicken Sie einfach mit dem Operationswerkzeug mit der rechten Maustaste auf den Rahmenpfad und wählen Sie Kontrollpunkt hinzufügen.

 

Wenn Sie eine gekrümmte Form benötigen, klicken Sie erneut mit der rechten Maustaste auf den Punkt und wählen Sie Ecke wechseln. Dadurch wird der Kontrollpunkt in einen Kurvenpunkt umgewandelt und umgekehrt. Natürlich können Sie mehrere Punkte gleichzeitig ändern und verschieben. Durch das Hinzufügen von Ellipsen können Sie eine Rückblende oder einen Gedanken andeuten!

Mit dem Smartphone verbinden, um eine Vorschau des Webtoons anzuzeigen

Mein Telefon ist zu alt für diese Funktion, aber ich habe es mit dem Telefon meines Freundes ausprobiert und muss sagen, dass es superpraktisch ist, da man den ganzen Webtoon ohne die Lücken zwischen den einzelnen Dateien sieht, was in der Desktop-Version leider nicht möglich ist (und mein großer Wunsch für ein zukünftiges Update ist ^^).

 

Wählen Sie Datei > Mit Smartphone verbinden (oder klicken Sie auf das Symbol in der Steuerleiste, zumindest in meiner Version war es standardmäßig da) und ein QR-Code erscheint.

Öffnen Sie in der App auf Ihrem Smartphone Einstellungen > Begleitmodus. Sie werden aufgefordert, den QR-Code auf Ihrem Desktop-Bildschirm zu scannen.

Im Begleitmodus befindet sich das Symbol Webtoon-Vorschau unten rechts.

Die Desktopversion bietet diese Vorschau, in der Sie ein Bildschirmverhältnis festlegen können. Der Rest der Leinwand wird ausgeblendet, um zu simulieren, was die Leser sehen werden. Dies funktioniert jedoch nur innerhalb einer Leinwand, sodass Sie die Übergänge zwischen den einzelnen Kapitelteilen nicht überprüfen können.

 

Sie können darauf zugreifen, indem Sie zu Ansicht > Bildschirmbereich (Webtoon) gehen oder ein Symbol in der Befehlsleiste verwenden.

Leinwand erweitern oder zuschneiden

Hier kommt mein allerliebstes lebensrettendes Tool! In der Storyboarding-Phase möchte ich mich nicht durch Gedanken über den Abstand zwischen den Panels ablenken lassen. Und dank dieser beiden Funktionen kann ich das für später lassen!

 

Sie sind unter Bearbeiten > Leinwandhöhe ändern > Erweitern oder Zuschneiden versteckt, daher empfehle ich dringend, sie in die Schnellzugriffspalette oder in die Befehlsleiste zu legen, wie ich es hier getan habe.

Ich verwende dieses orangefarbene Rechteck auch als Grundlinie für den Abstand der Panels. Es stammt aus dem Rat von Webtoon, dass der Mindestabstand zwischen den Panels ¼ der Leinwandbreite betragen sollte. Ich halte mich nicht genau daran, aber für den Anfang ist es praktisch.

Wenn ich mehr Platz zwischen zwei Bedienfeldern hinzufügen möchte, klicke ich einfach auf das Symbol Erweitern und dieses Rechteck wird angezeigt. Seine Höhe definiert den Platz, der zwischen den beiden Teilen der Leinwand hinzugefügt wird, die durch die obere Linie definiert sind.**

 

Wenn wir den unteren Griff nach unten ziehen und eingeben, sehen wir, dass alles unterhalb der oberen Linie des Rechtecks der Funktion um die Höhe des Rechtecks nach unten verschoben wurde.

Im Gegenteil: Die Funktion Zuschneiden löscht alles innerhalb des definierten Rechtecks und alle Elemente darunter verschieben sich nach oben.

Genial, oder?

Die Arbeit mit beiden Werkzeugen ist sehr einfach und alles lässt sich rückgängig machen. Sie müssen nur darauf achten, die oberste Linie des Rechtecks erweitern nicht dort zu platzieren, wo nichts abgeschnitten werden soll, denn dort wird der neue Platz hinzugefügt.

Dateiobjekte und Ebenenkompositionen

Dieser Tipp mag fehl am Platz erscheinen, aber ich glaube, dass das Wissen, dass Sie Hintergründe viel einfacher erstellen können, Ihre Entscheidungen über Panelgrößen und -positionen erheblich verändern kann.

 

Wenn Ihr Comic wiederkehrende Elemente enthält, auch wenn sie nicht immer gleich sind, nutzen Sie die Ebenenkompositionen optimal!

 

Beispielsweise spielt sich der Großteil dieses Kapitels nachts in verschneiten Bergen ab. Es wäre mühsam, den Hintergrund in jedem Panel zu kopieren, einzufügen und zu ändern.

 

 

Stattdessen habe ich zuerst dieses separate Dateiobjekt gemalt, in dem ich mehr oder weniger alle Ebenen fertiggestellt habe. Beachten Sie diese drei Dinge an dieser Datei:

 

1. Ich habe bewegliche Elemente wie den fallenden Schnee weggelassen, da es seltsam wäre, wenn die Schneeflocken immer an derselben Stelle wären.

 

2. Die Farben sind leicht entsättigt, was mir viel mehr Freiheit für Farb- und Lichtanpassungen in jedem Panel gibt, um die genaue Atmosphäre zu erreichen.

 

3. Die Leinwandgröße ist größer und die Ebenen sind vertikal ausgestreckt, was bedeutet, dass ich den Zoom oder sogar die Perspektive ändern kann, indem ich jede Ebene bewege und skaliere. Sie können sehen, dass ich zunächst die Hauptpanels, die diesen Hintergrund verwendeten, vom Storyboard kopiert und gestapelt habe, um das beste Basislayout der Ebenen und die Leinwandgröße herauszufinden.

Wenn ich mit dem Malen fertig bin, erstelle ich Ebenenkompositionen für jede der Ebenen.

 

Ich fand es am besten, mehrere Gruppen von Ebenenkompositionen einzurichten, normalerweise eine Gruppe mit allgemeinen Ebenen, wie dem gesamten Himmel, Hintergrund, Mittelgrund und Vordergrund, dann eine weitere, bei der jedes Element, wie die Ebenen von Wolken, Mond oder Baumgruppen im Vordergrund, seine eigene separate Ebenenkomposition hat. Und zuletzt spezifische Ebenenkompositionen wie Versionen mit ein- und ausgeschalteten Schatten oder was ich als Masken verwenden werde.

Jetzt können Sie die Datei einfach als Dateiobjekt in Ihre Bedienfelder einbinden, indem Sie zu Datei > Importieren > Dateiobjekt erstellen gehen.

 

Das sieht zunächst vielleicht seltsam aus, da Dateiobjekte standardmäßig ihre Hintergrundfarbe und die letzte Ebenenkomposition behalten, mit der Sie sie verlassen haben.

 

Deaktivieren Sie in der Werkzeugeigenschaftenpalette in den Renderingeinstellungen die Option Papier zeichnen und wählen Sie dann im Ebenenkompositionsmenü** die Ebenenkomposition aus, die Sie sichtbar machen möchten. Beginnen wir mit „Alle“, um die Position zu überprüfen.

Sie können sehen, dass das Dateiobjekt weit über die Leinwand hinausragt, was mir Platz gibt, die Ebenen so zu verschieben, dass sie den Anforderungen des Panels entsprechen.

 

Nachdem Sie die Dateiobjektebene dupliziert und Ebenenkompositionen für jedes Element festgelegt haben, das Sie im Panel benötigen, verschieben Sie sie und transformieren Sie sie, damit sie der Perspektive des Panels entsprechen! Da Dateiobjekte keine Rasterebenen sind, können Sie sie immer wieder transformieren, ohne dass sie an Qualität verlieren!

Wie Sie zuvor sehen konnten, wurden die meisten Hintergründe in diesem Kapitel erstellt, indem die Ebenenkompositionen des Dateiobjekts transformiert, verformt, dupliziert usw. wurden.

 

Durch das Hinzufügen von Schnee, Nebel, Farben, leichtem Neuanstrich usw. wirken die Hintergründe einzigartig und doch einheitlich. Natürlich gibt es Panels, bei denen der Hintergrund abgedunkelt oder auf Farbverläufe reduziert werden muss, aber dank Dateiobjekten können sich alle unsere Panels ausdrucksstark anfühlen!

 

Und das Beste ist, dass Sie mit dem Dateiobjekt in einem Durchgang Änderungen in allen Panels vornehmen können!

Zum Beispiel gab es einen Baum, der sich anfühlte, als würde er schweben, also habe ich ihn einfach im ursprünglichen Dateiobjekt gelöscht und er verschwand an allen Stellen, an denen er sichtbar war!

---

Vielen Dank fürs Lesen und ich hoffe, diese Tipps geben Ihnen den nötigen Antrieb, noch mehr Spaß am Comic-Erstellen zu haben!