In diesem Tutorial geht es darum, Comic-Rahmen und -Panels mit den Rahmenrand-Tools in Clip Studio Paint einzurichten. Ich werde in Kürze auch ein weiteres ergänzendes Tutorial über Sprechblasen machen!

 

Hier ist eine Videoversion dieses Tutorials, aber wenn Sie lieber Text möchten, finden Sie ihn weiter unten.

Zu Ihrer Information: Dies ist ein umfangreiches Thema, daher werde ich heute nicht auf Webtoons, Druckoptionen wie Beschnitt und Anschnitt oder die Mehrseitenoptionen in EX eingehen. Lassen Sie mich jedoch wissen, ob Sie in zukünftigen Tutorials etwas davon sehen möchten!

Erstellen Sie eine Comic-Leinwand

Clip Studio Paint begann als Manga Studio und verfügt daher über viele Comic-bezogene Funktionen.

Wenn Sie über Datei -> Neu eine neue Leinwand erstellen, beziehen sich vier der sechs Projekttypen auf Comics.

 

Hinweis: Wenn Sie Clip Studio Paint Pro verwenden, werden Ihnen die Option „Fanzine drucken“ oder die Option „Mehrere Seiten“ nicht angezeigt. Dies sind Funktionen von EX.

Der Comic-Projekttyp ist ziemlich gut, hat aber einige Einschränkungen, z. B. dass Sie eine Datei nur in Millimetereinheiten einrichten können.

 

Ich gehe stattdessen lieber zur Kategorie „Alle Comic-Einstellungen anzeigen“, die, wie der Name schon sagt, alle Einstellungen an einem Ort verfügbar macht!

 

Für dieses Beispiel werde ich einen digitalen Comic auf einer 3000 Pixel breiten und 2000 Pixel hohen Leinwand erstellen.

Zuerst ändere ich die Einheit mithilfe der Dropdown-Liste in der oberen rechten Ecke in Pixel.

Ich werde die Zuschneideoptionen nicht verwenden, da dieses Projekt nur digital sein wird.

 

Es ist zwar möglich, das Häkchen bei den Comic-Einstellungen einfach komplett zu deaktivieren, aber dadurch würde auch der innere Rand verloren gehen, den ich brauche. Ich zeige Ihnen gleich, warum!

 

Um die Zuschneidegröße zu entfernen, setzen Sie die Beschnittbreite auf 0 und dann können Sie die Zuschneidegröße auf 3000 x 2000 einstellen. Beachten Sie, dass die Leinwandgröße aktualisiert wird, um der Zuschneidegröße zu entsprechen, und die Zuschneidegröße nicht mehr im Weg ist.

 

Hinweis: Ich werde später im Tutorial auf die Vorlageneinstellung eingehen. Was die Auflösung betrifft, ist sie nur relevant, wenn Sie die Leinwand drucken möchten. Wenn Sie sich für die Bildauflösung (oft als DPI oder PPI bezeichnet) interessieren, habe ich hier ein Tutorial dazu:

Der innere Rand dient als Orientierung für die Platzierung Ihrer Comic-Rahmen.

 

Ich stelle ihn auf 2800 x 1800 ein, sodass ich auf jeder Seite 100 Pixel habe.

Klicken Sie auf „OK“, und hier ist die neue Leinwand! Sie können den Umriss des inneren Rahmens auf jeder Seite mit 100 Pixeln erkennen. Der Rand ist technisch gesehen auch vorhanden, aber da er genau meiner Leinwandgröße entspricht, können Sie ihn nicht wirklich sehen.

Passen Sie die Leinwand an

Comics haben unten oft einen breiteren Rand als den von mir eingerichteten. Daher ist jetzt ein guter Zeitpunkt, um zu lernen, wie Sie die Einstellungen anpassen.

Gehen Sie zum Menü Ansicht und wählen Sie Einstellungen für Schnittmarken/Innenrahmen.

Hier sind einige der gleichen Einstellungen, die Sie beim Erstellen der Leinwand gesehen haben.

 

Ich ändere meine Höhe von 1800 auf 1700 Pixel und füge einen vertikalen Versatz (einen Y-Versatz) von -50 Pixel hinzu, um den Unterschied auszugleichen. (Denken Sie daran, NEGATIVE 50 Pixel hinzuzufügen, das „-“ ist wichtig.)

 

Sie können im Hintergrund sehen, wie sich meine Leinwand geändert hat, um den neuen Einstellungen zu entsprechen. Viel besser!

Es ist auch wichtig zu wissen, dass die Verwendung einiger Optionen wie Bearbeiten -> Bildauflösung ändern oder Bearbeiten -> Leinwandgröße ändern dazu führt, dass Ihre Schnittmarken und Ränder entfernt werden.

Wenn Sie die Größe Ihrer gesamten Leinwand ändern müssen und die Einstellungen für Beschnittgröße und Innenrahmen beibehalten möchten, gehen Sie stattdessen zu Bearbeiten -> Leinwandeigenschaften.

Panel-Rahmenrand

Zuerst erstelle ich den Rahmenrand des Comics.

Hierfür gibt es zwei Möglichkeiten. Am einfachsten ist es jedoch, zu Ebene -> Neue Ebene zu gehen und Rahmenrahmen-Ordner auszuwählen.

Sie können es benennen, wenn Sie möchten, und die anderen Optionen dienen dazu, ob ein Rahmen darum herum angezeigt werden soll. Ich wähle eine Linienbreite von 15.

 

Wenn Sie diagonale Panels möchten, aktivieren Sie Anti-Aliasing. Wenn alle Panels horizontal und vertikal sein sollen, können Sie es auslassen. Ich lasse es vorerst aus, damit ich Ihnen den Effekt später zeigen kann.

Wenn Sie auf „OK“ klicken, passieren zwei Dinge.

 

Zum einen haben Sie jetzt diesen Rahmen mit einem schwarzen Umriss von 15 Pixeln, umgeben von Blau.

 

Beachten Sie, dass er genau dort erscheint, wo ich den inneren Rand eingerichtet habe. Wenn ich dies ohne inneren Rand versucht hätte, wäre der Rahmen stattdessen einfach bis zu den Rändern gegangen.

Der Rahmen wird als spezieller Ordnertyp im Ebenenbedienfeld angezeigt.

Teilungsmethode: Rahmenordner teilen

Außerdem hat CSP mich automatisch zum Rahmenrand-Werkzeug umgeschaltet, genauer gesagt zu diesem Unterwerkzeug „Rahmenordner teilen“.

Wenn ich klicke und ziehe, wird mein Rahmen entlang dieser Linie geteilt.

Und jetzt habe ich zwei Rahmenordner, einen für jeden abgespaltenen Teil.

 

Ich hätte allerdings gern einen breiteren Abstand zwischen ihnen, also mache ich das mit Strg-Z (Befehl-Z auf dem Mac) rückgängig.

In der Werkzeugeigenschaftenpalette ändere ich sowohl meine vertikalen als auch meine horizontalen Rinnen jeweils auf 60.

Wenn ich jetzt klicke und ziehe, ist der Abstand zwischen ihnen größer.

Klicken und ziehen Sie weiter, und Ihre Rahmen werden immer wieder unterteilt.

 

Tipp: Halten Sie die Umschalttaste gedrückt, um die Rahmenunterteilungen auf vertikal, horizontal oder 45 Grad zu fixieren.

Die Option „Form der Unterteilung“ ist standardmäßig auf „Gerade Linie“ eingestellt. Mit den anderen beiden Optionen können Sie jedoch gezackte oder gekrümmte Unterteilungen hinzufügen, etwa so:

Abstand der Rahmenränder in den Voreinstellungen

Wenn Sie feststellen, dass Sie ständig die gleiche Rahmenrandgröße verwenden, gehen Sie zu Datei -> Einstellungen.

Gehen Sie zum Abschnitt mit der Bezeichnung Ebenenrahmen.

 

Hier können Sie die standardmäßigen vertikalen und horizontalen Ränder festlegen. Drücken Sie OK, wenn Sie fertig sind.

Aktivieren Sie in der Werkzeugeigenschaftenpalette das Kontrollkästchen Abstand der Rahmenränder in den Voreinstellungen, und Ihre bevorzugten Ränder werden als Standard verwendet.

Zeichnen in den Rahmen

Wir haben jetzt also eine Reihe von Rahmen – was machen wir damit? Sie erhalten ein Nullsymbol, wenn Sie versuchen, Zeichenwerkzeuge auf einem davon zu verwenden. Der Hinweis steckt jedoch im Namen – es sind Ordner!

Erstellen Sie eine neue Ebene innerhalb einer Ebene. Es kann jede Art von Ebene sein: Raster, Text, Sprechblase und sogar andere Ordner. Hier habe ich einfach die Schaltfläche Neue Rasterebene verwendet, um meine Ebene zu erstellen.

Jetzt können Sie auf dieser Ebene zeichnen – und Ihre Zeichnung wird innerhalb des Rahmens begrenzt!

 

Tipp: Wenn Ihr Zeichenwerkzeug am Rahmen einrastet, deaktivieren Sie das an diesem Rahmen befestigte Lineal, indem Sie mit der rechten Maustaste auf das Linealsymbol klicken und „Lineal anzeigen“ deaktivieren.

Sie können in einen Rahmen so viele Ebenen einfügen, wie Sie möchten, sodass Sie einen für Skizzen, Strichzeichnungen und Farben haben – oder für jede andere Struktur, die für Sie am besten geeignet ist.

Teilungsmethode: Verwenden eines einzelnen Rahmenrahmenordners

Wenn Sie denken, dass das eine Menge Ebenen sind, die Sie im Auge behalten müssen, haben Sie Recht! Es gibt Gründe, warum Sie jeden Frame in einem separaten Ordner aufbewahren möchten, aber das ist nicht die einzige Möglichkeit. Sehen wir uns eine andere Option an: Verwenden Sie stattdessen einen einzelnen Frame-Randordner.

Ich beginne erneut mit meinem ursprünglichen Rahmenrandordner.

Dieses Mal wähle ich neben „Teilungsmethode“ die Option Nicht Ordner, sondern Rahmenränder teilen.

Klicken und ziehen Sie, um die Unterteilung zu erstellen. Mit dieser Option wird immer noch eine Unterteilung zwischen den Rahmen hinzugefügt…

…aber behält sie im selben Ordner.

Wenn Sie hier eine Ebene erstellen und darin zeichnen, wird der Unterschied deutlich. Sie sehen die Zeichnung im Rand nicht, können aber über beide Bedienfelder hinweg zeichnen.

Kombinieren von Teilungsmethoden

Sie können die beiden Methoden auch kombinieren. Ändern Sie die Teilungsmethode zurück in Frame-Ordner teilen und innerhalb der Ebene duplizieren.

Machen Sie eine weitere Unterteilung.

Jetzt haben Sie zwei Frames in einem Ordner und einen davon unabhängigen Frame. Sie können Frames auf diese Weise trennen, wenn Sie beispielsweise möchten, dass einer von ihnen die anderen überlappt.

 

Beachten Sie, dass auch eine Kopie der untergeordneten Ebene des Originalframes erstellt wurde, einschließlich der Zeichnung!

Wenn Sie dieses Verhalten nicht wünschen, wählen Sie die mittlere Teilungsmethode, Rahmenordner teilen und leeren Ordner erstellen.

Dies hat genau dasselbe Ergebnis wie die erste Option, mit dem Unterschied, dass Sie mit einem völlig leeren Frame-Ordner beginnen können, anstatt das Original zu kopieren.

Rahmen anpassen

Rahmenränder sind Objekte. Um sie anzupassen, gehen Sie zum Operation-Werkzeug und wählen Sie unseren alten Freund, das Objekt-Unterwerkzeug.

Hier ist ein kleiner Comic, den ich als Beispiel gemacht habe. (Keine Sorge, es sind nur ein paar Drachenjunge, die miteinander raufen, sie tun sich nicht gegenseitig weh!)

 

Mit dem Objekt-Subtool können Sie einen einzelnen Frame auswählen. Sie können auch mehrere Frames auswählen, indem Sie Shift gedrückt halten, solange sie sich im selben Ordner befinden.

 

Sie können jedoch nicht gleichzeitig Frames aus verschiedenen Ordnern auswählen.

Wenn ein Rahmen ausgewählt ist, können Sie Eigenschaften wie die Randfarbe mit der Option Hauptfarbe oder die Dicke mit der Option Pinselgröße ändern.

 

Tipp: Es gibt auch viele andere Pinseloptionen, wenn Sie kreativ werden möchten!

Halten Sie die Dachrinnen ausgerichtet

Sie können auch die Größe des Rahmens anpassen.

Standardmäßig versucht das Programm, die anderen Frames entsprechend anzupassen, auch wenn diese in anderen Ordnern liegen.

Wenn Sie dieses Verhalten nicht möchten, setzen Sie die Option Rinnen ausgerichtet halten auf Keine.

Jetzt passen Sie nur noch dieses eine Bedienfeld an und keines der anderen Bedienfelder versucht, die Anpassung zu übernehmen.

Dachrinnen entfernen

Beachten Sie diese kleinen gelben Pfeile um einen ausgewählten Rahmen.

Sie können darauf klicken, um die Ränder zu entfernen, sowohl zwischen den Rahmen als auch zwischen einem Rahmen und dem Rand der Leinwand.

 

Das ist ideal, wenn Sie einen randabfallenden Rahmen möchten, wie Sie ihn in manchen Comics sehen.

Verschieben von Frames

Sie können einen ausgewählten Rahmen mit dem Unterwerkzeug „Objekt“ verschieben. Beachten Sie jedoch, dass die Ebene (oder Ebenen) im Ordner statisch bleiben.

Wenn Sie das Ganze verschieben möchten, gehen Sie zum Werkzeug Ebene verschieben und stellen Sie sicher, dass das Unterwerkzeug Ebene verschieben ausgewählt ist.

Wählen Sie den gesamten Rahmen-Ordner (keine der Unterebenen) und klicken Sie, um ihn zu ziehen. Sowohl der Rahmen als auch sein Inhalt werden gemeinsam verschoben.

 

Hinweis: Wenn Sie eine Unterebene ausgewählt haben, wird nur diese Ebene verschoben, der Rahmen jedoch nicht. Dies ist hilfreich, wenn Sie eine Zeichnung innerhalb des Rahmens neu positionieren möchten!

 

Dies funktioniert natürlich am besten, wenn alle Ihre Rahmen in separaten Ordnern vorliegen, und ist ein Grund, warum Sie diese möglicherweise verwenden möchten.

Kantenglättung

Wie ich bereits erwähnt habe, sollten Sie die Kantenglättung höchstwahrscheinlich aktivieren, wenn Sie diagonale Frames wünschen.

Ich habe es als Demonstration weggelassen. Wenn ich hineinzoome, können Sie sehen, dass die Ränder meiner Rahmen gezackte Pixel sind.

Um es einzuschalten, öffnen Sie die Palette Sub Tool Detail, indem Sie auf das Schraubenschlüsselsymbol klicken, und gehen Sie dann zu Anti-Aliasing.

Mittel ist eine gute Option.

 

Beachten Sie, dass es nur die von Ihnen ausgewählten Panels betrifft. Wenn Sie also alle Ihre Rahmenränder in separaten Ordnern haben, müssen Sie dies für jedes einzelne tun. (Deshalb ist es am besten, Anti-Aliasing gleich zu Beginn einzuschalten, wenn Sie denken, dass Sie es brauchen werden!)

Benutzerdefinierte Rahmenformen

Bei Platten mit geraden Kanten ist das alles großartig, aber was, wenn Sie kreativ werden möchten?

Ich habe mit meiner völlig leeren Leinwand und ihrem inneren Rand begonnen.

Rechteckiges Rahmen-Subtool

Im Rahmenrahmen-Werkzeug gibt es oben zwei Registerkarten: Rahmen erstellen und Rahmenrahmen ausschneiden. Bisher haben wir die zweite verwendet, aber jetzt klicken Sie auf Rahmen erstellen.

 

Wählen Sie dann das Unterwerkzeug Rechteckiger Rahmen aus.

Klicken Sie auf einen Rahmenrand und ziehen Sie ihn heraus.

 

Er wird immer noch an Ihrem inneren Rand ausgerichtet, wenn Sie nahe genug dran sind, aber Sie können ihn in jeder beliebigen Größe einstellen. Dies ist ähnlich, wie wir unseren Rand zuvor erstellt haben, aber hier haben Sie mehr Kontrolle und müssen ihn nicht auf dieselbe Größe wie den inneren Rand einstellen.

In den Eigenschaften des Werkzeugs „Rechteckrahmen“ stehen Ihnen neben So fügen Sie hinzu zwei Optionen zur Verfügung. Beginnen wir mit Neuen Ordner erstellen.

Wenn Sie mit dieser Option neue Frames hinzufügen, werden diese standardmäßig in einem neuen Ordner abgelegt. Dadurch können Sie die Frames auch gut überlappen.

Die zweite Option ist Zum ausgewählten Ordner hinzufügen.

Dadurch werden alle neuen Frames einfach zum selben Ordner wie der ursprüngliche Frame hinzugefügt.

Wenn Sie neue Rahmen mit dem Unterwerkzeug „Rechteckrahmen“ (oder einem der Unterwerkzeuge unter „Rahmen erstellen“) erstellen, wird Ihr Rahmen standardmäßig auch mit einer leeren Rasterebene und einer weißen Hintergrundfüllung versehen.

 

Verwenden Sie die angezeigten Schalter, um eine oder beide dieser Optionen zu deaktivieren.

Kreis- und Polygonrahmen

Das Werkzeug „Rechteckrahmen“ verfügt über eine ähnliche Funktion wie andere Figurenwerkzeuge in Clip Studio Paint. Sie können dort in die Detailpalette der Unterwerkzeuge gelangen, indem Sie auf das Schraubenschlüsselsymbol klicken und dann den Abschnitt „Figur“ auswählen.

Hier können Sie das Werkzeug ändern, um runde oder polygonale Rahmen zu erstellen.

 

Sie haben auch Zugriff auf die anderen Abbildungsfunktionen, wie die Anzahl der Ecken, abgerundete Kanten und das Festlegen auf ein bestimmtes Seitenverhältnis.

Polylinienrahmen

Das nächste Unterwerkzeug ist der Polylinienrahmen.

Es bietet Optionen zum Zeichnen gezackter Rahmenränder mit geraden Linien …

Und auch Ränder mit drei Arten gekrümmter Linien (Spline, quadratische Bézierlinie und kubische Bézierlinie).

Rahmenrandstift

Das letzte standardmäßige Unterwerkzeug heißt Rahmenrandstift.

Hiermit können Sie ganz einfach einen Rahmen von Hand zeichnen, und zwar völlig frei in der Form!

Integrierte Panel-Vorlagen

Clip Studio Paint verfügt außerdem über zahlreiche integrierte Bedienfeldvorlagen, die Ihnen den Einstieg erleichtern.

Öffnen Sie das Materialfenster, indem Sie zu Fenster -> Material gehen und eine der angezeigten Optionen auswählen.

Öffnen Sie Manga Material und wählen Sie den Ordner Framing Template.

Sie werden im Hochformat angezeigt, aber das wirklich Schöne ist, dass sie sich Ihrer Leinwandgröße anpassen, wenn Sie auf eine klicken und sie hineinziehen.

 

Außerdem wird berücksichtigt, wo Sie Ihren inneren Rand festgelegt haben!

Ich habe bereits erwähnt, dass ich früher im Tutorial auf diese Vorlagenoption zurückkommen werde!

 

Wenn Sie eine neue Leinwand erstellen, haben Sie die Möglichkeit, eine Vorlage einzuschließen. Dies sind dieselben Vorlagen, die Sie gerade im Materialfenster gesehen haben.

 

Tipp: Sie können auch Ihre eigenen Vorlagen erstellen, aber das ist ein Thema für ein anderes Tutorial!

 

Aktivieren Sie das Kontrollkästchen Vorlage und klicken Sie dann auf die Schaltfläche direkt unter der Papierfarbe, um eine Vorlage auszuwählen.

Wählen Sie die gewünschte Vorlage aus der Liste aus und klicken Sie auf „OK“.

Wenn Sie die neue Leinwand erstellen, wird die von Ihnen gewählte Vorlage von Anfang an einbezogen!

Rahmenränder gleichmäßig aufteilen

Eine letzte Sache! Angenommen, Sie möchten nur ein einfaches Raster aus gleich großen Rahmen.

Beginnen Sie mit einem Rahmenrand, wie wir es zuvor getan haben, und stellen Sie sicher, dass der Rahmenrand-Ordner ausgewählt ist.

Gehen Sie zu Ebene -> Lineal/Rahmen -> Rahmenränder gleichmäßig aufteilen.

Wählen Sie die gewünschte Anzahl vertikaler und horizontaler Unterteilungen.

 

Die Option Ordner unterteilen ist genau die gleiche wie die Unterteilungsmethoden, die wir uns zuvor angesehen haben.

Sie können in der Vorschau sehen, was An Seitenrichtung des Rahmens anpassen bewirkt, wenn ich es umschalte. Bei einem rechteckigen Rahmen macht es keinen Unterschied, bei jeder anderen Form jedoch schon.

Klicken Sie auf „OK“, und schon sind Sie fertig. Perfekte, gleichmäßige Teilungen!

 

Hinweis: Es gibt keine Option für die Breite des Rahmens. Die Funktion „Rahmenränder gleichmäßig teilen“ verwendet stattdessen die Einstellungen, die Sie in den Voreinstellungen festgelegt haben.

Abschluss

Okay, das war’s für dieses Mal. Clip Studio Paint hat viele wirklich nützliche Tools zum Einrichten von Comic-Panels und ich hoffe, ich habe Ihnen dabei geholfen, zu lernen, wie man sie gut verwendet.

 

Ich werde in Kürze ein weiteres Video auf meinem YouTube-Kanal machen, in dem es darum geht, wie man Sprechblasen zu dem kleinen Drachencomic hinzufügt, den ich gemacht habe. Clip Studio Paint hat auch einige großartige Tools für Sprechblasen, also bleiben Sie dran!

 

Folgen Sie mir unbedingt @MsRedNebula auf Twitter, Instagram, Bluesky oder Mastodon, um zu sehen, wann ich neue Tutorials ankündige. Sie können mir auch hier auf Clip Studio Tips folgen oder meinen YouTube-Kanal abonnieren.

 

Viel Spaß beim Comic-Erstellen!