うさがかく 日常のイラストブログ

元漫画家が、思いついたことをイラストや漫画とともに紹介したり書いてみたりするブログ。絵の描き方もちょこちょこ載せます。

【初心者】簡単!髪の影の描き方!【デジタル】

髪の影を描いたら絶対にクオリティが上がるのはわかっているけど、うまく描けないから諦めちゃう…そんな方いませんか?

 

ということで今回は「誰でも簡単に髪の影を描く方法!

 

今回使用するイラストはこちら。

f:id:usausagitan:20230930131950j:image

アイビスペイント」で描きました。

 

今回紹介する方法で影を付け足すとこんなふうに!

f:id:usausagitan:20231001205950j:image

立体感が出てクオリティが上がったように感じますね!

 

影が付け足されるだけで、上手くなったような気がする〜!

 
 

アイビスペイントで解説していくけど、デジタルならやることは一緒やで

 

 

 

事前にレイヤーを分けておこう!

 

みんなはレイヤーってどんなふうに分けてる?

今回紹介する方法では「肌の色」や「線画」と同じレイヤーには影を描き込まず、「影レイヤー」を新たに作成します。

 

▼レイヤーとは?

 

何でもかんでもレイヤー分けしなくても大丈夫ですが、今回は最低でも「髪色のベース色」だけは別レイヤーにしておく必要があります。

f:id:usausagitan:20231001210205j:image

このように線画はもちろん、髪のハイライトや髪の影ともレイヤーを分けた「髪色のベース色」のみのレイヤーのことです。

 

 

線画も色も全部1枚のレイヤーに描いてる人多そうだよね

 
 

それでもいいんやけど、レイヤー分けしといた方が手直しとか塗りの段階で都合がええねん

 

▼レイヤー分けのメリット


ちなみに今回のイラストでは、間違えて「髪の色」のベースを前髪も後ろ髪も全て同じレイヤーにしてしまっています。

f:id:usausagitan:20230930132922j:image

本来であれば「前髪」、「後ろ髪」と細かく分けておく方がやりやすいので、今から塗る方はレイヤー分けをしっかりしておいてくださいね。

 

 

影を描いてみよう!

前髪のベース色」レイヤーを選択します。

f:id:usausagitan:20230930132922j:image

私の場合は前述しましたが、前髪と後ろ髪全て同じレイヤーにしてしまったので「髪のベース色」レイヤーを選択しています。

 

フォルダ追加」のボタンから「レイヤーの複製」をしてください。

f:id:usausagitan:20230930133134j:image

選択中のレイヤーの複製が作成されます。

 

黄色で囲ったレイヤーが複製されたレイヤー。

f:id:usausagitan:20230930133501j:image

この複製されたレイヤーを髪の影レイヤーにしていきます。

 

 

ややこしいからレイヤー名を「髪の影」に変更しといた方がいいかもしれんな!

 

肌の色レイヤー」の上に髪の影レイヤーを移動させてください。

f:id:usausagitan:20230930133856j:image

肌の色レイヤーにクリッピングして、肌の上にのみ髪の影が表示されるようにします。

 

移動変形」ツールを選択。

f:id:usausagitan:20230930134443j:image

髪の影を少しだけ「右下」もしくは「左下」にズラします。

 

このようになりました。

f:id:usausagitan:20230930134804j:image

わたしは今回は左下にズラしています。

 

影の輪郭がくっきりしすぎていて違和感があるので、少しぼかしましょう。

f:id:usausagitan:20230930135014j:image

フィルター」ツールを選択します。

 

ガウスぼかし」で影の輪郭をぼかします。

f:id:usausagitan:20230930135050j:image

スライダーで数値を調整してちょうどいいぼかし具合にしましょう。

 

 

ぼかしすぎると逆におかしくなるから注意ね!

 
 

くっきりした輪郭をなめらかにするだけのイメージやで

 

髪の色レイヤーの「ブレンドモード」を「乗算」に変更します。

f:id:usausagitan:20230930135812j:image

乗算にすることで下のレイヤーの色が透けて見えるようになります。

 

微妙な変化ですが、わかるでしょうか。

f:id:usausagitan:20230930145655j:image

ブレンドモードを変更する前はレイヤーの色が独立していたのに比べ、肌の色が透けて見えるので影っぽさが増しましたね。

 

フィルターの「色調整」で影の色を肌の色に馴染むよう変更します。

f:id:usausagitan:20230930145933j:image

もとにする髪のベースの色によってスライダーの数値は変わるので、画像の数値は参考にしないでくださいね。

 

色選びのポイント

● 色相…オレンジ〜赤

● 彩度…何色かなんとなくわかるくらいの彩度

● 明度…明るめ

 

 

肌色、髪色とかイラストに使用してる色によって色相を調整するとええで

 
 

イラストの髪色が紫なのと、首の下に使ってる影色とか肌の色を参考にして、今回はピンクに近い影色にしたよ!

 

こんな感じになりました!

f:id:usausagitan:20230930151328j:image

これで一旦髪の影は完成です!

 

 

 

色を足してみよう!

 

前の段階で一応髪の影は完成なんやけど、もうちょいクオリティ上げる方法紹介するで!

 

赤丸で囲んだ部分の髪の影が少し薄く感じませんか?

f:id:usausagitan:20231001230620j:image

髪の根本なので本来ならもう少し暗さが欲しいですよね。

 

 

てことでいい感じに色足してくでー!

髪の影レイヤー(画像では「髪」と表記されているレイヤー)の上に新たにレイヤーを作成し、髪の影レイヤーにクリッピングしましょう。
f:id:usausagitan:20231001230629j:image

これで髪の影の部分にのみ色がのります。

 

新規作成したレイヤーのブレンドモードを「乗算」にしてください。
f:id:usausagitan:20231001230617j:image

これで髪の影レイヤーの色も透けてみえるようになります。

 

ブラシで実際に色をのせていきましょう。

f:id:usausagitan:20231003215119j:image

わたしは「水彩(混色2)」のブラシを使いました。

 

 

水彩ブラシなら何でもいい?

 
 

下のレイヤーの色に馴染みやすいブラシやったら何でもええで

 

ブラシのサイズは大きめの方が下のレイヤーに馴染むよう描きやすいです。
f:id:usausagitan:20231001230640j:image

どれくらいのサイズが描きやすいかは個人差があると思いますが、大体画像のブラシサイズを参考にしてみてください。

 

最初に赤丸で囲んだあたりを中心に色をのせました。

f:id:usausagitan:20231001230623j:image

最初と比べて少し色が濃くなっているのがわかるでしょうか?

 

これでイラストの完成です!
f:id:usausagitan:20231001230626j:image

お疲れさまでした~!

 

あとがき

 

今回もめっちゃ簡単やったな

 
 

うさでもできたよー!

誰でも簡単にできるので、やり方を覚えてぜひ実践してみてくださいね。

 

影の描き方が全くわからなかった方のお役に、少しでも立てたのならうれしいです。

 

それではまたー!