《固有色を保ちながら大胆に色を遊ぶ！》

今回のテーマは「カラフルなイラスト」です。

 

あなたはこのような困った状況に遭遇したことはありませんか？

描きたい人物や物の固有色^がカラフルではない！描いたイラストの画面の色が平坦で単調になってしまう！しかし、それはそれらの物の元の設定に基づいているため、自由に色を変更することはできない！

 

^固有色：物体そのものの色を指します。例えば、きれいな雪は白、木材は茶色など。

 

では、どうすればイラストの画面をより豊かにできるのでしょうか？

このTIPSでは、この制限された状況下でカラフルなイラストを描くためのいくつかの小さな方法を提供します。

 

 

【初心者向けの色に関する基礎知識】

この部分では、記事の後半で使われる専門用語を説明するために、まず基礎的な色彩原理を簡単に紹介します。

ある程度の基礎知識がある読者は、《準備作業》のセクションまでスキップしてください。

 

 

✧ HSVおよびHLSカラーモデルの概要

現在、色を表現するために広く使用されているカラーモデルはいくつかあります。

その中でも最も広く知られているのがHSVシステムです。

 

HSVの文字はそれぞれ以下を表します：

H： "Hue" 色相【赤>黄>緑>青>紫>マゼンタ：0~359】

S： "Saturation" 彩度【灰色~鮮やか：0~100】

V： "Value \/ Brightness" 明度【暗~明：0~100】

 

色相環で示すと以下のようになります：

その他に、Clip Studio Paintにはもう一つのカラーモデル「HLSモデル」が搭載されています。

以下の位置をクリックして切り替えることができます：

HLSの文字はそれぞれ以下を表します：

H： "Hue" 色相【赤>黄>緑>青>紫>マゼンタ：0~359】

L： "Lightness" 輝度【暗~明：0~100】

S： "Saturation" 彩度【灰色~鮮やか：0~100】

 

HSVモデルと非常に似た使い方なので、個人の好みに合わせてどちらのモデルで色を選ぶか選択できます。

 

 

✧色彩原理用語の概要

• 固有色：物体が自然光の下で示す色。

配色方法：

• a.類似色：対象色の色相環の両隣にある色で、一緒に使用すると心地よく自然な印象を与えます。

• b.補色：対象色の色相環の正反対にある色で、一緒に使用すると強いインパクトを与えます。

• c.補色の隣接色配色：対象色の補色の片隣にある色を使用します。

• d.分割補色配色：対象色の補色の両隣にある2つの色を使用します。

• e.トライアド配色：色相環の正三角形の位置にある3色を使用し、補色よりもカラフルでインパクトのある印象を与えます。

• f.テトラッド配色（四角配色）：色相環の長方形の位置にある4色を使用し、よりカラフルですが、色のバランスに注意が必要です。

【準備作業】

始める前に、描画するイラストを最低限以下のレイヤーに分割しておくと作業がしやすくなります：

1. 線画

2. 肌の影

3. 目と肌の下塗り（固有色）

4. メインの影

5. 下塗り（固有色）

6. 背景

 

ここで目と肌の色を特に分けたのは、この2つの部分の色はコントロールが難しいからです。

あなたの好みに応じてさらに細分化することもできます。例えば、前景と背景を人物から分けたり、複数の影レイヤーを持ったりするなどです。

 

 

✧サンプル図

今回のサンプル図の内容は「セーラー服を着たアジア系の少女が植物に囲まれている」です。人物の生物学的特徴の色（黒髪、黒い瞳など）と葉の固有色（緑色）はすでに決まっており、自由に変更することはできません。

 

説明を簡単にするため、セルルック（色塊）の着色スタイルを使用しましたが、他の着色スタイルのイラストでも問題ありません。

また、あなたのイラストの中で色が自由に変化させられるものを探してください。この部分は、将来の画面全体の調和や緩衝材として使用できます。

 

サンプル図では、人物と葉の固有色が固定されているため、私は空を自由に色を変えられる部分としました。

一つには、空は元々青色以外にもオレンジや紫など様々な色に変化するからです。二つには、このイラストにおける空の重要性は人物や葉よりも低いため、読者の注意度も相対的に低くなり、絵描きに変化のためのより多くの空間を残します。

 

時にはこの部分を変えるだけで色彩のコントラスト効果が得られます。以下では、空を赤色の背景に変えましたが、画面に増したインパクトを感じますか？

もちろん、描画テーマに基づいて青空の背景を維持したい場合でも問題ありません。以下では、様々な加工方法を参考にご紹介します！

1. 【高彩度の影を使用する】

✧ 元の影を高彩度の色に変更する

ここでは、影を彩度が高く、明度が低い紫色に変更しました。

 

影レイヤーの属性設定について：

• 影の適用範囲が1種類の固有色のみを含む場合、通常のレイヤー属性または乗算のレイヤー属性を使用できます。

• 影の適用範囲内に複数の固有色が含まれる場合、乗算などのレイヤー属性を使用してください。

例えば、葉の影レイヤーは通常または乗算を使用できます（固有色「緑色」が1種類のみのため）。

一方、服の影レイヤーは乗算を使用する必要があります（襟やリボンなどの色が異なるため）。

肌の色と目は他の部分と同じ紫色を使用できないため、別途明度と彩度を調整する必要があります。

 

目の影の色相はメインの影の色（紫色）に近づけることができますが、彩度は少し低めにします。

肌の色の影の色相は、その固有色に近づける必要があります。

（また、画面に合わせてスカイブルーの彩度も上げました）

影をつけた後に固有色が分からなくなる場合は、影の色の彩度を下げることができます。

例えば、下の図では赤色の影を使用しており、セーラー服の青い襟が元々の色として認識しにくくなっています。そこで、色相は変えずに彩度を下げて、大まかな固有色を認識できる程度に調整しました。

✧ 影の色の選び方

影の色の数：

画面の統一性を保つため、初心者はまず一種類の影の色相から始めることをお勧めします。目や肌の影は、選んだ色を基に微調整します。もし個別の部分が良く見えない場合は、その部分の影の彩度と明度を調整することでバランスを取ることができます。

慣れてきたら、類似色の影（つまり複数色の影）を試して、色の使用範囲を徐々に広げてみましょう！

 

色相の決め方：

まず、イラストの中で「最も多くの部分を占める固有色」を見つけ、次にその固有色の補色、または補色に隣接する色を選びます。

 

サンプル図では、最も多くの部分を占めるのが葉の「緑色」です。そのため、上記では赤色と紫色を影の加工例として示しました。もし緑色の類似色を使用した場合、赤色や紫色ほど色彩のインパクトは得られません。

以下のように、少し青みがかった影の色を使用した場合、並べて比較すると元の絵と非常に似た印象であることがはっきりと分かり、赤や紫の影ほどの効果はありません。

 

 

彩度の決め方：

色をよりカラフルにするために、彩度が高めの色から始めて、個別のニーズに合わせて微調整することをお勧めします（例えば、目や肌の部分など）。

 

明度の決め方：

初心者は、固有色よりも明度が低い色を選ぶか、「乗算」レイヤーを使用して影を追加し、「影は暗い場所である」という原則を保つことをお勧めします。

慣れてきたら、構造が単純なオブジェクトの影を明るい色に変更してみると、驚きの効果が得られることがありますよ！

 

例えば、以下では葉の影に淡いピンク色を試用し、空をピンクの補色の隣接色に調整してみましたが、いかがでしょうか？

2.【元々黒い部分を他の高彩度な色に置き換える】

✧ 他の高彩度な色に置き換える部分を選択する

• 線画

• オクルージョンシャドウ（イラスト全体で最も暗い影の部分）

• 他の非常に暗い部分を選択することもできます

ここでの影は、第一部で述べた影とは異なり、「一枚の影全体」を選択するのではなく、「最も暗い部分」のみを選択します。もちろん、あなたの好みに応じて選択する部分の量を決めることができ、線画部分のみを選択することも問題ありません。

 

 

✧ 置き換える色の選び方

• まず高彩度の色から始められます—【例I、II】

• 明度に注意が必要です。色が明るすぎると、物体の本来の構造が見えにくくなります（特に選択した部分が多くの影を含んでいる場合）—【例III：人物が手に持っている髪の毛が何なのか、ほとんど分からなくなっています】

• いくつかの類似色のグラデーションを追加して面白みを増すことができます—【例IV：紫~赤のグラデーションを追加しました】

3.【フィルターを使った後処理】

この部分では、画像を修正しない前提で、後処理によってイラストをよりカラフルにする方法に焦点を当てて説明します。

✧ A. 彩度を上げる

最上部に色調補正レイヤーを新規作成し、彩度を上げます。明度は全体を見て微調整してください。

 

この方法は画面の色をより豊かにしますが、画面に異なる色相の色を増やすわけではありません。そのため、補助的な機能として、以下の他の後処理方法と併用することができます。

✧ B. 他のカラフルな画像で既存の色を調整する

この素材をイラストの最上部に加え、レイヤー属性を「焼き込みリニア」に、不透明度を30%に設定しました。

 

今回のイラストはセルルックの着色スタイルを使用しているため、このレイヤー属性を使って色塊感を出しました。他にも「明るく」、「スクリーン」などのレイヤー属性も良い選択肢です。

 

この操作により、ミクロな視点からあなたのイラストに色相の躍動感を与えることができます。葉っぱが複数の色を持っているにもかかわらず、「緑色」という属性を保っているのがわかりますね。

 

 

✧ C. 他のカラフルな画像を既存の画面に追加する

この素材をイラストの最上部に加え、レイヤー属性を「スクリーン」に、不透明度を75%に設定しました。

 

イラストの内容が屋外であるため、レンズが太陽光を屈折させて生じるプリズム光を加えるのも良い選択です。

既存の画像素材以外にも、虹色のプリズムのようなブラシを使用し、「オーバーレイ」などのレイヤー属性を使用することもできます。

 

この操作により、画面に直接、より多くの異なる色相の色を追加することができます。類似色のみの画像を使用した場合でも、元の絵とは異なる色系であれば、かなり良い効果が得られます。

4.【アイテムを追加して描画する】

既存のアイテムの固有色を変更できないのであれば、色を増やすために別のオブジェクトを追加してみましょう！

 

 

✧ D. カラフルな外枠を追加する

ここでは、黄オレンジ色のグラデーションの太い外枠を追加し、レイヤー属性を「スクリーン」に、不透明度を50%に設定しました。

 

 

✧ E. 任意の色を塗れる模様を追加する

ここで指すのは装飾的な模様です。

星、ハート、水玉、ひし形、線画模様など、任意の色を塗れるものが使用できます。あなたのイラストのテーマやスタイルに合う模様かどうかで選びましょう。

 

 

✧ 追加するアイテムの色の選び方

「イラストの中で最も多くの部分を占める固有色」の補色または補色の隣接色を使用することをお勧めします。

そして、追加するアイテムの間には類似色を使用します。

これにより、色相の躍動感を増やしつつ、画面の色がごちゃごちゃに見えるのを防ぐことができます。

 

サンプル図では、最も多くの部分を占めるのが葉の「緑色」なので、「赤色」とその類似色である「黄オレンジ色系」を追加アイテムの色として選択しました。

 

 

付録：色のバランスの取り方

色の選び方は、初心者にとって常に悩ましい問題です。

ここでは、参考となる2つの方向性を提供します：

 

 

1. 色の彩度と明度を調整する

いくつかの色相を選択した後、それらが一緒にうまく見えない場合は、彩度と明度を調整してみてください。

 

例えば、以下ではテトラッド配色法を使用し、4つの色相（左側）を得ました。しかし、それらは非常に目に刺さるように見え、良くありませんでした。

そこで、マゼンタと緑の彩度を下げ、青の明度を下げ、赤はそのままにしました。

このようにしてできた配色は、カラフルさを保ちつつ、元の組み合わせよりもデザイン性が向上しました。

2. イラストのテーマカラーを決定または見つける

色は他の視覚芸術の分野と同様に、「主」と「従」があることで美しく見えます。

 

選んだ色をキャンバスに均等に塗るのではなく、それらの比率を調整し、多い部分と少ない部分を作り出して試してみてください：

【結び】

終わり！

これだけ多くの色のバリエーションがありましたが、どれが一番お気に入りでしたか？

このチュートリアルはいかがでしたか？

ぜひコメントで教えてください！このチュートリアルがあなたのお役に立てれば幸いです。

 

 

【素材使用】