動画版：

テキスト版：

こんにちは！

.aviです。私はプロのゲームイラストレーターとして働いており、漫画やウェブトゥーンの制作を趣味としています。

 

🟠 魅力的なカラフルな絵を描きたいけれど、どうすればいいか分からない？

🟠 色彩理論が難しそうだと感じていませんか？

🟠 あるいは、自分の作品に命を吹き込むような特別な何かを加えたいだけですか？

 

恐れることはありません、色で描くことは魔法を使うことではなく、魔法を創り出すことです！

色彩理論については深く掘り下げません。それはどこでも見つけることができますし、正直なところ、私自身はそれが実際に役立つとは感じませんでした。

 

代わりに、色の魔法を理解し、実践で使う方法をお見せしたいと思います！

 

このチュートリアルは、初心者と上級者の両方に対応しています。

 

まず、色を使った陰影付けの基本的なヒントから始め、次に色の相互作用における相対性と色の直感を養う方法のヒントへと進み、最後に簡単に作品に命を吹き込むためのいくつかのコツを紹介します。

🟪 基本

🟧 色を使った陰影付け

このカラーストリップはどう見えますか？

かなりありきたりですよね？

それは、すべての色が黒で陰影付けされ、明るさだけが下げられたためです。

これらはどうですか？ずっと見栄えが良いですよね？

それは、黒ではなく他の色が陰影付けに使われているからです。

🟠 しかし、どの色で陰影を付ければいいのでしょうか？

🟧 カラーホイールパレットの裏技 #1

CSPのカラーホイールパレットは、色を選ぶだけでなく、色彩理論を知らなくてもどの色を使えばいいか決めるのに役立つように設計されています！

 

これを使えば、ベースカラーに応じて適切な陰影色を見つけるのが非常に簡単です。

 

1. ホイール上でベースカラーの位置を見つけます。

2. 通常どおり、正方形内のスライダーを黒に向かってドラッグして暗くします。

3. ホイールのどの側にいても、ホイール上のスライダーを少し下に移動します。

 

色を暗くするほど、ホイールスライダーを下げる量を増やします。

黄色の場合、暖かく見せたいなら赤方向へ、レモンのようにフレッシュな感じにしたいなら緑方向へ移動します。

 

ホイールの下部にある青については、単に暗いバージョンを使うか、紫方向にシフトさせるかのどちらかです。これについては、色の相互作用で詳しく説明します。

カラーホイールはライティングにも逆方向に機能します！

色を明るくするだけでなく、円形のスライダーを少し上に移動します。

もちろん、これは陰影色を決めるのに役立つ基本的な裏技ですが、伝えたいムードや全体的なカラーパレットに応じて、どんな色でも陰影やライティングを表現するために使うことができます！

🟧 カラーホイールパレットの裏技 #2

カラーホイールのもう一つの利点は、対照的な色と調和する色が明確に示されていることです。

 

コントラストを生み出す補色は、ホイール上で反対側にあります。

調和を生み出す類似色は、互いに隣接しています。

🟧 光と色

光は色を定義するものですが、以前のチュートリアルで扱ったので、ここではスキップします :)

🟪 応用

🟧 色の相互作用

黒と白を使わずに絵を描いてみたことはありますか？

 

実は、光と影を表現するためにこの2色を全く使う必要はありません！

色が他の色との関係でどのように機能するかを利用する方法をお見せします。

それは錯視を生み出す魔法です。なぜなら、多くの場合、色は周囲の色によって見え方が異なるからです！

---

🟨 明るさ

どんな色も、他の色の隣に置かれると暗くも明るくも見えます。

 

最も分かりやすい例はカラーホイールそのものです。技術的には円は同じ明るさと彩度の色で構成されていますが、黄色が青よりも明るく見えることを否定する人はいません。

これは基本的に、影として青を、光として黄色（同じ明るさと彩度）を使うだけで、光と影の強いコントラストを作り出すことができることを示しています。

異なる色を隣り合わせに置いて、周囲の色によってどのように相対的な明るさが変化するか見てみてください。

 

期待通りに見えるものもありますが、相手の色よりも驚くほど暗く、または明るく感じるものもあります。

色を彩度を落とすと、すべて同じ明るさであることがわかりますが、レイヤープロパティを使って表現色をグレーに変更すると、相対的な明るさが考慮され、知覚される明るさのコントラストがいかに強いかを確認できます！

要するに、色相の相対的な明るさを利用して光と影などを表現できるのです！

---

🟨 色相

ここにあるこの植物を見てください、緑色ですよね？

あれ、実は灰色がかった紫色？

それはより強い紫色の色に囲まれているため、緑色に見えるだけです。これらの彩度の高い紫色は、彩度の低い紫色を、カラーホイールの反対側にある補色、つまり緑色であるかのように見せますが、実際はそうではありません。

 

色を示唆したいが、絵の中で目立ちすぎることを知っている場合に、これらの色の相対的な特性を利用することができます。

 

緑色の植物のように、本来持つべき色を実際に使わずに、周囲の色を使って表現するのに役立ててください。

---

🟨 色温度

おそらく暖色と寒色について聞いたことがあるでしょう。一般的に、カラーホイールの上半分は暖色で構成され、下半分は寒色で構成されています。

しかし、相対的な明るさや色相と同様に、色の知覚される色温度でさえ、周囲の色によって変化することがあります。

これも、私たちが錯視に利用できるもう一つの色の現象です！

 

🟧 色の直感を養うヒント

色がどのように相互作用するかを探求したので、周りを見回して現実世界でこれらの錯覚を解き明かしてみてください！

 

オフィスの植物のこの写真では、光が葉の緑とどのように作用するかを見ることができます。太陽光が反射する場所はほとんど温かい白色で、影になっている場所は部屋からの反射光で青く照らされ、太陽が透けて見える葉はネオングリーンです。

好きな作品を分析し、なぜその色が自分が感じる印象を与えるのかを解明してみてください。

 

個人的にアクセスできない場所や物の参考写真から色がどのように機能するかを研究しますが、それらから色を拾うのは避けてください。カメラは非常に限られた色域を持ち、似た色をグループ化する傾向があります。特に花の色など、カメラでは捉えきれない色があることに気づいたことでしょう。さらに、現実では影や空に多くの色と詳細がはっきりと見えるにもかかわらず、カメラは影を黒く、空を白くしてしまうことについては言うまでもありません。

面白いことに、私たちデジタルアーティストはカメラと同じ限られた数の色で作業しています。伝統的な画家は、目にするどんな色でも多かれ少なかれ混ぜることができますが、私たちは画面が表示できる色の数によって制限されています...

 

しかし、それが挑戦の醍醐味です！ どんなに洗練されていても、カメラが使うアルゴリズムに囚われているわけではありません！

 

色の相互作用について学んだことを最大限に活用し、現実や他者の作品でこれらの現象を観察することで、光、影、色温度、感情、雰囲気などを私たちの作品で創造的に表現しましょう！

---

注意：

現実世界で色を観察することによって生じたいかなる損害についても、私は責任を負いません... 気をつけてください、早朝の通勤中に都会の光の上に浮かぶピンクの月に魅了される私のような人にならないでください！

（ご心配なく、運転中に描いたのではなく、後で記憶を頼りに描きました :D ）

🟧 メインカラーとアクセントカラー

人々に没頭してもらいたい絵を描く場合、1色（または隣接する色のセット）を作品のメインカラーとして選ぶのが良いでしょう。

 

これはモノクロという意味ではなく、似た色のセットがキャンバスの大部分を覆い、それらと対照的な色はアクセントとしてのみ使用されるということです。

 

例えば、この絵のほとんどは暗めの紫色とティールがかった青色の色で構成されており、カラーホイールのほぼ半分を占めています。これらの色と反対側にあるオレンジ、黄色、黄緑色は、絵に控えめに加えられ、キャンバスの約10〜20％を構成しています。これらは、画像に興味深い要素を追加するため、アクセントカラーと呼ばれます。

キャンバスの大部分を覆う一連の色を使い、それにそれぞれのアクセントカラーを散りばめることで、作品の明瞭さと調和を保ちながらも、絵を魅力的に保つのに役立ちます。

---

🟨 均等な色の分布

すべての色がキャンバスの同じ部分を占める絵では、目が絶えず散漫になり、すぐに飽きてしまいます。

しかし、実際には、場合によってはそれでも利用することができます！

 

特に短時間の広告では、ポップアートがその完璧な例であり、他の多くの似た広告スタイルと同様です。なぜなら、視聴者の注意を引き続けることが目的ではないからです。彼らの目的は、視聴者がバナーをクリックしたり、無意識のうちに製品を記憶したりするのに十分な時間、色の攻撃で目を引くことです。

🟪 実践的なヒントとコツ

これらは、色を使って作品をより魅力的にするための簡単なヒントとコツです！ほとんどの人はこれらの小さなことに気づきませんが、これらはあなたの作品に豊かでユニークな感覚を加え、記憶に残るものにするでしょう！

🟧 カラーの輪郭線

輪郭線の上に新しいレイヤーをクリッピングし、要素の端、顔のパーツ、髪などの場所に異なる色で描画するだけで、漫画やイラストに全く新しい感覚を加えることができます！紫、オレンジ、ティールなどの大胆な色を使うことを恐れないでください。線画のような小さな領域に使うことで、それらをアクセントカラーにすることができます。

 

例えば、私は通常、光の状況や絵の雰囲気に応じて、線画を濃い紫や赤、あるいはシアンに変えるのが好きです。次に肌の色を選び、顔のパーツや手に軽く色を塗ります。

 

明るい部分にはオレンジ、ピンク、黄色、さらには白を使いますが、背景が暗いことを確認してください。そうしないとシルエットが消えてしまいます。

 

影には彩度の高い紫やティールを加えるのが好きです。

輪郭線に色を塗るだけで、絵の雰囲気がどれだけ変わったか見てください。

🟧 バックライト

キャラクターやオブジェクトに、メインの光とは異なる色のバックライトを与えることで、背景からの際立たせだけでなく、作品の豊かさを高めることにも役立ちます。

 

🟨 バックライトを追加する最も簡単な方法：

 

1. キャラクターのレイヤーまたはフォルダのアイコンをCtrl-クリックして、シルエットを選択します。

2. 選択ツールまたは投げ縄ツールが選択された状態で、意図するバックライトの方向に数ピクセル移動します。

3. 反転します。

4. キャラクターフォルダに、何らかの加算モードで新しいレイヤーをクリッピングします。

5. 選択範囲をバックライトの色で塗りつぶします。

 

一部を消去したり、液体化で形を調整したりすることで、バックライトの縁が簡単に絵に馴染みます。

🟧 色つきの肌

アニメや漫画のスタイルで描いていても、あまり時間をかけずに作品に予期せぬ活気を与えるいくつかのコツがあります！

 

おそらく、顔のカラーゾーンについてご存知でしょう。額は金色に、眉から鼻先までの中央部分は赤みがかり、口の周りはわずかに緑がかったまたは青みがかっています。これは主に写実的な絵画で使われますが、デフォルメされたキャラクターにも少しだけ適用できます。

特に子供や女性の青色については、やりすぎないように細心の注意を払ってください。さもないと、ひげを剃っていない酔っぱらいのように見えてしまいます！ :D

しかし、よく言及される顔のゾーン以外にも、人体の他の部分にもカラーゾーンがあります！

 

手の甲と指はわずかに金色を帯び、指先、指の関節、手のひらの関節と肉球は赤みがかっています。手首の裏側と親指の付け根は青みがかっています：

同様に、肘、肩、膝などの他の関節も赤みがかっています。

 

これらのカラーゾーンでは、顔ほど慎重になる必要はありません。人々は主に顔に注目するため、重要でないように見えるかもしれませんが、キャラクターの手の指先や関節を赤みがかった色に塗ってみてください。きっと驚くほど生き生きと見えるでしょう！

これは、誰も気づかないような小さなディテールですが、作品に与える生命力と魔法の量は、それに費やしたわずかな時間に見合うものです！

🟧 サブサーフェス・スキャッタリング

この抽象的な用語は、光が薄い半透明な素材をどのように照らすかを指します。そう、強い光に手をかざしたときに現れるよく知られたオレンジ色の縁のことです。

 

カラーゾーンと同様に、写実的な絵画でよく使われますが、スタイル化された作品にこれを取り入れるだけでも、作品を次のレベルに引き上げることができます！

私の漫画では、この効果を、例えば強い逆光を受けている手や耳の内側に使うのが好きです。

髪も半透明な素材なので、光が透ける部分に輝きを加えることで、画像がさらに面白くなります。

🟧 ランダムな色変化ブラシの使用

絵に多様性を加えるために、ブラシ設定を最大限に活用しましょう！

 

インクで混色をオンにしたり、色ブレをストロークごとにランダムに設定したりしてみてください。これらの機能は、地面、岩、雪などのテクスチャのある表面を描くのに最適です！

🟧 鮮やかな絵画を作るために彩度の高い色を使用する

この裏技は、以前に探求した色の関係を最大限に活用し、伝えたい雰囲気、構図、光、空間をさらに引き立てます。

 

明るさを変えずに、影の色の異なる色相をその縁に沿って使用し、コントラストを加えます。

彩度の高い色の点を加えて、テクスチャを豊かにしてみてください。

これを正しく行うには試行錯誤が必要ですが、きっとすぐに無意識のうちにできるようになるでしょう。

 

例えば、ヤシの木にある紫とオレンジの線は、葉の緑や空の新鮮さとは対照的で、ビーチが見えなくても太陽が暖かく、ヤシの木の下に砂浜があることを視聴者に伝えます。

🟧 色の調整

作品の色にまだ満足できない場合は、調整レイヤーやレイヤーのブレンドモードを使用して、さらに色を修正することができます。

 

私はよく、光と影のコントラストを上げ下げするためにトーンカーブを、色をわずかにシフトさせるためにカラーバランスを使用します…

…またはブレンドモードのグラデーションマップで様々な効果を出します。例えば、このパネルでは、黒（加算モードでは無視されるため）から黄色へのグラデーションマップを発光追加モードで適用することで、明るい部分をさらに明るくしました。

ぜひ色々と試してみて、あなたのワークフローや実際の絵に何が最適かを見つけてください！

🟪 結論

これらは、色を観察し、それらを使って描画する際に何に焦点を当てるべきかについてのいくつかのヒントとコツです。しかし、色が相対的であるのと同様に、厳密に従うべきルールはありません。デジタルで作業しているため、後で何でも変更できるので、自分の選択に自信がなくても、恐れることなく自発的に、そして自分の絵の直感に従ってください！

 

イラストレーターとして長年働いてきて学んだ最も重要なことの一つは、ルールやチュートリアルに厳密に従うよりも、ルールや物理法則を破っても自分の感覚に従う方が99%のケースでうまくいくということです。

 

さあ、色で魔法を創造するのを大いに楽しんでください！