Einführung

Hallo! Ich beschloss, den gesamten Prozess der Erstellung eines kurzen Comics in einem flachen Designstil aufzuzeichnen. Das Video ist eher ein vertiefender Workshop als ein einfaches Tutorial. Ich hoffe, dass es hilfreich und interessant für Sie sein wird!

Nachfolgend finden Sie eine Zusammenfassung der wichtigsten Takeaways in Textform.

Übermittlung von Informationen

In einem Flat Design Style können Sie Informationen sehr abstrahiert und einfach vermitteln. Verglichen mit dem Versuch, dasselbe mit einem Stil mit Lineart zu tun, sollten Sie in der Lage sein, dieses Ziel schneller zu erreichen, während Sie viel weniger Präzision benötigen, was einer der großen Vorteile des Stils ist.

 

Das Ziel ist es, den Zuschauern einige grundlegende Informationen zu geben und sie aus dem Kontext auf die Bedeutung schließen zu lassen. Nehmen wir dieses Panel als Beispiel:

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

Aber indem wir einige leicht erkennbare Wolkenformen hinzufügen, können wir sehr klar 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 Zuschauer vertraut sind, um ihnen eine Idee zu vermitteln.

Absichtliche Unvollkommenheit

Ich empfehle die Verwendung eines Pinsels mit rauer oder strukturierter Kante, wie z. B. Zav Pencil.

Meiner Meinung nach hilft dies, ungenaue Formen zu vertuschen. Nehmen Sie zum Beispiel diesen Kreis, der linke fühlt sich absichtlich unvollkommen an. Sie erwarten nicht, dass etwas mit einer rauen Oberfläche perfekt rund aussieht, während Sie dies bei etwas mit einer glatten Oberfläche tun könnten.

Erstellen eines Farbsets

In meinem Beispielcomic arbeite ich mit einer sehr einfachen Farbpalette. Das Hauptaugenmerk 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 Grundinformationen definiere ich 3-4 Variationen pro Farbe. Im Wesentlichen erstelle ich eine Grundfarbe, eine hellere Farbe, eine dunklere Farbe und eine Varietätsfarbe. Das gibt mir im Allgemeinen alle Werkzeuge, die ich brauche, um verschiedene Formen voneinander abzuheben und Informationen wie Tiefe, Entfernung oder Licht zu vermitteln.

 

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

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

Sie können nun „Neues Set erstellen“. Natürlich können Sie auch bestehende Sets löschen, 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 unten rechts auf das Drop-Symbol mit einem Plus-Symbol klicken.

Wenn Sie anfangen, sieht Ihr Farbsatzfenster möglicherweise anders aus als meines.

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

 

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

 

Erstellen eines Dokuments

Es ist sinnvoll, die Größe Ihres Dokuments an die Plattform oder das Medium anzupassen, auf dem Sie Ihren Comic anzeigen möchten. In diesem Beispiel erstelle ich das Dokument in der Standard-Breitbild-HD-Auflösung 1920 x 1080.

 

Wenn ich den Comic jedoch jemals drucken möchte, wird dieser nicht groß genug sein. Rechnen möchte ich aber auch nicht, deshalb erstelle ich das Dokument erst in der gewünschten Endgröße und gehe dann später auf „Bearbeiten > Bildauflösung ändern“ und trage einfach eine 3 in das „ Feld „Skalieren“. Dadurch wird die Bildauflösung dreimal so groß wie ich es haben möchte, was in den meisten Fällen für den Druck ausreichen sollte.

 

Auf eine Comic-Idee kommen

Ich beginne damit, dass ich versuche, eine Idee für den Comic zu entwickeln. Normalerweise lasse ich mich für „Doom ’n‘ Gloom Room“ von persönlichen Live-Events inspirieren. Kürzlich hat ein Kollege gekündigt. Ich erinnere mich, dass ich auch von Leuten gelesen habe, die auf Twitter gekündigt haben und gefeuert wurden. Ich habe versucht, mir einen Weg zu überlegen, diese Situation auf abstrahierte, phantasievolle Weise darzustellen.

 

Ich habe eine grobe Skizze des Comics gemacht. Das Ziel bei einem so einfachen Streifen ist es, normalerweise eine Situation in einem Panel zu erstellen, eine Komplikation in einem anderen Panel darzustellen und schließlich eine Auflö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 mit dem zweiten Panel die Dinge gegenüber der ersten Skizze ziemlich verändert. Manchmal erfordert dieser Prozess nur Trial-and-Error und Feinabstimmung. Normalerweise versuche ich vielleicht, die Feinabstimmung eines Comics während des Skizzierens abzuschließen, aber im Fall dieses Workshops habe ich einfach weitergemacht und alles spontan improvisiert.

 

Paneele erstellen

Clip Studio Paint verfügt über eine integrierte Funktion zum Erstellen von Comic-Panels. Es heißt „Frame Border“-Tool. Normalerweise verwende ich das Unterwerkzeug „Rahmen erstellen > Rechteckrahmen“, um Bedienfelder zu erstellen.

 

 

Denken Sie daran, dass Sie eine Farbe für den Rand des Rahmens auswählen können. Sie brauchen keinen Rand und könnten „Rand zeichnen“ abwählen. Allerdings wollte ich in diesem Comic keinen sichtbaren Rand, sondern trotzdem einen groben Umriss des gesamten Panels haben. Daher habe ich die Hintergrundfarbe der Leinwand für den Comic und dann den Pinsel ausgewählt, den ich zum Zeichnen im Abschnitt „Pinselform“ verwendet habe, und eine ausreichend große Pinselgröße ausgewählt, bei der die Textur erkennbar wäre. Auf diese Weise ist der Stil zusammenhängend.

 

Später, als ich entschied, dass das zweite Panel in zwei kleinere Panels geteilt werden sollte, habe ich das Werkzeug „Rahmenrand ausschneiden“ verwendet.

 

 

Denken Sie daran, dass es bei der Verwendung dieses Tools verschiedene „Teilungsmethoden“ gibt, die entweder sicherstellen, dass beide Bedienfelder denselben Inhalt haben, oder dass die neu erstellten Bedienfelder jetzt 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“ deaktivieren:

 

Tipp 1: Ebenen organisieren und benennen

Beim Zeichnen des Comics möchte ich Sie bitten, die meisten Elemente in einem Panel in separate Ebenen zu unterteilen und sie zu benennen. Ich weiß, dass dies wie eine lästige Pflicht erscheinen kann (und ich mache es nicht immer selbst, wenn ich müde oder in Eile bin), aber es ist eine große Hilfe, um Ihnen später Flexibilität bei Änderungen zu ermöglichen und die Ebenen zu identifizieren, in denen a Veränderung muss passieren.

Tipp 2: Zwei Möglichkeiten zum Hinzufügen von Schattierungen

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

 

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

 

Option B: Erstellen Sie alternativ eine neue Ebene für die Schattierung und wählen Sie „Auf Ebene darunter beschneiden“. Auf diese Weise haben Sie mehr Flexibilität bei der Schattierung und können auch Ebenenüberblendungseffekte 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: Verwenden Sie Referenzen

Für den Hintergrund der Landschaft habe ich ein wenig Referenz verwendet. Eine einfache Möglichkeit, Referenzbilder in Clip Studio Paint zu verwenden, besteht darin, das Fenster „Unteransicht“ zu öffnen. Hier können Sie ein oder mehrere Referenzbilder öffnen (indem Sie auf die Ordnerschaltfläche in der unteren rechten Ecke klicken), durch sie navigieren, Farben aus ihnen auswählen und sie sogar drehen oder spiegeln.

 

Tipp 4: Verwenden Sie Materialien für wiederkehrende Elemente

Manchmal möchten Sie in Comics gemeinsame Elemente wiederverwenden. Besonders im Flat Design mit einem einfacheren Stil und ohne Lineart fällt es möglicherweise weniger auf, wenn Elemente wiederverwendet werden, und der Comic kann immer noch handgezeichnet und natürlich aussehen.

 

Eine einfache Möglichkeit, dies in Clip Studio Paint zu tun, ist die Verwendung der Funktion „Materialien“. Ö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. Ich habe zum Beispiel einen Ordner „Comicfiguren“ 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, z. B. 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 mit Elementen haben, auf die Sie immer zugreifen können. Sie müssen nicht nach einer bestimmten Comicseite suchen, auf der Sie ein Element verwendet haben, und es dann kopieren und in eine andere Datei einfügen. Es ist wirklich eine enorme Zeitersparnis, wenn Sie nicht darauf bestehen, jedes kleine Ding in Ihrem Comic von Hand zu zeichnen.

 

Neuanordnung zu Webtoon

Nachdem ich den Comic im Widescreen-Format für Twitter fertiggestellt hatte, beschloss ich, den Comic auch für die Veröffentlichung auf Webtoon neu zu arrangieren.

 

Mit der Option „Bearbeiten > Leinwandgröße ändern“ konnte ich die Leinwand so neu anordnen, dass sie hoch statt breit ist. Die genauen Abmessungen spielen keine große Rolle, da wir sie während des Exportvorgangs ändern.

 

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

 

Ein hilfreiches Werkzeug beim Anordnen der Ebenen ist die Ansichtsoption „Bildschirmbereich“.

 

Damit kann ich auf einem typischen Telefonbildschirm sehen, welche Teile des Comics zu sehen sind. Alles andere ist etwas düster. Das hilft mir, die Panels so zu verteilen, dass ich Rhythmus und Spannung erzeugen kann. Zum Beispiel lasse ich den Leser nach dem dritten Panel etwas nach unten scrollen, bevor er zur Pointe kommt, damit es sich eher wie eine Überraschung anfühlt.

 

Nachdem ich mit der Neuanordnung des Comics fertig bin, kann ich „Datei“ > „In Webtoon exportieren“ verwenden, um den Comic automatisch in mehrere Bilder aufzuteilen, während ich gleichzeitig eine maximale Bildbreite auswähle, z. B. 800 Pixel. Auf diese Weise eignen sich die Bilder perfekt zum Hochladen auf Webtoon.

 

Danke

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