Einleitung

Hallo, ich bin Senli, auch bekannt als ahogemon. In diesem Tutorial zeige ich Ihnen, wie Sie Webcomic-Panels mit Mischmodi in Anime-ähnliche Shader verwandeln, um Ihre Webcomic- oder Webtoon-Serie in Clip Studio Paint aufzuwerten.

Beachten Sie, dass dieses Tutorial nicht für Anfänger gedacht ist, die gerade erst mit CSP beginnen, da es möglicherweise keine grundlegenden Werkzeug-Tutorials enthält, wie zum Beispiel zum Erstellen einer neuen Ebene, Verschieben, Zusammenführen usw. Ich gehe also davon aus, dass Sie mit den Grundlagen vertraut sind.

Sollten Sie jedoch am Ende des Tutorials Fragen haben, hinterlassen Sie bitte unten einen Kommentar, ich werde so schnell wie möglich antworten.

Vorbereitung

Da wir im letzten Schritt Schattierungen zur Fertigstellung hinzufügen werden, müssen wir zuerst unsere Panels vorbereiten.

Ich habe mein Panel hier vorbereitet, wir sehen, dass zwei Charaktere mit flachen Farben versehen wurden und sie in separaten Ordnern liegen, ich habe auch den Heiligenscheinring getrennt. Und zuletzt die 'bg'- oder Hintergrundebene, die ich in Blender gerendert habe.

Es ist eine gute Praxis, Ebenen in eigenen Ordnern abzulegen, um sie organisiert und leicht auffindbar zu halten, wenn Sie mit vielen Ebenen arbeiten.

Jeder könnte unterschiedliche UI-Layouts haben, also lassen Sie sich nicht verwirren, der Screenshot unten zeigt mein Layout, ich weiß, es sieht einfach und sauber aus, da ich meist Tastenkombinationen verwende, aber dies beeinflusst nicht die Grundfunktionen in CSP. Wir sprechen heute nicht über die Benutzeroberfläche, konzentrieren wir uns auf das Überblenden.

Ich habe die genaue Panel-Clip-Datei für dieses Tutorial zur Verfügung gestellt, falls Sie diesem Tutorial folgen und dieselbe Seite haben möchten, können Sie sie über den untenstehenden Link herunterladen.

Beachten Sie, dass diese Datei nirgendwo erneut veröffentlicht werden sollte. Um die Datei zu teilen, müssen Sie den Link zuerst auf dieses Tutorial umleiten. Bitte verwenden Sie sie nur zum Üben, missbrauchen Sie sie nicht und verwenden Sie sie verantwortungsvoll.

Webcomic-Kunst unterscheidet sich von Illustrationskunst

Bevor wir beginnen: Bei der Erstellung von Webcomic-Panels geht es um Geschwindigkeit und Effizienz, nicht um die Qualität. Im Gegensatz zu einer Illustration, die in einem Monat erstellt werden kann, müssen Webcomic-Ersteller mindestens drei oder mehr Panels pro Tag produzieren, um den wöchentlichen Zeitplan einzuhalten. Es ist also eigentlich in Ordnung für Webcomic-Kunstwerke ohne Schattierung oder nur mit minimaler Schattierung, aber wenn Sie noch Zeit haben, Ihre Panels zu verbessern, dann ist dieses Tutorial gut zu befolgen, da ich Ihnen nur ein paar Schritte zeigen werde, um Ihre Panels besser aussehen zu lassen.

Schritt 1: Lichtquelle

Entscheiden Sie, woher die Lichtquelle kommt. In meinem Beispiel ist die Lichtquelle ein Vollmond, der von oben, hinter der Kamera kommt, sodass er nicht in der Szene erscheint, aber wir wissen, dass er da ist.

Schritt 2: Die Farbe für den Schatten wählen

Der Schlüssel zur Wahl der Farbe für den Schatten liegt darin, was das Umgebungslicht beeinflusst. Für dieses Beispielpanel ist es der Nachthimmel.

Dies ist ein optionaler Schritt, aber es ist eine gute Praxis, bevor wir die Farbe auswählen, die Farbe auf das Standard-Schwarz (Vordergrund) und Weiß (Hintergrund) umzuschalten.

Wechseln Sie nun die Farbe auf den Vordergrund, der jetzt der schwarze ist (angenommen, Sie haben den optionalen Schritt befolgt), dann wähle ich die Farbe genau in der Mitte, über dem Horizont.

Offensichtlich ist die Farbe des Nachthimmels zu dunkel. Wir wollen nicht, dass der Schatten zu dunkel aussieht, also werde ich die Farbe anpassen, indem ich den Wert auf etwa 60% erhöhe und die Sättigung auf etwa 15% reduziere. Und Sie sollten die Farbe in einem neuen Slot speichern, um bei Bedarf schnell darauf zugreifen zu können und die Schattierungsfarbe konsistent zu halten. Belassen Sie die Hintergrundfarbe als Weiß.

Schritt 3: Die Schattierungsebene vorbereiten

Hier beginne ich mit der Schattierung von 'ethan', es gibt keine Regel, mit welchem Objekt man beginnen soll.

Lassen Sie uns es duplizieren und dann in einer neuen Ebene zusammenführen.

Benennen Sie die Ebene um, in meinem Fall möchte ich sie 'sd' für Schatten nennen.

Sperren Sie den transparenten oder den Alphakanal und stellen Sie den Mischmodus auf Multiplizieren.

Wechseln Sie nun die Farbe zur Hintergrundfarbe, die weiß ist, und füllen Sie sie mit Weiß.

Schritt 4: Mit dem Schattieren beginnen

Wechseln Sie nun zurück zur Vordergrundfarbe und beginnen wir mit dem Schattieren entsprechend der Lichtrichtung.

Beachten Sie, dass Sie sich nicht um Realismus und Genauigkeit kümmern müssen, wie ich bereits erwähnt habe, wir schattieren Webcomic-Panels.

Verwenden wir einen scharfen Stift zum Schattieren. Meiner Meinung nach sieht Cel-Shading für Webcomics viel besser aus als weiche Schattierung, daher empfehle ich keine weichen Pinsel oder Airbrush.

Nutzen Sie Ihre Vorstellungskraft, wo der Schatten landet.

F: Die Szene ist nachts, warum sieht sie hell aus?

A: Ich wollte die Helligkeit herunterregeln, schließlich ist dies ein Webcomic, Leser werden sich beschweren, wie dunkel Ihre Szenen sind, besonders wenn Sie einen Editor haben, wird dieser Ihnen sagen, dass Sie die Szene aufhellen sollen!

 

Verwenden Sie keinen Radiergummi, um den Schatten zu korrigieren, sondern die Hintergrundfarbe, in diesem Fall die weiße Farbe.

Verwenden Sie das Füllwerkzeug, um den Bereich schnell zu füllen.

Schattieren Sie weiter, bis Sie denken, dass es genug Schattierung ist.

Da Sie mit der Schattierung zufrieden sind, lassen Sie uns eine kurze Inspektion durchführen, bevor wir fortfahren.

Nachdem die Schattierung abgeschlossen ist, wird Ihr Panel besser aussehen und hervorstechen! Weniger schlicht als zuvor. Das Bild unten zeigt mein Schattierungsergebnis für dieses Tutorial-Panel.

Ich habe etwa 20 Minuten gebraucht, um dieses Panel zu schattieren, aber die Dauer kann je nach Komplexität der Szene variieren. Ich würde sagen, von 5 bis 30 Minuten pro Panel.

Das mag schon gut sein für ein Webcomic-Panel, aber hey, wenn Sie noch 5 Minuten Zeit haben, lassen Sie uns die endgültige Mischung hinzufügen, um diese schönen Anime-ähnlichen Shader zu erhalten!

Schritt 5: Objekte und Hintergrund mit äußeren Glüheffekten differenzieren

Manchmal verschmelzen Ihre Charaktere und der Hintergrund und sind für einige Leser schwer zu erkennen.

Um Beschwerden zu vermeiden, fügen wir also äußere Glüheffekte hinzu!

In diesem Panel tragen beide Charaktere dunklere Kleidung und die Szene spielt nachts, daher ist es eine gute Idee, äußere Glüheffekte hinzuzufügen, um die Charaktere oder das Objekt vom Hintergrund zu unterscheiden.

Um dies zu tun, kopieren wir zuerst die Objektebenen, denen wir einen äußeren Glüheffekt hinzufügen möchten. In meinem Fall wähle ich hier die Ordner 'ethan' und 'nephtia' aus und dupliziere dann die ausgewählten Ebenen.

Nachdem wir die Ebenen dupliziert haben, führen wir sie zu einer neuen Ebene zusammen, benennen die Ebene in OuterGlow um und verschieben sie dann unter die Objektebene direkt über der Hintergrundebene. Als Nächstes sperren wir den Alphakanal und füllen ihn mit der Hintergrundfarbe oder weißer Farbe. Beachten Sie, dass der Mischmodus für diese Ebene normal ist.

Nachdem wir die OuterGlow-Ebene mit Weiß gefüllt haben, schalten wir die Sperre für den Alphakanal aus. Als Nächstes gehen wir zu Filter und wählen dann Weichzeichnen, dann Gaußscher Weichzeichner und stellen diesen auf 100 ein.

Jetzt haben Sie die äußere Glüheffekt-Ebene, aber lassen Sie uns ihre Transparenz auf 50% reduzieren, damit es schöner aussieht.

Gute Arbeit! Schalten Sie nun die OuterGlow-Ebene aus oder blenden Sie sie aus der Sichtbarkeit aus. Ja, keine Sorge, wir schalten sie später wieder ein, vertrauen Sie mir :)

Schritt 6: Bloom-Ebene

Lassen Sie uns nun eine 'Bloom'-Ebene erstellen, um unsere Szene aufzuhellen!

Wählen Sie zuerst die oberste Ebene aus, in diesem Fall ist die 'sd'-Ebene oben, fügen Sie nun alle sichtbaren Ebenen zu einer neuen Ebene ganz oben zusammen und benennen Sie die Ebene dann in 'Bloom' um.

Während die Bloom-Ebene ausgewählt ist, öffnen wir die Tonwertkurve. Klicken Sie in der Tonwertkurve von der Mitte aus und ziehen Sie sie in etwa so, wie im Screenshot unten gezeigt. Klicken Sie auf OK.

Es wird etwa so aussehen wie auf dem Screenshot unten.

Die Bloom-Ebene ist immer noch die ausgewählte Ebene. Halten Sie nun Umschalt + Strg gedrückt und klicken Sie auf die Charakterebenen, für dieses Beispiel klicke ich auf den Ordner 'ethan' und 'nephtia'. Nun haben Sie die Auswahl der Charaktere.

Öffnen Sie die Tonwertkurve erneut und klicken Sie in der Tonwertkurve den Punkt an und ziehen Sie ihn in etwa so, wie im Screenshot unten gezeigt. Klicken Sie auf OK. Und heben Sie dann die Auswahl auf.

Immer noch auf der Bloom-Ebene, stellen Sie nun den Mischmodus auf

Wenn nichts schiefgeht, dann ist es großartig!

Immer noch auf der Bloom-Ebene als ausgewählter Ebene, gehen Sie nun zu Filter und wählen Sie

Alles klar!

Wir sind fast fertig. Schalten wir nun die OuterGlow-Ebene wieder sichtbar. Juhu! Sehen Sie!?

Schritt 7: Atmosphärische Tonebene

Nachdem Sie so weit gekommen sind, dürfen Sie diese letzte Sache, die Sie Ihrer Szene hinzufügen können, den atmosphärischen Filter, nicht vergessen. Es ist einfach und schnell!

Erstellen Sie eine neue Ebene über der Bloom-Ebene und nennen Sie sie 'Filter' oder wie auch immer Sie möchten.

Stellen Sie den Mischmodus für diese Ebene auf 'Weiches Licht'.

Ähnlich wie wir eine Farbe für den Schatten auswählen, werden wir eine Farbe für den atmosphärischen Filter auswählen. Gehen Sie nun und wählen Sie die Farbe am Nachthimmel in der Mitte über dem Horizont, aber stellen Sie diesmal den Wert auf 50% und die Sättigung auf etwa 30% ein.

Sie könnten die Farbe in einem neuen Slot speichern wollen, um später bei Bedarf schnell darauf zugreifen zu können.

Füllen Sie die 'Filter'-Ebene mit der Farbe.

Herzlichen Glückwunsch, Sie haben gerade Ihre Webcomic-Panels aufgewertet!

Nun, bei diesem Beispielpanel gibt es etwas, das die Augen der Leser vom Charakter ablenkt, das ist das Licht hinter dem Charakter 'nephtia' auf dem linken Bildschirm, es ist zu hell, oder?

Um dies zu beheben, können Sie das Verlaufswerkzeug verwenden und den Bereich allmählich mit einer dunklen Farbe wie Schwarz abdecken, bis Sie der Meinung sind, dass es nicht mehr ablenkt.

Aber da ich dieses Panel erstellt habe, habe ich dies bereits berechnet, also werde ich es mit einer Sprechblase abdecken.

Da haben Sie es! Ein Anime-ähnlicher Shader für Webcomic-Panels.

Und unten ist mein Recap-Video zu diesem Tutorial auf YouTube.

Ein Recap-Video

Dies ist mein erstes Video auf YouTube. Sehen Sie sich das Recap-Video zu diesem Tutorial an, und wenn Sie Fragen haben, können Sie gerne einen Kommentar hinterlassen. Ich werde Ihre Fragen zu diesem Tutorial so schnell wie möglich beantworten.