講座編

サイズと解像度座編

01

講

塗りをはじめる前に

Chapter

画像はピクセルでできている

イラスト制作の手順やラフ、下描き、線画を描くときの注意点などのほか、キャンバス設定に必●要なサイズについて解説します。

CLIP STUDIO PAINT で作成される画像データは、ビット塗りをはじめる前に01

マップ画像と呼ばれる形式になります。
ビットマップ画像の特徴は「 ピクセルの集まり 」であるということです。当然、高画質の画像はピクセル数が多くなりイラスト制作の流れます（ その分容量は大きくなります ）。

イラストを描く手法はさまざまなので、描き手によって制作の手順は異なりますが、最もオーソドックスな流れは下記の通りです。

画像が粗く、線がガタガタしていると感じたら、ピクセル数が少ない場合があります。
「 精細な画像ほどピクセル数がピクセルを確認多い 」という認識を持っておくとよいでしょう。

●

画像を拡大すると正方形のブロックを確認できます。これがピクセルです。

印刷物は「dpi」で画質が決まる

印刷物で画像の精細さを決める場合、「 dpi（ ドット・パー・インチ。1 インチの幅の中にあるドットの数を示します ）」という単位を使います。
たとえば A4（ 210 × 297mm ）の大きさの画像を作るとして、解像度を 350dpi にした画像と 72dpi にした画像を比べてみ❶下描き・ラフ粗い線で下描きします。下描きをラフと呼ぶこともあります。この段階で大まかに色をつけて（ カラーラフ ）配色を決めるイラストレーターもいます。

❷線画❸下塗り下描きをきれいな線で清書します。

塗りの第一段階として、パーツごとにベタ塗りします。

ると、解像度が高い画像のほうがきれいになります。
カラーやグレースケールの画像は、解像度を 300 ～ 350dpiにするのが一般的です。ただし数値が大きいほうが精細になるとはいえ、それ以上に設定しても人間の目には違いがわからないといわれています。

解像度の値が dpi です

Tips

ウェブ画像は dpi ではなく px でウェブで使う画像は、ピクセル数で画質が決まるためdpi の値は影響しません。
たとえば幅 1500px、高さ 2000px のキャンバスを作るとします。この際に dpi を変えてみても、構成するピクセル数は変わらないため、画質の良し悪しに影響❹影を塗る

❺光を塗る

❻仕上げ

影は暗さに段階をつけて塗ります。

ハイライトなど光が当たる部分を塗ります。

色合いの調整や、場合によっては効果を加えるなどして仕上げます。

010

P010-023_講座編01-02.indd

しないのです。
あくまでも dpi は、印刷の際に使う単位であると覚えておくとよいでしょう。

キャンバスをピクセルで設定
CLIP STUDIO PAINT でキャンバスのサイズを決めるとき、「 mm 」「 cm 」などで設定することができますが、ピクセルで設定したい場合は「 px 」を選びます。

011

10-11

2023/05/24

16:14:47

講●

線画のブラシサイズ

座編

線画のコツ

キャンバスサイズによって線の太さの見え方は変わりますが、作例では B5 サイズ・350dpi のキャンバスに、ブラシ下描きができたらていねいに線を引いていきます。
がセオリーです。

細い線を描きたい場合は 6px 以下にする場合もあります。

手ブレ補正るとよいでしょう。描きたい絵の方向性に合わせて調整し●線画を強くはっきり見せたい画風であれば、10px 以上にす

手ブレによる線のふるえが気になる場合は、［ 手ブレ補正 ］ましょう。の値を上げます。
「 6 ～ 10 がちょうどよい 」「 20 にしている 」など適正値は人によってさまざまです。髪の毛の長いラインだけは 50 ～100 にしてなめらかな線を引くなど、場合によって使い分けるのもよいでしょう。
数値を高くするほどなめらかな線になりますが、動作が遅くなりやすいです。試し描きをして自分に合った値を探りましょう。
●

01

サイズ 7px で線を描いています。

塗りをはじめる前に主線（ りんかくなどのメインとなる線 ）は少し太めに描くの

●

線の強弱

線画は、
「 入り抜き 」と呼ばれる線の強弱（ 太さの変化 ）をつけることで、生き生きとした線になるといわれています。
［ ペン ］ツールにある［ G ペン ］
［ 丸ペン ］［ カブラペン ］や、［ 鉛筆 ］ツールの［ 鉛筆 ］などは、線に強弱をつけやすいサブツールです。試し書きをして自分にう合ったものを見つけましょう。

線画に使うブラシ［ G ペン ］はクセがなく標準的な［ ペン ］ツールなブラシ ］が使いやすいでしょう。

ので、使うイラストレーターも多いようです。濃また、水彩画によく見られる鉛筆で描かれた線画淡がなく、くっきりとした線になります。濃淡のは［ 鉛筆 ］が向いています。自分のやりたい表現にある線が好みの場合は［ 筆 ］ツールにある［ 混色円合わせてさまざまなブラシを試してみましょう。

Tips

ブラシサイズ影響元設定［ ツールプロパティ］パレットの［ ブラシサイズ ］にある
［ ブラシサイズ影響元設定 ］から、筆圧による強弱の具合を設定できます。

グラフにあるコントロールポイントを左上に動かすと、太い線が出やすくなります。

［ ブラシサイズ影響元設定 ］のボタンを押すとポップアップで［ ブラシサイズ影響元設定 ］パネルが開き、［筆圧設定 ］のグラフを調整できます。

G ペン

標準的な［ ペン ］ツールのサブツールです。筆圧で線に強弱をつけることができます。

ブラシサイズ
影響元設定

コントロールポイントを右下に動かすと、線が細くなりやすく、硬い描き味になります。

鉛筆［ 鉛筆 ］サブツールは、鉛筆の粒子を感じさせるようなストロークが持ち味です。

016

P010-023_講座編01-02.indd

017

16-17

2023/05/24

16:14:51

暖色

を暖色といいます。また、青、緑、青紫のように涼しげなりするとちらつきを解消できます。

印象の色を寒色といいます。
熱血漢のキャラクターは暖色で配色し、クールな印象の色のコントラストが強す明度（ V ）に差をつけると間に白を挟むと見やすくぎると見にくい色合いに少し見やすくなります。

なります。

02

配色の基礎知識赤、オレンジ、黄は暖かい印象があります。このような色くなります。その場合、明度（ V ）に差をつけたり、間に白を挟んだ編

高く明度（ V ）の差が少ないと、色がちらついた感じになり、見にく座

補色で配色した場合、彩度（ S ）が暖色と寒色

講

●

塗 塗 塗

補色の注意点

覚えておきたい色の知識なります。

寒色

キャラクターには寒色で配色する……というように、キャラクターの性質を伝えるのに役立てることができます。
●

●

近似色

色相環で隣り合う色を近似色といいます。近似色の組み合わせは、統一感を出しやすいです。

色相環を目安に右のように色相を環状にした図を色相環といいます。色相環では補色や近似色を確かめることができます。
色の組み合わせを検討する上で役立ててみましょう。

色相環

色相を環状に表したものです。さまざまな種類があり、「マンセル色相環 」「PCCS（日本色研配色体系 ）色相環 」などがあります。
●補色

メインカラーとサブカラーのよくある組み合わせ

補色は、互いの色を引き立たせる組み合わせになは、補色の関係にある色同士です。補色とは色相るので、配色でメリハリをきかせたい場合に用い環で反対側にある色を指し、反対色ともいいます。

るとよいでしょう。

メインカラー + サブカラー + アクセントカラー
メインになる色（ メインカラー）を決めて、その系メインカラー + サブカラー + アクセントカラーの統を基準に配色する方法があります。一般的には、組み合わせがバランスがよいといわれています。

メインカラー

キャラクターの印象を決定づけるようなメインとなるカラーです。

サブカラー

メインカラーの系統だけだと単調になるので、補助的にもう 1 色「 サブカラー」を加えます。

アクセントカラー

ファッションコーディネートなどでいう「 差し色 」と同じで、ポイント的に入れてメインカラーを引き立たせる色です。

020

P010-023_講座編01-02.indd

メインカラー
サブカラー
アクセントカラー

021

20-21

2023/05/24

16:14:55

解説プラスα

レイヤーマスクを活用しよう❹［ 消しゴム ］ツールで消します。
●

レイヤーマスクの特徴

レイヤーマスクは、線画、塗り、仕上げなどの工マスクで消した部分は、いつでも元に戻せます。

程を問わず、頻繁に使われる機能です。特徴とし失敗を恐れずに修正できるので非常に便利です。ては、単純にいうと画像の一部を保持したまま消また、レイヤーフォルダーにレイヤーマスクを設す（ 隠す／マスクする ）ことができます。

定することで、複数のレイヤーの画像を一括して通常、［ 消しゴム ］ツールなどで画像を消して保存編集することが可能です。

❺ペン・ブラシでなぞるとマスクが解除され、消したところを元に戻せます。

すると、消えた部分は元に戻せませんが、レイヤーマスクは解除できるのでいつでも元に戻せる

ペン・ブラシでマスクを解除するときの描画色は透明色以外であればなんでも構いません。

●●

レイヤーマスクの作成と編集［ レイヤー］パレットで［ レイヤーマスクを作成 ］レイヤーマスクを選択して［ 消しゴム ］ツールや透をクリックすると、レイヤーやレイヤーフォルダー明色を使うと、画像を消すことができます。にレイヤーマスクを設定することができます。

❶ 図のように線画が重なっているイラストを、レイヤーマスクで修正していきます。

❷［ レイヤー］パレットで修正したいレイヤーを選択し［ レイヤーマスクを作成 ］をクリックします。

活用例：はみ出し防止

レイヤーフォルダーに、キャラクターのシルエッの外側はマスクされて非表示になります。

トでレイヤーマスクを作成すると、キャラクターシルエットについて詳しくは→ P.27

❶ 実際はこのように色がはみ出し、キャラクターの外側も塗りつぶされています。

❷レイヤーマスクでキャラクターの外側の余計な描画を隠してしまうことができます。

レイヤーマスクを作成●

活用例：効果の範囲を限定

色調補正などの効果の範囲や、画像素材レイヤーの表示範囲を、レイヤーマスクで調整することができます。
レイヤーマスクはどんなブラシでも編集できます。たとえば［ エアブラシ ］の［ 柔らか ］で、透明色を使ってふんわり❸ レイヤーマスクが作成されます。

レイヤーマスクを選択中は枠が表示されます。

022

P010-023_講座編01-02.indd

レイヤーマスクを選択と消せば、グラデーション状に表示させることができます。

レイヤーマスクのサムネイルをクリックするとレイヤーマスクが編集できるようになります。

選択されていない状態色調補正レイヤーにもレイヤーマスクを設定できます。

画像素材レイヤーにレイヤーマスクを設定して、グラデーション状に消すことも可能です。

023

22-23

2023/05/24

16:14:57

講座編

影の色
まずは影の色を作りましょう。

りますが、そうすると少しくすんだ印象になりや基本は、Chapter2 で塗った下塗りの色を基準にしすいです。キャラクターイラストでは、発色よくて作ります。

見せるために「 青を混ぜるイメージ 」で影色を作る

下塗りの色の明度を下げるだけでも影色らしくなのがセオリーです。

04

影と光いくことで、立体感を出したり、質感を表現したりすることができます。

編

下塗りが終わったら、上にレイヤーを作成して、影や光を加えていきます。明暗を適切に加えて座04

講

影と光Chapter

影と光の基礎知識
影と光をどの程度描き込むかによって、絵の質もまざまな影と光を描き分ける必要があります。

変わります。さっぱりした絵柄なら描き込みは少描きたいタッチに合わせて描き分けるとよいでないほうが合っていますし、リアルに描くならさしょう。

●

明部と暗部

物体に光が当たると明部と暗部ができます。

光源

下塗りの色

明度を下げた影

H24/S21/V99

H24/S21/V75

ハイライト
最も明るい部分です。

●❷ 四角いエリアで〇を右斜明暗の境界め下に動かします。彩度（ S ）は少し上がり、明度（ V ）はやや下がります。

反射光

明暗の境界から近い領域は、暗部の中でもとりわけ暗い部分になります。

別の表面から反射された光のために少し明るくなる部分です。

落ち影

下塗りの色を基準に、明度を下げて作った影は、少しくすんで見えます。

発色のよい影［ カラーサークル ］パレットで、下塗りの色を基準に発色のよい影を作るには下記のように設定します。
・色相（ H ）は青の方向へ少し動かす。
・彩度（ S ）は少し上げる。

❶ 色相のリングを青がある方向へ動かします。

・明度（ V ）はやや下げる。

物体の影が別の表面へ映し出されることを落ち影といいます。

影色の例
発色のよい、くすまない影色になりました。

本影
物と物が接触して光が届かなくなった部分です。

H10/S37/V90

フラットな塗りの明部と暗部明部と暗部を単純化した塗りもすっきりとしたよさがあります。ここに反射光を入れたり、もう一段暗い影を入れたりすると、リアルな表現に寄っていきます。
影は、下塗りの上に新規レイヤーを作成し［ 下のレイヤーでクリッピング ］をオンにして塗るのが、修正しやすくおすすめです。

030

P030-038_講座編04.indd

肌に限らず、どんなものでも影の色に青みを加えると鮮やかに見えます。

03130-31

2023/05/24

16:16:06

講

色トレス座
編

全体に単一の色を重ねる
べた塗りしたレイヤーを上に重ねることで、全体くなるため、合成モードは［ オーバーレイ ］にする

塗りの色に合わせて線の色を変えることを「 色トレが塗りの中に溶け込み、埋没してします。に同じ色が混ざり、雰囲気を変えつつ色味に統一のがおすすめです。混ざり具合はレイヤー不透明

ス 」といいます。色トレスをすると、線が周りの色レイヤーの線の色を単一に変える場合はベタ塗り感を出すことができます。

度を下げて調整します。になじみ、自然な色合いになります。

したレイヤーを重ね、部分的に色を変える場合は、変更する色は、塗りの色より濃い色にするとよい

ボケの強いブラシで色を乗せます。このときいずです。仮に塗りの色と同じにしてしまうと、線画

れも［ 下のレイヤーでクリッピング ］します。

仕上げ［ 通常 ］レイヤーのまま重ねるとコントラストが低08

描画部分

描画色の例
暖かい雰囲気を出すため、暖色を重ねています。重ねる色が寒色だとクールな印象になります。

H352/S46/V87

グラデーションマップで色を調整する［ グラデーションマップ ］とは色調補正の１つで、置き換わります。レイヤー不透明度で効果の強さ

画像の濃淡を特定のグラデーションに置き換えるを下げることで、イラストの暗い部分に青みを足機能です。

し、明るい部分にオレンジの色味を足したような暗い紺から明るいオレンジのグラデーションに設効果を得られます。

定した場合、暗い色は紺、明るい色はオレンジに❶髪の線画の上に茶でべた塗りしたレイヤーを作成し［ 下のレイヤーでクリッピング ］します。

髪の色トレス描画部分❸ まぶたやまつ毛など顔の線画が描かれたレイヤーの上に新規レイヤーを作成し［ 下のレイヤーでクリッピング ］します。

❶［ レ イ ヤ ー］メ ニ ュ ー →［ 新規色調補正レイヤー］→［ グラデーションマップ ］より［ グラデーションマップ ］を作成します。

❷ 髪の線の色が変わりました。
べた塗りで色トレスをすると色が均一に変わります。
❷ レイヤー不透明度を 下 げ て、 効 果 の 強さを調整します。

062

P060-067_講座編08.indd

顔の色トレス描画部分❹まぶたやまつ毛の一部に、［ エアブラシ ］の［ 柔らか ］で濃いピンクを乗せ、赤みを加えるように色トレスをします。

063

62-63

2023/05/24

16:17:33

実践編

01 グラデーションで華やかに実［エアブラシ］ツールによるグラデーションや［筆］ツールによる繊細な塗りで可憐な女の子を描践きます。青みを加えた影は、キャラの透明感を表現するのに一役買っています。

編

Illustration by kon

PHASE1 塗りの準備と下塗りグラデーションで華やかに

01

STEP1 キャラのシルエットで塗りつぶします
キャラのシルエットで塗りつぶしたレイヤーを用意します。
後で着彩したときに、塗り残しを目立たせないようにすることができます。

❷［ 自動選択 ］ツールの［ 編集レイヤーのみ参照選択 ］で線画の外側を選択範囲にします。

❶ 線画が終わったら、線画のフォルダーを選択します。

❹新規レイヤーを作成して線画と同じ色で［ 編集 ］メニ ュ ー →［ 塗 り つ ぶ し ］（ Alt+Del ）で線画の中を塗りつぶします。
描画色
線画の色は黒に近い色です が、 少 し だ け 赤 み がかっているため、真っ黒よりは少しやわらかい印
象の色です。

H12/S93/V11❸［ 選択範囲 ］ランチャーから［ 選択範囲を反転 ］をクリックし選択範囲を反転させます。
選択範囲を反転082

P081-109_実践編01kon.indd

083

82-83

2023/05/24

16:11:45

実践編

02 淡い色彩でやわらかく実

明るく淡い色調で、キャラクターの可愛さを引き立てるような塗りで仕上げていきます。またテ践

クスチャによる質感を加えることで、自然なアナログ感を出しています。

編

Illustration by 水玉子

PHASE1 下塗りと配色

淡い色彩でやわらかく

02

STEP1 線画を参照先にします
ラフで配色を決める方も多いと思いますが、このパーツごとにレイヤーを作成して下塗りしていきイラストでは下塗りで色分けしながら配色を決めます。まずは線画を参照レイヤーに設定し、［ 塗りていきます。

つぶし ］ツールで塗りつぶします。

参照レイヤー❷［ 塗りつぶし ］ツール→［ 他レイヤーを参照 ］を選択し、［ ツールプロパティ］パレットで［ 複数参照 ］の設定を［ 参照レイヤー］にします。

❶［レイヤー］パレットで線画を描いたレイヤーを選択し、［参照レイヤー］をオンにします。

❸下塗り用の新規レイヤーを、線画の下に作成します。

❹ 下 塗 り 用 の レ イ ヤ ー に、［ 他レイヤーを参照 ］で塗りつぶします。塗りつぶされる領域は、参照レイヤーの線画が基準になります。
描画色
肌の色など、薄い色は塗り残しが見えにくいので、想定よりも濃い色で塗ります。この色は次の工程で変更します。

H33/S26/V100

110

P110-135_実践編02水玉子.indd111110-1112023/05/24

17:05:55

STEP5 遠近感を出す

描画部分で色を乗せることで、描画した部分が青白く薄まを乗せて遠近感を出します。
［ スクリーン ］レイヤーります。

実

体の後ろにある髪の毛や、足の先などに薄い青色

践でとって、なじむ色に変更します。

目の中にある青緑を描画色

02

淡い色彩でやわらかく描画色編❶キャラクター全体のフォルダーの上に新規レイヤーを作成 し［ ス ク リ ー ン ］に し て［ 下のレイヤーでクリッピング ］します。

❸目の線画は、目の中の色をスポイトにします。

H170/S43/V74❷［ エアブラシ ］の［ 柔らか ］で遠近感を出したいところを描画します。

STEP4 まつ毛の描き込み
アイラインにまつ毛を描き込みます。明るめの色で描い描画色て、不透明度を調整します。
❶［ 濃い水彩 ］でまつ毛を描き込みます。薄い茶で描いた上に、明るいベージュを描き足します。

薄い青色は彩度（ S ）は低めにし、明度（ V ）は高く描画色

描画色

まつ毛の地の色より、数段明るい色にします。

周りの塗りになじむように肌の色に近い色にします。

H25/S13/V85

H28/S11/V100

します。

H232/S19/V96
描画部分❸ レイヤーの不透明度を 40％に下げて、効果の強さを調整します。

STEP6 全体に影を加える
影を加えて全体の明暗にメリハリをつけます。
❶ キ ャ ラ を 塗 っ た レ イ ヤ ー と、STEP5 で作成したレイヤーの間に［ 乗算 ］レイヤーを作成します。

❷［ 乗 算 ］レ イ ヤ ー に［ 不 透 明 水彩 ］で塗ります。

描画色
STEP5 の遠近感を出した塗りと同じ色を使います。

H232/S19/V96❷レイヤーの不透明度を 40％に下げて明るく入れた色を薄くします。

132

P110-135_実践編02水玉子.indd

133132-133

2023/05/24

17:06:18

実践編

03 シックな色合いで上品に実キャラクターの配色は、モノトーンと茶系を多用し落ち着いた雰囲気を出しています。地味にな践

らないように、赤をところどころに配して華やかさをプラスしているのもポイントです。

編

Illustration by めぐむ

PHASE1 グレーの濃淡と下塗り

シックな色合いで上品に

03

STEP1 グレーで着彩します
色をつける前にグレーで色合いの濃淡を検討しまを作り、その上から線を引いていくため線画もこす。このイラストでは、グレーのシルエットで形の工程で描きます。

❶ パーツのシルエットをグレーで塗ります。［ 塗りつぶし ]❷線画は［ 濃い鉛筆 ］で描いています。

ツール紹介

ツール紹介の [ 他レイヤーを参照 ] や［ 不透明水彩 ］を使います。

すことができます。

ツール紹介

他レイヤーを参照［すべてのレイヤー］など、参照するレイヤーを設定して塗りつぶ

不透明水彩

筆圧で濃淡をつけながら塗ることができます。
Ver.1.10.9 以 前 に あ っ た［ 筆 ］
ツールのサブツールです。詳しくは→ P.190❸後ろ髪は、グレーで塗ったレイヤーの［ 境界効果 ］

濃い鉛筆

筆先は［ペン］ツールのようなクセのない形状で、線画に使うのに向いていますが、［ペン］ツールとは異なり、筆圧で濃淡が出ます。
Ver.1.10.9 以 前 に あ っ た［ 鉛 筆 ］
ツールのサブツールです。詳しくは→ P.190をオンにしてフチをつけ、それを線画としています。

境界効果［ 境界効果 ］は［ フチ ］を選択します。

136

P136-163_実践編03.indd

137

136-1372023/05/24

16:12:23実践編

04 青を基調として鮮やかに実青を基調にした配色のイラストは、明るく鮮やかな仕上がりになっています。一部の影の下地に践は異なる色相の色を敷き、複雑な色味にしているところもポイントです。

編

Illustration by せるろ～す

PHASE1 下塗り

青を基調として鮮やかに

04

STEP1 シルエットの下地を作ります
線画を元に、キャラの形で選択範囲を作成し、シルエットの下地を作ります。
描画色
明 度（ V ）を 0 に設定すると黒になります。

H0/S0/V0❶ キャラクターの外側を選択範囲にします。

❷選択範囲を反転します。

※解説のために選択範囲を緑で表示しています。

❸［ 編集 ］メニュー→［ 塗りつぶし ］で黒く塗りつぶします。
シルエットの下地の作り方について詳しくは→ P.27

STEP2 レイヤーマスクではみ出しを防止します
レイヤーフォルダーを作成し、キャラの形でレイヤーマスク（ キャラの外側をマスクする ）を作成します。
以後塗りのレイヤーは、基本的にこのフォルダー内に作ります。これで、塗りがはみ出してもレイヤーマスクによりはみ出しが隠されます。
［レイヤー］メニュー→［レイヤーから選択範囲 ］→［ 選択範囲を作成 ］でシルエットの下地レイヤーから選 択範囲を作 成し、［ レイヤーマスクを作成 ］でレイヤーマスクを作ります。

レイヤーマスクを作成
レイヤーマスクの作り方について詳しくは→ P.22

164

P164-189_実践編04cell.indd

165

164-1652023/05/24

17:32:10