差分イラストの描き方を徹底解説 Part.2 線画＆下塗り作成編

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

CLIP STUDIO PAINT（クリップスタジオペイント）を使った「差分付き」女の子の描き方講座のPart.2です。Part.1でラフの作成まで進めました。

Part.2では「線画作成と効率的な下塗り方法」について詳しく解説していきます。

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

この記事の目次

ラフを下絵に「線画」を作成する

バーグさん@S.D.L

んじゃPart.1で作成したラフを元に線画を作成していこうか！

線画かぁ、苦手なんですよね。。気を抜くとすぐ紙が汚れちゃうし。

江洲出井絵瑠

バーグさん@S.D.L

アナログの線画作成は大変だけど、クリスタだと簡単に線画が作れるから大丈夫だよ！順を追って細かく解説するね。

STEP.1

下絵の不透明度を下げる

Part.1で作成したラフを下絵にします。
素体の下絵レイヤーの [ 不透明度 ] を下げます。
サンプルは不透明度を30%にしています。

下絵の濃さはお好みで調整してください。

差分の服は非表示にし、素体だけを表示させて素体の線画を先に作ります。

STEP.2

線画用のレイヤーを追加

素体の線画用レイヤーを新規追加します。

サンプルはラスターレイヤーを追加していますが、ベクターレイヤーを使った線画作成も便利です。

ちなみに私はラスターレイヤーで線画を作成するのが好みです。

MATCHBOX

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

MATCHBOX はマイナビクリエイターが提供している高品質なポートフォリオを無料で作成できるサービスです。

作品とテキストを準備するだけで簡単にポートフォリオが作成できます。PDFに出力できるので紙媒体とWeb媒体の両方を超簡単に作成可能！

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

STEP.3

Gペンで線画作成

線画用のペン先を選択します。
サンプルは [ Gペン ] を使っています。
自身が使いやすいペン先を選んでください。

あまり手ブレ補正を強くすると入力遅延が起こったりヘンに補正がかかったり、逆に描きづらくなります。
個人的には線画作成は10～15くらいが好みです。
ご自身の描きやすい値に調整してください。

あとは下絵を元に線画を描くだけです。
肩の力を抜いて好きに描きましょう。

STEP.4

素体の差分パーツはレイヤー分けする

素体の [ 目 ] や [ 口 ] に差分を作る場合はパーツごとに線画レイヤーを分けておきましょう。

差分とそうでないパーツをごっちゃにして、後から分けるのは面倒です。

FINISH

服の線画もレイヤー分けして完成

服の線画もレイヤー分けしておきましょう。

素体の線画と被っている個所はラフの手順と同様に別レイヤーを作成して素体の線画を隠しておきます。

これで一通り線画の完成です。

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

Adobe Photoshop

最強グラフィックソフトのPhotoshopを導入しよう

最強のグラフィックソフトであるPhotoshopは導入されているでしょうか？
未導入の方は公式サイト、またはアマゾンから導入しておきましょう。

最もお得なプランは公式サイトのフォトプランです。

アナログと違ってデジタルだとミスをしても [ Ctrl + Z ] で何度もやり直せるから便利ですね！調子に乗って戻りすぎちゃいました。

江洲出井絵瑠

バーグさん@S.D.L

やり直しがすぐできて簡単に修正できるのがデジタル作画の利点だよね。
戻り過ぎたら [ Ctrl + Y ] でやり直しの「やり直し」ができるよ。
もし人生用の [ Ctrl + Z ] があれば絶対買うよね？

あははは。
バーグさん、いつも失敗してそうだから現実でも妄想 [ Ctrl + Z ] やってそう！
私はいらないかなー。

江洲出井絵瑠

バーグさん@S.D.L

はははは…

塗りの下地を作成

バーグさん@S.D.L

線画が完成したら塗りの下地を作っていこうか。

ついに塗りかぁ～、緊張しちゃうなぁ。
はみ出さずに塗るのって神経使いますよね。。

江洲出井絵瑠

バーグさん@S.D.L

クリスタなら神経を使う必要無し！
誰でも簡単＆キレイ＆短時間でに下地作成ができるよ！

あんなに面倒な作業なのに、本当ですかぁ～？

江洲出井絵瑠

バーグさん@S.D.L

いや本当。少し慣れたら秒単位で終了するから。
最強お絵描きソフトのクリスタを舐めちゃいかんぜよ！

下地作成を効率的に行う方法

STEP.1

レイヤー整理＆下地用レイヤーを追加

塗りを始める前にレイヤーの整理をします。
基本的には線画レイヤーの下に塗りのレイヤーを作成して進めます。

左図のように素体のレイヤーグループの上に差分のレイヤーグループを作成します。
そして各パーツでレイヤーグループを作成・管理すると差分付きイラストの調整＆追加が楽です。

肌や髪といった別の素材は同じレイヤーに描かかず、分けておく方が後々調整が楽ですよ。

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

STEP.2

線画の表現色を変更

各線画の [ 表現色 ] を [ カラー ] → [ モノクロ ] に変更します。線のフチのアンチエイリアスが解除されてギザギザでドットの荒い線画になります。
（後から元に戻せます。）

この作業は必須ではありませんが、アンチエイリアスを切った状態の方が塗り残しが少なくなります。
というかほぼ塗り残しが無くなります。

結果としてカラーの線画のまま塗り、塗り残しを潰す時間の方がかかる事というが多々あります。

AdobeStock

高クオリティ素材サイトのAdobeStockで制作を加速させよう

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

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

STEP.3

塗りつぶしツールの設定

[ G ] を押して [ 塗りつぶしツール ] に変更します。
サブツールはデフォルトでは [ 編集レイヤーのみ参照 ] になっていますが、[ 囲って塗る ] に変更します。

挙動は「ツールで囲われたエリア内の線画で囲われた個所を塗りつぶす」です。

塗りつぶしたくない箇所を除いて塗りつぶせるのが非常に便利なツールです。

ペンタブで作業効率が数倍アップ

上記の塗りつぶしツールの使用には液タブかペンタブが必須、無いと非常に使いづらいです。
液タブ、ペンタブについてコチラで詳しく解説しています。
デジタルイラスト作成には必要不可欠な周辺機器なので慎重に選びましょう。

STEP.4

ツールプロパティを設定

塗りつぶしツールの [ ツールプロパティ ] を設定します。

[ 隙間閉じ ] は最小、[ 領域拡縮 ] は0、[ 複数参照 ] にチェックを入れておきます。

Live2D Cubism

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

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

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

【Live2D Cubism】

STEP.5

塗りつぶす

塗りつぶしの色を設定後、塗りの下地レイヤーをアクティブにし、塗りつぶしたい個所を囲います。

すると塗りつぶしツールで囲った部分の「線画で囲われた部分」が塗りつぶされます。

この機能を使うと塗り残しや不要な個所への塗りが発生しません。時間節約に繋がりますよ。

※塗りつぶされない場合は線画のどこかに「隙間」があります。

線画レイヤー内の線画の隙間を埋めるか、下塗りレイヤーに下地の色で隙間を埋めておくと塗りつぶせるようになります。

STEP.6

他のパーツも塗りつぶす

髪の毛や服なども同様の手順で塗りつぶします。

肌30秒、髪の毛20秒、服60秒、スカート10秒、シュシュ10秒…色選びの時間を入れても10分以内で下塗り作業が終わるでしょう。

何度か試して慣れると文字通り「瞬殺」できます。

FINISH

線画を元の設定に戻す

最後に各線画の [ 色表現 ] を [ モノクロ ] → [ カラー ] に戻して完成です。

戻しておかないとアンチエイリアスがオフになった「ザラザラした線」のままなので気を付けてください。

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

レバテッククリエイター

クリエイターの転職に必要不可欠

レバテッククリエイターはクリエイティブ業界に特化した無料で使える転職エージェントです。

Web業界、ゲーム業界、デザイン業界、イラストレーターなど、クリエイティブに特化した業界の求人数が業界トップクラス！
転職だけでなく派遣・フリーランスなど、様々な働き方にも対応していますよ。

レバテッククリエイター公式サイト

下地の色変更

全部塗れたら下地の色調整をしておきましょう。
[ 編集 ] → [ 色調補正 ] → [ 色相・彩度・明度 ] 等を使って調整を行います。

ベースとなる下地の色なので [ レイヤー ] → [ 新規色調補正レイヤー ] を使わず、[ 編集 ] → [ 色調補正 ] を使って「元々の下地レイヤー自体の色味」を調整する事をオススメします。

似たような機能ですが [ 色調補正レイヤー ] は完成後の色味調整に使う事が多いです。
元のレイヤーの色味を直接変更せず、調整レイヤーで任意のレイヤーの色味を変えられます。

元に戻したい場合は調整レイヤーを削除または非常時ですぐに戻せるのが便利です。Photoshopの調整レイヤーみたいな機能です。

本気で未経験からプロのデザイナーに転職を考えられている方はテックキャンプデザイナー転職がおすすめです。
非効率的な独学ではなく、現役プロによる授業、転職を見据えた実践的なカリキュラム、手厚い転職サポートで短時間で転職を成功させましょう。
万が一転職が成功しなかった場合は受講料が全額返金されるので安心ですよ。

スゴイ！本当に簡単に下塗りが作れました！
アナログだとあんなに手こずったのに。。。まるで魔法みた～い！

江洲出井絵瑠