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

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

江須出井 絵瑠

おすすめ液晶タブレット&板タブ

バーグさん@S.D.L

タブレットを導入されていない方は下記にオススメの液タブと板タブを紹介しています。タブレットの有無で作品品質と作業効率に大きな差が出るので導入する事をオススメします。

おすすめ液タブ

おすすめ板タブ

トーン化して漫画っぽくしてみる

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

トーン化の手順

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

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

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

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

江須出井 絵瑠

バーグさん@S.D.L

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

江須出井 絵瑠

無数の素材

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

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

クリスタについて詳しく見る

バーグさん@S.D.L

お絵描きソフトを導入されていない方はCLIP STUDIO PAINTがオススメです。
多くのプロが実際に使用しており、使いやすさ、描き味、機能、効率性、拡張性、全てにおいて他社のお絵かきソフトを凌駕しています。

公式サイトのDL版が一番お得

公式サイトでクリスタについて詳しく見られたい方はコチラからどうぞ。
なお公式サイトからDL版を導入するのが一番お得です。アマゾンやヤフーショッピングはパッケージ版なので割高です。DLかパッケージの違いだけで、機能は全く同じですよ。

パッケージ版もあります

公式サイトのDL版が一番お得でオススメですが、パッケージ版が気になる方はアマゾンで取り扱いがされています。
CLIP STUDIO PAINT PROのパッケージ版も取り扱いされています。

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

色を変えてお手軽に2Pカラーを作る方法です。色調補正レイヤーを使えば簡単に変えられます。
サンプルでは褐色の肌に変えてみたいと思います。

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

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

STEP.3
色調補正を行う
ダイアログ画面内のスライダーを左右に調整し、色を補正します。
色調補正色の補正ができたら[ OK ]をクリックして確定します。
FINISH
完成
おしまい。
とても簡単に褐色の肌ができました!

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

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

レイヤーパネル右上の[ レイヤーマスクを作成 ]ボタンをクリックしてマスクを追加し、好きな形でマスキングしてみましょう。
マスクをする時は[ C ]を押して[ 透明ブラシ ]で描きます。

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

江須出井 絵瑠

バーグさん@S.D.L

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

バーグさん@S.D.L

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

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

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

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

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

バーグさん@S.D.L

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

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

まとめ

バーグさん@S.D.L

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

江須出井 絵瑠

バーグさん@S.D.L

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

江須出井 絵瑠

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

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

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

ではまた!

クリスタお絵描き講座もくじ
Part.1 導入&ラフ作成

差分イラストとは?サンプルを使って解説
デジタルイラスト作成に必要な環境
基本操作とラフの作成方法

Part.2 線画&下塗り

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

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

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

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

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

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

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

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

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

本格的にイラストを学ぶには?

当サイトのクリスタを使ったお絵描き講座は初心者の方向けに「ゼロベースでイラスト制作」について解説してます。ラフから仕上げ+αまで完全解説しているので誰でも差分イラストが描けるようになります。

さらに本格的にイラストを学びたい、イラスト業界やゲーム業界、アニメ業界に就職したい、単独でイラスト業界で食べていく事が目標という方は、思い切って学校で学ぶ事を視野に入れるのも一つの手です。

学校なら直接プロから教わる事ができる

学校だとイラスト制作の現場で働いている先生方からノウハウを直に学ぶ事ができます。つまりプロになって稼げる可能性が格段に上がります。
自身の作成した作品を本業の先生方に添削&具体的なアドバイスを貰うと上達が断然違ってきます。自身の作品に対して「プロから直で貰えるアドバイス」ほど勉強になるものはありません。

学校経由で業界への就職が有利

学校が持っているネットワークにより、イラスト業界、ゲーム業界、アニメ業界といった就職先を数多く紹介してくれます。学校と仲良しの制作会社経由で求人を特別に、という事も多々あります。また学校へ業界の方が足を運んで面談や作品集を見てくれるようなスカウトの場が設けられる事も多々あります。
就職サポートだけでなく、フリーランスとして食べていく為のサポートも手厚いです。

このように個人では難しい事をサラっとしてくれる所が学校の強みです。

気になる学校の資料請求・体験入学

この道に興味がある方でも、いきなり学校を1本に絞っていきなり入学というのはハードルが高いですしオススメできません。
まずは色々な学校の資料を請求したり体験入学をして雰囲気を確かめてみる事が重要です。自分の肌に合った学校でないと長続きしないですからね。

大阪アミューズメントメディア専門学校

イラスト系が特に強い学校が大阪アミューズメントメディア専門学校です。
AMGにはキャラクターデザインコースがあるので、キャラクターデザインについて専門的に学べる数少ない学校の一つです。現役の先生方がキャラ制作、イラスト制作のノウハウをバッチリ伝授してくれます。イラストだけでなく漫画やアニメ制作、ゲーム制作、3DCGコースもあります。自身が本当にやりたい事が見つかるでしょう。

東京は「アミューズメントメディアメディア総合学院」

東京には「アミューズメントメディア総合学院」があります。関東圏の方ならアミューズメントメディア総合学院を考えられても良いでしょう。
学べる内容は大阪校と同様です。
ただ制作系の仕事は東京に集中しているので、紹介してもらえる職場の母数という意味では東京校の方が多いかもしれません。西に住んでいる方でも卒業後に上京の予定があるなら、いっそ東京校を選ぶのもアリだと思います。

他の学校の資料も確認する

他にもアート系の学校はあるので、なるべく多くの学校から資料を請求をしましょう
「なるには」では好きを仕事にできる専門学校の資料を一括で請求することができます。どうせ仕事にするなら「好きな事」を仕事にしたいですよね。
複数の学校資料を比較検討をし、気になる学校には体験入学を申し込んで実際に学校の雰囲気を確かめる事が大切です。

現役学生だけじゃなく社会人経験者も多い

大阪アミューズメントメディア専門学校をはじめ、専門学校では現役学生だけでなく社会人経験者が入学し、夢見ていた業界に就職された方も多いです。学ぶことに年齢は関係ありません。

高校出たての現役生じゃないからといって引け目を感じる事は全くありません。
「周りと年齢が違うし、話が合うか不安」といった事は、正直「どうでもいい」です。
そもそも「自己実現の為に学校へ行く」のであって、「友達作りの為に学校へ行く」訳じゃ無いですからね。

年齢なんてチンケな記号は一切気にせず、「学びたい」「プロになりたい」という思いと行動を一番大切にしましょう。

自分に嘘はつかない

本当はアートな事を学びたいのに、無難にアートと関係ない学校に行って何となく無難に就職して…のような進路を選ぶと、後々心に「モヤッと感」が残るかもしれません。私がまさにそうでした。

私の場合、周囲の反対で今とは全然分野違いの情報系の大学に進学しました。森さんが「イット革命」と声高に叫んでいた時代、本当は高校卒業後にアート系専門学校に行きたかったのですが、夢叶わず。

その思いを頭の片隅に追いやったまま、大学卒業後はゼミの教授に紹介された職場に入社予定でした。
しかしこのまま就職してもなぁ。。。ヲタ臭ぇモンを作る仕事してぇなぁ…ということで大学卒業後に結局高校の頃に反対されていたデザインの専門学校に奨学金を借りて入学しました。
4年越しでようやく「モヤっと感」と決別です。

絵とかデザインの道って反対されがちな分野なので「想いを悶々と秘めたまま別分野に進む」って方が結構多いです。なんか勿体ないです。
自分の人生は自分の物、自分に嘘をつくと後々まで響きます。

入学前に画力ゼロでも大丈夫

デザイン学校、イラスト学校なので入学前にある程度の画力やデザイン力が必要かと思われるかもしれません。もちろんあるに越したことはありませんが、ぶっちゃけ画力ゼロでも大丈夫です。私がそうでしたので。
入学直後の私の絵です。見ての通り画力&デザイン力がゼロ。

だからこそ学校へ行って学ぶのが効率的です。デッサン、クロッキー、色彩、イラストテクニック、エディトリアル、Photoshop、Illustrator、クリスタetc…本業さんが懇切丁寧にゼロから教えてくれますからね。
経験が無い方こそ学校で学ぶのが本業への近道です。

入学当時は画力ゼロでしたが、卒業後は念願のゲーム会社へ入社する事ができました。
学校の授業と課題をこなせばゼロスタートでも何とかなります。

何をしようが結局やりたい道に進む

人間とは回りまわって結局自分が好きな事をやらずにはいられない生き物です。親や周囲から「絵描きなんて云々」とか言われて自分に嘘をついている方、興味はあるし学んでみたいけど今までアートとは無縁だという理由で前進できない方、長い人生、自分の好きな事を仕事にして稼ぐ事に挑戦してみるのもアリかもしれませんよ。やらずに後悔するより、やって後悔する方が1回限りの人生を遥かに楽しめます。
まずは気軽に資料請求から始めてみてはいかがでしょうか?




クリスタお絵描き講座もくじ
Part.1 導入&ラフ作成

差分イラストとは?サンプルを使って解説
デジタルイラスト作成に必要な環境
基本操作とラフの作成方法

Part.2 線画&下塗り

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

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

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

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

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

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

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

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

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

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