Ein umfassender Leitfaden von Manny Guevarra

Einführung

Hallo Freunde! Mein Name ist Manny und ich bin ein Webcomic-Künstler mit 5 veröffentlichten Comicserien auf WEBTOON CANVAS! In diesem Tutorial werde ich euch einige Tipps zum Erstellen von Comic-Panels zeigen, die ich im Laufe der Jahre beim Erstellen meiner Serien in Clip Studio Paint gelernt habe! Ich werde mich hauptsächlich auf meinen Hauptcomic „The Mind’s Eye“ sowie meinen neuesten Comic „Multo!“ beziehen.

 

 

WEBTOONS

Tipps zur Formatierung

Es gibt ein paar Dinge, die wir tun können, bevor wir überhaupt mit dem Zeichnen beginnen, um die Unterteilung unserer Comics in Panels während des gesamten Comic-Erstellungsprozesses zu erleichtern! Zunächst müssen wir das Format festlegen, in dem wir arbeiten werden. Hier können wir verschiedene Ansätze verfolgen, und jeder hat seine eigenen Vorteile!

 

 

WEBTOON-Format

Das WEBTOON-Format ist ein kontinuierliches vertikales Scroll-Format, das im Web wie ein „Kinoerlebnis“ wirken soll. In diesem Format können Sie das Tempo Ihrer Leser durch die Platzierung des Randbereichs und der Panels steuern.

Wenn Sie Comics ausschließlich zum Lesen im Internet erstellen, müssen Sie sich nicht so viele Gedanken über Dinge wie die DPI Ihrer Leinwand machen, da diese in erster Linie die physische Druckqualität beeinflusst. Darüber hinaus haben Sie mehr Freiheit, Dinge wie lustige Panelformen und „Impact Panels“ auszuprobieren, die den gesamten Bildschirm einnehmen!

Beim Erstellen einer neuen Leinwand (Strg+N) bietet Clip Studio unter [Projekt] > [Webtoon] mehrere Leinwandoptionen, die einige praktische WEBTOON-Voreinstellungen enthalten:

Die maximalen Abmessungen für Datei-Uploads auf WEBTOON betragen 800 x 1280 Pixel. Daher sind die Voreinstellungen [Webtoon 3] und [Webtoon 4] gute Optionen für Ihre Leinwandgröße, wenn Sie anfangen.

 

Persönlich habe ich meine Leinwand normalerweise auf 1600 x 25.600 Pixel bei 300 DPI eingestellt. Ich mache das, weil es immer eine gute Idee ist, Ihre Leinwand etwas größer zu machen, als Ihr endgültiges Bild sein wird; Sie möchten Ihr Bild beim Exportieren nie vergrößern müssen, da es an Qualität verliert. Da die endgültige Dateibreite beim Hochladen auf WEBTOON 800 Pixel betragen muss, versuche ich, die Breite doppelt so groß wie erforderlich zu machen, um eine höhere Qualität zu gewährleisten.

 

Da die endgültige Dateigröße 1280 Pixel beträgt, versuche ich außerdem, die Länge meiner Dateien auf ein Vielfaches von 1.280 oder 2.560 zu beschränken, damit ich abschätzen kann, wie viele Dateien ich am Ende haben werde.

Dies ist ein gutes Format, um Ihren Comic in Panels zu unterteilen, wenn Sie nicht vorhaben, Ihre Serie in großen Auflagen zu drucken. Bedenken Sie jedoch, dass es meiner Meinung nach wesentlich schwieriger ist, einen vertikal scrollenden Comic für den Druck umzuformatieren, als umgekehrt!

 

 

Druckformat

Wenn Sie planen, Ihren Comic irgendwann in Zukunft in Druckauflagen zu drucken, ist es am besten, ihn von Anfang an in Panels zu unterteilen und zu formatieren. Beim Formatieren für den Druck müssen Sie einige zusätzliche Variablen berücksichtigen.

 

Zunächst einmal sind Sie offensichtlich auf die Anzahl und Form der Panels beschränkt, die beim Drucken auf jede physische Seite passen. Ein Nachteil ist, dass es etwas schwieriger sein wird, das Tempo Ihrer Leser zu kontrollieren, da alle Panels einer Doppelseite gleichzeitig sichtbar sind.

Im Allgemeinen gibt es drei „Zonen“, die Sie beim Anordnen Ihrer Panels innerhalb Ihrer Doppelseiten berücksichtigen sollten:

 

1️⃣ Der Live-Bereich oder die „Sicherheitszone“, in der alle Elemente (z. B. Figuren, Dialoge, Hintergründe usw.) sichtbar sind, wenn sie darin gezeichnet werden.

 

2️⃣ Die Beschnittlinie, die, wie der Name schon sagt, markiert, wo die Doppelseite während der Druckproduktion beschnitten wird.

 

3️⃣ Die Anschnittlinie, die für Anschnitte verwendet werden kann (Bilder, die Sie beim Drucken über die Seitenränder hinaus ausdehnen möchten).

Die meisten Panels und Dialogfelder sollten innerhalb des Live-Bereichs gezeichnet werden, um sicherzustellen, dass sie beim Drucken sichtbar und gut lesbar sind. Offene Panels sollten mindestens bis zur Beschnittlinie gezeichnet werden, um sicherzustellen, dass sie beim Zuschneiden über den Seitenrand hinausragen:

Beim Erstellen eines neuen Dokuments (Strg+N) verfügt CLIP STUDIO PAINT über zahlreiche hilfreiche druckfertige Voreinstellungen mit integrierten Richtlinien für Dinge wie den Anschnitt unter dem Projekttyp [Comic], wie unten gezeigt:

Verschiedene Druckereien arbeiten nach unterschiedlichen Formatierungsrichtlinien und es ist äußerst wichtig, diese zu ermitteln, bevor Sie mit der Formatierung Ihres Comics für den Druck beginnen!

 

Wenn Sie eine bestimmte Druckerei im Sinn haben, finden Sie neben den hilfreichen Voreinstellungen von Clip Studio Paint auf deren Website oft auch Ressourcen wie Vorlagen zum Download. Ich habe beispielsweise die obigen Doppelseiten nach den in den folgenden Vorlagen festgelegten Richtlinien erstellt:

 

 

„Hybrid“-Format

Was ist also „besser“? WEBTOON-Format oder Druckformat? Die Antwort hängt natürlich davon ab, wie Sie Ihren Comic vertreiben möchten!

Wenn Sie sich hauptsächlich darauf konzentrieren, schnell Comics zum Lesen auf webbasierten Plattformen wie WEBTOON zu erstellen, und in naher Zukunft keine Druckauflagen planen, kann es von Vorteil sein, das Erstellen im WEBTOON-Format auszuprobieren!

 

Auf diese Weise können Sie einen praktisch unbegrenzten Scrollbereich für Dinge wie Sprechblasen, Marginalien oder große Impact-Panels nutzen und damit experimentieren. Außerdem können Sie damit das „Kinoerlebnis“ schaffen, über das wir zuvor gesprochen haben, wobei Sie das dramatische Tempo Ihres Comics leichter steuern können.

Wenn Sie sich in erster Linie auf die Druckauflage Ihres Comics vorbereiten und nicht vorhaben, eine vertikal scrollbare Version auf Webplattformen wie WEBTOON zu veröffentlichen, würde ich natürlich empfehlen, die Option „Druckformat“ zu verwenden. Dies ermöglicht Ihnen, Ihre Comic-Druckproduktionspipeline zu beschleunigen und ist auch perfekt, wenn Sie vorhaben, Ihren Comic online zu veröffentlichen, aber in einem Seitenformat und nicht in einer vertikal scrollbaren Kapazität:

Wenn Sie jedoch beide der oben genannten Optionen nutzen möchten, empfehle ich eine dritte „Hybrid“-Option für die Comic-Formatierung. Ich nenne dies eine „Hybrid“-Option, da sie die Vorteile der Optionen WEBTOON und Printformat nutzt und gleichzeitig die meisten Nachteile beider Optionen abmildert:

 

Die Idee hier ist, Ihren Comic im Printformat zu zeichnen, aber bei der Erstellung der Assets das WEBTOON-Format im Hinterkopf zu behalten!

Wie bereits erwähnt, ist es viel schwieriger, einen vertikal scrollenden Comic für den Druck umzuformatieren, als umgekehrt. Daher empfehle ich, zunächst mit dem Druckformat auf einer Leinwand mit einer Auflösung von mindestens 300 DPI zu beginnen, aber die folgenden Schritte auszuführen, um sicherzustellen, dass Ihre Illustrationen und anderen Assets für das Lesen auf WEBTOON optimiert werden können:

1️⃣ Zeichnen Sie mit dem gesamten [RGB-Farbspektrum] und verwenden Sie die Exporteinstellungen von Clip Studio Paint, um in [CMYK-Farbe] zu exportieren. Ich empfehle, dies zu tun, anstatt von Anfang an in CMYK zu zeichnen, um beim Veröffentlichen Ihres Comics im Internet den gesamten RGB-Farbraum zu nutzen, der viele lebendige Farben enthält, die nur auf dem Bildschirm sichtbar sind.

 

Drucker können nicht physisch alle Farben reproduzieren, die von hinten beleuchtete Bildschirme reproduzieren können, weshalb wir in unseren Exporteinstellungen die Ausdrucksfarbe [CMYK-Farbe] verwenden müssen, um sicherzustellen, dass die Farben für den Druck genau sind.

 

2️⃣ Verwenden Sie das Rahmenrahmen-Tool von Clip Studio Paint für eine einfache Ebenenverwaltung und Bearbeitung von Bedienfeldrändern. Das [Untertool: Rahmenrahmen] können Sie aufrufen, indem Sie auf Ihrer Tastatur (U) drücken. Wir werden dieses Tool im folgenden Abschnitt ausführlich besprechen!

 

3️⃣ Füllen Sie den gesamten Bereich jedes Panels innerhalb Ihrer Rahmenränder aus, einschließlich der Bereiche hinter Sprechblasen und anderen Elementen, die beim Neuformatieren verschoben werden können. Wenn Sie Ihren Comic für WEBTOON neu formatieren, müssen Sie höchstwahrscheinlich den Großteil der Platzierung Ihrer Sprechblasen und Enden neu vornehmen, und Sie möchten keine Lücken in Ihren Illustrationen erzeugen!

 

4️⃣ Ebenso müssen die meisten Panels beim Neuformatieren verschoben werden, und bestimmte Panels müssen möglicherweise neu geformt, zugeschnitten oder sogar erweitert werden, um ein besseres Leseerlebnis im vertikalen Scroll-Format zu schaffen. Achten Sie daher darauf, Assets wie Hintergründe auf einer separaten Ebene von Ihren Mittel- und Vordergrundelementen zu bewahren, und ich würde ehrlich empfehlen, etwas über den Panelrand hinaus zu zeichnen, falls das Panel tatsächlich vergrößert werden muss!

Das Rahmenrand-Werkzeug

Jetzt kommt der spaßige Teil! Beginnen wir mit der Verkleidung!

 

 

Rahmenränder erstellen

Clip Studio Paint bietet viele tolle Tools zum Paneling Ihres Comics, aber ich verwende hauptsächlich das [Subtool: Frame Border]. Ich empfehle die Verwendung dieses Tools, da es einen nahtlosen Workflow ermöglicht, bei dem Ebenen einfacher zu verwalten und Panelränder einfach bearbeitet werden können.

 

Das [Subtool: Frame Border] finden Sie unten in Ihrer Symbolleiste, abgegrenzt durch das Symbol unten, oder indem Sie auf Ihrer Tastatur auf (U) klicken!

Nachdem Sie das [Unterwerkzeug: Rahmenrand] ausgewählt haben, können Sie einfach mit dem Mauszeiger über den Bildschirm klicken und ihn ziehen, um sofort in sich geschlossene Bedienfelder zu erstellen!

Dadurch wird automatisch für jeden Frame ein Ordner erstellt, der als eine Art Ebenenmaske fungiert. In jedem Ordner können Sie einzelne Ebenen erstellen, aber alles, was Sie darauf zeichnen, bleibt im Frame enthalten!

Rahmenränder bearbeiten

Um schnell zwischen Frames zu wechseln, wechseln Sie zu [Subtool: Operation], indem Sie auf Ihrer Tastatur auf (O) klicken und den gewünschten Frame auswählen. Sie können [Subtool: Operation] auch verwenden, um die Größe Ihres Frames zu ändern und ihn umzuwandeln, indem Sie seinen Rand auswählen.

 

Sie können Ihren Frame auch mithilfe von Kontrollpunkten anpassen, die als hohle rote Quadrate an den Ecken Ihres Frames erscheinen, wenn sie nicht ausgewählt sind, und als grüne rote Quadrate, wenn sie ausgewählt sind. Um Kontrollpunkte zu bearbeiten, wählen Sie einfach einen aus und verschieben Sie ihn mit den Pfeiltasten auf Ihrer Tastatur oder indem Sie ihn mit der Maus ziehen.

Um Ihrem Rahmen mit [Subtool: Operation] einen Kontrollpunkt hinzuzufügen, klicken Sie einfach mit der rechten Maustaste auf den Rahmen und wählen Sie [Kontrollpunkt hinzufügen]. Sie können auf diese Weise auch Kontrollpunkte löschen.

Um Ihren Rahmen zu teilen, verwenden Sie die Option [Rahmen ausschneiden] im Menü [Unterwerkzeug: Rahmenrand]. Um dieses Spleißwerkzeug zu verwenden, ziehen Sie es einfach in die gewünschte Richtung über Ihren Rahmen.

 

Die Option [Rahmenordner teilen] teilt den Ordner des aktuellen Rahmens in zwei Teile, während die Option [Rahmenrand teilen] die aktuellen Ordner beibehält und lediglich die Rahmenform ändert.

Blutungen

Um Anschnitte oder offene Bereiche außerhalb der festgelegten Rahmengrenzen zu zeichnen, zeichnen Sie einfach in einer separaten Ebene oder einem separaten Ebenenordner.

Durch das Zeichnen eines Anschnitts auf einer Ebene unter Ihren anderen Bedienfeldern können Sie ein umfassendes Gefühl von Dramatik erzeugen, das den Rest der Seite zusammenhält. Dies ist insbesondere für Einstellungsschüsse oder andere Szenenaufnahmen nützlich:

Das Zeichnen von Elementen auf einer Ebene über Ihren anderen Panels kann Ihre Seite ebenfalls zusammenhalten und kann zusätzlich dazu beitragen, Motive von Dingen zu etablieren, die „aus der Form ausbrechen“/sich von anderen szenischen Elementen lösen, um die Grenzen der Panels zu überschreiten.

 

In dieser Szene aus meinem Comic „Multo“ beispielsweise treibt ein Windstoß Blätter in die Luft, die über die Panels und Rinnenräume der Seite hinwegfegen, um anzudeuten, dass die Natur diesen menschlichen Austausch übernimmt:

In ähnlicher Weise wurde der blaue Geist hier in einer Ebene über den Tafeln gezeichnet, um ihn mit den anderen natürlichen Elementen zu verbinden, die auf einer Ebene (wörtlich und im übertragenen Sinne) „über“ den menschlichen Charakteren existieren, die innerhalb der Rahmenränder eingeschlossen sind.

Tipps zum Arbeitsablauf bei der Verkleidung

Miniaturskizzen

Bevor Sie versuchen, detaillierte Skizzen Ihrer Panels anzufertigen, empfehle ich Ihnen, das Layout Ihrer Seite in kleinerem Maßstab als Miniaturansichten zu erstellen. Miniaturansichten sind lose Skizzen, die Ihnen dabei helfen können, den Ablauf Ihrer Panels auf Ihrer zukünftigen Seite festzulegen. Dabei handelt es sich normalerweise um kleine Zeichnungen mit minimalen Details, die in schneller Folge gezeichnet werden, sodass Sie mehrere verschiedene Iterationen erstellen können, um zu sehen, welche für Ihre Geschichte am besten geeignet ist:

Ich mache gerne kleinere Miniaturskizzen in einem separaten Dokument, um den Gesamtablauf zu verstehen. Wenn ich dann eine Reihe von Miniaturen ausgewählt habe, die am besten zu meiner Vision der vorliegenden Szene passen, gehe ich zu den Phasen Storyboarding und Skizzieren auf meiner endgültigen Leinwand über. In diesen Phasen mache ich Folgendes:

 

1️⃣ Konfigurieren von Bedienfeldern auf der endgültigen Leinwand,

 

2️⃣ Planen der Blockierung, Posen und grundlegenden Ausdrücke meiner Charaktere und

 

3️⃣ Platzieren von Sprechblasen.

Sprechblasen

Ich würde Ihnen dringend empfehlen, schon in den frühen Skizzenphasen zu planen, wo Sie Ihre Sprechblasen platzieren, damit Sie sich später nicht abmühen müssen, sie hineinzustopfen oder Ihre schönen Kunstwerke zu verdecken! Dies trägt zu einem reibungslosen Paneling-Prozess bei.

 

Um zu vermeiden, dass Ihre Panels mit zu vielen Sprechblasen, Denkblasen oder Erzählkästen überfüllt sind, empfiehlt WEBTOON, diese auf drei (3) oder weniger pro Panel zu beschränken.

 

Wenn Sie sich für die oben erwähnte „Hybrid“-Formatierung entscheiden, haben Sie im Druckformat normalerweise mehr Panelplatz auf beiden Seiten Ihrer Charaktere, um Dialoge zu platzieren. Wenn Sie dann für WEBTOON neu formatieren, haben Sie über und unter Ihren Panels mehr Platz für Dialoge. Wenn Sie Dialoge auf diese Weise verteilen, können Sie auch das Tempo Ihrer Leser verbessern und wirkungsvolle Zeilen hervorheben.

Panelgröße, Form und Durchfluss

Wenn Ihre Panels etwas statisch wirken, versuchen Sie, die Höhe, Breite, Form und Positionierung Ihrer Panels zu variieren! Für den Anfang bietet CLIP STUDIO PAINT viele verschiedene Panel-Vorlagen unter [Manga-Material] > [Rahmenvorlage], wie unten gezeigt:

Wenn Sie jedoch ein Gefühl von Ordnung, Ruhe oder sogar Monotonie vermitteln möchten, kann die Verwendung einfacher, einheitlicher Formen manchmal hilfreich sein. Vergleichen Sie beispielsweise die Panelformen der beiden folgenden Seiten.

 

Die erste verwendet gleichmäßig angeordnete rechteckige Panels, um das langsame und einfache Gefühl eines malerischen Spaziergangs durch die Landschaft zu vermitteln:

Umgekehrt vermittelt das Verzerren der Formen von Panels, um schrill scharfe Kanten zu erzeugen, den Eindruck einer plötzlichen Handlung, wie etwa, wenn unsere Figur oben vom Gehen zum Sprinten hinter dem Geist unten übergeht:

Sie können die Größe von Panels auch dazu verwenden, die Wichtigkeit bestimmter Aufnahmen hervorzuheben! Generell gilt: Je größer das Panel, desto bedeutsamer das dargestellte Motiv.

 

Wenn Sie Ihre Paneling-Fähigkeiten noch weiter verbessern möchten, probieren Sie offene/randlose Panels aus, um kritische Momente in einer Szene hervorzuheben, wie etwa die Einführung einer neuen Figur.

Wenn Sie dieses Konzept wirklich vorantreiben möchten, können Sie eine Doppelseite mit vollem Anschnitt erstellen, wobei Ihre Illustration auf beiden Seiten Ihrer Doppelseite bis zur Anschnittlinie reicht!

Dies ist nicht nur ein hervorragendes dramatisches Mittel, sondern eine größere Illustration wie diese kann auch aufgeteilt und beim Neuformatieren für kleinere WEBTOON-Panels verwendet werden. Denken Sie nur daran, dass die Mitte des Anschnitts verdeckt wird, wenn der Comic gebunden ist. Wichtige Elemente wie Charaktere und Dialoge sollten daher auf beiden Seiten der Falzlinie bleiben.

 

 

Rinnenraum

Beide Doppelseiten oben bieten Beispiele für die Verwendung von Gutter Space. Wie bereits erwähnt, kann Gutter Space auf unzählige einzigartige Weisen verwendet werden und ist ein hervorragender Ort, um Dinge wie Folgendes zu platzieren:

 

1️⃣ Wetterindikatoren wie Blätter und Schnee,

 

2️⃣ Manga-Muster wie Glitzer, Blasen und Sterne,

 

3️⃣ Wichtige Motive für Ihre Erzählung und

 

4️⃣ Wirkungsvoller Dialog, der für sich allein stehen soll.

Bonus-Tipps!

Neuformatierung für WEBTOON

Hier sind einige schnelle Bonus-Tipps zum Formatieren und/oder Neuformatieren Ihrer Comics für die Veröffentlichung auf WEBTOON!

1️⃣ Denken Sie daran, dass WEBTOON mit seinem vertikalen Scroll-Format, bei dem Comics Panel für Panel gelesen werden sollen, „ein Kinoerlebnis“ schaffen möchte. Basierend auf einer Leinwandgröße von 800 Pixeln Breite empfiehlt WEBTOON mindestens 200 Pixel vertikalen Abstand zwischen den Panels.

 

2️⃣ Für Übergänge mit Orts- und Szenenwechseln empfiehlt WEBTOON mindestens 600 bis 1.000 Pixel vertikalen Abstand zwischen den Panels. Dieser Randabstand kann verwendet werden, um ein Gefühl von verstreichender Zeit oder großer Entfernung zu vermitteln, und im Gegensatz zum traditionellen Druckformat bietet das vertikale Scroll-Format von WEBTOON praktisch unbegrenzten Platz – also nutzen Sie ihn aus!

 

3️⃣ Da Sie Ihre Panels nicht in den begrenzten Platz einer traditionellen Comicseite einpassen müssen, eröffnet das vertikale Scroll-Format eine neue Welt an Möglichkeiten, mit den Formen Ihrer Panels zu spielen. Achten Sie darauf, Höhe, Breite, Form und Positionierung Ihrer Panels zu variieren und verwenden Sie die Größe, um die Wichtigkeit bestimmter Aufnahmen hervorzuheben, wie bereits erwähnt.

 

 

WEBTOON-Ressourcen

Unten finden Sie einige herunterladbare WEBTOON-Ressourcen aus dem Abschnitt „Creators 101“ von WEBTOON CANVAS!

 

 

Abschluss

Die oben stehenden Bonustipps stammen aus meinem anderen Clip Studio Paint-Tutorial „So erstellen Sie einen WEBTOON: Die ultimative Anleitung.“ Weitere Tipps zur Optimierung Ihres Comics für WEBTOON finden Sie im vollständigen Tutorial oder in der Videoversion weiter unten!

 

 

Und da haben Sie es! Vielen Dank fürs Lesen und lassen Sie es mich gerne wissen, wenn Sie Fragen zu einem der besprochenen Themen haben. Prost und viel Spaß beim Zeichnen! 🙌