Einleitung

Hallo! Ich habe beschlossen, den gesamten Prozess der Erstellung eines kurzen Comics im Flat Design Stil aufzuzeichnen. Das Video ist eher ein ausführlicher Workshop als ein einfaches Tutorial. Ich hoffe, es ist hilfreich und interessant für Sie!

Unten finden Sie eine Zusammenfassung der wichtigsten Erkenntnisse in Textform.

Informationen vermitteln

Im Flat Design Stil können Sie Informationen auf eine sehr abstrakte und einfache Weise vermitteln. Im Vergleich zu einem Stil mit Lineart sollten Sie dieses Ziel schneller erreichen können und dabei viel weniger Präzision benötigen, was einer der großen Vorteile dieses Stils ist.

 

Das Ziel ist es, den Betrachtern grundlegende Informationen zu geben und sie den Sinn durch den Kontext erschließen zu lassen. Nehmen wir dieses Panel als Beispiel:

Es ist nicht ganz klar, was hier dargestellt wird. Man könnte eine Vermutung anstellen, aber die begrenzte Farbpalette und der sehr einfache Stil machen es mehrdeutig.

Aber durch das Hinzufügen einiger leicht erkennbarer Wolkenformen können wir sehr deutlich sagen: „Das ist eine Landschaft, von oben gesehen.“

Der Kontext wird durch die Darstellung von Vögeln, die man in einer solchen Umgebung erwarten würde, weiter verdeutlicht. Sie verwenden Elemente, mit denen die meisten Betrachter vertraut sind, um ihnen eine Idee zu vermitteln.

Gewollte Unvollkommenheit

Ich empfehle die Verwendung eines Pinsels mit rauer oder texturierter Kante, wie zum Beispiel den Zav Pencil.

Meiner Meinung nach hilft dies, ungenaue Formen zu kaschieren. Nehmen Sie zum Beispiel diesen Kreis, der linke wirkt bewusst unvollkommen. Von etwas mit einer rauen Oberfläche erwartet man nicht, dass es perfekt rund aussieht, während man dies bei etwas mit einer glatten Oberfläche vielleicht tun würde.

Ein Farbset erstellen

In meinem Beispiel-Comic arbeite ich mit einer sehr einfachen Farbpalette. Der Hauptfokus dieser Farbpalette liegt darauf, einen Kontrast zwischen den beiden Hauptfiguren (Blau vs. Rot) und ihrer Umgebung (Blau und Rot vs. Grau) zu schaffen.

Mit diesen grundlegenden Informationen definiere ich 3-4 Variationen pro Farbe. Im Wesentlichen erstelle ich eine Basisfarbe, eine hellere Farbe, eine dunklere Farbe und eine Variationsfarbe. Dies gibt mir im Allgemeinen alle Werkzeuge, die ich benötige, um eine Vielzahl von Formen voneinander abzuheben und Informationen wie Tiefe, Entfernung oder Licht zu vermitteln.

 

Sobald ich eine Farbpalette definiert habe, speichere ich sie gerne als Farbset in Clip Studio Paint. Öffnen Sie dazu das Menü „Fenster > Farbset“.

Sie können ein neues Farbset erstellen, indem Sie auf das Schraubenschlüssel-Symbol oben rechts klicken, wodurch sich dieses Fenster öffnet:

Sie können nun „Neues Set erstellen“. Sie können natürlich auch bestehende Sets löschen oder duplizieren, umbenennen oder neu anordnen. Wenn Sie fertig sind, können Sie auf OK klicken.

In Ihrem neuen Set können Sie neue Farben hinzufügen, indem Sie eine im Farbrad auswählen und dann auf das Tropfensymbol mit einem Pluszeichen unten rechts klicken.

Wenn Sie anfangen, sieht Ihr Farbset-Fenster möglicherweise anders aus als meins.

Um den gleichen Stil zu erhalten, klicken Sie auf das Burger-Menü oben links und wählen Sie „Ansicht > Mittlere Liste“.

 

Mit einem Farbset haben Sie sofort einfachen Zugriff auf Ihre am häufigsten verwendeten Farben in jedem Dokument, an dem Sie arbeiten.

 

Ein Dokument erstellen

Es ist sinnvoll, die Dokumentgröße an die Plattform oder das Medium anzupassen, in dem Sie Ihren Comic anzeigen möchten. In diesem Beispiel erstelle ich das Dokument in der standardmäßigen Breitbild-HD-Auflösung 1920x1080.

 

Wenn ich den Comic jedoch jemals drucken möchte, ist dies nicht ausreichend groß. Ich möchte aber auch nicht rechnen müssen, deshalb erstelle ich das Dokument zuerst in der gewünschten Endgröße und gehe dann später zu „Bearbeiten > Bildauflösung ändern“ und gebe einfach eine 3 in das Feld „Skalierung“ ein. Dadurch wird die Bildauflösung dreimal so groß, wie ich sie haben möchte, was in den meisten Fällen für den Druck ausreichend sein sollte.

 

Eine Comic-Idee entwickeln

Zuerst versuche ich, eine Idee für den Comic zu entwickeln. Für „Doom ‘n’ Gloom room“ lasse ich mich normalerweise von persönlichen Lebensereignissen inspirieren. Kürzlich hat ein Kollege gekündigt. Ich erinnere mich auch daran, bei Twitter über Leute gelesen zu haben, die gekündigt wurden oder gefeuert wurden. Ich habe versucht, mir eine Möglichkeit zu überlegen, diese Situation auf eine abstrakte, imaginative Weise darzustellen.

 

Ich habe eine grobe Skizze des Comics gemacht. Das Ziel bei einem so einfachen Strip ist es normalerweise, eine Situation in einem Panel darzustellen, eine Komplikation in einem anderen Panel zu präsentieren und schließlich eine Lösung oder Pointe im letzten Panel zu präsentieren. Natürlich kann jeder Schritt manchmal mehr als ein Panel erfordern, um die Idee vollständig zu vermitteln.

 

Wie Sie sehen können, habe ich im zweiten Panel einiges gegenüber der ersten Skizze geändert. Manchmal erfordert dieser Prozess einfach Versuch und Irrtum und Feinabstimmung. Normalerweise würde ich versuchen, einen Comic während des Skizziervorgangs feinabzustimmen, aber im Fall dieses Workshops habe ich einfach alles spontan improvisiert.

 

Panels erstellen

Clip Studio Paint verfügt über eine integrierte Funktion zum Erstellen von Comic-Panels. Sie wird „Rahmenrand-Werkzeug“ genannt. Ich verwende typischerweise das Unterwerkzeug „Rahmen erstellen > Rechteckiger Rahmen“, um Panels zu erstellen.

 

 

Beachten Sie, dass Sie eine Farbe für den Rahmenrand auswählen können. Sie benötigen keinen Rahmen und könnten „Rand zeichnen“ deaktivieren. In diesem Comic wollte ich jedoch keinen sichtbaren Rand, aber dennoch eine grobe Umrisslinie für das gesamte Panel. Deshalb wählte ich die Hintergrundfarbe der Leinwand für den Comic und wählte dann den Pinsel, den ich zum Zeichnen im Abschnitt „Pinselform“ verwendete, und wählte eine ausreichend große Pinselgröße, bei der die Textur sichtbar wäre. Auf diese Weise ist der Stil kohärent.

 

Später, als ich beschloss, das zweite Panel in zwei kleinere Panels aufzuteilen, verwendete ich das Werkzeug „Rahmenrand schneiden“.

 

 

Beachten Sie, dass es bei der Verwendung dieses Werkzeugs verschiedene „Teilungsmethoden“ gibt, die entweder sicherstellen, dass beide Panels den gleichen Inhalt haben, oder dass die neu erstellten Panels nun leer sind.

 

Beim Erstellen eines Panels bemerken Sie möglicherweise eine blaue Überlagerung über allem außer dem Panel. Sie können diese Option im Ebenenfenster deaktivieren, indem Sie die Option „Maskenbereich anzeigen“ abwählen:

 

Tipp 1: Ebenen organisieren und benennen

Beim Zeichnen des Comics möchte ich Sie dringend bitten, die meisten Elemente in einem Panel in separate Ebenen zu unterteilen und diese zu benennen. Ich weiß, das kann mühsam erscheinen (und ich mache es selbst nicht immer, wenn ich müde oder in Eile bin), aber es ist eine enorme Hilfe, um später Flexibilität bei Änderungen zu haben und die Ebenen zu identifizieren, auf denen eine Änderung stattfinden muss.

Tipp 2: Zwei Möglichkeiten, Schattierungen hinzuzufügen

Obwohl Sie in einem Flat Design Stil Comic normalerweise keine Schattierungen benötigen, hilft es manchmal, Dinge zu verdeutlichen oder eine bestimmte Beleuchtung zu vermitteln, die für die Erzählung notwendig ist. Es gibt zwei Möglichkeiten, Schattierungen hinzuzufügen:

 

Option A: Nachdem Sie das Objekt gezeichnet haben, das Sie schattieren möchten, wählen Sie „Transparente Pixel sperren“. Das bedeutet, dass Sie nur über zuvor gezeichnete Elemente auf dieser Ebene zeichnen können. Jetzt kann ich die Schattierung in einer anderen Farbe hinzufügen.

 

Option B: Alternativ erstellen Sie eine neue Ebene für die Schattierung und wählen Sie „Auf darunterliegende Ebene clippen“. Auf diese Weise haben Sie mehr Flexibilität bei der Schattierung und können auch Ebenenmischmodi wie „Multiplizieren“ verwenden.

 

Da dieser Comic einen so einfachen Stil und eine begrenzte Farbpalette hat, war Option A für mich etwas schneller und einfacher. Insgesamt würde ich jedoch Option B empfehlen.

 

Tipp 3: Referenzen verwenden

Für den Hintergrund der Landschaft habe ich ein wenig Referenzmaterial verwendet. Eine einfache Möglichkeit, Referenzbilder in Clip Studio Paint zu nutzen, ist das Öffnen des Fensters „Unteransicht“. Hier können Sie ein oder mehrere Referenzbilder öffnen (indem Sie auf den Ordner-Button unten rechts klicken), durch sie navigieren, Farben von ihnen aufnehmen und sie sogar drehen oder spiegeln.

 

Tipp 4: Materialien für wiederkehrende Elemente verwenden

Manchmal möchte man in Comics gängige Elemente wiederverwenden. Besonders im Flat Design, mit einem einfacheren Stil und ohne Lineart, ist es möglicherweise weniger auffällig, wenn Elemente wiederverwendet werden, und der Comic kann immer noch handgezeichnet und natürlich wirken.

 

Eine einfache Möglichkeit, dies in Clip Studio Paint zu tun, ist die Verwendung der „Materialien“-Funktion. Öffnen Sie dieses Fenster, indem Sie zu Fenster > Material > gehen und dann einfach eine dieser Optionen auswählen. Dies öffnet eine Bibliothek, in der bereits einige voreingestellte Kategorien und Elemente zu finden sind.

 

Sie können Ihre eigenen Kategorien erstellen, indem Sie Ordner oder Unterordner erstellen. Zum Beispiel habe ich einen Ordner „Comic-Charaktere“ in der Kategorie „Bildmaterial“ und Unterordner für verschiedene Charaktere erstellt.

 

Sobald Sie eine Zeichnung erstellt haben, die Sie wiederverwenden möchten, ziehen Sie sie einfach in den entsprechenden Ordner. Dies kann eine einzelne Ebene oder sogar ein Ordner mit mehreren Elementen sein. Sie könnten sogar eine ganze Figur konstruieren, wie ich es hier getan habe, und dann einfach Dinge ändern, wie einen neuen Gesichtsausdruck erstellen oder die Körperteile transformieren, um eine neue Pose zu erstellen.

 

Ein großer Vorteil dieser Funktion ist, dass Sie Zeit sparen, indem Sie eine Bibliothek von Elementen haben, auf die Sie jederzeit zugreifen können. Sie müssen nicht nach einer bestimmten Comic-Seite suchen, auf der Sie ein Element verwendet haben, und es dann in eine andere Datei kopieren und einfügen. Es ist wirklich eine enorme Zeitersparnis, wenn Sie nicht darauf bestehen, jedes kleine Detail in Ihrem Comic jedes Mal von Hand zu zeichnen.

 

Für Webtoon neu anordnen

Nachdem ich den Comic im Breitbildformat für Twitter fertiggestellt hatte, beschloss ich, den Comic auch für die Veröffentlichung auf Webtoon neu anzuordnen.

 

Mit der Option „Bearbeiten > Leinwandgröße ändern“ konnte ich die Leinwand von breit auf hoch umordnen. Die genauen Abmessungen spielen keine große Rolle, da wir sie während des Exportvorgangs ändern werden.

 

Jetzt ordne ich die Panels mit dem Werkzeug „Ebene verschieben“ neu an. Bei Bedarf könnte ich die Größe auch mit dem Werkzeug „Bearbeiten > Transformieren > Skalieren/Rotieren“ ändern.

 

Ein hilfreiches Werkzeug beim Anordnen der Ebenen ist die Ansichtsoption „Anzeigebereich auf dem Bildschirm“.

 

Damit kann ich sehen, welche Teile des Comics auf einem typischen Telefonbildschirm sichtbar sind. Alles andere ist etwas gedimmt. Dies hilft mir, die Panels so anzuordnen, dass ich Rhythmus und Spannung erzeugen kann. Zum Beispiel lasse ich den Leser nach dem dritten Panel ein Stück nach unten scrollen, bevor er zur Pointe gelangt, was es überraschender wirken lässt.

 

Nachdem ich den Comic neu angeordnet habe, kann ich „Datei > Exportieren für Webtoon“ verwenden, um den Comic automatisch in mehrere Bilder zu zerlegen, während ich auch eine maximale Bildbreite, z.B. 800 px, auswähle. Auf diese Weise sind die Bilder perfekt für den Upload auf Webtoon geeignet.

 

Vielen Dank

Vielen Dank, dass Sie sich die Zeit genommen haben, meinem Prozess der Erstellung eines einfachen Comics zu folgen. Ich hoffe, der Workshop hat Ihnen geholfen. Wenn Sie Fragen haben, lassen Sie es mich wissen.