差分イラストの描き方 Part.2 線画と下塗りを効率的に作る方法forクリスタ初心者

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

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

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

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

この記事の目次

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

バーグさん@S.D.L

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

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

江洲出井絵瑠

バーグさん@S.D.L

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

CLIP STUDIO PAINTを導入しましょう

当記事の内容を実践するにはCLIP STUDIO PAINT（クリップスタジオペイント）が必須です。
CLIP STUDIO PAINTが未導入の方はセルシス公式サイトからダウンロードしておきましょう。
通販サイトや量販店のパッケージ版より公式サイトのDL版の方が断然お得ですよ。

STEP.1

下絵の不透明度を下げる

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

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

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

STEP.2

線画用のレイヤーを追加

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

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

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

STEP.3

Gペンで線画作成

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

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

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

STEP.4

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

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

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

FINISH

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

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

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

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

Photoshopがあると表現の幅が一気に広がる

クリスタだけでなく、Photoshopも活用されているでしょうか？
まだ導入されていない方はAdobe公式サイトのフォトプランから入手できます。
また、当サイトのゼロから始めるPhotoshop では、初心者の方でもプロを目指せるフォトショの使い方を完全解説しています。

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

江洲出井絵瑠

バーグさん@S.D.L

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

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

江洲出井絵瑠

バーグさん@S.D.L

はははは…

塗りの下地を作成

バーグさん@S.D.L

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

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

江洲出井絵瑠

バーグさん@S.D.L

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

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

江洲出井絵瑠

バーグさん@S.D.L

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

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

STEP.1

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

クリスタは導入されていますか？
まだの方は公式サイトから入手しておきましょう。

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

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

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

STEP.2

線画の表現色を変更

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

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

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

STEP.3

塗りつぶしツールの設定

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

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

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

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

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

STEP.4

ツールプロパティを設定

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

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

STEP.5

塗りつぶす

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

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

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

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

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

STEP.6

他のパーツも塗りつぶす

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

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

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

FINISH

線画を元の設定に戻す

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

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

下地の色変更

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

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

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

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

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

江洲出井絵瑠