【クリスタ】差分イラストの効率的な書き出し方法と2Pカラーの作り方

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

PNGで書き出す

CLIP STUDIO PAINTを導入しましょう

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

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

STEP.1

書き出したい差分を選択

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

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

STEP.2

別名で保存

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

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

STEP.3

ダイアログは無視

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

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

FINISH

完了

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

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

命名ルール

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

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

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

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

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

レイヤーカンプで作業効率を超効率化

【Photoshop】レイヤーカンプで差分イラストを簡単に表示切替・書き出しする方法

Photoshopのレイヤーカンプを使えば差分イラストの管理が劇的に楽になります。差分編集から書き出しまで超効率化できるレイヤーカンプを極めませんか？

とりあえず完成

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

差分パーツで分けておくと制服の上着を脱がす、スカートを脱がす、素足にローファー等、色々と組み合わせて遊ぶことができます。
簡単に差分イラストが描けるクリスタはセルシス公式サイトで入手できますよ。

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

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

トーン化の手順

STEP.1

レイヤープロパティのトーン

トーン化したいレイヤーを選択し、[ レイヤープロパティ ] の [ 効果 ] 内にある [ トーン ] を有効化します。

FINISH

完了

トーン化したいレイヤーに [ トーン ] を適用すれば終了です。
お好みでトーン線数や濃度、網の設定を調整してみてください。

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

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

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

無数の素材

クリスタには使いきれない量の素材が収録されています。
絵が一切描けなくても、ある程度クリスタが使える知識があれば、無料素材を駆使してイラストや漫画が作れますよ。

お絵描きソフトだからといって絵が不得意な方は敬遠する事はありません。むしろ絵が不得意な方こそクリスタパワーを借りると簡単に作画が可能です。

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

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

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

STEP.1

色調補正レイヤーを追加

画面上部の [ レイヤー ] → [ 新規色調補正レイヤー ] → [ 色相・彩度・明度 ] をクリックし、色調補正レイヤーを追加します。

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

STEP.2

色補正したい個所へレイヤーを移動

変えたい肌色の個所へ色調補正レイヤーをドラッグ＆ドロップで移動させます。

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

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

STEP.3

色調補正を行う

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

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

FINISH

完成

おしまい。
とても簡単に褐色の肌ができました！

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

日焼け跡の作り方

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

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

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

まとめ

バーグさん@S.D.L

いや～、おつかれ！
結構長かったけど、どうだった？

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

江須出井 絵瑠

バーグさん@S.D.L

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

はーい！ありがとうございました～♪

江須出井 絵瑠

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

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

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

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

ではまた！

ワンランク上のテンプレート素材

Photoshopを使っている方に超オススメの高品質テンプレートです。
作業の効率化とクオリティアップだけでなく、テクニックを研究する上でも役立つテンプレートばかり！
全て商用利用可能です！

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートでレイアウトや余白、文字サイズを簡単に研究可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選

デザイン制作の勉強としての導入にオススメの名刺デザイン。
想像だけで作るとイマイチな仕上がりになりがちですが、良質なサンプルを参考に作ると吸収できる情報の質が段違いです。
相手に舐められない名刺テンプレート50選

バナーもフォトショップの練習をする上で良質な教材です。
想像だけ・中途半端な素材を参考にするのは有効な学習方法とは言えませんよ。
ハイクオリティなバナーテンプレート50選

素敵なキャラ絵には素敵な背景を置きたいですよね。しかし背景を描くのは面倒…そんな方にオススメ！高品質で商用利用できる背景イラストを厳選しました。
ハイクオリティな背景イラスト66選

ゲームUIの制作は素材制作にはツールの深い知識が必要です。
テンプレートはまさに制作ノウハウの宝庫！
どれも最高の素材ばかりです。
ゲームUIに使えるテンプレート48選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

クリエイティブ業務で使える優良素材まとめ

ゼロから始めるシリーズ

現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう！