Einleitung

Hallo, ich bin Senli alias ahogemon. In diesem Tutorial zeige ich Ihnen, wie Sie Webcomic-Panels fertigstellen, indem Sie Mischmodi in Anime-ähnlichen Shadern verwenden, um Ihre Webcomic- oder Webtoon-Serie in ClipStudio Paint zu verbessern.

Beachten Sie, dass dieses Tutorial nicht für Anfänger gedacht ist, die gerade erst mit der Verwendung von CSP beginnen, da dieses Tutorial möglicherweise nicht die grundlegenden Tools-Tutorials enthält, z. B. zum Erstellen einer neuen Ebene, zum Verschieben, Zusammenführen usw Grundlagen.

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

Vorbereitung

Da wir im letzten Schritt die Schattierung für die Endbearbeitung vornehmen, müssen wir als erstes unsere Paneele bereithalten.

Ich habe mein Panel hier fertig, wir können sehen, dass zwei Zeichen mit flachen Farben aufgetragen wurden und sie in jedem Ordner getrennt sind, ich trenne auch den Halo-Ring. Und zuletzt die 'bg'- oder Hintergrundebene, die ich im Blender gerendert habe.

Es empfiehlt sich, Ebenen in eigenen Ordnern abzulegen, damit sie organisiert und leicht zu finden sind, wenn Sie mit vielen Ebenen arbeiten.

Jeder könnte unterschiedliche UI-Layouts haben, also lassen Sie sich nicht verwirren, der Screenshot unten ist mein Layout, ich weiß, dass es einfach und sauber aussieht, da ich meistens Tastaturkürzel verwende, aber dies hat keinen Einfluss auf die Grundfunktion in CSP. Wir sprechen heute nicht über UI, konzentrieren wir uns auf das Mischen.

Ich habe das genaue Panel der Clip-Datei für dieses Tutorial bereitgestellt, falls Sie diesem Tutorial folgen und dieselbe Seite haben möchten, können Sie es über den folgenden Link herunterladen.

Beachten Sie, dass diese Datei nirgendwo neu gepostet werden sollte. Um die Datei zu teilen, müssen Sie zuerst den Link zu diesem Tutorial umleiten. Bitte verwenden Sie es nur zum Üben, missbrauchen Sie es nicht und verwenden Sie es verantwortungsvoll.

Webcomic-Kunst unterscheidet sich von Illustrationskunst

Bevor wir beginnen, geht es bei der Erstellung von Webcomic-Panels um Geschwindigkeit und Effizienz, aber nicht um die Qualität. Im Gegensatz zu einer Illustrationskunst, die in einem Monat erstellt werden kann, müssen Webcomic-Ersteller mindestens drei oder mehr Panels pro Tag erstellen, um den Wochenplan einzuhalten. Also, es ist eigentlich gut für Webcomic-Kunst ohne Schattierung oder nur eine minimale Schattierung, aber wenn Sie noch Zeit für Ihre Panels haben, dann ist dieses Tutorial gut zu befolgen, da ich Ihnen nur ein paar Schritte zeigen werde, um Ihre zu verbessern Paneele, um besser auszusehen.

Schritt 1: Lichtquelle

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

Schritt 2: Wählen Sie die Farbe für den Schatten

Der Schlüssel zur Auswahl der Farbe für Schatten ist, was das Umgebungslicht beeinflusst. Für dieses Beispielpanel ist das der Nachthimmel.

Dies ist ein optionaler Schritt, aber es ist eine bewährte Vorgehensweise, bevor wir die Farbe auswählen. Lassen Sie uns die Farbe auf die Standardfarbe Schwarz (Vordergrund) und Weiß (Hintergrund) umstellen.

Schalten Sie nun die Farbe in den Vordergrund, der jetzt schwarz ist (vorausgesetzt, Sie haben den optionalen Schritt befolgt), dann wähle ich die Farbe genau in der Mitte über dem Horizont aus.

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

Lassen Sie die Hintergrundfarbe weiß.

Schritt 3: Bereiten Sie die Schattierungsschicht vor

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

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

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

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

Schalten Sie nun die Farbe auf die Hintergrundfarbe Weiß um und füllen Sie sie mit Weiß.

Schritt 4: Starten Sie die Schattierung

Wechseln Sie nun zurück zur Vordergrundfarbe, beginnen wir mit der Schattierung entsprechend der Lichtrichtung.

Beachten Sie, dass Sie sich keine Sorgen um den Realismus und die Genauigkeit machen müssen, wie ich bereits erwähnt habe, wir schattieren Webcomic-Panels.

Verwenden wir einen spitzen Stift zum Schattieren. Meiner Meinung nach sieht die Cel-Schattierung viel besser aus als die weiche Schattierung für Webcomics, daher empfehle ich nicht, einen weichen Pinsel oder eine Airbrush zu verwenden.

Verwenden Sie Ihre Vorstellungskraft, wo der Schatten landet.

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

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

 

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

Verwenden Sie das Eimer-Füllwerkzeug, um den Raum schnell zu füllen.

Schattieren Sie weiter, bis Sie der Meinung sind, dass die Schattierung ausreicht

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

Nachdem die Schattierung fertig ist, sieht Ihr Panel besser aus und knallt! Weniger schlicht als zuvor. Das Bild unten nach meinem Schattierungsergebnis für dieses Tutorial-Panel.

Ich habe ungefähr 20 Minuten gebraucht, um die Schattierung dieses Panels abzuschließen, aber die Dauer kann je nach Komplexität der Szene variieren. Ich würde sagen, 5 bis 30 Minuten pro Panel.

Das mag für ein Webcomic-Panel schon gut sein, aber hey, wenn Sie noch Zeit haben, 5 weitere Minuten zu verbringen, lassen Sie uns die endgültige Mischung geben, um diese netten Anime-ähnlichen Shader zu bekommen!

Schritt 5: Unterscheiden Sie Objekte und Hintergrund mit äußeren Leuchtschichten

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

Also, um die Welt von Beschwerden zu befreien, fügen wir äußere Leuchtschichten hinzu!

In diesem Panel tragen beide Charaktere Outfits in dunkleren Farben und die Szene ist nachts, daher ist es eine gute Idee, äußere Leuchtschichten hinzuzufügen, um die Charaktere oder das Objekt vom Hintergrund zu unterscheiden.

Kopieren wir dazu zunächst die Objektebenen, denen wir einen äußeren Leuchteffekt hinzufügen möchten. In meinem Fall wähle ich hier die Ordner „Ethan“ und „Nephtia“ aus und dupliziere als Nächstes die ausgewählten Ebenen.

Nachdem wir die Ebenen dupliziert haben, fügen wir sie zu einer neuen Ebene zusammen, benennen die Ebene in OuterGlow um und verschieben dann die Ebene unter die Objektebene direkt über die Hintergrundebene.

Sperren Sie als Nächstes den Alphakanal und füllen Sie ihn mit 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, deaktivieren wir die Sperre für den Alphakanal.

Gehen Sie als Nächstes zu Filter und wählen Sie dann Weichzeichnen, dann Gaußscher Weichzeichner und stellen Sie ihn auf 100 ein.

Jetzt haben Sie die äußere Leuchtschicht, aber lassen Sie uns ihre Transparenz auf 50% senken, damit sie schöner aussieht.

Gut gemacht! Deaktivieren oder verstecken Sie jetzt die OuterGlow-Ebene vor der Sichtbarkeit. Ja, keine Sorge, wir werden es später wieder einschalten, vertrau mir :)

Schritt 6: Blütenschicht

Lassen Sie uns jetzt eine „Bloom“-Ebene erstellen, um unsere Szene aufzuhellen!

Wählen Sie zuerst die oberste Ebene aus, in diesem Fall ist die Ebene „sd“ ganz oben, führen Sie nun alle sichtbaren Ebenen zu einer neuen Ebene ganz oben zusammen und benennen Sie die Ebene dann in „Blüte“ um.

Während die Bloom-Ebene ausgewählt ist, öffnen wir die Tonkurve innerhalb der Tonkurve, klicken Sie in der Mitte und ziehen Sie sie in etwas wie im folgenden Screenshot. OK klicken.

Es sieht in etwa so aus wie in diesem Screenshot unten.

Die Bloom-Ebene ist immer noch die ausgewählte Ebene, halten Sie jetzt Umschalt + Strg gedrückt und klicken Sie auf die Zeichenebenen. Für dieses Beispiel klicke ich auf die Ordner „Ethan“ und „Nephtia“. Jetzt haben Sie die Auswahl der Zeichen.

Öffnen Sie die Tonkurve erneut und klicken Sie in der Tonkurve auf den Punkt und ziehen Sie ihn in etwas wie im folgenden Screenshot. OK klicken. Und heben Sie dann die Auswahl auf.

Immer noch auf der Bloom-Ebene, stellen Sie jetzt den Mischmodus auf Bildschirm ein. Es sieht in etwa so aus wie im Screenshot unten.

Wenn nichts komisch läuft, dann ist es großartig!

Immer noch auf der Bloom-Ebene als ausgewählte Ebene, gehen Sie jetzt zu Filter und wählen Sie Gaußscher Weichzeichner.

Stellen Sie den Gaußschen Weichzeichner auf 300 ein, aber da CSP den Gaußschen Weichzeichner auf max. 200 begrenzt, ziehen Sie ihn auf max (200) und klicken Sie dann auf OK, und öffnen Sie den Gaußschen Weichzeichner erneut, aber stellen Sie ihn diesmal auf 100 ein oder ziehen Sie ihn auf 100.

In Ordnung!

Wir sind fast fertig. Lassen Sie uns nun die OuterGlow-Ebene wieder sichtbar machen. Yay! Sehen!?

Schritt 7: Atmosphärische Tonschicht

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

Erstellen Sie eine neue Ebene über der Blütenebene und benennen Sie sie als „Filter“ oder wie Sie möchten.

Stellen Sie die Mischung für diese Ebene auf Weiches Licht

Genauso wie wir eine Farbe für den Schatten auswählen, werden wir eine Farbe für den atmosphärischen Filter auswählen, jetzt gehen Sie weiter und wählen Sie die Farbe am Nachthimmel in der Mitte über dem Horizont, aber diesmal setzen Sie den Wert auf 50% und die Sättigung auf etwa 30 %.

Möglicherweise möchten Sie die Farbe in einem neuen Steckplatz speichern, 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 verbessert!

Nun, für dieses Musterpanel gibt es etwas, das die Augen der Leser von der Figur ablenken lässt, nämlich das Licht hinter der Figur „nephtia“ auf dem linken Bildschirm, es ist zu hell, richtig?

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

Aber weil ich dieses Panel gemacht habe, habe ich das bereits berechnet, also werde ich es mit einer Sprechblase abdecken.

Hier hast du es! Ein Anime-ähnlicher Shader für Webcomic-Panels.

Und unten ist mein Recap-Video für dieses Totorial auf YouTube.

Ein Rekapitulationsvideo

Dies ist mein erstes Video auf YouTube, sehen Sie sich das Zusammenfassungsvideo für dieses 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.