fantiaはじめました!無料素材やAI、PSDを配布中です。

差分イラストの描き方を徹底解説 Part.6 書き出し、トーン化、2Pカラー作成

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

CLIP STUDIO PAINT(クリップスタジオペイント)を使った差分イラストの描き方講座Part.6です。

当講座では書き出しとトーン化、色替えのテクニックについて詳しく解説していきます。

ビギナーの方にも分かりやすく解説していきます!

バーグさん@S.D.L

今回で初心者向けクリスタお絵描き講座も終了。
割と長かったけど、仕上りはどうかな?
バーグさんのおかげで結構いいのが描けたと思いますよ♪

江須出井 絵瑠

バーグさん@S.D.L

そいつぁ何より!
んじゃラスト行ってみましょう!
は~い♪

江須出井 絵瑠

差分を組み合わせて書き出す

PNGで書き出す

書き出し形式は背景を透過にしてキャラクターだけ表示させたPNG形式が扱いやすくてオススメです。

STEP.1
書き出したい差分を選択
差分を組み合わせてクリスタ上で書き出したい絵のパターンを構成します。

背景は何も表示させず、透過にしておきます。キャラクター以外は何も無い状態です。

STEP.2
別名で保存
[ Ctrl + Shift + S ] で別名で保存をします。

[ ファイルの種類 ][ PNG ] にして保存します。

STEP.3
ダイアログは無視
この形式で保存するとレイヤー情報は保持されません。続行してよろしいですか?」のダイアログ画面が表示されますが [ はい(Y) ] を選択します。

邪魔な方は [ 再表示しない ] にチェックを入れておきましょう。

FINISH
完了
背景透過でキャラクターのみ表示されたPNG画像が書き出されました。
背景アリのJPGと違って背景透過のPNGは扱いやすいです。

あとは好きなパターンで色々と書き出してください。

お得なオリジナル品が豊富なペンタブレットの【ワコムストア】

命名ルール

数が多くなると「命名ルール」を作っておくと管理がしやすいです。
仮に下記表の差分を作成したとします。

服装 表情 エフェクト
服なし(c00) 無表情(f00) なし(e00)
制服(c01) 笑顔(f01) 吐息(e01)
水着(c02) 怒り(f02) 集中線(e02)
スク水(c03) 悲しい(f03) ピクピク(e03)

全ての組み合わせを作ったら64通り。
64全てのファイル名を適当にするとわけが分からなくなります。
差分イラストは数が多くなりがちですからね。

例えば制服、怒り、エフェクト無しの絵のファイル名は
c01_f02_e00.png
といった感じの名称にしてみると管理がしやすいです。

もちろん
制服_怒り_エフェクト無し.png
とか
seihuku_ikari_effnashi.png
のような表現でも良いかと思いますよ。

数枚程度なら適当なファイル名でも管理できますが、数が多くなりそうな場合は自分なりのルールを付けて管理しておく事をオススメします。

とりあえず完成

ひとまず完成です。
今回は制服、水着、スク水の3種類、各種装飾品、表情の差分を作成しました。

差分パーツで分けておくと制服の上着を脱がす、スカートを脱がす、素足にローファー等、色々と組み合わせて遊ぶことができます。

バーグさん@S.D.L

色々と差分イラストが出来たね。
色々な私ができましたね。
ん~、恥ずかしいんですけど、ちょっとだけイイかも♡

江須出井 絵瑠

バーグさん@S.D.L

次もやっちゃう?
もうこれっきりでいいです。

江須出井 絵瑠

トーン化でマンガ的な表現に

カラーイラストをトーン化して漫画のワンシーンみたいにすることが出来ます。
超簡単なので覚えておいて損はありません。

トーン化の手順

STEP.1
レイヤープロパティのトーン
トーン化したいレイヤーを選択し、[ レイヤープロパティ ][ 効果 ] 内にある [ トーン ] を有効化します。
FINISH
完了
トーン化したいレイヤーに [ トーン ] を適用していけば終了です。
お好みでトーン線数や濃度、網の設定を調整してみてください。

トーン化を解除すると元のカラーイラストに戻すことができます。

レイヤー単位でトーン化は面倒、一括でトーン化したい場合は「レイヤーグループ」に対して [ トーン ] を適用するとレイヤーグループ内全てがトーン化されます。

さらに面倒という場合は、書き出したPNG画像に対して [ トーン ] を適用すると一発でトーン画像が作れます。

あ、この機能、何気に良いかも♪

江須出井 絵瑠

バーグさん@S.D.L

単に彩度を無しにしてグレースケールにした絵ではなく、2値化されたドットの大きさでグレー表現がされているので、よりマンガ感が出て面白い表現になるよ。
こんな事が簡単にできるのはクリスタだけ!
「〇〇が読めるのはジャンプだけ」みたいですね。

江須出井 絵瑠

無数の素材

クリスタには使いきれない量の素材が収録されています。絵が一切描けなくても、ある程度クリスタが使える知識があれば、無料素材を駆使してイラストや漫画が作れますよ。
お絵描きソフトだからといって絵が不得意な方は敬遠する事はありません。むしろ絵が不得意な方こそクリスタパワーを借りて絵が簡単に作れます。

またクリスタは絵を描く用途だけでなく、デザイン作成にも使えます。本格的なデザインワークはPhotoshopIllustratorに軍配が上がりますが、クリスタでも十分作成が可能です。

お得なオリジナル品が豊富なペンタブレットの【ワコムストア】

色変えをして2Pカラーを作る

色を変えてお手軽に2Pカラーを作る方法です。
色調補正レイヤーを使えば簡単に変えられます。

サンプルでは褐色の肌に変えてみたいと思います。

STEP.1
色調補正レイヤーを追加
画面上部の [ レイヤー ] → [ 新規色調補正レイヤー ] → [ 色相・彩度・明度 ] をクリックし、色調補正レイヤーを追加します。
STEP.2
色補正したい個所へレイヤーを移動
変えたい肌色の個所へ色調補正レイヤーをドラッグ&ドロップで移動させます。

補正レイヤーにも [ 下のレイヤーでクリッピング ] を忘れずに!

色調補正レイヤーのサムネイルをダブルクリックし、レイヤーのダイアログ画面を開きます。

STEP.3
色調補正を行う
ダイアログ画面内のスライダーを左右に調整し、色を補正します。

色調補正色の補正ができたら [ OK ] をクリックして確定します。

FINISH
完成
おしまい。
とても簡単に褐色の肌ができました!

肌だけでなく、髪の毛や服などにも試して色変更をしてみてください。

日焼け跡の作り方
例えばスク水の形で「褐色用色調補正レイヤーのマスク」を作成すると簡単に「日焼け跡」を表現する事ができます。
色調補正レイヤーを使うと簡単に色違いの差分を作ることができますよ。

レイヤーパネル右上の [ レイヤーマスクを作成 ] ボタンをクリックしてマスクを追加し、好きな形でマスキングしてみましょう。

マスクをする時は [ C ] を押して [ 透明ブラシ ] で描きます。

色替えって簡単にできるのですね。
またイチから描くのかと思ってました。。

江須出井 絵瑠

バーグさん@S.D.L

楽できる所はトコトン楽できるのがデジタルの利点。
マスク機能を使えばさらに応用ができるから色差分を作り放題だよ!

まとめ

バーグさん@S.D.L

いや~、おつかれ!
結構長かったけど、どうだった?
使う機能が限定されていたので、デジタル初心者の私でも完成まで持っていく事ができました!
スムーズに描けて塗りは手早くできるし素材も豊富、クリスタの描きやすさと優秀さにビックリです♪
あと液タブを頑張って買ってよかったです!
手描きと殆ど変わらなくて違和感なくデジタルに移行できました!

江須出井 絵瑠

バーグさん@S.D.L

クリスタはデジタルイラスト初心者の方にこそ試していただきたいかな。クリスタだけじゃなく、タブレットもある程度良い物を揃える方が絶対にオススメ。
最初から作画に対してストレスがあると描く気が失せるからね。最初が肝心!
エルちゃんは良い買い物をしたよ!この調子でいっぱい描き続けてね!
おつかれさーん!
はーい!ありがとうございました~♪

江須出井 絵瑠

以上、全6回に渡ってクリスタを使った女の子の差分イラストの制作方法でした。

クリスタの基本的な機能を数種類だけ使った制作方法です。
紹介した機能はクリスタのほんの一部なので、当記事で紹介した機能だけにこだわらず、自身で新たな表現方法を生み出してみてください。
塗りも水彩筆を使った手書き風の表現や油絵風など無数にあります。

当記事をきっかけにCLIP STUDIO PAINTを使ったでデジタルお絵描きに興味を持っていただければ幸いです。

ではまた!

デジタルお絵描き必須アイテム

バーグさん@S.D.L

デジタルでイラストを描くにはCLIP STUDIO PAINTとタブレットがオススメです。
まだ導入されていない方は是非使ってみてください。
CLIP STUDIO PAINTは初心者の方でも直感的に使えるお絵描きソフト、液タブはペンと紙で描く感覚に近いので驚くほど簡単にデジタルイラストが描けます。

クリスタは公式サイトのDL版が一番お得

公式サイトでクリスタについて詳しく見られたい方はコチラからどうぞ。
なお公式サイトからDL版を導入するのが一番お得です。パッケージ版もありますが割高です。DLかパッケージの違いだけで、機能は全く同じなので公式サイトのDL版が断然オススメです。

液タブの作業効率は板タブの数倍

液晶タブレットはintuosDeco01といった板タブと比べて作業効率が段違いです。本格的にデジ絵を始められるなら液タブの導入をオススメします。ワコムのCintiq16」、「HUIONのKanvas Pro16」、「XP-PenのArtist15.6」の3つは描き味、サイズ感共に非常に良いです。
長く使うならワコムのCintiq16がオススメです。

バーグさん@S.D.L

ガッツリと本格的にデジ絵を始められるなら「液タブ + クリスタEX
低予算&ライト感覚でデジ絵を始められる場合は「Deco01 + クリスタPRO
がオススメです。

デジタルイラスト作成環境の構築に関してはコチラで詳しく解説してるので参考にしてください。

クリスタの使い方もくじ

CLIP STUDIO PAINTの使い方もくじです。

クリスタを使った差分イラストの作成方法
クリスタとフォトショの違い

CLIP STUDIO PAINTとPhotoshopの違いと用途を具体例を交えて解説

タブレットの導入方法

初心者にオススメの液晶タブレット(液タブ)とペンタブ(板タブ)を解説&徹底比較


Part.1 導入&ラフ作成

差分イラストとは?
デジタルイラスト作成に必要な環境
基本操作とラフの作成方法

Part.2 線画&下塗り

ラフを下絵にした線画の作成方法
下塗りの作成方法
差分パーツのベースを作る

Part.3 塗り込み&自動着色

塗り重ねとぼかし、肌色表現
差分の落ち影作成の注意点
自動着色機能の紹介

Part.4 目の描き込み&仕上げ

目の塗り方、表現方法
パーツの組み合わせで表情を作る
細部の描き込みと仕上げ

Part.5 汗、集中線・効果、描き文字

汗や液体の表現方法
集中線や効果の追加
描き文字の表現方法とグラデーション

Part.6 書き出し トーン化 2Pカラー

キャラ絵の書き出しと命名
トーン化で漫画のような表現
2Pカラーを簡単に作る方法


画力向上への道(自習編)

画力を独学で上達させる4つの方法について解説

絵を学ぶ方法(学校編)

イラストの描き方を学校で学ぶメリットと方法について解説

SCROLL
目次一覧
ゼロから始めるシリーズ

IllutratorとPhotoshopの使い方をゼロから解説する「ゼロから始めるIllustrator」と「ゼロから始めるPhotoshop」の目次リンクです。
本業が教えるイラレとフォトショ講座の目次は下記からどうぞ。