厚塗り(グリザイユ画法)とはなにか

厚塗りの意味

グリザイユ画法の意味

厚塗りとグリザイユ画法の違いとは

厚塗りは広義には単純に「塗り重ねること」を意味します。グリザイユ画法は同じ塗り重ねですが、モノクロの色の上にカラーを塗り重ねるという狭義の意味になります。薄い青色の上に濃い青色を塗り重ねる場合は厚塗りですが、グリザイユ画法ではありません。

そもそもアナログとデジタルの厚塗りの概念はすこし違います。なぜならアナログでは物理的に厚く塗ることができますが、デジタルでは物理的に厚く塗ることができないからです。アナログの油彩絵具などを塗り重ねると厚みがでてきますよね。しかしデジタルでは厚みが出てきません。

デジタルでは主線がない、色が濃い、リアル調といった意味で使われているようです。主線とはいわゆる線画のことです。線画がある厚塗りもあります。

厚塗りの講座

こちらにまとめてあります。

【pixivの講座まとめ】厚塗り(インパスト,グラッシ,グリザイユ画法)についての講座・メイキング・やり方まとめ。

厚塗りのメリット・デメリット

メリット１：立体感を出しやすい

白、黒、灰と単純なグレーの階調で立体感を出していくので、立体感を出しやすいというメリットがあります

メリット２：線画をクリンナップする必要がない

クリンナップとは「原画などのラフな描線から整えた描線を新たな用紙へ描き起こす清書」のことです。つまりラフな線画からきっちりとした線をペン入れしなくても作成できるということです。厚塗りは大まかなシルエットを最初につくり、そこから影色を付け加えていくので線画をきっちりとしなくていい場合があるのです。もちろん線画をきっちりと描いてから厚塗りを行う場合もあります。

メリット３：影色を考えなくていい

モノクロの下塗りの上にカラーを乗せていくので、カラーごと影色を考えていく必要がないのです。モノクロの下塗りがないと、肌色の場合は明るい肌色と暗い肌色、神の場合は明るい黒色と暗い黒色といったようにカラーごとに調整する必要があります。

メリット４：レイヤー数が少なくて済む

カラーごとに影色を設定しなくていいので、レイヤー数が少なくなり、管理しやすくなります。

メリット５：編集・修正しやすい

厚塗りの場合はカラーのレイヤーが少ないので、色を編集しやすくなります。

デメリット１：色がくすみやすい

明度さのみで陰影を付けるので影色に色温度による変化が生じず、くすみやすくなるそうです。この項目は後で詳細に扱います。

デメリット２：シンプルなイラストには向かない

本のちょっとした挿絵やイラストなどシンプルな絵を描く際に、重厚な表現である厚塗りが合わない場合があります。そうしたイラストはアニメ塗りなどで対応したほうがうまくいく場合があります。

厚塗りの基本知識

厚塗りで背景をグレーにする理由

厚塗りではよく背景をグレーにします。イラストソフトでは初期設定は用紙の色が白の場合が多いです。背景をつけてイラストを描く場合、大抵の場合は白よりも暗くなります。なぜなら用紙の白はすべての色の中で一番明るい色だからです。明度数値だけでいうと100の色は他にもありますが、明るい青と明るい白では白のほうが明るく見えるわけです。心理的な効果も関係しています。太陽の光により近い色が明るく見えるイメージですね。

背景を白のままで人物や小物を描いてしまうと、余計に明るく描いてしまうことがあるので注意です。完成予定の背景のイメージの明度でグレーの背景を最初に敷いておくと、人物や小物を過剰に明るくしてしまうことを防げます。

もちろん最初に背景を描いてから描けばグレーを使う必要はありません。ただし厚塗りでは背景もモノクロのグレースケールで描くのでグレーの背景を敷いてから描くほうがやりやすいかもしれません。

同じ明度100でも白のほうが明るく見える

厚塗りでシルエットを使う理由

厚塗りではよく線画から先ではなく、シルエットから先に描く場合が多いです。もちろん線画が先の場合もあります。

シルエット(silhouette)：輪郭の中が塗りつぶされた単色の画像のこと。影絵と同義にみなされる場合もある。

シルエット*1

シルエットから描く理由は、色を塗ったときのイメージの差を少なくするためだそうです。

いまいち想像しにくいですよね。一般的な描き方は線画、色塗り、影塗りです。線画を描いて色を塗ったのに「思ってたのと違う！」ということがないようにシルエットから先に使うそうです。線で見るのと、面で見るのは違うということですね。

ポジとネガ

線と面

このへんは私みたいな初心者にはなかなか難しいです。デッサンでいえば「ポジだけではなくネガを重視しよう」といったものに通じるものがあります。線だけではなく面を重視しようといったところでしょうか。

線から先に描いてしまうと線に縛られてしまうという面もあるのかもしれません。シルエットから描くことで自由に形を表現でき、修正も楽という面があります。シルエットで全体的なイメージを整えた後に、後から削って整えて線画を構成してくパターンもあります。あるいはシルエットに影をつけて、はっきりとした線画を残さない、いわゆる主線なしのイラストに仕上げるパターンもあります。

厚塗りのためのライティングとは

ライティングとは光源の設定です。野外なら太陽や月、電灯などが光源になります。屋内なら電球や蛍光灯などが光源になります。それぞれ明るさの強さや、色が違います。実際にあるものを見ながら絵を描く場合はライティングを設定しなくても、見たままを描けば自然なライティングが反映される場合があります。しかし想像で絵を描く場合は自分で光源を設定する必要があり、そこに創造性があります。

一般的な光源はよく左上に設定されます。左上に光源が設定されるので、光が当たる物体の左側はより明るく、右側がより暗くなります。このようにライティングは陰影の設定、つまりシェーディングに深く関係している項目になります。

厚塗りのライティング

上の画像は私がblenderで作成したものです。この球体の光源はどこにあるでしょうか。正解はもちろん右上です。

厚塗りのライティング

別の位置から見るとこんな感じです。

曇天のライティング

同じような視点で、背景を変えてみましょう。こんどは晴天ではなく、曇天です。全然陰影が違いますよね。晴天のときのようなはっきりとした陰影が出ていません。太陽が雲で隠れているため、光が拡散して陰影が柔らかい感じになるのです。

このようにライティング設定をすることは、絵のリアルさを演出するため、絵を魅力的に見せるために必要な作業なのです。

厚塗りにおいても陰影はどのくらい濃くしたらいいのか、影はどのくらいの長さなのか、どんな色なのかなどが重要になります。

ライティングとはなにか　絵を描くために必要な光源と照明用語の理解

厚塗りのためのシェーディングとは

すべての絵においてシェーディングは重要なです。陰影があることによってリアルな絵を表現することができます。特に厚塗りではシェーディングの作業が重要になります。

シェーディングの前提としてライティング作業があるので結局どちらも習熟する必要があります。

シェーディングはどのくらい陰影を伸ばしたらいいのかという論点、あるいはそもそもどこに陰影が落ちるのかという論点に大きく分けられると思います。

これは答えなんて多種多様すぎて難しいですよね。たとえば人間の顔の陰影なら、解剖学的な知識が役に立つかもしれません。骨がある位置を把握して陰影を付けたりすることができます。

単純な球体でさえ、光源の違い、あるいは周りの物体の影響、あるいは物体そのものの材質によって陰影が変化します。

ガラスの陰影

たとえばガラスの材質だとどんな陰影になるでしょうか。blenderでつくるとこんな感じになります。

肌の陰影

肌に近い材質にするとこうなります。

プラスチックの陰影

もうすこし光沢をもたせた感じに、プラスチックに近い感じにするとこうなります。それぞれ視点や光源は変えていませんが、材質を変えただけで陰影の度合いが変わってきます。形状の変化だけならだいたいの予測ができるとおもいますが、材質は学ばないとなかなかできないですね。材質や形状の変化の単純な確認としてblenderは便利です。

つまり厚塗りにおいても、どんな材質なのかをまずは理解して、そこからシェーディングを考えていくことになります。

細かくいえば人間の肌の陰影付けについての勉強と、厚塗りについての勉強は別です。しかしシェーディングができない状態で厚塗りのテクニックを習得してもあまり役に立たないと思います。

シェーディングとはなにか、絵を描くために必要な陰影用語の理解

【blender2.82】ガラスや金属、マットなどに質感を変える、HDRI設定をするメモ

クリスタで球体に厚塗りをする実験

シルエット・ベース作り

線画を作る場合と、作らない場合があります。あるいはきっちりとした線画は描かないけど、ラフは描くという場合があります。

厚塗りは線画を使用せずにラフに制作していくケースが多いです。初心者は線画があったほうが色が塗りやすいと思います。というより線画があったほうがいいイラストと、なくてもいいイラストがあると思います。複雑な構造のメカなら線画があったほうがいいと思いますし、単純な岩や草、ある程度形状が崩れても不自然に見えない物なら線画がなくてもいいと思います。

単純に線画のない、いわゆる「主線のないイラスト」を制作したいのなら線画レイヤーを別に用意し、後で線画レイヤーを消せばいいだけです。線画を下書きとしてベースにし、その上でシルエットを自由に臨機応変に描いていく方法もあります。線画を用意するという手間があるので、中上級者の方は線画を省略することもあるようですね。

線画と塗りつぶしを分ける

厚塗りのやり方

厚塗りのやり方

線画レイヤーの表示を後から消せばきれいなシルエットができます。線画の色と塗りつぶしの色を同じにしても場合によってはいいかもしれませんね。球体のような形状は、綺麗すぎると無機質なので、図形ツールなどを使わずに手書きで描くのもありだと思います。今回は説明のための球体なのでこのままいきます。

厚塗りは何色で描けばいいのか

何色でシルエット描くか、という点は悩みますよね。モノクロなので悩む範囲は少ないです。しかし同じモノクロでも白と黒の間には何百通りの色があります。ベースの色なので、白と黒の中間をとるのが自然ですね。ちょうど中間はRGBでいえば123:123:123です。

そもそも背景の色が何色かによって、ベースの色も変わってきます。たとえば背景の色が真っ黒の0:0:0なら、ベースの色が少し暗くても不自然ではありません。逆に背景の色が真っ白の255:255:255なら、ベースの色がすこし明るくても不自然ではありません。

自分の描きたい絵の背景の色は何色でしょうか。もっといえば、ライティングはどのように設定しているでしょうか。野外でしょうか、屋内でしょうか。晴天でしょうか、曇天でしょうか、夕方ですか、夜ですか。部屋の中の照明の強さはどのくらいでしょうか。こういったライティングの設定によって背景の色が設定され、それに伴ってベースの色も設定されるわけです。

たとえば青空、晴天の場合は明度が高いモノクロの色になります。HSVでいうとVの値が80くらいですね。0が一番くらいとしたら、100が一番明るい数値です。80はわりと高いほうですね。

厚塗りの明度について　明度80

ちなみにこれが明度80のグレーです。わりと明るいですよね。最大の明るさが用紙のデフォルトの色の白なので、それと比べれば暗いです。

さてこのレイヤーをベースの色にしてオブジェクト(今回は球)を作っていきましょう。背景のレイヤーとオブジェクトのレイヤーを分けます。

さきほどベースの色を不透明度100で塗ったので、同じ色で塗り重ねても色が変化しません。

合成モード：乗算

したがって色を変えるか、レイヤーを変えるか、あるいは他の設定を変える必要があります。今回は同じ色で、乗算を使うことで色を濃くしていきます。

厚塗りの乗算レイヤー

厚塗りの乗算レイヤー

さてベースの色の上に、通常の合成モードで線画を描いてもなにも映りません。同じ色同士だからです。

乗算レイヤーのやり方

乗算レイヤーのやり方

そこで合成モードを乗算にしてからするときちんと反映されるようになります。合成モードを乗算にするのは、今回でいうと線画のレイヤーです。

スポイトで色を採取すると、RGB値はそれぞれ163になっています。ベースの色がそれぞれ204だったので、明度が落ちていることがわかります。つまり、暗い色になっているということです。これは不透明度が上がったのではなく、色自体が変化しているのです。ちなみに不透明度はベースレイヤーも線画レイヤーも100でつくりました。色が変わっているのです。数式でいうと(204*204)/255=163.2になります。

明度コントロール

厚塗りでは明度のコントロールが重要になってきます。これがなかなか難しい。

自分の絵の中で一番暗い色と、一番明るい色を決めておくとらくかもしれません。具体的な数値で決めておくのです。オブジェクトは背景の色よりどれくらい暗いのか、どれくらい明るいのかといった観点です。

仮にオブジェクトの最低の明度を163とし、最高の明度を204とします。その場合は乗算レイヤーで不透明度100で塗り重ねたときの数値が163になります。

つまり不透明度を下げれば下げるほど、明るい色になるということです。

明度コントロール

たとえば不透明度50で塗り重ねてみます。不透明度100と比べるとだいぶ明るくなっていることがわかります。

数値でいうとRGBは各184、Vでいうと72になっています。

不透明度100だったときの明度が64、不透明度50のときの明度が72、ベースの色が80になります。最低の明度が80、最高の明度が64なので、差分が16になり、その中間値は8になります。つまり64＋8＝72ということです。

差分が16なので、不透明度が10下がるごとに、明度は1.6上がることになります。50下がったので、明度が1.6の5倍で8上がったということです。

明度コントロール

これで三段階ですが単純な明度コントロールができます。まずは不透明度５０でシルエットを追加し、陰影を不透明度100で塗っています。

陰影付はマウスしかない場合、ベジェ曲線を使えばよりうまくいくと思いますが、どうせぼかすのであまり気にする必要はないと思います。

明暗境界線はぼかしツールでなんとかなります。これで4段階の明度コントロールができます。

厚塗りぼかし

ぼかしはサブツール[色混ぜ]から[ぼかし]を利用しています。

明度コントロール

ちなみに球体の色を塗りやすいように「自動選択」を利用しています。

【クリスタ】色塗りに便利！自動選択の使い方とその意味とは【CLIP STUDIO PAINT】

厚塗りと反射光

ぼかしツールで反射光もつくれます。消しゴムで不透明度を低くして消してもいいかもしれませんね。

色調補正レイヤーを使って明度コントロール

ここから明度をはレイヤーごと調整する方法があります。いわゆる色調補正レイヤーです。

作成した位置より下にあるレイヤー全体に影響してしまうというのがポイントですね。下のレイヤーひとつだけに影響させたいときはクリッピングさせる必要があると思います。

【クリスタ】はみ出さずに色を塗る！下のレイヤーでクリッピングとはなにか、その意味【CLIP STUDIO PAINT】

色調補正レイヤーとはなにか

クリッピングと色調補正

色調補正レイヤーはレイヤーを右クリックすると出てきます。今回は明るさ・コントラストを選択しました。

色調補正レイヤーの使い方

レイヤーをクリックして明るさを調整しましょう。ここを押すと調整画面が出てきます。

消しゴム補正

ベースの色より明るくさせたい場合は、ベースの色自体を変更する必要があります。自動選択して消しゴムで薄く消したり、あるいはベースレイヤー自体を色調補正レイヤーで変更する方法もあります。今回は消しゴムの不透明度を下げて調整しました。

影をつける

影をつける

あとは陰を適当につけて完成です。陰は楕円図形ツールで作りました。楕円図形ツールで影を作った後、余計なところを消しゴムで消しました。

これで球体のシェーディングは完成です。

厚塗りのカラーリング：オーバーレイ

カラーリング

今回はどんな色を乗せるかではなく、どうやって色を乗せるかについての実験です。

今回は合成モードオーバーレイを使いました。

乗算は元の色より暗く、スクリーンは元の色より明るくするわけで、それを両方合わせたものがオーバレイなわけです。

オーバレイとはなにか

乗算と同じように、レイヤの通常をオーバレイに変更します。色を変更させたいレイヤーの上に新規レイヤーを設置してください。

オーバレイとは

今回は対象物だけ変えたいので、クリッピングさせます。

オーバレイのレイヤーで色を適当に塗りつぶせば色が簡単に変わります。

調整

ベースの色にも適当に色を追加しましょう。今回はグラデーション機能を使い、青空を選択しました。ベースレイヤーの上に同じようにオーバーレイのレイヤーを追加して、グラデーションするだけです。

全体図

オブジェクトの色がすこし暗かったので、色調補正レイヤーでカラーリングの明度や彩度を上げました。

厚塗り完成

コラム：線画レイヤーやシルエットレイヤーを複製するメリットについて

線画がなくても今回すこし困ったことあります。この項目は調整次第で線画が必ずしも必要ないのですが、線画があったほうが便利という話です。

まず上の厚塗り実験で作ったシェーディングレイヤーを自動選択してみます。

自動選択しにくいんです。SHIFT押しながら頑張って選択する方法もありますが、けっこうだるいです。あるいは自動選択の設定で頑張る方法もありますが、だるいです。

【クリスタ】色塗りに便利！自動選択の使い方とその意味とは【CLIP STUDIO PAINT】

色が単純ならいいのですが、複雑に組み合わされたシェーディングレイヤーだと選択するのに手間取るんですよね。

ひとつの解消法としては、自動選択用のレイヤーを予め用意しておくということです。これは線画でも単色のシルエットでもどちらでもOKです。

厚塗りと線画

自動選択用の線画

たとえば上のように線画レイヤーを作ります。そして絵としては線画を残したくないとします。そういう場合は線画レイヤーを複製して批評ににしておけばいいのです。線画レイヤーではなくシルエットを複製しておくのもOKです。

塗りつぶし

コピーした方のレイヤーを塗りつぶします。

シェーディング

この状態で適当にシェーディングします。

自動選択の失敗

もし線画をコピーしていないと、この状態で自動選択用するとこうなります。

自動選択の成功

レイヤーを線画に変えて、自動選択するとこうなります。自動選択しやすいですよね。

ケースバイケースだと思いますが、絵によっては楽になるかと思います。

参考書籍

１：「『キャラの背景』描き方教室」、よー清水、SBCreative

「キャラの背景」描き方教室 CLIP STUDIO PAINTで描く！ キャラの想いを物語る風景の技術 (Entertainment&IDEA)

この本は厚塗りを売りにしている本ではありませんが、厚塗りのやり方が詳しくのっている良い本です。説明が細かいので初心者でも理解できます。さらにブラシまでダウンロードできます。

２：「CLIP STUDIO PAINTで描くグリザイユ画法＆エフェクト」、天領時セナ、玄光社

この本は細かい説明が多く省かれていているので中上級者向けだと思います。どのツールを使うか、どうやって機能を使うかなどの説明があまりないので、ある程度の知識が必要です。

グリザイユ画法&エフェクト 完全マスターブック

３：「CLIP STUDIO PAINT　PRO　デジタルイラストテクニック」、玄光社

新版 CLIP STUDIO PAINT PROデジタルイラストテクニック (玄光社MOOK)

基礎用語の説明には良本です。

フリンジとはなにか

フリンジの意味

アンチエイリアスの意味

アンチエイリアスの理解

まずはアンチエイリアスの強度を最大にした描画を用意しました。とはいっても等倍表示だと全然わからないですよね。

クリスタのアンチエイリアス2000%拡大

アンチエイリアスがかかっているかどうかは、拡大するとよくわかります。

クリスタのアンチエイリアスオフ2000％拡大

アンチエイリアスをオフにして同じように表示するとこうなります。

アンチエイリアスがかかっているほうが境界がぼかされていることがわかります。黒がグレーに近い色と合わせて表示されています。背景の色と近い色を境界に散りばめることで、コントラストを弱めてガタガタが目立ちにくくなっています。ぼかすというのは、いわゆる「不透明度を下げる」処理のことです。後ろの背景が助透けて見えます。

クリスタアンチエイリアス等倍表示比較

同じ図形を等倍で比較すると上のようになります。若干アンチエイリアスオフのほうがガタついて見えますね。

クリスタコントラストアンチエイリアス比較

ただしこれは背景が白色なので、コントラストが強く余計際立ってガタツキが見える面もあります。背景が暗い色だともっともうすこしガタツキはめだちにくくなります。

フリンジの理解

アンチエイリアス比較

さてフリンジはアンチエイリアスの線を使って塗りつぶしたときに出る汚れ、塗り残しでした。実際に初期設定の塗りつぶしツールを使ってアンチエイリアスありの線の内側を塗りつぶしてみましょう。同じような塗りつぶしに見えるかもしれませんが、よくみるとアンチエイリアスありのほうは白い線があります。

ちなみに塗りつぶしは塗りつぶしツールを使っています。今回の記事はこの塗りつぶしツールの設定でフリンジをどうやって解決するのか主たる目的になります。

アンチエイリアスによるフリンジ

拡大するとよくわかります。白・灰・黒という3つの種類の色(正確には用紙の色・透明な黒・透明ではない黒)のうちの白を塗りつぶして、灰色が残ってしまった形です。アンチエイリアスがオフの方は、白か黒しかありません。白を塗りつぶそうとしたら白だけを塗りつぶして黒が残るので、きれいに塗りつぶせるのです。

ただしアンチエイリアスがかかっていない方は外側に若干のガタツキが残っています。

そこでアンチエイリアスのかかっているせいで起こる内側のフリンジはどうやって解決しようかという話になります。

塗り残し・汚れ・フリンジの解消方法

色の誤差を利用：とりあえず塗りつぶし連打する

みなさんだれでも一度はやるアクションだと思います。塗りつぶし連打です。意外とうまくんですよね。

実はこれ初期設定では色の誤差というものがオンになっています。

クリスタの色の誤差

初期設定では色の誤差が10の値です。単純に考えれば白、灰、黒があって白を選択したときに、白に10％ほど近い灰色も一緒に塗りつぶしちゃうよということです。この色の誤差は意外と曲者で、単純に10だから10％という計算ではないかもしれません。

というのも色の誤差を10から50にしても同じような効果の場合があるからです。もちろんケースバイケースです。

クリスタ色の誤差10

まずは色の誤差10のクリック１回です。

クリスタ色の誤差50

色の誤差50のクリック1回です。

クリスタ色の誤差80

色の誤差80クリック1回です。

クリスタ色の誤差100

色の誤差90クリック1回です。

どうでしょうか。10から80まで大差ないですよね。もちろん描画の形態によりますが、色の誤差を明確に出したい場合は80以上がいいと思います。

100であってもよく見れば塗りつぶしきれていません。ただし拡大してみなければほとんど気づかないので、ここでやめてしまってもいいかもしれません。

色の誤差のみで解決しようとしたら、やはり連続クリックですね。色の誤差10の設定でもいいので何度かクリックしてください。自分が満足したところで終わらせればいいのです。

色の誤差における外側と内側：連打の注意点

あまり細かいところまで塗りつぶそうとすると、思わぬところも塗りつぶされてしまうことがあります。

･どういうこと？｡

なかなか気づかないもんですよね。うまく塗りつぶせたと思ったら、外側にまで影響が及んでいたのです。上の動画は色の誤差10で塗りつぶしを繰り返したものです。この微妙な外側の変化がわかるでしょうか。

クリスタの色の誤差の比較

クリスタの色の誤差の拡大比較

同時比較してみます。すごく些細な変化ですが、3回塗りつぶした方は綺麗に内側が塗りつぶされている分、外側のアンチエイリアスが弱くなり、すこしガタついています。2回塗りつぶした方は外側は綺麗にアンチエイリアスがかかったままですが、内側はすこし塗り残しがあります。

どちらを優先するべきかは人それぞれです。等倍だと2回も塗りつばせばほとんど見た目がきれいに塗りつぶせているように見えます。同様に、3回塗りつぶして外側のアンチエイリアスが少し弱くなっていますが、等倍だとあまりガタついて見えません。ケースバイケースですが、このような内側と外側の観念は理解したほうが役立ちそうです。

もっとも、次に述べる領域拡縮を使えば外側と内側を両方綺麗にして塗りつぶせるケースがあります。

領域拡縮を利用

自動選択の項目でも説明しましたが、領域拡縮は色の誤差と似ている機能です。

【クリスタ】色塗りに便利！自動選択の使い方とその意味とは【CLIP STUDIO PAINT】

それでは塗り残しツールの領域拡縮にチェックを入れましょう。初期状態ではチェックが入っていません。

初期状態の塗りつぶしから、領域拡縮にチェックを入れた状態で塗りつぶしてみます。

かくだいすればよくわかりますが、外側も内側も綺麗なまま塗りつぶせています。値は10も20も変わりませんでしたが、描画によっては値を下げたり上げたりする必要があるので調整してください。

領域拡縮はこんなかんじで塗りつぶされているので、外側に過度に影響を与えずに内側だけ塗りつぶすことができるんですね。

線画をそのまま残したまま内部を塗りつぶしたいケース：コントラストを知る

たしかにこのケースもありますよね。つまり内部と外部の色が異なるケースです。

先程は黒の線画に、黒で内部を塗りつぶしました。同じ色なので線画の内部まで範囲を拡張させても気にならなかったのです。

今度は違う色で試し見てましょう。線画を黒、内部をシアン色でためしてみます。

一見成功にしているように見えますが、実は線画の大部分を余計に塗りつぶしてしまっています。

一方で、領域拡縮オフにした場合は線画の大部分がきちんと残されています。しかも一見フリンジは発生していないように見えますよね。

しかし実はフリンジは発生しているんです。灰色とシアンの色のコントラストがそこまで高くないために、フリンジがそこまで目だっていないのです。おそらくこうしたコントラスト関係は色彩学に属する項目だと思います。黒、灰色、黒とはさまれたら灰色が目立ちますが、黒、灰色、白とくれば灰色は目立ちにくいのです。

シアン明度50の目立つフリンジ

今回使ったシアンは明度が１００と高い色です。今度は明度が50のシアンを使ってみます。

シアン明度100の目立たないフリンジ

明度100だと目だっていなかったフリンジが目だっていることがわかります。

シアン明度20の目立つフリンジ

明度を20にすればもっと目立ちます。

つまり線画の色と内側の色が近い色になるほど、フリンジが目立ちやすくなるということです。

内部の色を抽出して観察する

線画のレイヤーと塗りつぶしのレイヤーを分けて、塗りつぶしだけ出してみます。今回は領域拡縮オフで初期設定のまま塗りつぶしたものです。

動画を見ると灰色の部分に重なっていない部分があることがわかります。これがフリンジの原因になります。ただし今回のように線画の色と塗りつぶしの色が遠い色の場合はフリンジがそこまで目立たないので場合によってはそのままでいいかもしれません。

外部の色と内部の色が違ってもフリンジが発生しないようにする対策

先程の線画黒明度０と、塗りつぶしの色シアン明度20ではフリンジがかなり目立ちました。これを解消する方法を模索します。

領域拡縮１

領域拡縮が10のままだと線画の多くが侵食されてしまうので、1に設定してから塗りつぶしてみます。

１じゃ不十分ですね。３にしてみます。

領域拡縮2

すこし歪んでしまっていますね。

領域拡縮１、色の誤差３０

それでは領域拡縮を１にして、さらに色の誤差を３０にしてみました。わるくはないですね。

この段階になると等倍ではほとんど目立たないんですよね。あまりこだわりすぎるのもどうかと思います。ふかくいきすぎるとかえってガタツキが目だってしまうことがあります。これ以上調整しようとすれば、おそらく塗り残し部分に塗るの対処になります。

そもそも論ですが、アンチエイリアスとは周囲の色に溶け込ませる技術です。白に溶け込ませたければ、黒のとなりは灰色がいいということになります。では暗いシアンに溶け込ませるためには黒の隣は何色がいいでしょうか。

カラーサークル的にはおそらく最も暗いシアン＝黒色になります。つまり暗いシアンより暗くて、黒色よりは明るい色を中間に配置するべきなんです。これは自分で設定する必要はないんですよね。本来なら不透明度が低い黒に暗いシアンが重なれば、暗いシアンより暗い黒ができるからです。ややこしいですね。

線画と塗りつぶしのレイヤーを分けてフリンジを回避する

そもそもレイヤーをわければ細かいフリンジなんて気にしなくて済みそうですね。

レイヤーについての基礎知識は以下の記事の参照をお願いします。

【クリスタ】レイヤーとはなにか、使い方とその意味【CLIP STUDIO PAINT】

レイヤーは上の方が優先されます。線画の方を今回は優先したいのでs、線画のレイヤーを上にしておきます。

そして領域拡縮を10くらいにしてあとは初期設定で色を塗りつぶします。塗りつぶしは他レイヤーを参照にしておきましょう。レイヤーが複数ある場合は複数参照で特定のレイヤーだけにチェックを入れるようにしてください。どうです？いい感じに塗りつぶせてますよね。

線画が下で塗りつぶしが上

線画が上で塗りつぶしが下

線画と塗り潰しのレイヤーを逆にすればわかりますが、はみ出しても線画が上にかぶさるので問題ないのです。レイヤーわけで割とスッキリできましたね。不透明度が低い黒色と、シアンがまざることで、より暗いシアンが黒と暗いシアンの中間にできてちょうどぼかしてくれるというわけです。

その他：塗り残し部分に塗る

すでに塗ってしまった部分は「塗り残し部分に塗る」などで対策しましょう。

クリスタの塗りつぶし部分に塗る

「塗り残し部分に塗る」は塗り残しツールのサブツールの箇所にあります。

内側と外側(応用編)

外側にもフリンジは発生する

外側のフリンジ

内側のフリンジ

また内側を綺麗に塗りつぶしたとしても、外側にも気をつけてくださいね。これはこれでなにかのテクニックに使えそうですが、綺麗に外側を塗りつぶしたいときは注意してください。

こちらは外側のフリンジです。

こちらは領域拡縮をオンにした場合です。わかりやすくするために内側のフリンジは残したままにしておきました。

･あれ？これなんかおかしいよね？｡

そうなんです。次に領域拡縮について注意点を説明します。

領域拡縮の注意点：外側に使うときは注意

領域拡縮の良い点は、内側から塗りつぶすときに線画の枠線の中をより多く選択してくれることでした。

これが外側から塗りつぶすとなると、外側からみた線画の枠線の中をより多く選択してしまうのです。ややこしいですよね。

色を変えてみるとわかりやすいです。線画に当たる部分がかなり塗りつぶしの領域として含まれてしまっていることがわかります。

線画をぬりつぶしてほしくないときはどすればいいのか。１つの考えとしては領域拡縮をオフにすることです。

･なんだこれで解決じゃん｡

と思いますよね。これでいい場合もあります。

問題は線画の色と、線画外の塗りつぶしの色が近いときです。

先程は明るいシアンの色で塗りつぶしてみましたが、今度は暗いシアンの色で塗りつぶしてみます。領域拡縮は先程と同じようにオフです。

よくみるとフリンジがありますよね。領域拡縮をオフにするとフリンジが発生する、オンにすると線画が細くなる状況です。

そもそものはなし背景の絵と人物や物体の絵は分けたほうがいいと思います。フリンジを解決するのも一つの手ですが、そもそもフリンジが発生するような構造を避けるというのも１つの正解なのです。

外側に起きるフリンジ：領域拡縮の応用設定(拡張パラメータ)

領域拡縮の設定を変更してみましょう。領域拡縮の左下に小さいプラスのマークがあるはずです。そこをクリックしてください。

クリックすると拡張パラメータの設定ができます。塗りつぶしの際は「最も濃いピクセルまで拡張」にしてきましょう。他にも丸く拡張や四角く拡張がありますが、塗りつぶしではそんなに使わないかもしれませんね。

ブラシサイズが小さすぎると線が劣化してフリンジが曖昧になる

アンチエイリアスはある程度太い線で効果を発揮します。たとえばブラシサイズ３などの細い線でアンチエイリアスを強くかけてしまうと全部の線がぼかされて、主線の色が消えてしまうことがあります。

細い線とアンチエイリアス

１の場合はすべてぼかされて必ず消えてしまいます。つまり劣化した色、薄い色が表示されてしまいます。

こうした薄まった色の場合は、領域拡縮をしなくてもフリンジが発生しているように見えなくいです。これがいいかどうかはケースバイケースです。そもそもこうした薄い色を是とするのかどうかです。上の画像は領域拡縮をしていません。線が細すぎてフリンジなのか主線なのかがはっきりしないケースですね。

領域拡縮をするともうすこし多くの範囲を参照するので、内側のうっすらした色を含めて塗りつぶしてくれます。

この項目の詳細はアンチエイリアスの記事を参照してください。

アンチエイリアスとはなにか 解像度、フリンジとの関係について

自動選択とは

自動選択

自動選択の基本的な使い方

ツールパレットに[自動選択]があるのでそこから使用することが出来ます。

さっそく使ってみましょう。ためしに線画をクリックをしてみると。円の内側がすべて選択されました。点線のような表示になります。

この状態で塗りつぶしをすると、このように選択された内側の部分だけが塗りつぶせるようになります。

選択を解除する場合はControl＋Dか[選択範囲]から[選択範囲を解除]を押すことでできるようになります。

自動選択と選択範囲ツールの違い

ツールパレットの中に選択範囲ツールはあります。

長方形や楕円、シュリンクなどさまざまな選択方法があります。

たとえば長方形で選択しようとしてみます。線の外にはみ出してしまっていますよね。自動選択のように描画にピッタリ沿って選択したい場合は不便です。

楕円選択でちょうど選択するという荒技もありといえばありですが、綺麗に選択するのに骨を折りそうです。そういった意味で選択範囲ツールと比べて自動選択は便利なツールなのです。

シュリンク選択という自動選択に近いツールもありますがここでは説明を省きます。

自動選択と塗りつぶしの違い

･自動選択なんて使わなくても線で囲まれた範囲を塗りつぶしツールで色塗りできるでしょ？｡

たしかにそうですね。上の動画のように、塗りつぶしツールでもおなじようなことができます。

塗りつぶしはたしかに他のツールでもできますが、肝心なのは描画に沿って選択範囲を形成するということです。

たとえばこのように選択されている状態でペンでなにかを描いてみます。こうすると選択範囲外には描画が反映されなくなります。はみ出さないように細かい装飾を描くときなどに便利です。他にも選択範囲内にのみ素材を貼り付けたり、グラデーションをかけたりと「自動選択」はとても便利なツールです。

自動選択の機能

編集レイヤーのみ参照選択と他レイヤーを参照

レイヤーとはなにかそもそもわからない方のために以下の記事を作りましたのでぜひ参照してください。

【クリスタ】レイヤーとはなにか、使い方とその意味【CLIP STUDIO PAINT】

複数レイヤーがある場合、編集中のレイヤーのみ選択したい場合と、すべてのレイヤーから線を選択したい場合があると思います。

たとえば複数のレイヤーの線が重なってしまっているときを考えてください。すべてのレイヤーを参照できる状態だと選択したくないレイヤーまで選択してしまうかもしれません。

上の自動選択はレイヤー(青)のみを参照選択した場合です。

上の自動選択は他レイヤーを参照選択した場合です。選択しているレイヤーに加えて他のレイヤーも参照できるようになるということです。青のみ選択したかったのに、間違えて緑の方も参照してしまいました。このような誤操作を避けるためにも編集中のレイヤーのみにする必要があります。

もちろんいちいちレイヤーを切り替えるのが面倒な場合や、全体のレイヤー数が多い場合は他レイヤーを参照したほうがいい場合があります。使い分けが重要です。

参照レイヤー用選択

参照レイヤー用選択：参照レイヤー用選択を行うことで、選択したレイヤー以外も選択できるようになる。参照レイヤー用を設定するアイコンが存在する。

「編集中のレイヤーのみ選択」と「他レイヤーを参照選択」と似たような機能です。「他レイヤーを参照選択」がすべてのレイヤーを参照可能ににしてしまうのに対し、参照レイヤー用選択は自分で指定したレイヤーのみ参照可能にするという点で違います。
設定するためにはアイコンを押せばいいだけです。アイコンを押すと参照レイヤーに設定のアイコンがチェックの欄に表示されます。

たとえばレイヤー青、レイヤー緑、レイヤー赤があったとします。このうちレイヤー青と緑だけ参照したいといった場合に「参照レイヤー用選択」を使います。使い方は簡単でアイコンをクリックするだけです。今回のケースだと選択しているレイヤーがレイヤー青だとすれば、レイヤー緑に参照レイヤー用選択をすればいいだけです。

これで赤色が選択されなくなりました。

自動選択のテクニック・応用技・設定

連続して選択する

ツールプロパティ：プロパティとは日本語でいうと「性質」です。クリスタにおけるツールプロパティとはツールの性質、特性に関する設定を指します。

どの操作でも共通しているのですが、連続して選択するためにはSHIFTを押しながらクリックをするか、作成方法から追加選択に切り替える必要があります。作成方法はツールプロパティ内にあります。デフォルトの設定は「新規選択」です。新規選択の場合はひとつのみしか選択できません。作成方法には他にも部分解除や選択中を選択などの機能があります。

隣接ピクセルをたどる

隣接ピクセルをたどる：チェックがオンになっているとクリックした場所につながっているピクセルのみ選択する。チェックをオフにするとレイヤー内の同じ色をすべて選択できる。

まずは隣接ピクセルのチェックを入れた状態で自動選択してみます。クリックした場所につながっているピクセルのみ選択されていることがわかります。

次に隣接ピクセルのチェックを外した状態で青色の線をクリックしてみます。クリックした箇所以外も含めて青色の線がすべて選択されました。

隙間とじの使い方

隙間閉じ：線の隙間を閉じてくれる機能。この機能をオフにしているとすこしでも隙間があれば塗りつぶしなどがうまくいかない。どのくらいの隙間を閉じるかの数値を設定で変更できる。

たとえばこのような隙間がある線があるとします。隙間閉じにチェックを入れないと塗りつぶした場合こうなります。

隙間閉じにチェックを入れておくとこうなります。

自動選択も塗りつぶしと基本的に同じです。上の画像は隙間を閉じない場合の選択です。

こちらは隙間を閉じた場合の選択です。

どちらも一見同じに見えますが全然違います。隙間閉じオンの場合は隙間があっても閉じています。ただ隙間が完全にないときと、隙間を補完するときでは若干違うので注意してください。できるだけ隙間のないような絵をこころがけたほうが無難だと思います。髪などは隙間が空きやすい線画の代表例です。

塗りつぶしの動画を先程乗せましたが、隙間が中途半端に閉じた形になっています。閉じきれなかった隙間は後で描き加えてで調整しましょう。

もしくは選択範囲ツールの選択消しで余計な部分を消しましょう。

あるいは選択範囲ツールの選択ペンで追加しましょう。

･きれいに隙間を閉じる方法はないの？｡

難しいんですよね意外と。おそらくアンチエイリアスなども関係してくる項目です。あるいは隙間閉じの数値の変化で対応できるケースもあります。もしくは色の誤差等他の設定も関連してきます。アンチエイリアスってなんだ？という方は以下の記事を参照してください。

アンチエイリアスとはなにか 解像度、フリンジとの関係について

色の誤差の使い方

色の誤差：色の許容量の設定。数値が大きいほどより多くの色の領域を選択の対象に含めることができます。たとえばアンチエイリアスをかけたまま線を引くと、境界線はぼかされて描画色の色が段階的に薄くなり、色の領域が多くなります。このような領域を選択の対象に含めたいときに、色の誤差の数値を大きくするとうまくいくことがあります。

色の誤差は意外とわかるようでわからない機能ですよね。同じ色だけを選択したい場合は色の誤差の数値を０にしておきましょう。

塗りつぶしのよごれ対策：色の誤差を使ってフリンジをましにする

色の誤差ではいわゆるフリンジ対策として使われることがありますが、正直あまり大差ないと思います。というのも０も５０も８０も対して変わらない場合があるからです。8０以上ですこし変わる、１００でだいぶ変わるといった感じです。フリンジ対策には他にも領域拡縮などもあるので組み合わせて対策していくものです。

自動選択において色の誤差も同じです。色々やってみましたが、正直１０も５０も大差ないです。わかりやすくするために0,50,100を比べてみましょう。

描画の形態によっておそらく変動するのかと思いますが、単純な色の実験(アンチエイリアス)ではあまりうまく機能しないようです。0日100かのほうがわかりやすい結果になります。

現在線で囲まれた透明部分をクリックしている状態です。つまり線で囲まれた透明の色(用紙の色の白)をすべて自動選択してくださいという指令を出しているわけです。

白色に近い色をどれだけ選択するかという範囲が、色の誤差なわけです。色の誤差が高いほど、白に遠い色も選択するようになります。上の画像でいえば、グレーも多く選択するようになるのです。

状況や目的によるのですが、塗りつぶす際は本来線の内側はすべて塗りつぶしてほしいはずです。フリンジがあると困るわけです。というわけでアンチエイリアスをかけた線を塗りつぶすときは色の誤差を高く設定したほうがいいということになります。

これと同じように、アンチエイリアスをかけた線を自動選択するときは色の誤差を高くしたほうがうまくいく場合もあるのです。ケースバイケースでうまくいく場合もうまくいかない場合もあります。先の”外側”を塗りつぶす際は注意しましょう。色の誤差を高くすることで、アンチエイリアスの効果がうすれて線がガタガタしてしまいます。

領域拡縮の使い方

領域拡縮(りょういきかくしゅく)：指定したピクセル分だけ本来の領域よりも拡大または縮小した範囲を作成する機能。領域拡縮を高めに設定し、拡縮方法を最も濃いピクセルまで拡張することによってアンチエイリアスによるフリンジが発生しにくくなる。

ものはためしということでやってみましょう。初期設定ではチェックが入っていないのでチェックを入れてください。

色の誤差は初期設定の10、領域拡縮も10のまま自動選択してみました。

色の誤差100よりも遥かに多くのピクセルを選択していますね。この自動選択で塗りつぶすとたしかにフリンジが発生しません。塗り残しを防ぐために多くの領域を選択しているということです。

ちなみに領域拡縮にチェックを入れずに、色の誤差10で塗りつぶすとこうなります。「領域拡縮なし」の方は微妙に細い線が塗りつぶされていないことがわかります。

複数参照の使い方

複数参照(ふくすうさんしょう)：参照するレイヤーを設定できる機能。サブツールの段階で編集レイヤーのみか、すべてのレイヤーを含めるか,参照レイヤー用を設定するかを決められるので使う機会はあまりない。「フォルダー内のレイヤー」や「選択されたレイヤー」を使いたいときに便利。

アンチエイリアスの使い方

アンチエイリアスとはなにか 解像度、フリンジとの関係について

･アンチエイリアスと自動選択ってどう関係してるの？自動選択って線じゃないよね？｡

たしかに。

困ったときは基本的にクリスタの文字にカーソルを合わせれば意味を教えてくれます。どうやら塗りつぶし処理の際に領域の周囲にギザギザを目立たなくする効果」があるらしいです。

･what the heck！｡

とりあえずオンとオフを比較してみましょう。アンチエイリアス以外の項目はすべて初期設定にします。アンチエイリアスがかかった線も用意しました。

さてアンチエイリアスをオフにして自動選択してみます。なるほどぜんぜん違うんですね。アンチエイリアスをオフにすると、クリックした色と同じ色しか選ばないようになっています。今回は透明箇所、つまり用紙の白色をクリックしているので、白を中心に選択されているわけです。

アンチエイリアスをオンにすると、白のみではなく近い色である灰色も選択されています。これがアンチエイリアスの効果というわけですね。

たしかに役に立つ場合もありますが、アンチエイリアスをオンにしたくらいではフリンジは解消しないので色の誤差と領域拡縮を合わせて利用する必要がありそうです。アンチエイリアスをオフにしたときの挙動もなかなかおもしろいのべどこかで使えそうです。

参考文献

１：「CLIP STUDIO PAINTPROの教科書」,isuZu,(技術評論社)

２：「CLIP STUDIO PAINT　デジタルイラストテクニック」(玄光社)

３：「CLIP STUDIO PAINT　機能引き辞典」(ナツメ社)

下のレイヤーでクリッピング

意味

下塗りにはみ出さないように色を塗る方法

線画

ここでは簡単な円で説明します。まずは線画のレイヤーを用意します。

ベースの色

次にベースとなる色のレイヤーを用意します。ここでは灰色にします。

この時点でレイヤーが線画と、ベースの色の２つになります。

この状態でベースの色の上に色を重ねていくと、はみ出してしまいます。器用な人ならはみ出さずに塗れるかもしれません。厚塗りなどではわざと線画にこだわらず色を重ねる技法もあります。

下のレイヤーでクリッピング

そこでレイヤーを上にもう一つ追加して、[下のレイヤーでクリッピング]を使います。

やり方は簡単です。レイヤーの上で右クリックをして[レイヤーの設定]→[下のレイヤーでクリッピング]を選択するだけです。

もしくは丸い変なマークをクリックすることで[下のレイヤーでクリッピング]できます。

クリッピングに成功すると赤いマーキングで表示されます。

この状態で、影の色のレイヤーで暗い色を塗っていましょう。ベースの色からはみ出さないで塗ることが出来ています。ベースの色以外の部分に塗っても反映されていないことがわかります。

後からクリッピングを外すと効果がなくなってしまうので注意しましょう。こんな感じで調子に乗って塗っていたのがバレてしまいます。

こんな感じで適当に塗ってもはみ出さずに影を塗ることが出来ました。

参考文献リスト

１：「CLIP STUDIO PAINTPROの教科書」,isuZu,(技術評論社)

用紙と透過とベタ塗りの理解

用紙とは

用紙の色の変更方法

[ファイル]から[新規]を選択して開くときに、用紙の色を変更することができます。白色の部分を押すだけです。

透過とは

透過の設定方法

[ファイル]から[新規]を選択して開くときに[用紙色]のチェックを外すと透過になります。すでに作成されたファイルのレイヤーにある用紙のチェックを外しても透過になります。

もし用紙レイヤーがまた欲しくなった場合はチェックを再度つけるか、再度つくる方法があります。レイヤーの場所で右クリック後、[新規レイヤー]から[用紙]をクリックで用紙レイヤーが作成されます。

ベタ塗りとは

ベタ塗り：特定の色で塗りつぶすこと。そのままですね。デジタルペイントにおいては、線画の枠線内を影やグラデーションを用いず、単一の色で塗っていくことを示すそうです。マンガ制作においては「原稿中の指定された範囲を黒で塗りつぶすこと」を意味するそうです。クリスタではサブツールの[塗りつぶし]でよくベタ塗りが行われています。

用紙とベタ塗りの違い

用紙はベタ塗りされているわけではない

クリップスタジオペイントでは背景が白色が初期設定です。レイヤーで言うところの「用紙」です。ただし用紙は白色で塗られているわけではない（白色でベタ塗りされていない）ので注意してください。これはかなり重要です。

白色で塗られている状況と、白色の用紙は目で見ると同じです。しかし下地混色という機能をつかったときに差が出てきます。白色で塗られているケースの場合は「混色」されますが、白色の用紙の場合は「透けて見えます」。

アナログの水彩絵具と紙をイメージするとわかりやすいです。白い絵の具と青い絵の具を混ぜると、白味がかった青色になります。これが混色です。白い紙に青い絵の具を水で薄めて薄く描くと、白味がかった青色に見えます。これが透けて見えている状況(透過)です。透過色といってもいいかもしれません。白い紙を青い色のメガネでみると、実際に明るい青色のように紙が見えます。これも透過と似ています。

用紙が描画にどのような影響を与えるかの実験(下地混色なし)

下地混色オフの(用紙の白色)

左が不透明度100、右が不透明度50の描画です。不透明度100の場合は下地が透けて見えないので、背景がどんな色の用紙でも同じように表示されます。不透明度50の場合は下地が透けて見えるので、白っぽさが加わります。実際に混色しているわけではなく、白色が透けて見えることで混色しているように見えるというのがポイントです。

下の数字はHSV比です。色を考える際には主にこのHSVとRGBの色情報を用いることになります。Hは色相、Sは彩度、Vは明度です。RGBはレッド、グリーン、ブルーの色の混色具合です。RGBの場合は上限が255、HSVの場合は100です。

HSV比でいうと彩度が27から13に半分程度になり、明度が90から95に上がっていることがわかります。白色というのはもともと彩度が0で明度が100の色です。白色が透けて見えるということは、その分彩度が下がり、明度が上がるということになります。27から0、90から100へと移行するということです。その差分はそれぞれ27、10です。

不透明度が０になれば完全に白色になるので、彩度は０、明度は０になります。つまり203.0.100です。不透明度を10分割すると、27/10=2.7、10/10=1です。不透明度を50にして描画すると、差分の50％ほど移行することになるので、2.7*5=13.5、1*5=5移行することになります。つまり27-13.5=13.5になり、90+5=95になります。不透明度を下げると、差分の割合の分だけ色が移行して見えるということです。

RGB比も基本的に同じ考えです。不透明度100の場合は167.206.230で50にした場合は211.231.243です。差分割合の移行になりますので、下地から上地をひきます。255-167=88です。88の50％なので44移行することになります。167+44=211ということです。

HSVは0-100で理解できますが、RGBの場合は0-255の理解になります。255の場合は計算が直感的にできないイメージがあります。そもそも255を10分割すると25.5と中途半端であまり好きではないです。HSVも色相のイメージが難しい印象があります。Hは色相で360もの大きな数字がわりあてられています。10はどんな色かと聞かれたときにぱっと色が浮かぶでしょうか。私は浮かびません。ですがR0、G100、B100といわれたときはなんとなく色相のイメージが浮かびます。それぞれいいところと悪いところがあると思います。

慣れるためにもHSVのHの360°円環は配置を覚えておくと今後なにかと役に立つかも知れません。0は赤です。60あたりが黄色です。120あたりが緑です。180あたりはシアンです。240あたりは青です。300あたりは紫です。360は最初に戻って赤色です。

下地混色オフ(用紙もオフ)

意外な結果ですよねこれ。スポイトで色をとっても変化がないのです。見た目は変わっているのにも関わらず、色情報に変化がないということです。用紙があるのとないのとでは、色情報にも変化が生じていることがわかります。

下地混色オフの白で塗りつぶし(用紙も白色)

用紙の色を白色にしたまま、さらにその上からベタ塗りで白色で塗りつぶし、その上から描画したケースです。

色情報は用紙が白の場合も、ベタ塗りが白の場合も変化がありません。

理由は下地混色がオフだからです。他にもレイヤーの合成モードが「通常」だからといった理由もあります。合成モードが通常の場合、色は上に重なるだけで実際に混色しないということです。

合成モード(通常)：したのレイヤーにそのまま上のレイヤーを重ねる。上のレイヤーに透明や半透明の部分がない場合、下のレイヤーを透過しない。

つまり下地混色がオフで合成モードが通常の場合は、用紙の色とベタ塗りの色は同じ扱いになるということです。

下地混色オフのベタ塗りなし(用紙は黄色)

色を白から黄色に変えて実験してみます。不透明度100の場合は下地の色が透けて見えないので、当然描画色の色は変化しません。用紙の色が白でも黒でも変化しないということです(周りの色が明るいと暗く見えるなど心理的な色変化はありますが)。

不透明度を50にすると色情報が白のときとは変化します。背景の黄色の色情報はHSVでいうと60.100.100です。

ここで疑問に思うはずです。たとえばVの差分は100-90で10です。50％なら５増えて95になるのではと思うはずです。これがなかなかややこしい。

RGB比でみてましょう。左の青色はRGB167.206.230です。下地の黄色はRGB255.255.0です。それぞれの差分移行すると考えれば、255-167=88です。8.8*5で44なので、167*44=211になります。同じように計算していくと、211.231.115になります。差分は「差の絶対値」という言い方でもOKです。

そもそも明度とは相対的なものです。Hが60(黄色)のSとVが100のケースは、RとGがそれぞれ255の場合です。Hが203(シアン)のVが100のケースはGが158でBが255のケースです。色相によって明度や彩度が100になる組み合わせが異なるという点は重要です。

白は無彩色なので計算がかんたんでしたが、黄色は有彩色なのでより複雑になります。具体的に言うと、有彩色の場合は色が重なると色相が変化し、無彩色の場合は色が重なってもほとんど変化しません。白を下地にシアンを描画しても色相はほとんど変化していないことからもわかります。色相203から色相202への変化です。つまりほぼ同じ色相内で、彩度と明度のみが変化しているということです。

用紙が描画にどのような影響を与えるかの実験(下地混色あり)

下地混色とはなにか

下地混色をオンにするとなぜ変化するのか。まずは「下地混色」の仕組みを理解する必要があります。

下地混色はサブツールの「インク」の中にある「下地混色」です。そこから更に「色混ぜ」と「にじみ」に分かれ、さらに「絵の具量」、「絵の具濃度」、「色延び」に分かれます。

下地混色をオンにすると絵の具量、絵の具濃度、色延びにも自動的にチェックがつきます。下地混色をオフにすれば３つすべてオフになります。

１：絵の具量

絵の具量(英:amount of paint)：レイヤーにすでに塗られている色と描画色を混合する割合の設定。数値が高いほど描画色の割合が高くなる。下地色と描画色のRGB成分を混色する割合。値が大きいほど描画色のRGB成分の割合が高くなる。

下地：すでに塗られている描画

すでに塗られている色とはいわゆる下地です。「塗られている」という点がポイントだと思います。用紙の白や黄色は塗られているわけではありません。

２：絵の具濃度

絵の具濃度：下地の不透明度に対する描画色の不透明度の反映度。下地色と描画色の透明成分の割合。値が大きいほど描画色の透明成分の割合が高くなる。

３：色延び

色延び(いろのび,英:color stretch)： すでに描かれている色の引きずりやすさ。下記始めの色をどの程度伸ばしたまま描画するかの設定。数値が低いほど周囲の色に溶け込むまでの距離が短くなる。数値が高いほど周囲の色に溶け込むまでの距離が長くなる。

下地混色有(用紙は白色で白色ベタ塗りなし)

明らかに色が違います。下地混色オンにすると、用紙の色と混色されていることがわかります。今回は下地混色は[色混ぜ]で初期数値です。つまり不透明度は100で絵の具量は50です。

絵の具量50の場合の実質的な不透明度はいくつかという点はかなり複雑です。次の記事で深く扱おうと思います。ここでは簡単に触れます。

まず下地混色の不透明度100で絵の具量100の色は、下地混色オフの不透明度50の色と等しいです。つまり下地混色の不透明度100で絵の具量100の場合の色は、実質的に不透明度50の色ということです。では不透明度50の場合の実質的な不透明度はいくつか。この計算はだいぶややこしいです。

結論から言うと下地と描画色の差分の88%が加算されます。上の図のHSV203.70.90はRGB比に直すとRGB167.206.230です。下地の白色はRGB255.255.255です。

下地がR255,描画色がR167の場合、絶対値の差分は88になります。さらに88から88%をかけると77.44になります。167に77.44を足すと244.44になります。ややこしいですよね。すべて計算していくと、RGB比約244.249.252になります。

ちなみにこの88%というのはどのようして導き出されたかというと、上の表からです。これもまた次回扱います。今回は用紙のときとベタ塗りのときとでは、下地混色がオンのときは描画が異なるということだけ抑えられればOKです。

下地混色有り(用紙は白色で白色ベタ塗りあり)

この図を見るとよくわかります。下地混色ではベタ塗りがあるのとないのとでは描画の効果に違いがあります。つまり用紙の白色と、ベタ塗りの白色は性質が違うということです。

ややこしいカラーサークルやRGB、HSVの話

RGBとHSV

カラーサークルと色相の変化について

この項目はややこしいので飛ばしてしまってもOKです。

ある色にある色を透過させるとどういう色になるか予想するのには役立ちます。正確な数値の理解から直感的な色の理解へとレベルアップさせることが目的です。いずれは10段階の色把握ができればいいと思っています。つまり１０と２０の違いがわかればよく、１０と１１の違いは別にわからなくてもよいという考えです。明度や彩度を１０、２０・・・１００でコントロールし、色相は１０，２０，・・・３６０でコントロールできるようになるのが理想です。今回はその色コントロールのために向けた取り組みの１つです。

下地：RGB255.255.0(HSV:60.100.100)　描画色:RGB：168.206.230(HSV:203.37.90)

黄色を下地にした場合は色相が203から70へ大きく変化しています。下地が黄色で描画色を不透明度５０％で描画すると、大きく黄色に偏っていることがわかります。なぜこのように色相が偏るのか。本記事で大きく扱うとそれだけで大変そうです。

まず色相はRGBの混ざり具合で決まります。そしてRGBは差分からの割合分で決まります。描画色が色相203だとRGBが167.206.230です。下地色は255.255.0です。結果色は色相70だと211.231.115です。赤の成分は増え、緑の成分も増えています。ただし青色の成分が減っています。下地の黄色の青成分が0なので混色すると減ってしまうのです。

問題は描画色の青成分が著しく減っているのにも関わらず、結果としてVは90から91へ1増えているのです。RとGを合わせて69増えているのに対し、Bは115減っているのです。つまりRGBの総量としても減っているということです。

色相70において彩度を一定にして、明度だけ最高にしてみたらどうなるでしょうか。つまり彩度を50で一定にしたまま明度だけを100にするということです。数値としては70.50.100です。このケースのRGBは233.255.127です。つまり色相70で彩度を50にして一定にして明度を最大にすると青成分の最大値が127ということがわかりました。明度91のとき青成分は115だったので、115/127で約90.5%です。つまり明度91ということになります。もちろんRGB色表現においては各数値の中で最大値が明度になります、つまり233,255,127の場合はGが255だからVが100です。

このように明度は各色相ごとの、さらに各彩度ごとに最大値が細かく取り決められているということになります。もし色相70の彩度を最高にしようとすれば、青色の成分をできるだけ減らす必要があります。この場合のRGB比は211.255.0です。なかなかおもしろいですよね。カラーサークル的に色相70というのは純粋な黄色から緑色側に少しずれた位置になります。純粋な黄色がH60で純粋な緑が120なので、ほんのすこし緑の割合が多い黄色といった感じです。実際数値もR:Gが255：255から、211：255へ44ずれています。

(脳内イメージ訓練)

１色相は70・・・少し緑に寄った黄色

２彩度は50・・・少し緑によった黄色ということはRGB比が1:1:0に近いその中でも緑がやや強い。つまり1:1+1/6:0のイメージ。これが最高彩度。しかし彩度が50ということはそこそこ濁った色。つまり青の成分もはいっている。1:1:1が彩度０だから、青は半分くらいはいっている。つまり1:1+1/6:0.5のイメージ

3明度(輝度)91・・・かなり明るい。つまり255の91％である232ほどがRGBの最大値であることがわかる。

4 H70は緑よりの黄色なので、緑成分が一番多い。つまりG=232。RはGよりも少ない。どのくらい少ないのか。黄色がH60、緑がH120。つまり黄色と緑の間は60の色相がある。

仮にHが120になれば、Hの最大彩度は0:1:0になる。彩度が50のときは0.5:1:0.5になる。つまり最大明度の彩度が50のとき、128:255:128になる。そこで明度が90ていどだとすれば、G=232いなる。したがって各数値も下がり、116:232:116、程度になる。

仮にHが60なら、Hの最大彩度は1:1:0になる。彩度が50のときは1:1:0.5になる。明度が9０程度だとすれば232:232:116になる。

H70のRを導き出したい。H60のときは232、H120のときは116である。差は116ある。116を6で割るとおよそ19.3。したがって、H60からH70に移行するとき、およそ19.3分移行するので、232-19.3=213になる。

これでRは213、Gが232ということがわかった。残りはBである。彩度が50なのでRGB最大値の半分を求めればいい。つまり232*50%=116。B=116。

5：RGB正解値:213.232.116

クリスタにおける明度V=RGBのいずれかの最大値/255

クリスタでは明度1-100はRGB値から算出されています。ポイントはRGBのいずれかの最大の値が明度に影響するという点です。たとえば255,0.0なら255という数値が明度の基準になります.100.10.128なら128という数値が基準になるということです。実際に100.10.128という色情報を見てみると、Vは50になります。これは単純に、128/255=約50%ということです。もちろんどれかひとつでも255ならV=100になるということです。　

それぞれの彩度ごとに最高明度が取り決められています。注目するべきポイントは明度が100のとき彩度の数値に関係なくRGBのどれか一つは255だということです。彩度はRGB比の割合が1：1：1に近づけば近づくほど彩度が低下します。a：ｂ：０か、a：0：0の組み合わせで最高彩度100が存在します。a:b:cのようになると彩度は100にはなりません。aやbの値が255でも10でも彩度100の組み合わせは存在します。たとえば255:0:0は赤色で色相0、彩度100、明度100です。もし数値が半分の128：0：0になっても色相0、彩度100、明度50のように彩度に変化はありません。黄色は色相60の場合255:255：0で明度と彩度が100になります。Bを10でも入れて、255:255:10にしてしまうと彩度は100にならず、彩度は96になってしまいます。ただし、明度は100のままです。

さて元の論点に戻ります。H60とH203の不透明度50で混ぜるとなぜH７０になるのかという点です。まず黄色と青、つまりH５０からH２０３の間の色相のどれかだろうとは予測できます。また描画色の彩度が２７で低いというのもポイントです。彩度が低いということは、RGBの割合が1：1：1に近いということです。H203あたりはシアンが180なのでシアン系の色になります。純粋なシアンよりも青色よりということで、G成分よりB成分が多いということも予測でいます、またR成分が０で彩度が１００になるということも予測できます。つまり描画色のシアンはR成分が一番低く、その次にG成分が低く、その次にB成分が低いということがわかります。

彩度

さてこのシアンと黄色をまぜればどうなるか、色相の予測がつくでしょうか。不透明度50％混ぜるということは、黄色に半分近づくということです。もし100％混ぜたら完全に黄色になります。50％ならH203とH60の間であるH130あたりになるのではと思うかも知れません。しかし実際はそんなに単純ではありません。

HSV情報にはSという項目があります。つまり彩度です。H203とH60を混ぜ合わせたら・・という単純なものではなく、H203における彩度27明度90とH60における彩度100明度100を混ぜ合わせたらという複雑な現象なのです。

では彩度と明度を一致させて透過させてみましょう。つまりH203.100.100とH60.100.100を組み合わせるということです。結果は119.39.81になりました。彩度と明度を合わせても中間値に行かないことがわかります。なぜこうなるのか。

補色

補色：色相環で正反対に位置する関係の色の組み合わせ。狭義の補色は適当な割合で加法混色すると白色になるような色の対。赤と緑などの組み合わせ(反対色という)や色残像で出現する色を補色と呼ぶ場合もある*3。

そもそも黄色系と青系を混ぜるのはあまりよくないという説もあります。なぜなら反対色(補色)だからです。お互いに打ち消し合い、黒に近づいてしまいます。黄色はBをできるだけ減らそうとし、青よりのシアンは青をできるだけ増やそうとするからです。黄色は緑を最大まで増やそうとしますが、青寄りのシアンは緑を半分程度に減らそうとします。このように相反する作用を持つせいで、V=100になることはありません。

もしイメージと合わせたいなら、シンプルな黄色とシンプルなシアンを混ぜ合わせる必要があります。今回のケースで言えば両方の色が最大値255のGをもつので、Vが相反する作用をもたずV=100になったということがいえます。

Hも120でなかなか美しいです。H180とH60の間は合計120なので、その中間は色相に＋60ということになります。つまり120ということになりイメージと近い色になっています。

シンプルな黄色と青はまぜあわせには最悪なケースです。実際0:0:255のような極端な青と黄色を使う場面は少ないと思いますが、まぜあわせには最悪です。グレーになってしまい、色相は0になります。

基本的に補色の関係にある色を混ぜ合わせると無彩色になります。カラーサークルで向かい合う色は基本的に混ぜ合わせると無彩色に近づきます。その理屈は単純です。たとえばシアンとレッドが混ざると無彩色になる理由はRGBでいうと0:1:1+1:0:0=1:1:1になるということです。1:1:1への組み合わせがたくさんあるだけです。1:1:1は白から黒のいろです。各数値が高いほど白に近づき、低いほど黒に近づきます。どちらにせよ無彩色になります。

話をもう一度戻します。H203とH60を混ぜ合わせて(実質透過)H70になった理由を考えてみます。１つはお互いの彩度と明度の数値が違うことが挙げられます。同じ彩度と明度にするとHは119になります。60から203までの距離はおよそ143あり、60＋71・5でおよそ131.5程度になるのではないかと最初は予測していました。

そこで彩度と明度以外の色相という点に着目しました。そこから補色にたどり着いたということです。つまり相性がいい色どうしでないと、色相同士の中間に色がいかないということです。H60とH203の色相は悪くありません。なぜならH60はきれいな黄色でH203は青寄りのシアンだからです。黄色とシアンを合わせると緑になり、濁ったグレーにはなりません。ですが黄色と青は相性が悪いです。つまり青寄りの分の相性の悪さが、Hを12.5ほど低くさせたということができます。イメージで言うと少し濁った緑色が生まれます。

ややこしいですよね。119も120も基本的に色相120の緑色の範囲に近いです。違いは赤色の成分などが挙げられます。純粋な緑はRGB比でいうと0:1:0です。一方、他の緑は濁っています。つまりシンプルな緑より彩度が低いということです。

単純な問題として、イエロー＋シアンは緑になるのかというものがあります。255:255:0+0:255:255=128:255:128になってしまいますよね。つまり赤色と青色が余計なんです。この赤色のせいで1:1:1に近づいてしまい、彩度が下がってしまうということです。

え、純粋な緑どうやってつくるの？と思うかも知れません。結論から言うと基本的にはつくれません。この話も色の基礎に関わるややこしい話です。ざっくりいえば加法混色では色を混ぜれば混ぜるほど明るくなります。それに対して元ぽい混色では色を混ぜれば混ぜるほど暗くなります。ややこしいですよね。

加算のイメージ

減算のイメージ

加法混色の場合は混ぜ合わせれば色が明るくなります。黄色と青の関係は補色関係にあるので無彩色になりますが、同じ無彩色でも明るい白色になります。一方で減法混色の場合は暗くなり、黒色になります。クリスタの合成モードで言うと加算、減算になります。

さてこうしたことを考えると、黄色の上に青をのせて灰色になるということはグレーになっているので、やはり減法混色で構成されているのではないかと思います。一般的にデジタルのディスプレイなどの表示が加法混色、アナログの絵の具などが減法混色です。加法混色は光の色を混ぜ合わせるイメージ、減法混色は絵の具を混ぜ合わせるイメージです。

さてクリスタはどちらなのかというもんだいになります。難しいですよね。実際黄色の下地の上に青色を乗せるとグレーになったので減法混色だと思います。V100とV100をかけ合わせてVが50になっているからです。

え、でもH203とH60をまぜてVが90から91にあがっていましたよね、減法混色なら暗くなるはずでは？と思いますよね。たしかに。

おそらく相性のいい色の場合は明度が上がり、相性の悪い色の場合は明度が下がるのだと思います。そもそも、白でも黒でもないグレーってなんだ、と思います。加法混色なら白に、減法混色なら黒になるはずです。ということは透過という点に独特の要素があるのではないかということになります。

そもそも「不透明度100の色に不透明度50の色を描画して黄色を透かせる」という現象の根本的な理解ができていなかったのかもしれません。光同士を当てたり、絵の具同士を混ぜ合わせるのではなく、下地を透かせるように薄く描画するという現象の把握です。

黄色１００に青１００を載せたら完全に青１００がかってしまう。絵の具でいうとまぜるのではなく、そのまま載せる。あえて言うなら混ぜるのではなく「乗せる」、「被せる」イメージです。下の色がどんな色であれ、不透明度100の力で乗せると完全に下の色がみえなくなります。

下の色を透かすためには、ある程度薄く、手加減しないといけないわけです。いうならば50のときは本来の力の半分でぶつかっていっているわけです。100のときにお互いが混ぜ合わされば真っ黒になったけど、片方が力半分しか出てないからグレーになったよとも言えるわけです。その逆にホントは真っ白になったけど、半分だったからグレーになったよとも言えるわけです。これらは仮説です。

では力をつよくだしてもらいましょう。青80で行きましょう。黒か白に近づくのではなく、より青に近づきました。まず不透明度が低いほど黄色が透けるので黄色っぽくなり、不透明度が高いほど黄色が助けないので青っぽくなります。ちょうど均衡するのが不透明度50で透過させたときということがわかります。

これらのことを考えると、片方が半分しか力を出していないからグレーになるといった結論には至らないことがわかります。黄色と青の成分は均衡しているのです。

通常、加算、減算の違い

ベタ塗りペンの合成モードを「加算」にしてみました。つまり加法混色です。うえから青色(0:0:255)を重ねてみます。不透明度100の場合は真っ白になりました。これはわかりやすい加法混色ですよね。劇場などで使うカラーライトも合わせると色が明るくなります。補色同士だと打ち消し合って白くなります。

合成モードを「減算」にしてみました。つまり減法混色です。当然黒くなります。

通常・加算・減算を比較した結果、通常合成は加算とも減算とも異なる性質をもつことがわかります。色を混ぜるというより、色を乗せる、色を透かせるといった感じです。

通常合成の着眼点は「どれくらい下地を透かしてあげるか」になります。下地が黄色でその上に乗せる色が青色の場合、どれだけ黄色を透かすかという点で不透明度を決める必要があります。

１：黄色を少しも透かしたくない場合：不透明度を１００にする

２：黄色を少し透かしたい場合：不透明度を９９-５１あたりで決める

３：黄色を半分透かしたい場合：不透明度を５０にする

４：黄色を多く透かしたい場合：不透明度を４９-１あたりで決める

３：黄色をすべて透かしたい場合：不透明度を０にする

これらの基準で決めるといいと思います。加算がRGBのそれぞれの値を足すのにたいして、減算はそれぞれの値を引きます。

正確には「差の絶対値」に不透明度の割合を掛けて加算や減算が行われます。0と255の差の絶対値は255です。加算の場合は+255になり、減算の場合は-255になります。0と0の場合は差の絶対値が0なので変化しないということです。

１：加算のケース例(不透明度100)：0.0.255+255.255.0=255.255.255

・Rに255足され、Gに255が足され、Bに255が足されている。つまり差の絶対値分足されていることがわかる。

２：減算のケース例(不透明度100)：0.0.255-255.255.0=0.0.0

・Rに255が引かれ、Gに255が引かれ、Bに255が引かれている。つまり差の絶対値分引かれていることがわかる。

３：通常のケース(不透明度100)：0.0.255→255.255.0=0.0.255

・描画色からみるとRGB共に変化なし。下地色から見るとRGBがすべて描画色になっている。

４：通常のケース(不透明度50)：0.0.255→255.255.0=128.128.128

・Rが１２８足され、Gが１２８足され、Bが１２８引かれている。加算ならすべて足され、減算ならすべて引かれていたが、透過の場合は下地の色のRGB値によって加算するか減算するかが判断される。下地の色が描画色より高い場合は加算され、描画色より低い場合は減算される。

５：通常のケース(不透明度80)：0.0.255→255.255.0=51.51.204

３の透過のケースが特殊なケースなのがわかります。不透明度は影響度として理解したほうがわかりやすいです。100の場合は透けないので影響度が0であり、数値は変化しません。

不透明度が50の場合は下地が半分透けるので、下地の影響を50％うけます。つまり下地との差分の、50％移行するということです。0と255の差分の絶対値は255です。その50％なので128になるという計算です。

不透明度8０の場合は下地が20％透けるということになります。つまり20％影響を受けるので、下地の20％ほど移行します。０から255の20%である51に移行し、255から51移行するので204になります。つまり0.0.255から51.51.204になるということです。

クリップスタジオペイントの中間色パレットとはなにか

定義

使い方

１：中間色パレットは[ウィンドウメニュー]から[中間色]を選択すると表示される

２：中間色パレットを二種類以上選択する。

四隅に任意の色を入力するとグラデーションができます。四隅の上にマウスを合わせると自動的にバケツマークが出るのでクリックするだけで色が入力されます。

特にこだわりがない限り、下の色は白や黒でいいと思います。重要なのは左上と右上です。明るい黄色と明るいシアンの中間色、すこし暗めの黄色と明るいシアンの中間色といった配色が可能になります。

もちろん下の色を赤色に変えたりすることもできます。

３：スポイトで色をとる

スポイト機能を使わずとも、中間色パレットの上にカーソルを合わせるとスポイト機能が自動的に表示されます。スポイトでとった色は中間色上で囲われたマークがつきます。あとはその色を使って描画するだけです。

カスタマイズ

1：色の分割数を変更できる

[中間色]パレットの左上にある[メニュー表示]をクリックするとカスタマイズ機能があります。

10分割

20分割

30分割

[ステップ数固定]とは色を何段階に分割するかということです。その分割方法が10、20、30とあります。大きな分割ほど細かい中間色を利用することができます。

２：タイル幅を変更できる

タイル幅は7pt,10pt,15ptの３つが用意されています。ptという単位は調べたらポイントの略でした。

まずタイル幅にチェックを入れると、ステップ数のチェックが消えます。つまりどちらかひとつしか使えないということです。

そしてタイル幅は自分が表示している中間色に依存しています。

たとえば中間色の表示を小さくしてみます。表示の幅は端をドラッグすれば変更できます。

次に大きくしてみます。

ちなみに中間色の表示を大きくした状態で、元の１０分割表示に戻すとこうなります。つまり表示幅によって分割数が変わるのはタイル幅にチェックをいれたからということができます。

タイル幅を15ptから7ptにするとさらに細かくなります。中間色の表示幅が広いほど、さらに細かくなります。ディスプレイ次第ですが、7ptや15ptは細かすぎて使いづらい印象があります。細かい色調整が必要な方は便利な機能になると思います。

１や２といった分割のメモリがないのでいちいち数えながら描くのも面倒です。すなおに10分割をつかったほうが楽な気がします。

クリップスタジオペイントの中間色パレットの考察

分割のバランスについて

中間の色とはなにかというそもそものはなしもあります。１０分割なのうち左を１とすれば６の地点に色が来ています。え、これほんとに中間の色？と思う人もいるはずです。たしかに１０分割だと５の位置も６の位置も中間の位置では有りません。5：1：4とアンバランスになるということです。

９分割だと５の位置が中間の位置になります。さらに９分割のメリットは2：2：1：2：2：2で、暗い、少し暗い、中間、少し明るい、明るいと均一に分けられる点です。とはいえ10分割のほうが計算が簡単そうです。さらにクリスタには9分割の中間色がないです。自分で作ってしまうのもありです。

さて10分割の場合6を更に細分化して、6の中でも5に近い数値を選ぶ必要があります。6の位置じゃシアンの割合が多い、ちょっと黄色を多くしよう。これをもっと細かくやっていくとより中間的な色が得られるようになります。とはいえいくらやっても完全な中間色にはなりませんが。

驚いたことに、6/10の位置と、16/30の位置の色が同じでした。共通しているのは1/2に1つ色を右寄りに足した色になるということです。これはもしかして左右関係ないんじゃないか？と思いました。

つまり色を左右逆にしても、6/10の位置の色は等しいのではということです。予想通りでした。左を黄色にしても、6の位置が先ほどと同じ色です。どうやらクリスタではそういう仕組みのようです。「中間色=n*1/2+1　※nは分割数」という数式になります。例えば10分割では10*1/2+1=6、30分割では30*1/2+1=16になるということです。つまり9分割したうちの5の位置と等しい数が予測できるのではないかということです。

[隠れた分割]中間色の右端の色について

右上隅の色はRGB0.255.255です。これは私が混ぜようと思って選択した基準色です。しかし右端の色をスポイトでとると25.255.230となり色が変わってしまいます。

左隅の色と左端の色は同じなので、右端特有の現象と言えます。ちなみに右上も右下も同じ現象です。0.0.0で基準色を選んだはずが、25.48.46になっています。この現象を理解するには、隠れた色の概念を使うといいと思います。

そもそもスポイトで0.255.255を中間色の右側においたはずなのに、実際の数値は違います。つまり右端には隠れた色があるということです。１０分割でも実際は１１分割ということです。こうすれば５：1：５になりバランスがよくなります。

つまり右から5番目、左から6番目の位置に中間の色が来るということです。もし２０分割の場合は実質２１分割なので、左から数えて１１番目の位置に中間色がきます。

もし9分割で中間色を作成しようとすれば隠れた分割を足す必要があります。つまり８分割を行えばいいということです。８+１で実質９分割になります。

しかしタイルのpt調整をして幅を短くしても、最小分割が９なので、実質的な９分割にはできませんでした。クリスタはそういうシステムなのかもしれません。

参考文献

１：https://www.clip-studio.com/site/gd/csp/manual/userguide/csp_userguide/540_color_plt/540_color_category_plt_chukanshoku.htm

水彩塗りとは

水彩に塗りの方法について考察した記事です。学習した試行錯誤のログを残しておくので誰かの役に立てれば幸いです。

方法論は自分なりに要所を吸収していくことによって違う場面で応用してくことが一番だと思います。その絵だけが描けて塗れるようになっても成長にはつながりません。

自分の絵でこの方法を利用するとしたらどうすればいいかという点を頭に入れながら模倣していくことが重要になってくると思います。

※画像が小さい場合はクリックで大きく表示することができます。参考にした書籍は最後の項目に並べておきます。

水彩塗りは水彩画を表現したもの

水彩画をデジタルで表現したものが水彩塗りです。

そもそも水彩画(watercolor painting)とは絵の具を水で溶かして描くものです。wikiいわく「色水を塗ってゆく」イメージらしいです。そして空気の薄さや透明感、空間を出すのに最適であると。

つまり水彩画独特の絵の具のにじみ具合や複数の色の混ざり合いを表現したい場合に水彩塗りが活躍するというわけです。

透明水彩と不透明水彩の違い

水彩は透明水彩（ウォーターカラー）と不透明水彩（ガッシュ）分けることができます。

透明水彩は透明感があり下の色を生かした作画ができます。

一方不透明水彩はマット感（光沢がない）があり発色がいいです。

ガッシュは水でたくさん薄めて使えば半透明水彩に、濃く使えばマット感のある不透明水彩にもなります。

クリスタでもサブツールの初期ブラシの「水彩」の中に透明水彩と不透明水彩があります。さらに「水多め」や「濃い水彩」といったブラシがあります。そして「厚塗り」の中に「ガッシュ」があります。

設定を見ると不透明水彩の不透明度は100,透明水彩の透明度は40でした。数値で見るとたしかに違うことがわかります。

不透明水彩は今までの文脈でいうと半透明水彩に近いのかもしれませんね。

水彩塗りの基本

今回も球体を使って基本的なことを確認していきたいと思います。

線画

まずは線画を用意します。今回は球体です。レイヤーの名前は線画にしておきます。

下塗り

球体を塗りつぶします。塗りつぶしツールを使います。ショートカットキーはGです。

線画レイヤーとは別にレイヤーをつくります。新規レイヤーのショートカットキーはShift+Control+Nキーです。

HSV：31:14:100

色についてですが色調補正であとで調整できるのでそこまでこだわらなくてもいいかもしれません。いちおうHSVもかいておきます。

グラデーション

グラデーション(gradation)とは：写真・絵画などの濃淡の段階的な推移。階調。ぼかし(weblio)。

グラデーションはなぜいれるのか。ブラシ塗りの記事でも悩んだポイントです。

最初は「影」のためだと思いました。首の上部だとか顔の下部だとかは暗くなるのは光と影、いわゆるシェイディングのためにグラデーションが必要だと。

しかしこの水彩塗りでは別レイヤーでも「影」があります。そしてグラデーションの位置と影の位置は重なり合うところが多いです。

だとするとグラデーション＋影＝影の表現なのかもしれません。あるいは影とは別の目的でグラデーションがされているのかもしれません。

グラデーション用の別レイヤーを作ります。「下塗り」を複製しておきます。複製は右クリックで出てきます。

さらに透明ピクセルのロックをオンにします。鍵のマークをクリックです。

透明ピクセルのロックとは：レイヤー内の透明部分に描画ができなくなる機能。はみ出さずに塗り重ねするときに便利。

※透明部分とはなにも描画されていない部分のことです。

透明ピクセルのロックと下のレイヤーでクリッピングは似たような機能ですが、下のレイヤーでクリッピングの機能はレイヤーを分けるので違った意味を持ちます。

グラデーションはエアブラシや水彩でつくっていくそうです。

水彩ブラシは素材の検索で出てくるので気に入ったブラシをダウンロードすればいいと思います。無料ですし。たくさん種類があります。

今風に塗れるブラシというやつをダウンロードしてみました。ログインしてダウロードして右の素材からドラッグして左のサブツールにぶちこむだけです。

ブラシやエアブラシ柔らかでグラデーションを適当に塗っていきます。上は一色で不透明度や筆圧で調整して塗ってみました。

ラデーション用に2色用意されていますが使いわけ方は不明です。こういう参考書にありがちな説明不足です(ページ数の関係上しかたないとは思いますが) 。あるいは絵をみて自分で感じろという形式なのかもしれません。

グラデーションをつけるだけなら一色で不透明度を調整してやればできます。二色使うからにはなにかしら意味があるはずです。その意図や意味について説明がないと理解ができず応用が効きません。初心者（私）は頭を抱えるところです。

二色はHSVでいうと22:36:100と13:45:95 が用意されていました。上が暗い色で下が明るい色です。Vは明度を表すからです。

おさらいですがベースカラーはHSV：31:14:100です。グラデーションでは彩度が上がっています。彩度(h)が上がった色で明暗を調節しながらグラデーションをかけているのだと思います。色相(S)も変わっていますね。色相の位置的には数値が増えるほど赤に近づき、減るほど黄色に近づきます。明るい色は暗い色に比べて赤に近づいていないことが確認できます。赤はオレンジより濃いという認識なのかもしれません。

とりあえず暗そうなところに暗い色を使い、明るそうなところに明るい色を使ってみました。

タッチが強すぎるところはぼかしたほうがいいらしいです。色はベースカラーです。なんとなくにじませてみました。つなぎ目がはっきりしないようなイメージでやってみました。

タッチとは：絵画などで、筆さばきによってあらわれた明暗・リズム感などの効果。ふでざわり。筆触(「大辞泉」)。

どこでしょうタッチの強いところ。初心者にはそれがわからない。そして指定されているサブツール色混ぜに繊維にじみがない！

探してみたところサブツール筆の水彩の下の方にありました。場所が変更されているみたいです。

滲む（にじむ）とは：液体が物にしみて広がる。液体がうっすらと出てくる。

にじみはにじむの名詞化です。液体が物にしみ出てる感じをどう表現するかがポイントです。

今回は無料のにじみブラシを探してみます。このにじみ水彩というブラシをありがたく使用させていただきます

※初期ブラシにもサブツールの墨ににじみブラシがあるみたいです

レイヤーはグラデーションと同じです。色も同じです。適当に上から同じ色で塗り重ねてみました。明るい色は明るい色、暗い色は暗い色で塗り重ねるだけです。

変化を見てみるとなんとなくにじんた感じが表現できてると思います。

線画の色を変えることができる

線画の色を変更できるらしいです。今回使用している線画は黒でした。V0,S０の一番黒いやつです。

線画に黒色があっているならそのままでいいと思います。合っていないと感じたら変えることができます。

↓

線画の色を変える方法は線画の上に新規レイヤーを作り、下のレイヤーでクリッピングを行ってから色を塗るだけです。

下のレイヤーでクリッピングとは：レイヤーに描かれた不透明部分のみに描画を重ねることができる機能。特定の領域に色を重ねたりすることができる。

線画は線画の中の色よりも明度（V）を落として塗ったほうがいいそうです。ブラシは水彩系のブラシを使います。

単純に色を変えたいなら色調補正レイヤーを使えばいいので、塗り重ねるということは黒をベースに肌色を足していくといった感じでしょうか。

線の内側の色を考慮して線画の色を考えるので、濃い部分はスポイトで色を吸って明度を落として重ねればいいとおもいます。

スポイトとは：キャンパス上の色を描画色として取得することができる機能。ALTを押せば使うことができる。

影の色を塗る

ここは悩みました。カラーサークルについては補論の項があるのでよかったらみてください。

結論から言うと水彩塗りでは影の色はベースカラーに対して彩度が高くなり、明度が低くなります。そして色相も変化します（肌色の場合は赤よりに）。

まずは下塗りレイヤーの上にレイヤーを作り下のレイヤーでクリッピングを行います。

合成モードを乗算にしておきます。要は色を暗くする機能です。通常と表示されているところをクリックして乗算に変えるだけです。

・乗算合成モードとは：上のレイヤーと下のレイヤーのR,G,Bの値をそれぞれ比較し、低い方の値を表示するモード。

補論（カラーサークルについて）

RGBやHSVについて

RGBとは：赤（Red）、緑（Green）、青（Blue）の３つの現職を混ぜて幅広い色を表現する加法混合の一種(WIKI)。

HSV色空間（いろくうかん）とは：色相（Hue）、彩度（saturation）、明度（value）の３つの成分からなる色空間(wiki)。

参考書とかではRGBとかHSVで数字書いてくれますよね。ありがたいのですが毎回数字に頼って書いてると自由に描けなくなると思うんですよね。

例えば上の色は肌色のベースカラーに使う色です。H31、S14,V100です。RGBでいうと255,238,220です。

ここで問題です。このベースカラーの影色はどのような色になるでしょうか。これ意外と難しくないですか？

影の色は何色にするべきか

参考書ではこの色です。まず上にあった色が、下に動くというのはわかります。下に行けば行くほど暗い色になるからです。

初心者からするとなぜこの色になるのかわかりません。わからないということは自分の表現したい色のときに影の色を何色にすればいいか迷子になるということで、応用できません。ただ言われた色に従うだけでは塗り絵になってしまいます。自分で考えることがおそらく重要です。

ベースの色を単純に暗くしたい場合は厚塗りのような方法を用いてできるでしょうか。

灰色を使ってレイヤーを乗算にして色を足してみます。ベースの肌色に灰色を足したら暗い肌色になるはずです。

重ねた色をスポイトで取ってみるとこのような色になります。

HSVとはなにか。いわゆるHSV空間のことです。Hは色相、Sは彩度、Vは明度です。

つまりベースの肌色に明度が暗い色を足したことで暗い肌色ができたということになります。HSVの値もVが下がっていることが目視できます。

しかし水彩塗りの参考書では単純にVを下げた色ではありません。ここが難しいわけです。同時に厚塗りが簡単だと言われる理由でもあります。

ベースの色はHSVが31.14.100です。黒を足した色は29,13,78です。参考書の色は2,30,72です。

V（明度）が下がった点は同じです。しかしH（色相）が下がり、S（彩度）が上がっています。

H（色相,hue）とはそもそも簡単にいえば赤とか青とかの「色の違い」を示しています。

たとえばカラーサークルの四角の中で点を動かしてもSとVしか変化しません。Hを変化させるためには四角内の位置の移動ではなくサークル内の位置を移動させる必要があります。

ベースの色はHSVが31.14.100です。黒を足した色は29,13,78です。参考書の影の色は2,30,72です。

ベースの色の影の色を考えるときに水彩塗りではHSVのすべての値を変える必要があります。

・H（色相）は変える必要があります。

・S（彩度）は上げる必要があります。

・V（明度）は下げる必要があります。

(WIKIより)

Hの色相は0から360まで色があります。サークル内で移動させるとよくわかります。

Sは1-100%まであります。鮮やかさの度合いが1から100%まであるということです。図にあるように右側に行けば行くほど鮮やかになります。左側に行けば行くほど白や黒に近づきます。

Vは1から100％まであります。明るさの度合いが1から100％まであるということです。図にあるように下に行けば行くほど暗くなります。上に行けば行くほど明るくなります。

参考書の水彩塗りのベースカラーの影の色はHが変わり（31から２に）、Sは上がり（より右側に）、Vは下がっています（より下側に）。

ここまでの理論をまとめてみると影の色はベースカラーに対して彩度は高く、明度は低くしたほうがいいということです。

わからないのはなぜ色相がかわったのかということです。色相は31から２に変わっています。

Hの値だけ変えて見やすいようにSを100にして比べてみます。オレンジのような色から赤色のような色に変化しています。

言葉を変えると肌色はオレンジ色（Hの数）のS（彩度）を下げた色だと表現することができます。

なぜ色相をオレンジから赤色に変えたのか。ここが本題であり不明な点です。赤っぽいほうが健康的だから！といったような理由かもしれません。あるいはオレンジと相性が良いのは赤色だからという配色的な理由かもしれません。あるいは色相対比かもしれません。赤とオレンジは類似色相の関係にあるからかもしれません。生理学的に考えると肌の下は血液が流れていて、その赤を表現しているのかもしれません。背景が緑で補色の関係にあるから赤色なのかもしれません。

あるいは乗算レイヤーの計算で赤色とオレンジをかけわわせる際にポイントが有るのかもしれません。乗算レイヤーでは上のレイヤーと下のレイヤーのRGBの値をかけ合わせて合成し、元の色より暗くなるそうです。つまり赤色とオレンジろを混ぜて、かつ暗くする効果をもつということです。

HSV：2:30:72だったものが、乗算後は9:40:72になっています。ベースカラー31：14：100と影の色2:30:72を乗算レイヤーで掛け合わせると9:40:72になるということです。計算方法はRGBになおしてから色Aと色Bを掛けてから255で割った色だそうです。RGBはそれぞれレッド・グリーン・ブルーです。

ベースカラーの色は31:14:100,RGBでいうと255,238,220です。影の色は2:30:72,RGBでいうと184,131,129です。乗算後のRGBは184,122,111です。たとえば（255＊184）/255で184になります。

影の色と乗算後の影の色を比べるとVの値は72のまま変わっていませんね。色相は2から９へ、つまり赤からオレンジ寄りへ変化しています。彩度は40から上がっています。

グラデーションの色は何色にするべきか

影の色と同様にグラデーションの色は何色にするべきかという問題があります。初心者にはとても大きすぎる問題です。

前の項でも述べましたがHSVはそれぞれ色相(Hue)、彩度(Saturation)、明度（Value）です。

グラデーションの明るい色をまず検討します。

Vはそのままです。ベースの色の明るさが100%でそれ以上明るくできないのでVが100なのは理解できます。

Sは上がっています。明るい色も暗い色も彩度は上がっています。そもそも彩度とはなんぞやという問題があります。

(WIKIより)

彩度(saturation)とは：色味の強さの度合いを示すもので「鮮やかさの度合い」ともいう。彩度は無彩色の軸に近いほど低く、無彩色の軸から離れるほど高くなる（「配色アイデア見本帳」）

無彩色の軸はカラーサークルの四角の中でいうと左側の軸です。そして彩度の軸は右側の軸です。右側に行けば行くほど彩度が高くなるということです。

絵に絶対的な正解などないとは思いますが、ある参考書の絵では暗い色の方の彩度のほうが高いです。

影の色でも彩度は高くなっていたのである程度の一貫性があります。

単純にカラーサークルを見ても右にいけばいくほど直感的には暗く見えます。明度（上に行けば行くほど明るい）が一定でも右に行けば行くほどなんとなく暗く見えます。

同じ明度でも彩度が違うと明るさや暗さが変わるのか？という単純な問題があります。明度が変化してないのに明度が変わったように見えるかいなかという問題です。

上の画像は明度が同じで彩度だけ変えたものです。左が彩度33%で右が彩度100%、どちらも明度100%です。どちらが暗く見えるでしょうか。

これは初心者にはとてもわからない問題です。どちらが鮮やかですかと聞かれれば右と答えられます。どちらが明るいかと言われたら困ります。でもなんとなく右のほうが暗そうです。濃い＝暗い、薄い＝明るい、彩度が低い＝明るい、彩度が高い＝暗いのような直感的なものはあります。

HLSやHSV (HSB) の彩度は、0～1または0%～100%で表す。

HLSやHSVの色空間は、NCSなどと異なり、円筒形をしている。そのため、純色以外に彩度が最大となるニュアンスがある。HLSでは清色（純色と白または黒との混合）、HSVでは暗清色（純色と黒との混合）で、彩度が最大になる。

HSVの彩度は、全体の明るさに対する純色の割合を示し、saturationの字義どおりの意味に近い。暗清色でも彩度が最大になるのは、このためである。また、明度が低く黒に近い場合、彩度が大きく変わっても、純色の絶対量はあまりかわらず知覚的には色があまり変わらない。HLSでは同様のことが、明度が高く白に近い場合にも起こる(WIKIより)。

わからないことが多すぎます。有彩色に関する用語の整理をまず行います。

純色（じゅんしょく）とは：それぞれの色相の中で最も彩度が高い色。混じりけがなく、さえた色（「色の辞典」）

明清色(めいせいしょく)とは：純色に白だけを混ぜた色。ピンクや水色など、パステル調の明るい色。白の分量が増えるほど明度は高く、彩度は低くなる

純色は有彩色の分類のうちのひとつです。彩度が高いほど純色に近づき、彩度が低いほど無彩色に近づきます。

暗清色（あんせいしょく）とは：純色に黒だけを混ぜた色。紺色・茶色など、くすみのない暗い色。黒の分量が増えるほど、だんだん明度も彩度も低くなる(「色の辞典」)。

中間色とは：純色に灰色を混ぜた色。ベージュやオリーブなど、濁りのあるグレイッシュな色(「色の辞典」)。

ここで重要なポイントは「白の分量が増えるほど明度は高く、彩度は低くなる」ということです。

そして「黒の分量が増えれば触れるほど明度は低く、彩度は低くなる」ということです。

黒が増えようが白が増えようが彩度は低くなるんです。

また、トーンという概念もあります。

トーンとは：明度と彩度を複合してとらえた概念で、色調(色の調子)ともおバレ、色の持つ印象やイメージを表す（「色の辞典」）。

トーンの略記号	英語の名称	日本語の名称	特徴
p	pale	パール	薄い
lt	light	ライト	浅い
b	bright	ブライト	明るい
v	vivid	ビビッド	鮮やか
dp	deep	ディープ	濃い、深い
dk	dark	ダーク	暗い
dkg	dark grayish	ダークグレイッシュ	暗い灰み
ltg	light grayish	ライトグレイッシュ	明るい灰み
sf	soft	ソフト	柔らかい、穏やか
s	strong	ストロング	強い
d	dull	ダル	鈍い、くすんだ
g	grayish	グレイッシュ	灰み

（日本色検）

・高明度と低彩度の組み合わせだとp（薄い）になります。高明度と高彩度の組み合わせだとb（明るい）になります。

・低明度と低彩度の組み合わせだとdkg（暗い）灰みになります。低明度と高サイドの組み合わせだとdp（濃い、深い）になります。

影の色は低明度高彩度でした。ただ暗い色よりも濃い色のほうが影にはあっているという考え方もできます。

というより水彩塗りではただ暗い色よりも暗くて鮮やかな色のほうが影の色やグラデーションには適しているのかもしれません。．

さまざまな色を学んでいく過程で、おそらくパターンのようなものが見えてくるのだと思います。気になったイラストがあったらスポイトで色をとり影の色はベースカラーに比べてHSVがどのように変化しているか観察してみるのもいいと思います。

水彩塗り実践編

線画を用意する

線画を用意します。色は黒にしておきました。Gペンでつくりましたがなんでもいいと思います。

下塗りをする

新規レイヤーを線画の下に新しく作ります。

新しく作ったレイヤーに下塗りをしていくわけですが、１つの方法としてひとつひとつ塗りつぶしツールで塗っていく方法があります。

この方法だと塗り残しが出てしまったり、めんどくさかったりします。

そこで「自動選択ツール」を使用します。

・自動選択とは：描画部分から選択範囲を自動的に作成できるツール。ショートカットキーはW。

単純化するためにシンプルな図形を使って説明をします。

自動選択の中にある「他レイヤーを参照選択」をクリックして使います。

他レイヤーを参照選択とは：選択したレイヤーだけではなく、ほかのレイヤーも参照して選択範囲を作成できる機能。

「他レイヤーを参照選択」を押した状態で一番外側を選択します。一番外の円よりも外側の空白をクリックするだけで大丈夫です。

選択後の線にはよくみると点線がついて選択されています。

このままの状態で塗りつぶし（ショートカットキーALT+DEL）を行うと円の外側が塗りつぶされてしまいます。

※ここでの塗りつぶしはサブツールにある塗りつぶしではなく、上部の編集（E）の中にある塗りつぶし機能です。

こうした事態を避けるため、選択した状態で「選択範囲の反転」を行います。

選択範囲の反転とは：選択範囲の内側と外側を反転することができる機能。ショートカットキーはControl+Shift+I。

反転後に塗りつぶし（ALT+DEL）を押してみると線の内側のみきちんと塗りつぶされています。

同じ方法で線画にも塗りつぶしを行います。

え、髪の色のベースカラーが肌色？とおもうかもしれません。これは下塗りの下塗りといった感じだと思います。

今からこの下塗りのレイヤーの上にレイヤーを新しく作り、「下でクリッピング」を行い新しい下塗りをつけていくわけです。

え、二度手間では？と思うかもしれません。

髪塗りのレイヤーを新しくつくり試しに塗ってみました。今度はサブツールの塗りつぶし、「他レイヤーを参照」をつかって塗りつぶしています。

こういった塗の腰には「塗の腰部分に塗る」という機能があります。あるいは丸ペンで塗り残し部分をぬっていきます。

クリッピングをしているので空白部分に丸ペンが影響せず楽にできるはです。「下塗り」レイヤー自体に塗り残しがある場合もあるのでそちらも修正したほうがいいケースもあるので注意です。

いずれにせよこのような塗り残しは面倒ですよね。なにかいい方法っと・・・。

サブツールの「塗りつぶし」の中にあるプロパティに関する用語を理解することから始めようと思います。

隣接ピクセルをたどるとは：チェックを外して塗りつぶすと、レイヤー内の同色の部分がすべて塗りつぶされる。

塗り残し部分に塗るとは：閉領域を塗りつぶすことができる機能。

隙間閉じとは：隙間を閉じているものとして塗りつぶすことができる機能。「隣接ピクセルをたどる」がオフの場合設定することができない。

色の誤差とは：近い色を同色とみなして塗りつぶす誤差を指定できる機能。「編集レイヤーのみ参照」「他レイヤーを参照」ではクリックした色が基準になるが、「囲って塗る」「塗り残し部分に塗る」では対象色で選択した色、または選択内の色が基準になる。

領域拡縮とは：塗りつぶす範囲を拡大、縮小でき、拡縮方法でどのような範囲を広げるかを選択できる。

閉領域とは：線画や色で囲まれた範囲のこと

複数参照とは：塗りつぶす範囲を作成する場合に参照するレイヤーを設定できる。編集レイヤー以外を参照したくない場合はオフにする。

ベクターの中心線で塗り止まるとは：ベクターレイヤーを参照している場合、塗りつぶしハニがベクターの中心線まで拡大される。

色の誤差１０

↓

色の誤差50

↓

色の誤差70

↓

色の誤差100

さてどれを設定すれば塗り残しを改善できるのでしょうか。

まずは色の誤差をいじってみます。色の誤差は1から100まで設定できます。

10より50のほうが塗りつぶしは少ないです。50以上になると意図していない部分も塗りつぶされてしまいます。おそらく髪の色と線画の色がごちゃごちゃになってしまうんだと思います。

色の誤差50+複数参照を「すべてのレイヤー」から「選択されたレイヤー」に変更しました。

選択は線画レイヤーにチェックをいれるだけです。

ここまでしても塗り残してしまう場合は、「塗りの腰部分に塗る」を使ったり、丸ペンで修正します。

修正できない場合は「髪塗り」ではなく「下塗り」に問題がある場合もあるので、その場合は「下塗り」を肌色で修正します。

他のパーツも同じようにレイヤーを作って下塗りをします。

肌のレイヤーは下塗りを複製して利用しました。

水彩塗りグラデーション

下塗りができたところでグラデーションを塗っていきます。

まずは肌からグラデーションを入れます。グラデーションを入れたいレイヤーに「透明ピクセルのロック」を行います。上のレイヤーでいうと「下塗りのコピー」のレイヤーです。

透明ピクセルをロックした状態で水彩系のブラシで塗っていきます。今回はもや水彩Aという無料でダウンロードしたブラシを使いました（ダウンロード方法は上のほうにあります）。水彩系のブラシならなんでもいいと思います。

グラデーションはなんとなく影になってこそうなところに色の差をつけてつくってみました。

ベースの色より明度や彩度を上げて塗っていきましょう。

水彩の塗のにじみ表現

透明ピクセルをロックしたレイヤーににじみ系のブラシでにじみ感を加えていきます。こんかいはにじみ水彩という無料のブラシを使いました。

グラデーションやにじみが強いなーと思ったら「繊維にじみなじませ」というツールがサブツール水彩の中にあるので使います。色混ぜツールの中に入っている場合もあるようです。

線画の色を変える

線画の上にレイヤーを新しく作り、「下のレイヤーでクリッピング」を行います。

新しく作ったレイヤーで、周りに塗った色より明度を落とした色を重ねて印象を和らげます。これはケースバイケースなので絵の目的に応じて判断してください。

影を塗る

にじみやグラデーションをかけたレイヤーの上に新しくレイヤーを作ります。

合成モードを「乗算」にしておきます。ブラシは丸ペンを使います。

影がくっきりしすぎている場合は場合は影のレイヤーの「透明ピクセルをロック」を行い水彩系のブラシなどで「白色」を塗り調整します。

最後に境界をなじませるためににじみ系のブラシをつかいます。水彩にじませを今回は使いました。

髪のグラデーションを塗る

これ以降の作業は肌の色とおなじような方法で服や髪をぬっていけばOKです。

ベースカラーにピクセルロックをして塗っていきます。

髪にグラデーションをかけます。ベースの色より彩度が高く、明度が低い色を使いました。ブラシは水彩系で適当に塗っていきます。

水彩塗りは色が単調にならないように複数の色を混ぜて使うそうです。こういった色使いは何を描きたいか、どう表現したいかによって変わると思います。

水彩塗りのやり方というより、色の使い分け方、色の組み合わせ方の範疇にある問題だと思います。影の問題も同様に影の付け方の範疇にある問題です。

とりあえず髪は緑やピンクをうっすらと塗ってみました。

髪に明るさを足したい場合は髪塗りのレイヤーを複製して合成モードでいじるといいらしいです。ソフトライトを使うらしいですが明るくなりませんでした。

なので覆い焼きカラーを使い、不透明度で調整しました。

覆い焼きカラー合成モードとは：下のレイヤーの画像を明るくし、コントラストを弱くする機能。

髪の影を塗る

影はレイヤーを影塗りレイヤーの上に作り、乗算レイヤーに変えて丸ペンで塗っていきます。

色は髪のベースの色より明度を下げて彩度を上げていきます。

影塗りのレイヤーの上にレイヤーを作り塗っていくまではわかりますが、このままで肌に塗った色まで貫通してしまいます。

この問題は正直困ります。対策方法について何も書かれていません。

そもそもこういった問題が生じるのは一番下に「下塗り」を設定してしまったからです。下塗りより上のレイヤーは基本的に「下のレイヤーでクリッピング」が行われてすべて影響を受けてしまいます。

さて問題を解決するためにはすべての１から考え直すか、肌にかからないように慎重に塗るか、選択した範囲のみに塗るか、あるいはそれ以外のテクニックを使うかです。

これはシュリンク選択を使いました。

シュリンク選択とは：囲った範囲内にある描線を読み取って、自動的に選択範囲を作成できる機能。

まず対象色を「透明以外と内部の透明」に変更します。複数参照は「参照レイヤー」に変更しておきます。

ここで参照するレイヤーは影塗りのレイヤーです。

その状態で絵全体をシュリンク選択で囲むと、影塗りで塗った範囲がすべて選択されます。

選択された状態で「髪の影」のレイヤーに適当に影をぬっていきます。選択範囲からはみ出さずにぬることができます。

シュリンク選択自体が余計に選択しているように見えますが、どちらにせよ一番下の「下塗りレイヤー」の範囲をはみ出すことはないので大丈夫です。

さらに濃い影を入れたい場合は「髪の影」のレイヤーでさらに濃い色を使うか、上に新しくレイヤーを作り合成モードを乗算にして塗ります。にじみ表現を加えたい場合はにじみブラシを使い、ぼかしたい場合はなじませ系ブラシを使います。

髪の線画の色を変える

線画の上に線画の色変更レイヤーを作ってあるはずなので、髪も同じように線画の色を変えます。

髪の色より明度が低い色を使います。髪が黒系で、線画の色もともと黒なのでそこまでかわりませんが一応変えておきます。

加筆したい場合

加筆したい場合は線画レイヤーの上にレイヤーを作り気になるところを書き込むことができます。

なんとなく毛先を足してみました。

その他

服や帽子も同じように塗っていきます。

繰り返しになってしまいますが下塗りレイヤーに透明ピクセルロックをにして水彩系のブラシでグラデーションを入れます。

色は明度を下げて、彩度を上げた色で塗ります。

影のレイヤーをつくり影を塗っていきます。髪と同じようにシュリンク選択をしてから塗ります。水彩系のブラシやなじませ系のブラシを使い調整します。

最後に線画を調整します。

目も同じように処理します。

気になるところを修正します。これでだいたい完成です。

線画を抜いて調整すると感じです。調整する場合は線画より上にレイヤーを作ってスポイトで色をとりながら調整します。

色を変えたい場合

色を変えたいレイヤーの上を右クリックすると新規色調補正レイヤーが出てくるのでそこで調整できます。

適当に背景をいれるとこんな感じになります。背景を入れる場合は背景の色を塗りにうっすらと加えるといいらしいです。

参考書籍

・「キャラ塗り上達術」（インプレス）

・「CLIP STUDIO PAINT機能引き辞典」（ナツメ社）

クリスタでの宝石を塗り方を学ぶ

クリスタでの宝石の塗り方を学んでいきます。学んだログを置いておくので誰かの役に立てれば幸いです。

線画を用意する

今回は単純化するために丸の線画を使います。

下塗りをする

色は何でもいいと思いますが適当に赤色を選択します。

今回はルビーにしたいのでルビーの画像を探してスポイトで抜き取ります。

レイヤーは線画と分けておきます。

グラデーションを付ける

下塗りレイヤーにグラデーションを付けます。

透明ピクセルをロックしておきます。鍵のマークのところをクリックで透明ピクセルをロックできます。

透明ピクセルって何？と初心者である私はここで疑問に思います。

透明ピクセルをロックとは：透明部分にはみ出さずに塗り重ねすることができるようになる機能

そもそも「透明」とはクリスタにおいてなんだという話になります。透明とはおそらくなにも描画していない部分を指すのだと思います。つまり空白の部分です。今回のケースで言うと背景の白い部分です。

レイヤーのクリッピングと似たようなものだと思います。

透明ピクセルをロックしたまま下塗りレイヤーに塗ってみるとたしかにはみだしていません。

透明ピクセルをロックしない状態で下塗りレイヤーに色を塗るとはみだしています。

グラデーションはエアブラシの柔らかを使います。暗い赤と明るい赤をつかってグラデーションを付けておきます。

まずは暗めの色で塗ります。

明るい色で塗ります。

透けて見えるカットを加える

新しくレイヤーを作り、「下のレイヤーでクリッピング」を行います。

下のレイヤーでクリッピングとは：レイヤーに描かれた不透明部分にのみ描画を重ねることができる機能

透明ピクセルをロックすると透明部分にはみださない。下のレイヤーでクリッピングをすると不透明部分にのみ描画を重ねることができる。言ってることほとんどおなじですよね。

下のレイヤーでクリッピングをするとレイヤーを分けることができるのでそこが違いになるかもしれません。

さて新しく作ったレイヤーの合成モードは「オーバーレイ」にしておきます。「通常」と表示されている箇所を「オーバーレイ」に変えるだけです。

オーバーレイとは：下のレイヤーより明るい部分には「スクリーン」、暗い部分には「乗算」を適用し、明るい部分と暗い部分をより強く表示させる機能

初心者からしたら何を言っているかわからず困惑するところです。

「スクリーン」は合成モードのひとつで元の色より明るくさせるモードです。「乗算」は元の色より暗くさせるモードです。この２つのモードが合わさったものが「オーバーレイ」です。

英語でover layで日本語で言えば上塗りです。

オーバーレイにしたレイヤーでGペンを使い灰色で塗っていきます。

灰色には見えませんよね。これがオーバーレイの効果です。実際に塗った色と比べるとよくわかります。下塗りの色より明るい灰色で塗ったのでより明るい色で表示されているのだと思います。

適当に濃い色や薄い色を使ってそれっぽく重ねていきます。

色は白に近づけたり黒に近づけたり上下してるだけです。

同じようにもう一つレイヤーをつくります。そして同じように適当にGペンで塗ります。

おそらくレイヤーを分けることで奥行きを表現できるのだと思います。

ハイライトを入れる

ハイライトとは：最も明るく照明されている領域。

というわけでレイヤーを新しく作り、合成モードを「スクリーン」にします。オーバーレイと同じように下塗りレイヤーにクリッピングを行います。

スクリーンとは：下のレイヤーの色を反転し、上のレイヤーとかけあわせて合成する、元の色より明るくする合成モード

ハイライトは白色でいれていきます。Gペンで塗ります。

明るすぎだと思ったらレイヤー自体の不透明度を下げたり、消しゴムでけしていけばOKです。

コアシャドウを入れる

かっこよくコアシャドウと言っていますが日本語でいうところの最暗部、最も暗いところです。

さて同じようにクリッピングをして新しくレイヤーを作るわけですが、今回は「ハードライト」合成モードにします。

ハードライトとは：上のレイヤーの輝度（きど）が高いと「スクリーン」のように明るく、輝度が低いと「乗算」のように暗くなる機能

よくわかりませんが（おい）暗い赤を重ねていきます。暗い赤とは右端の下らへんです。暗すぎると感じたら適当に不透明度を下げたり消しゴムで薄めたりしましょう。

これで完成です。

光らせたい場合は

レイヤーを作り同じように下塗りにクリッピングしてから合成モードを「覆い焼き（発光）」にしましょう。

覆い焼き（発光）とは：下のレイヤーの画像を明るくし、コントラストを弱くする機能

下とか上とかわけわからなくなりますよね。下ってどこまで下なんですか。全てですか、真下の一個だけですか。

ということはおいておいてとりあえず覆い焼き（発光）にすれば光るみたいです。

ブラシは濃い水彩で明るい白色で塗っていきます。強さは消しゴムやレイヤーの不透明度で調節します。

えこういう光り方をもとめていらっしゃらない？そうですよね。でも方法がわからないですよね。

とりあえず下塗りを複製して一番上にもっていきます。そしてガウスぼかしをかけます。ガウスぼかしをかけるまえにピクセルをロックを解除しておいてください。数値は好みで調整してください。

ガウスぼかしはフィルターのところにあります。

ガウスぼかしをかけた後は合成モードを加算（発光）にします。発光しているかどうかわかりにくいので一番下に黒色をベタ塗りしておきました。

コピーした下塗りをコピーする前の下塗りの下に移動させます。

するとほんのり光ります。

色を変えたい場合は

下塗りレイヤーを右クリックで新規色調補正レイヤーを追加し、色を調整することが可能です。

発光させたい場合は発光のためのレイヤーの上にも同じように複製しておいておきましょう。

参考文献

・キャラ塗り上達術(IMPRESS)

・CLIP STUDIO機能引き辞典（ナツメ社）

・CLIP STUDIO時短テクニック（ソーテック社）