顔にシンプルな照明を追加する (ウェブトゥーンに適用可能)

6,751

Nelviy

Nelviy

Youtube動画では一部しか語られておらず、以下の記事で詳しく解説しています。

⭐CC 字幕を開くようにようこそ⭐ ただし、英語の字幕は機械翻訳です

 

 

↓下は後でカットしたショーツ↓

序文

キャラクターの顔を中心に、シンプルなカラードローイングにディテールを追加する方法。

 

➜ まずレイヤーの上に影のレイヤーを追加し、次に新しいレイヤーを開いて明るい面を描きます。

(この方法は、主にカラーバーコミック(Webtoon)の理解に使用されます)

この話の主題はそれと同じくらい簡単です。

 

一部

┗ 頬分析

多くの場合、影や環境光のレイヤーを追加するだけで、写真の印象が変わります。

 

しかし、ライティングを始める前に、人間の顔の構造を簡単に理解する必要があります。

理解すると、なぜこれらの場所に光が描かれるのかが理解しやすくなります。

 

 

人の頬は角張っていなくてもカーブしていますが、

でも、ほっぺを1~4ブロックに分けただけです。

 

⭐ ⭐ ⭐注: これは単純化された単純なポジショニングであり、正確な実際の筋肉の方向ではありません。

      結局のところ、筋肉にはラジアンと厚さがあります。

4 つの領域の交差点は、頬骨が最も目立つ場所です。

 

頬と口の境界線はほうれい線です。

 

これらの写真を読んでもまだ顔の立体感が足りないと感じたら、

[Bパート]の最初の部分をスキップして見ることができます。

 

または、他の人がアップロードしたこの Youtube ビデオを参照してください。

https://www.youtube.com/watch?v=_cgQ0Rl-pF4

私は英語がよくわかりませんが、映画にはたくさんの顔写真があり、

顔の立体感の印象を一気に深めることができます。

 

ブロックNo.1は平常時に最も多く見られる部分であり、ペインターが明るい光を描く部分です。

その他の詳細については、いくつかの照明結果を作成します。

ブロック 1 の範囲を縮小して、グラフをより自然に感じさせます。

次は3+4ブロックです。

この照明方法も非常に一般的ですが、注意すべき点は、

ブロック 2 の範囲に注意してください。多くの場合、このブロックはライトを塗る必要はありません。

 

 

場合によっては、ブロック 3 だけが点灯しているのを確認してみると、別の感覚が得られるかもしれません。

┗鼻分析

二次元のキャラクターを描くときは、鼻の線や影を単純にしたり、鼻を小さく描いたりするのが一般的です。

しかし、これらの場所に光が描かれる理由をよりよく理解するには、より現実的な鼻を参照する必要があります。

鼻先+鼻梁の側面。

2次元の描画方法を比較。

半円弧や三角形を描いてみることができます。

(要点は絵が綺麗に見えることで、漫画風の絵が少し非現実的であっても問題ありません)

ノーズブリッジ+ノーズチップ。

┗シャドウレイヤーとライトレイヤー

この記事の効果を実現するために多くのレイヤーは必要ありません。

 

上から順に、次のとおりです。

アイライトスポット

明るい部分

影の多い

元の画像

 

作るときは、この2つのキーをうまく活用できます。

1はレイヤークリッピングです

2 着色範囲をロックできる

✨シャドウレイヤー。

➜ キャンバスを紫色のカラーチップ R 90 G52 B122 で塗りつぶす

(お好きな色で構いません、参考までに

➜ レイヤークリッピング

 

➜ ブレンドモード

 - リニアバーン

➜ レイヤーの不透明度

 -20%

✨ライトレイヤー。

➜ 新しいレイヤーを開き、レイヤー クリッピングを使用します。

最初にクリアカラーを使用して、照明が必要な位置を描きます

 

➜ 以前にペイントしたライトを希望の色に変更します

 

参考までに、最後のレイヤーの透明なプリミティブをロック (キー 2) を使用します。

正しいハイライト色をタップします

参考カラーチップ(黄) R225 G248 B187

 

キーボード塗りつぶし (前景色) ショートカット キーを押します。

Alt + バックスペース←

 

➜ ブレンドモード

・ハイライトカラー(グロー)(グローダッジ)

 

➜ レイヤーの不透明度

-40%

┗ 例

ライティングをどこにペイントするかを大まかに理解したら、この部分も影で遊んでいきます。

非常にシンプルで、

混乱させないために、

【影レイヤー】はこちら

ブレンドモードはすべて - リニア焼き込み

レイヤーの不透明度(Layer opacity)も全て-20%

 

複数のレイヤーを開いて試すことができます。

実際に見せてください。

2 つの異なる色を重ねて使用することも効果的です。

自分で色を試すことができ、どの色を使用する必要があるかについての厳格さはありません。

また、最も基本的な紫色のレイヤーが推奨されます。レイヤーの透明度は40%に調整しており、効果は悪くありません。

 

以降の等色データはすべて参考値です。

┗ 例 - ウッズ

背景には緑の葉が山積みになっているため、キャラクターが環境に溶け込むように、影のメイン カラーは緑です。

影を暗くするために紫が追加されます。緑が 1 層しかない場合、影の色が明るすぎます。

(ただし、1 つのレイヤーのみで同じ効果を実現する方法を探すこともできます XD"

✨ ライトレイヤー:

ブレンドモード

・ハイライトカラー(グロー)(グローダッジ)

レイヤーの不透明度

-40%

 

R225 G248 B187

 

✨シャドウレイヤー:

ブレンドモード

  • リニアディープニング リニアバーン

レイヤーの不透明度

-20%

 

R173 G255 B103

R90 G52 B112

光がどこに描かれているのか分かりやすくするために、色を変えて区別しました。

 

材料の店は、葉を通して輝く光のブラシを見つけることができます

完成図

前後の比較

┗ 例 - 屋内の日

背景はこちらの素材屋さんから入手したモデルです。

顔に半分黒い影と半分白い影もよく見られます。

そこで、ここでは窓から差し込む光を利用して、明るい部分の広い領域を描画します。

今回は、グラデーション ライトの追加レイヤーがあります。

 

✨ ライトレイヤー:

ブレンドモード

-画面

レイヤーの不透明度

-40%

 

ブレンドモード

・ハイライトカラー(グロー)(グローダッジ)

レイヤーの不透明度

-40%

 

R225 G248 B187

 

✨シャドウレイヤー:

ブレンドモード

  • リニアディープニング リニアバーン

レイヤーの不透明度

-20%

 

オレンジ

R226 G167 B97

R90 G52 B112

興味のある方は、独自の方法で顔に半分の影を描く方法も試してみてください。

 

 

完成図

前後の比較

┗ 例 - 屋内の夜

明かりをつけない理由なんて聞かないで、XD

ただし、室内は蛍光灯の影響で青みがかっている場合がほとんどです。

今回は光が黄色ではなく青色であることに注意してください。

 

✨ ライトレイヤー:

ブレンドモード

・ハイライトカラー(グロー)(グローダッジ)

レイヤーの不透明度

-40%

 

青い

R119 G223 B232

✨シャドウレイヤー:

ブレンドモード

  • リニアディープニング リニアバーン

レイヤーの不透明度

-20%

 

青い

R34 G255 B250

R90 G52 B112

前に顔に4ブロック描いたけど、

ただし、エッジに沿ったこの照明方法を忘れないでください。

 

↓実際、顔のフチのライトはこんな感じ↓

【緑の線】はブロックの折り返し部分で、ブロックの半分が顔の側面と正面にくるようにします。

ほおとあごがつながる部分は基本的に滑らかなので、ライティングはもう少し先(黄色い線より下)に描けます。

完成図

前後の比較

┗ 例 - 屋外の夜

今回の背景はおなじみですね~ 030+

Clip の内蔵背景素材を直接使用します。

夜の周囲光は紫色に適しています。

 

ここで注意すべきことは、前の紫色のレイヤーの不透明度を 40% に変更したことです。

 

✨ ライトレイヤー:

ブレンドモード

・ハイライトカラー(グロー)(グローダッジ)

レイヤーの不透明度

-40%

 

R146 G97 B255

✨シャドウレイヤー:

ブレンドモード

  • リニアディープニング リニアバーン

レイヤーの不透明度

-40%

 

R90 G52 B112

 

このような顎のアンダーカット方法は、より二次元的だと思います(三角形

でも同じ文章でも、良さそうなら悪くないと思います。

 

 

完成図

前後の比較

┗ 作例 - アッパーライト

場合によっては、背景が単なるグラデーション カラーのレイヤーである場合もあります。これにより、少し雰囲気を加えることができます。

紫色の影と黄色の光の 2 層だけに戻ります。

✨ ライトレイヤー:

ブレンドモード

・ハイライトカラー(グロー)(グローダッジ)

レイヤーの不透明度

-40%

 

R225 G248 B187

 

✨シャドウレイヤー:

ブレンドモード

  • リニアディープニング リニアバーン

レイヤーの不透明度

-20%

 

R90 G52 B112

光と影のコントラストが大きい場合は、眉の影を使用して写真のディテールを高めることを忘れないでください。

 

 

完成図

前後の比較

Bパート

┗ プロフィール

Aパートの部分でサンプル原画のキャラが上向きになりがちですが、

Bパートでは側面に描ける明るい面の位置を簡単に説明しますが、

AとBを一緒に見ると、顔の立体感が増します。

サンプル原画とキャラクターを変更し、

照明の原理は同じです。さまざまな顔の形を見る練習をしましょう。

 

Aパートの作例のように、Bパートのキャラの頬を単純に4つに分けていきます。

ただし、これは単なる便利な参照方法であり、筋肉がこのように成長するわけではないことに注意する必要があります.

よりリアルに分割線を引きたい場合は、赤い線を参考にしてください。 (でもあまり意味はないと思います。

さらに4ブロック目は正面と側面にまたがり、緑のラインマークでよりはっきりとした弧を描くようになります。

ちなみに、栄養失調や加齢などで頬がへこんでいる人は、青いラインを参考にするといいでしょう。

そのため、この配置は正確ではなく、筋肉を表すこともできません。

しかし、クイックリファレンスにはまだ適しています。

今回は、元の画像に 3 つのレイヤー、2 つの影、1 つのグラデーションを追加しました。

 

✨グラデーションレイヤー

ブレンドモード

-画面

レイヤーの不透明度

-40%

 

R225 G248 B92

✨シャドウレイヤー:

ブレンドモード

  • リニアディープニング リニアバーン

レイヤーの不透明度

-20%

 

オレンジ

R90 G52 B112

 

赤紫色

R255 G2 B88

照明は、以前に使用された通常の黄色の 40% グロー ダッジのままです。

一番一般的で直接的な塗り方である頬の部分は、上のような感じで出てきます。

しかし、以前に学んだ原則によれば、明るい光は、同様の領域でこのように成長する可能性があります。

ブロック 2 から明るい光を削除しました。

4 番目のブロックは転換点にあるため、ライトの半分だけをペイントする必要があります。

最初のブロックは、非常に一般的な照明位置です。丸顔のキャラでも万能です。

続いて第二区と第三区です。

鼻の詳細については触れません。

 

以下に、2 次元図面の比較を示します。

鼻の翼(青い線)のおかげで、なぜ鼻がそのように描かれているのか理解できます。

でも、よく考えてみると、なぜ頬があんなに塗られているのか、今でもよくわかりませんが、それでもいいと思います。 XD"

終わり

元々、影+ハイライトを重ねる塗り方を簡単に紹介したかっただけです。

次に、光と影の色を変更して、色が割り当てられたキャラクターが環境や背景にすばやく溶け込むようにします。

でも後になって、光の描き方を教えないと絵がうまくいかないことがわかったので、この記事はあまり意味のないものだと感じています。そのため、記事の内容が長くなります。

 

顔の立体感を表現する必要があるキャラクターは男性が多く、女性の顔は状況によって異なります(通常、暗い面はあまりありません。

 

キャラクターの元の色指定を踏襲し、色調整のために影を追加する必要があるのはどのような写真ですか?

冒頭でも申し上げましたが、この方法はカラーウェブトゥーン(ウェブトゥーン)に向いていると思います。

なので、この方法が一般的なイラストなど他のところで使われているのか、効果が良いのかどうかはわかりません。 XD"

 

現在、視覚疲労のため、キャラクターの顔が曲がって描かれているかどうかはわかりません。

それは...いいですか?

 

この記事がお役に立てば幸いです。

 

私のIG

https://www.instagram.com/nelviy_manga/

コメント

新着

公式 新着