反射光の画像

クリエイター入門

「反射光」と「陰影の色」を理解してイラストの表現の幅を広げよう!

イラストやデザインを制作しているとき、陰影の色をどうしような悩むことはありますよね。今回は、「反射光」と「陰影の色」について簡単にご説明します!

前回は、「陰影」の「陰(いん)」と「影(えい)」の違いについてご紹介しました。ぜひ、こちらも合わせてお読みください!

反射光とは?

反射光とは、地面や、光が当たっている面から跳ね返ってくる光のことです。

このボールの図でいうと、赤い細い部分のことです。地面からも光が跳ね返ってきているんですね。

「反射光」について理解して制作できると立体感を出せるようになり、表現の幅がグッと広がります。

上のボールが反射光が当たっているボールです。立体感や、回り込んでいる様子が表現できました。

反射光の色について

反射光には色があります。以下の写真をご覧ください。

とてもわかりやすいですよね。背景や地面の色がバシバシ跳ね返ってきています!これが反射光の色です。

反射光の色を決める時は、どの面の色が跳ね返ってきているかを考える必要があります。

地面や背景が白ければ、本体に近い色相で、明度が低い黄色の反射光になります。

地面が水色の場合はどうでしょうか?

このように、水色に色相に寄った反射光になります。

反射光をつける際は、地面や跳ね返ってくる面の色を考慮するとまとまりのあるイラストになるでしょう。

注意点は、反射光を意識しすぎて明るくしすぎないことです。

NG例

反射光を意識しすぎて、本体よりも明度が高い色を使ってしまうとチグハグな印象になってしまいます。

この状況は起こりうるのは、地面が発光している場合です。

「陰影」の色について

反射光の概念を簡単に理解したところで、「陰影」の色について考えてみましょう!

陰影の色の付け方で印象が変わります。背景が白の場合は、「陰影」の色はわりと自由につけてもパッと見は自然に見えてきますが、陰影の色を考えるときは、光の色の設定を決めていきます。

上のイラストでいうと、左のボールは太陽光や電球色などオレンジっぽい光が当たっている設定です。

右のボールは、青白い蛍光灯のような光が当たっている設定になります。

背景や地面が白い場合では、「陰(いん)」の部分の色で、光の色を表現することができます。

「影(かげ)」の色は地面が白いのでグレーでよいでしょう。厳密には、ボールからさらに跳ね返ってくる光を考慮して、少し黄色よりのグレーでもOKです。

地面に色があるときの「陰(いん)」の色

地面に色があるときの「陰(いん)」の色について考えてみましょう。

※「陰(いん)」と「影(えい)」の違い

地面に色が無いときは、光の色を考慮していればどちらでもOKでしたね。

地面に色をつけてみましょう!

さて、上の図を見てみてください。地面が水色の場合は、反射光を考慮すると右の図(陰が水色より)の方が馴染んで見えます。全体としてまとまりがありますね。

このように、地面や背景に色がある場合は、反射光を意識して「陰(いん)」の色を決めると良いでしょう!

地面に色があるときの「影(えい)」の色

地面に色が無いときは、グレーの「影(えい)」でしたね。

地面に色をつけてみましょう。

「影(えい)」がグレーでも影には見えますが、ちょっと不自然です。

ここで影の色を地面に合わせてみたいと思います。

「影」の色を水色の明度を下げた色にしました。だいぶ馴染んで影っぽくなりました。

このように、地面に色がある場合は単純なグレーではなく、地面の色が暗くなった色にすると自然な影を表現することができます!


この写真を見てみても、影が濃いピンクになっていますよね。

まとめ

イラストやデザインを制作しているとき、陰影の色をどうしような悩むことはありますよね。今回は、「反射光」と「陰影の色」について簡単にご説明しました!

今回はボールを例にあげましたが、色々な写真やイラスト、実際の物を見て「反射光」と「陰影の色」を研究してみると表現の幅がグッと広がります!

それでは、反射光」と「陰影の色」の理解を深めて、クリエイターとしての新しい一歩を踏み出しましょう!

関連記事

  1. クリエイター入門

    「Wix」でポートフォリオサイトを作ろう!プログラミング不要!初心者でも簡単WEB制作!

    こんにちは、渡部学です。今回は、簡単に本格的なWEBサイトを作れる「…

  2. クリエイター入門

    WindowsとMac。パソコンの違いは?どっちを選べばいい?

    WindowsとMacどちらを選んだらいいかという問題は、よく話題に…

  3. クリエイター入門

    PANTONE指定ってなに?PANTONEカラーの使い方!

    印刷物やグッズ制作の依頼時に「PANTONE指定」という言葉を聞いた…

  4. クリエイター入門

    背景透過PNG画像をIllustratorで書き出す方法!

    Illustrator(イラストレーター)で作成したデータの背景を透…

  5. クリエイター入門

    「JPEG」「GIF」「PNG」の拡張子の違いとは?画像ファイルの基本を学ぼう!

    WEB制作やデザインなどをしていると必ず出てくる「.jpg」「.gi…

スポンサーリンク

CREMAGAとは

これからクリエイターになる人のためのWEBマガジン CREMAGA(クリマガ)。日々のスキマ時間にサクッと読める記事を掲載します。 人に聞きにくいすごく初歩的なことから、クリエイターのリアルな気持ちまで。

CREMAGAライター

渡部学/クリエイター
2015年 株式会社ワンダーマーク設立 2015~2018年 武蔵野美術大学 インターンシップ演習 特別講師 ​2019年現在「もにまるず」「TRFG」など自身の作品の制作をしながら、グラフィックデザイン・WEBデザイン・講師などのお仕事もさせていただいております。 武蔵野美術大学 視覚伝達デザイン学科 2010年度卒。 https://www.watabemanabu.com/

最近の記事

  1. 通販用の商品撮影に最適!小物撮影用の背景紙Ambiance …
  2. ラフスケッチ専用ノート「Roughly (ラフリー)」で快適…
  3. Illustrator(イラストレーター)傾いたオブジェクト…
  4. Illustrator(イラストレーター)で共通オブジェクト…
  5. 一枚からオリジナルTシャツを制作!!ショップ制作も簡単な「p…

スポンサーリンク

  1. 制作ツール

    「フリクションいろえんぴつ」が想像以上に消える!
  2. クリエイター起業

    メーカータイプのクリエイター起業!年商ごとに見えてくる問題点・悩み
  3. 暮らしの画像

    モチベーション

    「100の基本 松浦弥太郎のベーシックノート」を読んで暮らしの基本をアップデート…
  4. Ambiance Paper

    制作ツール

    通販用の商品撮影に最適!小物撮影用の背景紙Ambiance Paperで快適な撮…
  5. クリエイター入門

    「JPEG」「GIF」「PNG」の拡張子の違いとは?画像ファイルの基本を学ぼう!…
PAGE TOP