こんにちは！これは私がウェブコミック作品で使用するライティングのヒントとテクニックのガイドです。何十ものフルカラーのシーンを図解しようとするのは気が遠くなるかもしれません。そこで、これらの照明テクニックが役に立ちます。このガイドでは、自作の 3D モデルのスクリーンショットを使用し、その上にブレンディング モード レイヤーを使用してペイントします。これらのテクニックは 3D モデルを迅速にレンダリングするのに最適ですが、イラストにも簡単に適用できます。

 

CLIP STUDIO とその基本ツールの使用方法をある程度理解している人は、このガイドから最も恩恵を受けるでしょう。ただし、初心者向けにすべてを段階的に説明するので、簡単に理解できることを願っています。ご質問がある場合、または私のプロセスについて詳しく知りたい場合は、お気軽にお問い合わせください。喜んでお手伝いさせていただきます。

 

以下に、このガイドの残りの部分で使用している正確なイメージを共有しますので、理解していただけます。このすべてが終わるまでに習得する簡単なトリックで背景を照らすことで、あなたも記録的な速さで輝く街並みを作成できるようになります。

 

次のスクリーンショットを保存して、手順に従ってください。

あれは確かに3Dモデルですね…。

 

では、これからどうやって得られるのでしょうか——

――ここまで？

 

始めましょう！

任意の照明をセットアップするための簡単で簡単な基本テクニック

初め！！

 

この夜のシーンでは、画像の真上にある濃い青の乗算レイヤーから始めたいと思います。簡単ですぐにできます。さあ、夜です。色相と彩度を自由に調整して、お気に入りの夜用パレットを作成してください。グラデーションを使用してシーンを本当にポップにすることもできます。

わかりやすくするため、また光と影の使い方を教えるよりもテクニックに重点を置くために、ここでは一般的な任意の照明を使用します。光源は作品の右側のどこかに漠然とあり、鑑賞者である私たちに面しているバスの側面を照らしていると想像しています。照明の仕組みについてさらに専門的なことを適用することは歓迎されますが、これは単に迅速で簡単な方法にすぎません。

 

3D 背景レイヤーで、光を当てるバスの側面 (最終的には同じ方向を向いている建物や建造物のすべての面) を選択し始めます。

 

ここでは、なげなわツールを使用して図形の輪郭を描きましたが、魔法の杖ツールを使用して色の余白を調整したり、別のレイヤー上の図形を手動でブロックしたりすることもできます。なげなわツールは最も簡単で面倒な方法です。すべてのレンダリング効果を追加すると、カラーリングがどれほど汚いものであっても、かなり見栄えが良くなることに驚くでしょう。

 

上の画像では選択内容があまり明確ではないかもしれないので、下の画像を参照してください。

上の赤枠部分を選択した後、「カット」ツールを使って乗算レイヤーから選択範囲を切り取ります。

さて、こんな感じになるはずです！バスを照らしている画像の右側のどこかから、すでに少し光が差し込んでいるように見え始めているのがわかりますか?そのままにすることも、切り取った選択範囲を貼り付けて、そのレイヤーの不透明度を下げてコントラストを下げることもできます。

ここで、バスと同じ方向を向いている建物のすべての面に対して先ほどと同じことを行うことができます。これは、建物も「光源」によって照らされているためです。ここでは、異なる色で強調表示されている各セクションを個別に切り取って貼り付け、最も近いオブジェクト (バス、バス停) のコントラストが最大になるようにし、遠くの建物の乗算レイヤーはより高い不透明度に設定します。

これは、最終レイヤーがすべて切り取られ、不透明度が調整されたときにどのように見えるかを示すサンプルです。ご覧のとおり、実際にはなげなわツールを使用して、すべてを大まかに乱雑に輪郭を描いただけです。漫画の背景を高速化するため、これは非常に高速に実行できます。

これらの手順をすべて行った後の背景は次のとおりです。やや微妙ですが、作品にコントラストが生まれました。まだ輝きも光もありませんが、何とかなりつつあります。

 

実際、これらのレイヤーで「透明ピクセルをロック」機能を使用すると、すでに色を変更してかなり素晴らしい結果を得ることができます。以下にいくつかの例を示します。

この効果を実現するために、乗算レイヤーを代わりに加算（グロー）にし、オレンジ色にしました。次に、元の乗算レイヤーを青いエアブラシで軽く塗り重ねます。

 

さらにいくつかの色調整の例を次に示します。

ここで、元の基本的な夜景に戻って、きらめく夜景の基本であるグロー効果を追加しましょう。夜の賑やかな通りには、街灯や信号機、車や窓の光…。

 

次にこれらをシーンに追加します。

街の明かりを追加する

もう、このガイドの頼りになるテクニック、つまり「選択」には慣れていると思います。 3D 背景レイヤーでは、窓から始めて、内部に光を入れたいものをすべて選択します。これらには魔法の杖ツールを使用し、よりはっきりと見えるように選択範囲を赤で強調表示しました。

 

これらの店舗の場合、現時点では営業しているため、すべての窓とドアが選択されると思います。次に、選択範囲を適切な色で塗りつぶし、追加（グロー）レイヤーに変更します。ここにもグラデーションを追加しました。

奥の高層ビルは全ての窓が照明されているわけではありません。選択ツールでいくつかを選択し、グローレイヤーで塗りつぶしました。実は奥の建物の色が濃いので、明るい色でも輝きが足りません。修正は簡単です。十分に明るくなるまでレイヤーを複製するだけです。逆に不透明度を下げることもできます。

ここでは、メインストリートとオフィスビルの間のコントラストを高めるために、遠くにあるすべての建物に 2 番目の乗算レイヤーも追加しました。だんだん夜景っぽくなってきました…！

 

次に、すべてのオフィスビルに対して同じプロセスを繰り返します。

いよいよ夜景らしくなってきました！すべてを本当に、本当にポップなものにするために、私たちにできることはまだいくつかあります。

まず、すべての光るウィンドウを含むレイヤーを複製し、ガウスぼかしを追加します。これにより、輝きが強くなり、少し拡散します。

2 つ目は、ライトに光を与えましょう。街灯やバスのライト、イラストに信号機や車のヘッドライトなどがある場合は、それらに光を追加します。選択ツールを使用して、発光するすべてのライトに色を付けるだけです (笑)。次に、必要なだけガウスぼかしを使用するか、柔らかいエアブラシを使用して夜を本当に明るくします。

さて、それは間違いなく夜景です！

 

実はこの時、遠くのオフィスビルのボケが物足りないことに気づきました。奥行きのない3Dモデルなので、線がカクカクしていて好みではありません。もちろん、ウェブコミックのパネルの場合、人々はそれに気づきません。ただし、背景を少しだけぼかしたい場合は…

基本的にこのセクションを複製し、メインストリートに焦点を合わせるためにガウスぼかしを施しました。これは作品にあまり変化を及ぼさない本当に小さな追加であるため、その方法については詳しく説明しません。

 

細かい追加といえば……

なげなわツールをめちゃくちゃに使ったので、拡大すると見苦しい部分もあります。完璧主義になりたければ、上からペイントして線の一部を修正することもできます。また、これは、シェーディングの一部がどれほどひどいのか、そしておそらくあなたがどのように気付かなかったのか (あるいは気づいたのか?) を確認する良い機会でもあります。

これは最後の夜のシーンです。ガイドの冒頭で共有した雪のシーンを試してみたいと思わない限り、そのままにしておきます。このテーマのホリデーの雰囲気に合わせるために、いくつかの新しいテクニックを試してみました。ランタンやクリスマスイルミネーションはありませんが、もう1月なので街並みは雪でキラキラ輝いています！

さあ、雪を降らせて光らせましょう！

実を言うと、これはちょっとした嬉しい偶然でした。本当は空に星をいくつか追加して、これで終わりにしようと思っていました。デフォルトの液滴ブラシを使用していくつかの星を振りかけましたが、上にすべてをペイントしたため、建物から「星」を手動で消去する必要があることに気づきました。それとも、さらに星を追加してガウスぼかしを加えて、ボケ味のライトを試したように光らせることもできますか?

とにかく、軽い雪が多すぎるように見えたので、ここで紹介します。斜め 120 度でモーション ブラーを適用し、雪が舞っているように見えます。とても簡単で、おまけに見栄えもとてもいいです。

デフォルトのトーン スクレイピング ブラシを使用して、残りの雪の詳細に使用します。これで、地面を粉雪で覆うことができます。道路などの広い場所は大きめのブラシで軽くブラッシング可能！

雪が積もり始めた場所には、小さなブラシが最適です。

 

この部分はかなり系統的で、実際にとても楽しいです。仮想の雪だるまを構築するようなものですが、雪の降る道路だけです…しかし、雪だるまはおそらく非常に簡単に追加できます。

ここでは、少し交通量が多ければ、おそらく道路自体の雪が除かれるだろうと考えたので、そのセクションを消去し、歩道の端に沿って雪が積もっていることを示すディテールを追加しました。これまでのすべてと同様、少し恣意的で非常に厄介ですが、機能は果たしています。

最後の仕上げとして、少し青い光を加えて全体をポップにします。

そして、反対側の暖かい輝きがそれをバランスさせます。

これで終わりです！

 

あなたが同じ街の通りをたどっているのなら、結果が同じかそれ以上になることを願っています。あなたはただ読んでいるだけですが、何か新しいこと、役に立つこと、またはイルミネーションのあるシーンや都市のイラストに応用できることを学べたことを願っています。背景のレンダリングをより迅速に行うことができれば、大変嬉しく思います。 ^^

 

私のヒントを読んでいただき、ありがとうございます。そして、この冬は暖かく過ごしてください。