Schritt-für-Schritt-Techniken zur Stadtbildbeleuchtung (für Comics!)

355

yitsuin

yitsuin

Hallo! Dies ist eine Anleitung für Beleuchtungstipps und -tricks, die ich für Webcomic-Arbeiten verwende! Der Versuch, Dutzende von Vollfarbszenen darzustellen, kann entmutigend sein, und hier sind diese Beleuchtungstechniken praktisch! Für diese Anleitung arbeite ich mit einem Screenshot eines selbst erstellten 3D-Modells und male darüber mit Ebenen im Mischmodus. Diese Techniken eignen sich am besten zum schnellen Rendern von 3D-Modellen, lassen sich aber auch problemlos auf Illustrationen anwenden!

 

Diejenigen mit eher mäßigen Kenntnissen von Clip Studio und der Verwendung seiner grundlegenden Tools werden von dieser Anleitung am meisten profitieren, aber ich werde alles Schritt für Schritt für Anfänger aufschlüsseln, damit es hoffentlich leicht zu befolgen ist. Bitte zögern Sie nicht, uns zu kontaktieren, wenn Sie Fragen haben oder möchten, dass ich detaillierter auf meinen Prozess eingehe. Ich helfe Ihnen gerne weiter!

 

Unten werde ich das genaue Bild teilen, mit dem ich für den Rest dieses Leitfadens arbeite, damit Sie mitmachen können. Indem Sie Ihre Hintergründe mit den einfachen Tricks beleuchten, die Sie am Ende lernen werden, können auch Sie in Rekordzeit funkelnde Stadtlandschaften schaffen!

 

Bitte speichern Sie den folgenden Screenshot und folgen Sie ihm.

Das ist sicher ein 3D-Modell….

 

Wie kommen wir also daraus?

– dazu?

 

Lass uns anfangen!

Meine schnelle und einfache Grundtechnik zum Einrichten einer beliebigen Beleuchtung

Erste!!

 

Für diese Nachtszene möchten wir mit einer dunkelblauen Multiplikationsebene direkt über dem Bild beginnen. Einfach und schnell, jetzt ist es Nacht. Sie können den Farbton und die Sättigung Ihrer Lieblingspaletten für die Nacht ganz nach Ihren Wünschen anpassen. Sie können auch Farbverläufe verwenden, um die Szene wirklich hervorzuheben!

Der Einfachheit halber und um mich mehr auf die Technik als auf die Vermittlung des Umgangs mit Licht und Schatten zu konzentrieren, verwende ich hier allgemeine, willkürliche Beleuchtung. Ich stelle mir vor, dass sich die Lichtquelle irgendwo rechts vom Stück befindet und die Seite des Busses beleuchtet, die uns als Betrachter zugewandt ist. Sie können die Funktionsweise der Beleuchtung gerne noch technischer gestalten, dies ist jedoch nur die schnelle und einfache Methode.

 

Auf der 3D-Hintergrundebene fange ich an, die Seite des Busses auszuwählen, die wir beleuchten möchten (und schließlich alle Flächen der Gebäude und Strukturen, die in die gleiche Richtung zeigen).

 

Hier habe ich das Lasso-Werkzeug verwendet, um die Formen zu umreißen, aber Sie können auch das Zauberstab-Werkzeug verwenden und den Farbrand anpassen oder die Formen manuell auf einer separaten Ebene blockieren. Das Lasso-Werkzeug ist der schnellste und unordentlichste Weg. Sie werden überrascht sein, wie chaotisch die Farbgebung sein kann und trotzdem noch ziemlich gut aussieht, wenn wir alle Rendering-Effekte hinzugefügt haben!

 

Die Auswahl ist im Bild oben möglicherweise nicht ganz klar, schauen Sie sich also gerne das Bild unten an:

Nachdem ich die in den roten Umrissen oben hervorgehobenen Teile ausgewählt habe, verwende ich das „Ausschneiden“-Werkzeug, um die Auswahl aus der Multiplikationsebene auszuschneiden.

Nun sollte es so aussehen! Sehen Sie, wie es bereits so aussieht, als ob von irgendwo rechts ein wenig Licht auf das Bild fällt und auf den Bus scheint? Sie können es unverändert lassen oder die gerade ausgeschnittene Auswahl einfügen und die Deckkraft dieser Ebene verringern, um den Kontrast zu verringern.

Jetzt können wir das Gleiche, was wir gerade getan haben, auf allen Gebäudeflächen tun, die in die gleiche Richtung wie der Bus zeigen, da sie ebenfalls von der „Lichtquelle“ beleuchtet werden. Ich schneide hier jeden durch verschiedene Farben hervorgehobenen Abschnitt separat aus und füge ihn ein, sodass die nächstgelegenen Objekte (Bus, Bushaltestelle) den größten Kontrast haben, während die Multiplikationsebenen für weit entfernte Gebäude auf eine höhere Deckkraft eingestellt sind.

Dies ist ein Beispiel dafür, wie meine letzten Ebenen aussehen, wenn sie alle ausgeschnitten und die Deckkraft angepasst sind. Wie Sie sehen, habe ich wirklich alles nur grob und unordentlich mit einem Lasso-Werkzeug skizziert. Der Geschwindigkeit halber geht das bei Comic-Hintergründen superschnell!

Und so sieht der Hintergrund jetzt nach all diesen Schritten aus. Es ist etwas subtil, aber jetzt gibt es einen gewissen Kontrast zu dem Stück. Es gibt noch kein Funkeln und Leuchten, aber wir sind auf dem besten Weg!

 

Wenn Sie auf diesen Ebenen die Funktion „Transparente Pixel sperren“ verwenden, können Sie sie jetzt bereits neu einfärben, um bereits einige ziemlich schöne Ergebnisse zu erzielen. Nachfolgend einige Beispiele!

Um diesen Effekt zu erzielen, habe ich die Multiplikationsebenen stattdessen in „Hinzufügen“ (Leuchten) umgewandelt und sie orange gemacht. Dann habe ich die ursprüngliche Multiplikationsschicht leicht mit einer blauen Airbrush bearbeitet.

 

Hier sind ein paar weitere Beispiele für die Farbanpassung:

Kehren wir nun zur ursprünglichen Basis-Nachtszene zurück, um einige Leuchteffekte hinzuzufügen, die das A und O glitzernder Nachtszenen sind. Auf einer belebten Straße gibt es nachts Straßenlaternen, Ampeln, Lichter von Autos und Fenstern ...

 

Wir werden diese als nächstes zu unserer Szene hinzufügen!

Hinzufügen der Lichter der Stadt

Ich bin mir sicher, dass Sie inzwischen mit der in diesem Leitfaden verwendeten Technik vertraut sind – der Auswahl! Auf der 3D-Hintergrundebene wählen wir alles aus, was im Inneren Licht haben soll, angefangen bei den Fenstern! Ich habe dafür den Zauberstab verwendet und meine Auswahl rot hervorgehoben, damit Sie sie besser sehen können.

 

Ich stelle mir vor, dass diese Geschäfte zu diesem Zeitpunkt geöffnet sind, sodass alle Fenster und Türen ausgewählt werden. Anschließend können wir die Auswahl mit einer geeigneten Farbe füllen und sie in eine Ebene zum Hinzufügen (Leuchten) ändern. Ich habe hier auch einige Farbverläufe hinzugefügt.

Bei den Hochhäusern im Hintergrund sind nicht alle Fenster beleuchtet. Ich habe ein paar mit dem Auswahlwerkzeug ausgewählt und sie dann mit einer Leuchtebene gefüllt. Da die Farbe der Gebäude im Hintergrund viel dunkler ist, ist der Glanz selbst bei einer hellen Farbe nicht leuchtend genug. Einfache Lösung: Duplizieren Sie einfach die Ebene, bis sie hell genug ist! Umgekehrt können Sie auch die Deckkraft verringern.

Hier habe ich auch eine zweite Multiplikationsebene für alle entfernten Gebäude hinzugefügt, um den Kontrast zwischen der Hauptstraße und den Bürogebäuden zu erhöhen. Jetzt fängt es an, wie eine Nachtszene auszusehen ...!

 

Jetzt wiederholen wir den gleichen Vorgang mit allen Bürogebäuden.

Jetzt fängt es wirklich an, wie eine Nachtszene auszusehen! Es gibt noch ein paar weitere Dinge, die wir tun können, um alles wirklich, WIRKLICH zum Platzen zu bringen.

Duplizieren Sie zunächst die Ebene mit allen leuchtenden Fenstern und fügen Sie etwas Gaußsche Unschärfe hinzu! Dadurch wird der Glanz stärker und etwas diffuser.

Zweitens: Geben Sie Ihren Lichtern etwas Licht! Verleihen Sie den Straßenlaternen, den Buslichtern und, falls in Ihrer Abbildung solche vorhanden sind, etwas Glanz – Ampeln, Autoscheinwerfern usw. Sie können einfach das Auswahlwerkzeug verwenden, um alle Lichter einzufärben, die Licht aussenden (ha ha), und Verwenden Sie dann so viel Gaußsche Unschärfe wie nötig oder eine weiche Airbrush, um die Nacht richtig aufzuhellen.

Das ist auf jeden Fall eine Nachtszene!

 

Tatsächlich bemerkte ich zu diesem Zeitpunkt, dass die Unschärfe der weit entfernten Bürogebäude nicht ganz ausreichte. Da es sich um ein 3D-Modell ohne Tiefe handelt, sind die Linien für meinen Geschmack zu scharf. Bei einem Webcomic-Panel wird das den Leuten natürlich nicht auffallen. Aber wenn Sie den Hintergrund ein wenig verwischen möchten ...

Ich habe diesen Abschnitt grundsätzlich dupliziert und mit einer Gaußschen Unschärfe versehen, um den Fokus auf die Hauptstraße zu lenken. Ich werde nicht näher darauf eingehen, wie es gemacht wird, da es sich um eine wirklich kleine Ergänzung handelt, die das Stück nicht allzu sehr verändert!

 

Apropos kleinere Ergänzungen……

Da ich das Lasso-Werkzeug so unordentlich verwendet habe, können beim Vergrößern einige Teile etwas schlecht aussehen. Wenn ich ein Perfektionist sein möchte, kann ich einige Linien korrigieren, indem ich darüber male. Dies ist auch ein guter Zeitpunkt, um zu sehen, wie schlimm einige der Schattierungen sind und dass Sie es wahrscheinlich nicht einmal bemerkt haben (oder doch?) ...

Dies ist unsere letzte Nachtszene, und wir können es dabei belassen, es sei denn, Sie möchten versuchen, mit der verschneiten Szene zu arbeiten, die ich am Anfang des Leitfadens gezeigt habe. Ich habe mit einigen neuen Techniken experimentiert, um die Urlaubsstimmung auf dieses Thema abzustimmen. Obwohl wir keine Laternen und Weihnachtsbeleuchtung haben, wird das Stadtbild im Januar vor Schnee glitzern!

Jetzt lass es schneien und lass es leuchten!

Um ehrlich zu sein, das war eigentlich ein glücklicher Zufall – ich hatte eigentlich vor, ein paar Sterne zum Himmel zu bringen und Feierabend zu machen! Ich habe den Standard-Tropfenpinsel verwendet und einige Sterne aufgestreut, nur um festzustellen, dass ich die „Sterne“ manuell von den Gebäuden löschen musste, weil ich alles oben gemalt hatte. Oder könnte ich einfach mehr Sterne hinzufügen und sie mit einem Gaußschen Weichzeichner verwischen, damit sie wie ein Versuch mit Bokeh-Lichtern leuchten?

Wie auch immer, es schien zu viel leichter Schnee zu sein, also hier sind wir – Bewegungsunschärfe in einer Diagonale von 120 Grad, sodass es wie bewegtes Schneegestöber aussieht. Super einfach, und als Bonus sieht es auch ziemlich gut aus.

Mit dem Standard-Farbschaberpinsel, den ich auch für die restlichen Schneedetails verwenden werde, kann ich jetzt den Boden mit Pulverschnee bedecken. Die großen Flächen wie die Straße können mit einer großen Bürste leicht gebürstet werden!

Und eine kleine Bürste eignet sich perfekt für Stellen, an denen sich der Schnee ansammelt!

 

Dieser Teil ist ziemlich methodisch und macht tatsächlich viel Spaß! Es ist, als würde man einen virtuellen Schneemann bauen, nur dass es eine verschneite Straße ist … aber man kann wahrscheinlich ganz einfach einen Schneemann hinzufügen.

Hier ging ich davon aus, dass die Straße selbst nach etwas Verkehr wahrscheinlich vom Schnee befreit sein würde, also löschte ich diesen Abschnitt und fügte einige Details hinzu, um anzudeuten, dass sich am Rand des Bürgersteigs Schnee ansammelt. Wie alles bisher ist es etwas willkürlich und ziemlich chaotisch, aber es erfüllt seinen Zweck!

Ein paar letzte Handgriffe – ein bisschen blauer Schimmer, um das ganze Stück zum Strahlen zu bringen!

Und ein warmes Leuchten auf der anderen Seite, um das auszugleichen!

Und wir sind fertig!

 

Wenn Sie derselben Stadtstraße folgen, hoffe ich, dass die Ergebnisse ähnlich oder sogar noch besser ausfallen! Und Sie lesen gerade. Ich hoffe, Sie haben bei Ihren Illustrationen von Szenen und Städten mit Beleuchtung etwas Neues, Nützliches oder Anwendbares gelernt. Wenn es Ihnen dabei helfen kann, Hintergründe schneller zu rendern, dann bin ich sehr zufrieden. ^^

 

Vielen Dank, dass Sie meine Tipps gelesen haben, und bleiben Sie diesen Winter warm!

Kommentar

Neu

Neu! Offizielle Tutorials