差分イラストの描き方を徹底解説 Part.3 肌の塗り方＆自動着彩編

この記事を読むのに必要な時間は約 30 分です。

CLIP STUDIO PAINT（クリップスタジオペイント）を使った「差分付き」女の子の描き方講座のPart.3です。Part.1でラフ、Part.2で線画と下塗りまで完成しました。

Part.3では「肌の塗り込みと差分パーツの塗りの注意点、自動着色」について詳しく解説していきます。

では早速進めていきましょう！

この記事の目次

塗りを重ねる

いよいよ塗り、好きなんですよね～、色塗り♪
でも初めてのクリスタだからちゃんと塗れるのかな？かな？

江洲出井絵瑠

バーグさん@S.D.L

（ん？鉈キャラ？）
クリッピングマスクを使った塗りさえ理解すれば超楽勝だよ！

クリップ？マスク？…あっ！
新しいマスクが発売されるんですね！マスクが品薄で困っちゃいますよね。

江洲出井絵瑠

バーグさん@S.D.L

はい、解説しますー。

塗り重ねの方法

STEP.1

現段階の状態を確認する

Part.2で各部位の下地が塗り分けられた状態になっています。
素体グループを見ると線画が一番上にあり、素体の肌の塗り、髪の毛の塗り…があります。

素体グループの上に服やスカート等の線画と塗りをまとめたパーツが格納されている状態です。
まずは肌をベースに進めていきます。一旦肌以外の差分は非表示にしておきましょう。

クリスタの導入がまだの方は下記からどうぞ。

公式サイトでクリスタをチェック

STEP.2

クリッピングマスクを適用

下地の上にレイヤーを追加し、レイヤーパネル左上にある [ 下のレイヤーでクリッピング ] を適用します。

クリッピングを適用したレイヤーなら下地の範囲内のみ塗ることができます。

下地エリアからはみ出さないので肌の影やハイライトを塗る際に便利！

MATCHBOX

ポートフォリオ制作&転職を最速で実現

MATCHBOX はマイナビクリエイターが提供している高品質なポートフォリオを無料で作成できるサービスです。
作品とテキストを準備するだけで簡単にポートフォリオが作成できます。PDFに出力できるので紙媒体とWeb媒体の両方を超簡単に作成可能！

無料で使えるMATCHBOX を活用し最短でポートフォリオ制作とクリエイティブ業界への転職を実現しましょう。

STEP.3

影その1を塗る

「下のレイヤーでクリッピング」した「影1レイヤー」に影その1を塗ります。

一番薄い色の影をベースの肌色より少し濃くして描きましょう。

光源を意識しながら塗ると良いかと思います。
サンプルは左上を光源にして塗っています。

STEP.4

影その2を塗る

続いて「影その2」用のレイヤーを新規追加してクリッピングマスクを適用し、影その2を塗ります。

影1よりさらに暗い部分を塗ります。

Live2D Cubism

Live2Dで自分の作品にアニメーションを付ける

自身で作成したキャラをLive2Dで動かしてみませんか？VTuver用のキャラクター作成、映像作品、Webサイトなど用途は無限大ですよ。

もちろんキャラクター以外にも簡単にアニメーションを加えられます。

【Live2D Cubism】

STEP.5

影その3を塗る

同様の手順で影その3を塗ります。
ワキの下しとか胸の下とか股下とか、キュッと詰まった個所に濃いめの影を置きます。

フラットな表現が好みの場合は影その1かその2辺りで止めておきましょう。
当記事の塗り方は若干イヤラシイ塗り方です。

STEP.6

照り返しを塗る

レイヤーを新規追加し、同手順で照り返し（リムライト）を塗ります。

光源と真逆の部分にやや明るい色を乗せると少し立体感が出ます。

STEP.7

薄いハイライトを追加

薄いハイライトを置きます。
真っ白ではなく、下地の肌色を少し明るくしたような色がオススメです。

白で塗ってレイヤーの不透明度を少し下げる方法でも良いです。

FINISH

ハイライトを追加

ハイライト（一番明るいところ）を追加します。
白または少し不透明度を落とした白を適度に置きます。

ハイライトなのであまりベチャっと置かず、「ちょんちょん」と置くと良いかと思います。

これで素体の肌がアニメ塗りで一通り塗れました。

公式サイトでクリスタをチェック

SKIMA

SKIMAで自分のデザインやイラストを販売してみよう

せっかく制作した作品、色んな人に見て欲しいですよね。
しかもそれがお金になれば…さらに良くないですか？

SKIMAでは著作権を自身に保持したままイラストを販売する事ができますよ。

SKIMAで自分のイラストを販売してみる

肌色の配色について

肌色の配色サンプルをいくつか作ってみました。
影の色は「影＝黒」の認識で「黒っぽい色」を入れると色が濁ってしまいます。

ビギナーの方にありがちな配色例です。

エロゲ等で使われそうな配色例です。

彩度低めの配色例です。

鮮やか系の配色例1です。

鮮やか系の配色例2です。

こちらもややエロな配色例です。

水彩っぽい塗りでよく見かける配色例です。

エロ漫画でありそうな配色例です。

…エロが付く配色例が多くないですか？

江洲出井絵瑠

バーグさん@S.D.L

エロは世界を救うぅぅぅぅぅ！！！

ダメだこりゃ。

江洲出井絵瑠

線画の色を変える

線画レイヤーの上に新規レイヤーを追加し、[ 下のレイヤーでクリッピング ] をします。

追加したレイヤーにブラシで塗りを加えて線画の色を変えることができます。

肌に隣接している個所の線画を「濃いめの赤茶系の色味」に変えると肌馴染みが良くなりますよ。

「下のレイヤーでクリッピング」って便利ですね！
下塗りエリアからはみ出さないから大胆に塗れますっ！！

江洲出井絵瑠

バーグさん@S.D.L

最初の下塗りをキッチリしておく事が肝心！
変な隙間とかはみ出しがあると目立つからね。

ところで、講座とは言え服を着ていない私がモデルって、何だか複雑な気分です。

江洲出井絵瑠

バーグさん@S.D.L

まぁアレだ、諦めよう！
後でメシでも奢るからさ、だはははは！

はぁ～。。。

江洲出井絵瑠

公式サイトでクリスタをチェック

ポートフォリオ制作&転職を最短で実現しよう

MATCHBOX はマイナビクリエイターが提供している無料ポートフォリオ作成サービスです。
作品とテキストを入れるだけでポートフォリオが作成できます。PDF出力ができるので紙媒体とWeb媒体の両方を同時に作成可能！

無料で使えるMATCHBOX を活用し、最短でポートフォリオ制作とクリエイティブ業界への転職を実現しましょう。

塗りをぼかす

パキっとしたアニメ塗りもいいけど、フチをぼかした表現ってどうやるのですか？

江洲出井絵瑠

バーグさん@S.D.L

クリスタなら超簡単！「色混ぜ」でチョチョイのチョイ！

え～、本当ですかぁ～？
絵具だとぼかすのって結構難しいですよね。時間もかかるし。。

江洲出井絵瑠

バーグさん@S.D.L

アナログならね。これはデジタル。
しかもお絵描きソフト最強のクリスタ、秒単位でぼかしてみせようじゃあないか！

STEP.1

「ぼかし」を選択

[ J ] を押して [ 色混ぜ ] を選択します。
さらにサブツールから [ ぼかし ] を選択します。

STEP.2

ぼかしたい個所をなぞる

ぼかしたい個所をなぞります。塗りの境界をぼかしましょう。
「ぼかす前のレイヤー」をコピーして保持しておくと安心です。

[ ] ]を押すとぼかしブラシを大きく。
[ [ ]を押すとぼかしブラシを小さく。

FINISH

ぼかし完了

他にもぼかしたい個所を [ ぼかしブラシ ] でなぞって完了です。
ぼかす事によってパキっとした塗りと比べて柔らかい表現にできます。

クリスタなら面倒なぼかし作業も一瞬で終わりますよ。

公式サイトでクリスタをチェック

CodeCamp（コードキャンプ）

デザインをオンラインで効率的に学習

本気で未経験からプロのデザイナーに転職を考えられている方は CodeCamp（コードキャンプ）がおすすめです。

独学は時間がかかる割に非効率的な学習になりがちです。現役デザイナーのプロによる授業、転職を見据えた実践的なカリキュラム、手厚い転職サポートで短時間で転職を成功させましょう。

無料体験レッスンについて詳しく見る

簡単にぼかせて、まるでチートみたいな機能ですね。。。クリスタ、恐るべし。
塗り作業が高速で進んじゃいます♪

江洲出井絵瑠

バーグさん@S.D.L

これまでで紹介したクリスタの機能は「ほんの数種類」だけ。
でも十分描けそうな気がしてこないかい？

はいっ！

江洲出井絵瑠

髪の毛も肌と同様の手順で塗る

髪の毛の塗り方も肌と同様の手順です。

[ 下のレイヤーでクリッピング ] を活用して影を塗り重ね、ハイライトを乗せます。クリスタの便利機能でガシガシ塗っていきましょう。

差分パーツも塗る

バーグさん@S.D.L

一通りおおまかに「素体」が塗れたので、次は「差分パーツの制服」を塗ります。

（…ようやく服を着せてもらえる。）
服も肌と同じ手順で塗っていけばいいのですか？

江洲出井絵瑠

バーグさん@S.D.L

基本的には肌と同じ手順で塗るだけ。
ただ注意点が少しあるので解説するね。

服は服のパーツだけ [ レイヤーグループ ] でまとめておきます。
線画、塗り、落ち影をまとめておきましょう。

落ち影は差分パーツ内に描く

服の落ち影は差分パーツ内に描きます。

素体に落ち影を描いてしまうと調整が非常に面倒です。左図のように差分パーツ内に落ち影レイヤーを追加して描くことをオススメします。

たまにレイヤーを表示・非表示させてちゃんと着せ替えができているか確認しながら作りましょう。

最強グラフィックソフトのPhotoshopを最安導入

最強のグラフィックソフトであるPhotoshopは導入されているでしょうか？

未導入の方は公式サイト、またはアマゾンから導入しておきましょう。
公式サイトのフォトプランが最もお得です。

AIによる自動着彩について

バーグさん@S.D.L

大体ざっくりと全体が塗れたので、Part.2で言いかけた「全自動色塗り」について解説してみようかな。

あ～、はいっ！アレですね、アレ！あの～、え～…

江洲出井絵瑠

バーグさん@S.D.L

うん、完全に忘れてるね。
キミが言ってた「全部自動で塗ってくれたら最高ですね！」の件についてサンプルも添えて解説しよう！

ふぁ～い！

江洲出井絵瑠

「クリスタ」の全自動彩色

ワンクリックで色塗り完了

「CLIP STUDIO PAINT」の全自動彩色を使った自動着彩です。

線画を用意し、画面左上の [ 編集 ] → [ 自動彩色（先行プレビュー）] → [ 全自動彩色 ] を適用するだけです。

「より高度な設定を使用」を適用すると

「CLIP STUDIO PAINT」の「より高度な設定を使用」を使った自動着彩の例です。

塗りのベースとなる色をざっくりと決めてから塗れるのが特徴です。適当に塗ってもある程度整えてくれます。

小さなパーツは個別で塗る必要がありますが、全体の塗りを数秒で行ってくれるので、使い方によっては塗りの時間短縮に繋がります。

公式サイトでクリスタをチェック

「Petalica Paint」を使った自動着色

「かんな」を使ってワンクリック自動着色

「Petalica Paint」を使った自動着色のサンプルです。水彩っぽい柔らかめのタッチですね。

指先と鎖骨、後頭部の髪に調整を入れたら十分成立しそうですね。

「色をざっくり指定」して自動着色

ブラシで適当にベースとなる色を指定して自動着色を行った例です。
ちゃんと塗れていますね。AIによる自動着色とは思えません。

「style2paints V4」を使った自動着彩

AI自動彩色の中でも特によく出来ているstyle2paints V4ですが、今は資金不足でサービス停止中です。
そのうち復活するかもしれません。
gitにソース一式アップされているので興味のある方はローカルで環境を作って試してみてください。

Adobe Stockの素材はチート級の便利さ

無料の素材サイトとは比較にならないクオリティのAdobeStockは導入されているでしょうか？

AIやPSDをはじめとした全Adobe製品のネイティブ形式の素材データが揃っています。
ダウンロードし、文字を編集するだけで高品質な作品が作成可能です。もちろん商用利用可能！

これ全部、AIが塗ったんですか？

江洲出井絵瑠

バーグさん@S.D.L

そ、しかも数秒で。

AIすごおぉぉぉぉぉい！！

江洲出井絵瑠

バーグさん@S.D.L

品質はどんどん向上するだろうし、漫画とかイラストの生産性がグンと上がるかも。
でもさ、AIの進化によって塗りを安く、早く、一定の品質が出せるようになったら今後塗りのお仕事はどうなるんだろう？

…あ、AIに仕事、奪われちゃうのかな？

江洲出井絵瑠

バーグさん@S.D.L

否定はできないよね。今後は塗りだけじゃなくてゼロからキャラデザと仕上げまで行ってくれるAIも登場するかもしれないよね。
今や何でもかんでもAIAI、ターミネーターかよ！あーあ、やな世界だよ。
もうさ、AIもPCもネットも、全部無くしてしまおう。なっ！
人間やっぱり農業だよ農業！第一次産業！米作ろうぜ米！

…もしPCとネットが無くなったらバーグさん、真っ先に「何の役にも立たない人」になると思うのですが…？

江洲出井絵瑠

バーグさん@S.D.L

…