Paneling-Comics und Webtoons

2.969

Cheishiru

Cheishiru

Rahmenrand-Werkzeuge

1. Das Werkzeugsymbol sieht aus wie Comic-Panels.

2. Es gibt standardmäßig drei Werkzeuge, jedes mit ähnlichen Einstellungsoptionen, aber unterschiedlicher Anwendung:

[Rechteckiger Rahmen] > klicken und ziehen,

[Polylinienrahmen] > mit jedem Klick fügen Sie einen neuen Kontrollpunkt hinzu, der die Form des Rahmens bestimmt,

[Rahmenrandstift] > zeichnen Sie wie mit einem Pinsel.

3. [Rand zeichnen] macht den Rand des Rahmens sichtbar. Wenn diese Option deaktiviert ist, erhalten Sie einen randlosen Rahmen. Das Lineal ist standardmäßig sichtbar, damit Sie wissen, wo die Ränder des Panels sind.

4. [So fügen Sie hinzu] bezieht sich darauf, was passiert, wenn Sie einen neuen Rahmen hinzufügen, obwohl bereits ein Rahmenordner vorhanden ist. Es gibt zwei Optionen:

[Neuen Ordner erstellen] bedeutet, dass der neue Rahmenrahmen einen eigenen Ordner erhält.

[Zum ausgewählten Ordner hinzufügen] bedeutet, dass der neue Rahmenrahmen dem Ordner hinzugefügt wird, wenn Sie den vorhandenen Panel-Ordner auswählen. Wenn Sie keinen Rahmenordner auswählen, wird stattdessen ein neuer Rahmenordner erstellt.

 

Wir werden in einem späteren Abschnitt mehr über [Rahmenrahmenordner] sprechen.

5. [Rasterebene] erstellt eine leere Rasterebene im Rahmenordner.

 

6. [Füllung im Rahmen] erstellt eine Füllebene im Rahmenordner. Die Füllung ist standardmäßig weiß – doppelklicken Sie auf das Ebenensymbol, um die Farbe zu ändern.

Ideal, wenn Sie mit überlappenden Bedienfeldern arbeiten, da die Füllung die Ebenen unter dem Ordner blockiert.

7. [Seitenverhältnis] hilft Ihnen, Panels mit einem bestimmten Seitenverhältnis oder bestimmten Größen zu erstellen. [Angegebenes Seitenverhältnis] hilft Ihnen, Rahmen beliebiger Größe in einem bestimmten Seitenverhältnis zu erstellen und [Länge angeben] hilft Ihnen, Rahmen einer bestimmten Größe zu erstellen. Klicken Sie auf [+], um das Seitenverhältnis oder die Länge nach Ihren Anforderungen anzugeben.

8. [Pinselgröße] gibt an, wie dick der Rand sein wird. [Anti-Aliasing] macht den Rand weicher. Normalerweise schalte ich [Anti-Aliasing] aus, insbesondere wenn ich vollfarbige Comics zeichne, weil es das Füllen der Grundfarben mühsam machen könnte.

9. [Pinselform] ermöglicht Ihnen, die Form des Pinsels von unscharfen Rändern über gemusterte Ränder bis hin zu strukturierten Rändern zu ändern.

Es gibt noch eine andere Möglichkeit, einen Rahmenrahmen zu erstellen. Klicken Sie mit der rechten Maustaste auf [Ebenenfenster] oder gehen Sie zu [Ebene] > [Rahmenrahmenordner]. Ein einfaches Menü wird angezeigt. Wenn Sie auf „OK“ klicken, wird der Rahmenrahmen auf der Leinwand erstellt.

Der Rahmenrand füllt Ihre Leinwand aus, es sei denn, Sie haben [Schnittmarke/Standardrand] aktiviert. Der Rand überlappt sich stattdessen mit [Innenrand]. [Schnittmarke/Standardrand] ist ein Satz von Rändern für den Druck, den Sie erhalten, wenn Sie ein neues Comic-/Fanzine-Projekt erstellen. Dies wird im Tutorial Comic Paneling behandelt.

Benutzerdefinierter Rahmenrand

Fügen Sie Muster oder Texturen vorhandener Pinsel hinzu, indem Sie auf das Symbol unten rechts in der Werkzeugeigenschaft des Pinsels klicken > Pinselform > [Zur Vorgabe hinzufügen].

 

Der hinzugefügte Pinsel wird in der Liste angezeigt > gehen Sie zurück zum Rahmenrand-Werkzeug > klicken Sie auf das Dropdown-Menü der Pinselform > wählen Sie die neu hinzugefügte Form > zeichnen Sie das Panel.

Um Panels mit unterschiedlichen Formen zu erstellen, klicken Sie auf das Symbol in der unteren rechten Ecke des Tools [Rechteckrahmen]. Klicken Sie auf [Abbildung] und machen Sie dann die Einstellungen [Abbildung] und [Rundheit der Ecke] sichtbar.

Jetzt haben Sie die Möglichkeit, Paneele in verschiedenen Formen wie Kreisen, Ellipsen und Sechsecken zu erstellen und die scharfen Ecken der Paneele abzurunden.

Rahmenrand-Ordner

Wenn Sie das Werkzeug verwenden, wird automatisch ein [Rahmenrahmenordner] erstellt. Wenn Sie den Ordner auswählen, wird der umgebende Bereich violett dargestellt – der Bereich ist maskiert. Wenn Sie innerhalb des Ordners zeichnen, ist nur der Teil innerhalb des Ordners sichtbar.

Der [Rahmenrahmen-Ordner] enthält:

1. Rahmenrahmen-Symbol

2. Den maskierten Bereich mit den Bedienfeldern.

3. Ein Lineal.

 

Ihre Leinwand kann je nach ausgewählter Ebene unterschiedlich aussehen.

1. Auswählen einer Ebene außerhalb des Ordners = normale Leinwand,

2. Auswählen des [Rahmenrahmenordners] = violett,

3. Auswählen einer Ebene innerhalb des [Rahmenrahmenordners] = helleres Violett.

 

Sie können einen Rahmenrahmen zu und von einem anderen [Rahmenrahmenordner] verschieben, indem Sie das Panel mit dem Werkzeug [Objekt] auswählen > ausschneiden > entweder einen [Rahmenrahmenordner] auswählen, um das Panel dem Ordner hinzuzufügen oder eine beliebige Ebene außer [Rahmenrahmenordner] auswählen, um einen neuen Ordner zu erstellen > einfügen.

Trennwände mit dem Werkzeug „Rahmenränder ausschneiden“

[Rahmenrand ausschneiden] ist nützlich, wenn Sie vorhandene Rahmenränder teilen möchten. Sie können damit die Panels mit konsistenten vertikalen und horizontalen Abständen teilen, sodass Sie die Panels nicht manuell messen und ausrichten müssen.

 

Es gibt zwei Tools. [Rahmenordner teilen] legt den geteilten Rahmenrand in verschiedene Rahmenordner. [Rahmenrand teilen] teilt nur den Rahmenrand und alles bleibt im selben Ordner.

Werfen wir einen Blick auf die Einstellungen.

1. [Form der Teilung] bestimmt, wie wir die Panels aufteilen können. Zugegeben, ich habe für meine Comic-Projekte nur [Durch gerade Linie teilen] verwendet.

2. [Abstand des Rahmenrands in den Einstellungen] bezieht sich auf die Rahmenrandeinstellungen, die Sie unter Datei (oder CSP-Logo in der Tablet-Version) > Einstellungen > Ebene/Rahmen > Rahmenrand finden. Ich habe es nie verwendet, weil ich es vorziehe, es je nach den Anforderungen des Projekts anzupassen.

 

3. [Vertikale und horizontale Ränder] sind die Lücken zwischen den aufgeteilten Rahmenrändern. Im Bild unten ist der grüne Teil der vertikale Rand und der rote der horizontale Rand. Normalerweise ist der vertikale Rand schmaler als der horizontale Rand.

Es gibt noch weitere Einstellungen für das Tool. Sie erreichen diese, indem Sie auf das Symbol in der unteren rechten Ecke des Felds [Toolseigenschaft] klicken.

[Einrastwinkel] ist eine Einstellung, die ich häufig verwende. Sie ermöglicht das Einrasten der Unterteilung in bestimmten Winkeln, sodass Sie bei Bedarf ganz einfach gerade Rinnen erstellen können. Meine Einstellung ist auf 45 Grad eingestellt und ich schalte sie nur aus, wenn ich die Panelränder in anderen Winkeln haben möchte.

Eine andere Einstellung, die ich manchmal verwende, ist [Teilungsmethode]. So verwaltet das Tool die geteilten Rahmenränder:

[Rahmenordner teilen und innere Ebene duplizieren] erstellt einen neuen Ordner mit den neu geteilten Rahmen und kopiert jede einzelne Ebene in den ursprünglichen Rahmenordner. Dies ist die Standardeinstellung für [Rahmenordner teilen],

[Rahmenordner teilen und leeren Ordner erstellen] erstellt einen neuen Ordner für die geteilten Rahmen, kopiert aber nicht die Ebenen des ursprünglichen Rahmenordners. Dies ist nicht die Standardeinstellung eines der Tools, aber ich habe sie zur Standardeinstellung für meinen [Rahmenordner teilen] gemacht,

[Nicht Ordner, sondern Rahmenrand teilen] behält die geteilten Rahmenränder im selben Rahmenordner und ist die Standardeinstellung für [Rahmenrand teilen].

 

Unten enthält der ursprüngliche Rahmenrandordner eine Rasterebene und eine Tonebene. Sie können die Unterschiede zwischen den drei Optionen sehen, nachdem der Rahmen geteilt wurde.

Bearbeitungsbereiche

Sie können das Tool [Objekt] verwenden, um ein vorhandenes Panel zu bearbeiten. Wenn Sie auf ein Panel klicken, sieht das Panel folgendermaßen aus.

1. Drehen.

2. Größe ändern.

3. Kontrollpunkt. Damit können Sie die Form des Panels ändern. Es funktioniert wie ein Vektor.

4. Panel erweitern. Diese gelben Dreiecke erweitern das Panel auf eine bestimmte Weise. Wenn sich kein anderes Panel auf der Leinwand befindet, wird das Panel über den Rand der Leinwand hinaus erweitert.

 

Wenn sich jedoch andere Panels um das Panel herum befinden, wird es an den Rändern der Panels um es herum einrasten, bis kein anderes Panel mehr vorhanden ist. Dann geht es über den Rand der Leinwand hinaus.

Wenn das Panel dorthin erweitert wird, wo sich ein anderes Panel befindet, rastet die erweiterte Kante auch an den Kanten des anderen Panels ein.

Werfen wir einen Blick auf die Werkzeugeigenschaften. Hier können Sie, ähnlich wie bei den Werkzeugeinstellungen, den Rahmen mit [Rahmen zeichnen] unsichtbar oder sichtbar machen und die Farbe, Größe und Pinselform des Rahmens ändern. Außerdem gibt es eine Einstellung namens [Ränder ausgerichtet halten].

[Keine] bedeutet, dass die Formänderung eines Panels die übrigen Panels auf Ihrer Leinwand nicht beeinflusst.

[Horizontal & angrenzend] bedeutet, dass eine Änderung der Form eines Panels sich auf die Panels darüber und darunter sowie auf die direkt daneben liegenden Panels auswirkt. Wenn Sie die Panelform jedoch vertikal ändern, wirkt sich dies nicht auf die anderen Panels aus, die nicht direkt daneben liegen. Ich verwende diese Einstellung ständig.

[Alle] bedeutet, dass sich das Ändern der Form eines Panels zusätzlich zu den Änderungen bei [Horizontal und angrenzend] auch vertikal auf die anderen Panels auswirkt.

Da der Rahmen ein Vektor ist, funktioniert auch das Werkzeug [Linie korrigieren]. Hier habe ich [Linienbreite korrigieren] und [Linienbreite neu zeichnen] verwendet, um die Dicke der Paneele zu ändern.

[Freie Transformation] funktioniert auch.

Grundlagen der Verkleidung

Arten von Panels

Es gibt viele Arten von Comic-Panels. Hier sind einige, die sowohl für Comics als auch für Webtoons geeignet sind.

 

1. Normal

Rechteckig oder quadratisch und überlappt sich nicht mit anderen Panels. Dies ist der vielseitigste Typ – Sie können ihn für alles verwenden.

2. Unregelmäßig

Eine oder mehrere Seiten sind schräg. Die diagonale Form vermittelt den Eindruck von Instabilität und eignet sich daher hervorragend für dynamische Szenen.

3. Überlappung

Ein Teil des Panels überlappt sich mit einem anderen Panel. Da die Panels so nah beieinander liegen, kann dies dazu verwendet werden, Aktionen anzuzeigen, die nacheinander stattfinden.

Es wird auch zum Zeitspringen verwendet.

4. Einschub

Panel innerhalb eines größeren Panels. Das Panel innerhalb kann verwendet werden, um in einen wichtigen Teil der Szene hineinzuzoomen oder, wie im Beispiel unten, um eine Figur oder ein Objekt innerhalb der Szene anzuzeigen, während das größere Panel sich mehr auf die Szenerie konzentriert.

5. Defekt

Ein Teil des Bildes in einem Panel ragt über den Panelrand hinaus.

Um diesen Typ zu erstellen, ist ein wenig Ebenenverwaltung erforderlich, aber es ist nicht schwer.

 

1. Platzieren Sie den Teil, der über das Panel hinausgeht, über dem [Frame border folder]. Der Rest der Szene kann im [Frame border folder] oder irgendwo unterhalb des Ordners bleiben.

2. Verwenden Sie [Randeffekt] in [Ebeneneigenschaft], um einen Rand um das Bild zu erstellen, sodass zwischen dem Bild und dem [Rahmenrand] eine Lücke besteht, um die Sichtbarkeit zu verbessern.

3. Verwenden Sie eine Ebenenmaske, um den Teil auszublenden, der sich mit dem Rand überlappt.

Panelgröße

Die Panelgröße bestimmt, wie viel Zeit die Leser brauchen, um zum nächsten Panel zu gelangen. Je größer, desto mehr Zeit wird benötigt und desto mehr Aufmerksamkeit erregt das Panel. Das können wir zu unserem Vorteil nutzen.

 

1. Pause/Verzögerung

Da größer bedeutet, dass mehr Zeit innerhalb des Panels vergeht, können Sie die Pause in größeren Panels länger machen.

In der Szene mit der peinlichen Stille oben ist die Abbildung dieselbe, aber das breitere Panel lässt es so aussehen, als ob die Stille etwas länger gedauert hätte.

 

Sie können das Panel auch höher machen, was für Webtoons besser funktionieren könnte.

2. Wirkung

Etwas kann größer wahrgenommen werden, als es ursprünglich ist, wenn man es mit etwas Kleinerem vergleicht.

 

Schauen Sie sich diese Panels an.

Da die ersten beiden Panels groß sind, erscheint das letzte Panel im Vergleich dazu klein und damit unbedeutend.

 

Wären die ersten beiden Panels kleiner, würde das letzte Panel mehr ins Auge fallen.

Idealerweise verwenden wir große Panels für eine Szene, die wichtig oder wirkungsvoll ist. Wenn also ein großes Panel folgt, versuchen Sie, mindestens ein oder zwei kleine Panels für den Aufbau einzuschieben.

Comics-Verkleidung

Ränder

Wenn Sie eine neue Seite bzw. ein Fanzine erstellen, wird auf Ihrer Seite standardmäßig eine „Beschnittmarke“ angezeigt. Dies ist wichtig, wenn Sie Ihre Arbeit drucken möchten.

So würde die Schnittmarke in einer Einzelseitenkonfiguration aussehen.

1. Seiten-/Leinwandgröße

 

2. Innenrand

Auch als „Sicherheitsbereich“ bekannt. Die wichtigen Inhalte (Text, Hauptfokus des Panels) sollten innerhalb dieses Randes liegen. Rahmenränder werden automatisch am Innenrand ausgerichtet, sodass sie leicht gerade gehalten werden können.

 

3. Schnittrand (Schnittmarken)

Beim Drucken soll dies der Rand der gedruckten Seite sein.

 

4. Beschnittrand

Dies ist der Bereich, der abgeschnitten wird. 5 mm sind meiner Meinung nach am besten. Drucken und Schneiden sind nicht immer perfekt – es kommt häufig vor, dass Maschinen nicht perfekt an der Schnittlinie schneiden. Der Beschnittrand (auch als „Sicherheitsrand“ bekannt) dient dazu, Lücken zwischen dem Rand des gedruckten Bereichs und der Schnittlinie zu vermeiden.

 

So würde die Schnittmarke auf einer Doppelseite aussehen. Zwischen den Seiten befindet sich kein Beschnittrand.

Verschiedene Verlage und Drucker haben ihre eigenen Standards. Informieren Sie sich daher vor dem Senden Ihrer Datei(en). Um die Schnittmarke zu ändern, klicken Sie auf Ansicht > „Schnittmarke/Standardrahmeneinstellungen...“

Bedienfeldlayout

Je nachdem, woher Sie kommen, lesen Sie entweder von links nach rechts oder von rechts nach links. Es ist wichtig, die Leserichtung festzulegen, bevor Sie mit dem Entwurf des Panel-Layouts beginnen.

 

Wie Sie unten sehen können, hat das gleiche Panel-Layout je nach Leserichtung eine völlig unterschiedliche Lesereihenfolge.

Der Einheitlichkeit halber bleibe ich bei Von links nach rechts.

 

Nachdem Sie wissen, welche Leserichtung Sie bevorzugen, ist es an der Zeit, das Layout zu entwerfen. Dabei müssen Sie einige Dinge beachten.

Lesbarkeit

Ein gutes Layout ist etwas, bei dem die Mehrheit der Leser leicht herausfinden kann, in welche Richtung sie gehen sollen. Unser Hauptziel ist es, den Leser nicht zu verwirren. Egal, wie gut Ihre Geschichte und wie großartig Ihre Kunst ist, es bedeutet nichts, wenn die Leser verwirrt sind. Sie möchten nicht, dass die Leser damit beschäftigt sind, herauszufinden, welches Panel zuerst kommt, anstatt sich voll und ganz auf die Geschichte einzulassen.

 

Sehen Sie sich die Seite unten an und versuchen Sie, die Lesereihenfolge der Panels zu verstehen.

Ist es Ihnen gelungen? Durch die Gruppierung der Bedienfelder können Sie leichter feststellen, ob das Layout funktioniert.

Als Ersteller kann ich Ihnen sagen, dass die Leserichtung 1-4, A-B, Gelb, Blau und Cyan sein sollte. Aber ich bin sicher, dass es Leute gibt, die denken, dass 1-4, Gelb, Blau, Cyan und A-B sinnvoller ist. Wenn Sie Ihre Leser nicht verwirren wollen, sollten Sie ein mehrdeutiges Layout wie dieses vermeiden.

 

Indem wir nur die Cyan- und B-Felder anpassen, erhalten wir ein besseres Layout, das so aussieht:

Wenn Sie nicht sicher sind, ob das Panel-Layout funktioniert, versuchen Sie, die Panels zu gruppieren. Hier ist ein weiteres Beispiel:

Verwalten der Dachrinne

Der Schlüssel zur Lesbarkeit liegt in der Verwaltung des [Randes]. Es gibt mehrere Möglichkeiten, die Panels zu trennen:

 

  • 1.Grid=derRand in der Mitte vierer Panels sieht aus wie (plus).Wird am häufigsten in 4-Panel-Comics verwendet.

Persönlich empfehle ich dies nicht, außer bei 4-Panel-Comics, da es beim Lesen verwirrend sein könnte. Es funktioniert ganz gut, wenn Sie es mögen, aber ich bevorzuge etwas Klareres.

2. Versatz = der Abstand zwischen den 4 Panels ist Z-förmig. Das verwende ich lieber als ein Raster. Indem Sie den Rand ein wenig verschieben, können Sie sicherstellen, dass die Leute die Panels in der von Ihnen beabsichtigten Reihenfolge lesen.

3. Verstopfung = die Rinne zwischen 3 Paneelen ist T-förmig.

4. Trennung = zwischen den Panels ist eine große Lücke. Dies wird oft für Zeitsprünge verwendet.

Tachikiri/Cutoff-Panel

Comiczeichner erweitern Panels häufig über den inneren Rand hinaus. Diese Art von Panel wird als [Tachikiri] oder [Cutoff Panel] bezeichnet.

Beachten Sie, dass sich das Panel nicht bis zum Mittelteil der Doppelseite erstreckt, da dieser bei gebundenem Comicheft schwer zu erkennen wäre.

Stellen Sie außerdem sicher, dass das [Tachikiri] über den [Beschnittrand] hinausgeht, um unschöne leere Lücken durch Druck-/Beschnittfehler zu vermeiden.

Platzieren Sie wichtige Teile des Panels (Brennpunkt oder Text) nicht im [Beschnittbereich]. Belassen Sie, wie bereits erwähnt, wichtige Inhalte innerhalb des [Innenrahmens].

Doppelseiten-Panel

Im vorherigen Abschnitt blieb der Mittelteil zwischen zwei Seiten unberührt, aber Sie können es nicht vermeiden, ihn zu zeichnen, wenn Ihr Panel beide Seiten ausfüllt.

 

Es handelt sich immer noch um einen Beschnittbereich und wäre im gebundenen Zustand schwer zu sehen. Vermeiden Sie es daher, Text oder Vokalpunkte Ihres Kunstwerks in die Mitte zu setzen. Siehe beispielsweise unten.

Die markanten Punkte sind das Gesicht des Wals und das kleine Haus darauf, also liegen beide innerhalb des [Innenrands].

 

Wenn Sie Clip Studio EX haben, können Sie sehen, wie es gedruckt und gebunden aussehen würde, um zu bestimmen, ob die Platzierung richtig ist. Klicken Sie mit der rechten Maustaste auf einen beliebigen Bereich des Comic-Projektfensters (wo mehrere Seiten des Projekts angezeigt werden) und wählen Sie dann [3D-Vorschau für Bindung...].

So würde es aussehen, wenn es gebunden wäre. Die Stimmbänder sind deutlich zu erkennen.

So würde es aussehen, wenn die Stimmpunkte in der Mitte lägen.

Webtoons-Verkleidung

Das Format langer Streifen ist sehr nachsichtig und bietet jede Menge Spielraum. Sie müssen sich keine Gedanken über Ränder, Bundstege und Tachikiri machen.

 

Ich bedauere die Tatsache, dass es nicht möglich ist, die Pracht einer Doppelseite darzustellen und dass horizontale Tafeln nicht so gut funktionieren, aber das ist auch schon alles.

Tempo mit Lücken

Einer der größten Vorteile des langen Streifenformats ist, dass wir die Geschichte durch die Lücken zwischen den Panels vorantreiben können.

 

Je näher die Panels beieinanderliegen, desto schneller scrollen die Leute, desto schneller ist das Tempo. Je größer die Lücken, desto langsamer. Hier bereite ich drei Versionen einer Szene mit unterschiedlichen Lückengrößen vor.

 

Für rasante und intensive Szenen wie Actionszenen und hitzige Debatten ist es am besten, die Panels näher beieinander zu halten – überlappende Panels machen es noch spannender. Denn wenn der Leser auch nur ein bisschen scrollt, kommt ein weiteres Panel, dann noch eins und noch eins – im Gegensatz zu ein bisschen scrollen, ein Panel, wieder scrollen, nächstes Panel. Für entspanntere Szenen lassen Sie größere Lücken.

 

Hier bereite ich drei Versionen einer Szene mit unterschiedlichen Lückengrößen vor.

Haben Sie die Unterschiede gespürt?

Von Comics zu Webtoons

Wenn Sie sowohl im Webtoon- als auch im Buchformat veröffentlichen möchten, empfehle ich, zuerst mit dem Buchformat zu beginnen und dann die Panels in lange Streifen zu gliedern. Der umgekehrte Weg ist einfach ... zeitaufwändig, um es gelinde auszudrücken. Und ich weiß, dass ich nicht der Einzige bin, der so denkt.

 

Denken Sie beim Planen des Layouts im Comicformat daran, dass Webtoons mit vertikalen Panels besser funktionieren. Während es im Buchformat (was die Wirkung angeht) vielleicht keinen großen Unterschied macht, könnte es im Webtoonformat einen riesigen Unterschied machen.

 

Vergleichen Sie dies:

Hierzu:

Im Comic-Format hatte das erste Beispiel große Panels und war daher sehr wirkungsvoll. Aber als es ins Webtoon-Format übertragen wurde, war es ein Reinfall, da sich die Panelgröße aufgrund der Breitenbeschränkung nicht so gut übertragen ließ.

Und… das ist alles! Ich hoffe, Ihnen hat das Tutorial gefallen und Sie haben etwas Neues gelernt :)

Kommentar

Neu

Neu! Offizielle Tutorials