<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>厚塗り | 創造ログ（絵の書き方、描き方まとめ）</title>
	<atom:link href="https://souzoulog.com/category/how-to-paint/%E5%8E%9A%E5%A1%97%E3%82%8A/feed/" rel="self" type="application/rss+xml" />
	<link>https://souzoulog.com</link>
	<description>イラストの描き方、書き方、講座、イラストの素材やネタまとめ</description>
	<lastBuildDate>Mon, 01 Jun 2026 06:11:29 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://souzoulog.com/wp-content/uploads/2020/01/cropped-3a89e96bda43787c849b56be67cbac10-32x32.png</url>
	<title>厚塗り | 創造ログ（絵の書き方、描き方まとめ）</title>
	<link>https://souzoulog.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://websubhub.com/hub"/>
<atom:link rel="self" href="https://souzoulog.com/category/how-to-paint/%E5%8E%9A%E5%A1%97%E3%82%8A/feed/"/>
	<item>
		<title>デジタルイラストにおける厚塗り(グリザイユ画法)とはなにか、基礎知識、意味、やり方</title>
		<link>https://souzoulog.com/2020/03/22/%e3%83%87%e3%82%b8%e3%82%bf%e3%83%ab%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88%e3%81%ab%e3%81%8a%e3%81%91%e3%82%8b%e5%8e%9a%e5%a1%97%e3%82%8a%e3%82%b0%e3%83%aa%e3%82%b6%e3%82%a4%e3%83%a6%e7%94%bb%e6%b3%95/</link>
					<comments>https://souzoulog.com/2020/03/22/%e3%83%87%e3%82%b8%e3%82%bf%e3%83%ab%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88%e3%81%ab%e3%81%8a%e3%81%91%e3%82%8b%e5%8e%9a%e5%a1%97%e3%82%8a%e3%82%b0%e3%83%aa%e3%82%b6%e3%82%a4%e3%83%a6%e7%94%bb%e6%b3%95/#respond</comments>
		
		<dc:creator><![CDATA[toki]]></dc:creator>
		<pubDate>Sun, 22 Mar 2020 02:50:52 +0000</pubDate>
				<category><![CDATA[クリスタ(色塗り)]]></category>
		<category><![CDATA[厚塗り]]></category>
		<guid isPermaLink="false">http://souzoulog.com/?p=7093</guid>

					<description><![CDATA[厚塗りとグリザイユ画法の塗り手順。クリスタでの明度管理法を要約。]]></description>
										<content:encoded><![CDATA[
  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-1" checked><label class="toc-title" for="toc-checkbox-1">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">厚塗り(グリザイユ画法)とはなにか</a><ol><li><a href="#toc2" tabindex="0">厚塗りの意味</a></li><li><a href="#toc3" tabindex="0">グリザイユ画法の意味</a></li><li><a href="#toc4" tabindex="0">厚塗りとグリザイユ画法の違いとは</a></li><li><a href="#toc5" tabindex="0">厚塗りの講座</a></li></ol></li><li><a href="#toc6" tabindex="0">厚塗りのメリット・デメリット</a><ol><li><a href="#toc7" tabindex="0">メリット１：立体感を出しやすい</a></li><li><a href="#toc8" tabindex="0">メリット２：線画をクリンナップする必要がない</a></li><li><a href="#toc9" tabindex="0">メリット３：影色を考えなくていい</a></li><li><a href="#toc10" tabindex="0">メリット４：レイヤー数が少なくて済む</a></li><li><a href="#toc11" tabindex="0">メリット５：編集・修正しやすい</a></li><li><a href="#toc12" tabindex="0">デメリット１：色がくすみやすい</a></li><li><a href="#toc13" tabindex="0">デメリット２：シンプルなイラストには向かない</a></li></ol></li><li><a href="#toc14" tabindex="0">厚塗りの基本知識</a><ol><li><a href="#toc15" tabindex="0">厚塗りで背景をグレーにする理由</a></li><li><a href="#toc16" tabindex="0">厚塗りでシルエットを使う理由</a></li><li><a href="#toc17" tabindex="0">厚塗りのためのライティングとは</a></li><li><a href="#toc18" tabindex="0">厚塗りのためのシェーディングとは</a></li></ol></li><li><a href="#toc19" tabindex="0">クリスタで球体に厚塗りをする実験</a><ol><li><a href="#toc20" tabindex="0">シルエット・ベース作り</a></li><li><a href="#toc21" tabindex="0">厚塗りは何色で描けばいいのか</a></li><li><a href="#toc22" tabindex="0">合成モード：乗算</a></li><li><a href="#toc23" tabindex="0">明度コントロール</a></li><li><a href="#toc24" tabindex="0">色調補正レイヤーを使って明度コントロール</a></li><li><a href="#toc25" tabindex="0">厚塗りのカラーリング：オーバーレイ</a></li><li><a href="#toc26" tabindex="0">コラム：線画レイヤーやシルエットレイヤーを複製するメリットについて</a></li></ol></li><li><a href="#toc27" tabindex="0">参考書籍</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">厚塗り(グリザイユ画法)とはなにか</span></h2>
<h3><span id="toc2">厚塗りの意味</span></h3>
<div><span style="padding: 6px 10px; color: #ffffff; font-weight: bold; background: #03a2ff;">厚塗りとは：意味と定義</span></div>
<div style="padding: 10px; border: 1px solid #03a2ff; font-size: 0.9em; margin-top: 2px;"><span style="font-size: 12pt;"><strong>厚塗り</strong>：厚塗りは油彩やアクリル画のような塗り重ねをデジタルで模した塗り方で、一般に主線がなく、立体感や重厚感があるためリアル系とも呼ばれている。グリザイユ画法では最初にモノクロのグレー階調で陰影を描き上げ、その後色をのせていく。従来のデジタル技法では「線画、彩色、陰影」だったが、厚塗りでは「線画、陰影、彩色」の順になる。線画をはっきり描くものと、シルエットを重視して描くものの２パターンがある。</span></div>
<p>&nbsp;</p>
<h3><span id="toc3">グリザイユ画法の意味</span></h3>
<div><span style="padding: 6px 10px; color: #ffffff; font-weight: bold; background: #03a2ff;">グリザイユ画法とは：意味と定義</span></div>
<div style="padding: 10px; border: 1px solid #03a2ff; font-size: 0.9em; margin-top: 2px;"><span style="font-size: 12pt;"><strong>グリザイユ画法</strong>(Grisaille)：モノクローム(１つの色)で描く方法。色は灰色や茶色が使われる。グリザイユとは灰色という意味です。灰色の上に色をオーバーレイなどで重ねて作品を完成させる技法がグリザイユ画法なのです。グリザイユ画法も厚塗りの一種なのです。グリザイユ画法をデジタルなどで使うメリットしては、時間が短縮できるそうです。また、光と影の具合がわかるようになり、より立体的に絵を表現できるようになります。</span></div>
<p>&nbsp;</p>
<h3><span id="toc4">厚塗りとグリザイユ画法の違いとは</span></h3>
<p>厚塗りは広義には単純に「塗り重ねること」を意味します。グリザイユ画法は同じ塗り重ねですが、<strong>モノクロの色の上にカラーを塗り重ねるという狭義の意味</strong>になります。薄い青色の上に濃い青色を塗り重ねる場合は厚塗りですが、グリザイユ画法ではありません。</p>
<p>そもそもアナログとデジタルの厚塗りの概念はすこし違います。なぜならアナログでは物理的に厚く塗ることができますが、デジタルでは物理的に厚く塗ることができないからです。アナログの油彩絵具などを塗り重ねると厚みがでてきますよね。しかしデジタルでは厚みが出てきません。</p>
<p>デジタルでは主線がない、色が濃い、リアル調といった意味で使われているようです。主線とはいわゆる線画のことです。線画がある厚塗りもあります。</p>
<h3><span id="toc5">厚塗りの講座</span></h3>
<p>こちらにまとめてあります。</p>
<p><a href="https://souzoulog.com/2016/08/08/%e3%80%90pixiv%e3%81%ae%e8%ac%9b%e5%ba%a7%e3%81%be%e3%81%a8%e3%82%81%e3%80%91%e5%8e%9a%e5%a1%97%e3%82%8a%e3%82%a4%e3%83%b3%e3%83%91%e3%82%b9%e3%83%88%e3%82%b0%e3%83%a9%e3%83%83%e3%82%b7%e3%82%b0/">【pixivの講座まとめ】厚塗り(インパスト,グラッシ,グリザイユ画法)についての講座・メイキング・やり方まとめ。</a></p>
<h2><span id="toc6">厚塗りのメリット・デメリット</span></h2>
<h3><span id="toc7">メリット１：立体感を出しやすい</span></h3>
<p>白、黒、灰と単純なグレーの階調で立体感を出していくので、立体感を出しやすいというメリットがあります</p>
<h3><span id="toc8">メリット２：線画をクリンナップする必要がない</span></h3>
<p>クリンナップとは「原画などのラフな描線から整えた描線を新たな用紙へ描き起こす清書」のことです。つまりラフな線画からきっちりとした線をペン入れしなくても作成できるということです。厚塗りは大まかなシルエットを最初につくり、そこから影色を付け加えていくので線画をきっちりとしなくていい場合があるのです。もちろん線画をきっちりと描いてから厚塗りを行う場合もあります。</p>
<h3><span id="toc9">メリット３：影色を考えなくていい</span></h3>
<p>モノクロの下塗りの上にカラーを乗せていくので、カラーごと影色を考えていく必要がないのです。モノクロの下塗りがないと、肌色の場合は明るい肌色と暗い肌色、神の場合は明るい黒色と暗い黒色といったようにカラーごとに調整する必要があります。</p>
<h3><span id="toc10">メリット４：レイヤー数が少なくて済む</span></h3>
<p>カラーごとに影色を設定しなくていいので、レイヤー数が少なくなり、管理しやすくなります。</p>
<h3><span id="toc11">メリット５：編集・修正しやすい</span></h3>
<p>厚塗りの場合はカラーのレイヤーが少ないので、色を編集しやすくなります。</p>
<h3><span id="toc12">デメリット１：色がくすみやすい</span></h3>
<p>明度さのみで陰影を付けるので影色に色温度による変化が生じず、くすみやすくなるそうです。この項目は後で詳細に扱います。</p>
<h3><span id="toc13">デメリット２：シンプルなイラストには向かない</span></h3>
<p>本のちょっとした挿絵やイラストなどシンプルな絵を描く際に、重厚な表現である厚塗りが合わない場合があります。そうしたイラストはアニメ塗りなどで対応したほうがうまくいく場合があります。</p>
<h2><span id="toc14">厚塗りの基本知識</span></h2>
<h3><span id="toc15">厚塗りで背景をグレーにする理由</span></h3>
<p><a href="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_189.jpg"><img fetchpriority="high" decoding="async" class="aligncenter size-full wp-image-8137" src="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_189.jpg" alt="" width="224" height="293" /></a></p>
<p>厚塗りではよく背景をグレーにします。イラストソフトでは初期設定は用紙の色が白の場合が多いです。背景をつけてイラストを描く場合、大抵の場合は白よりも暗くなります。なぜなら用紙の白は<strong>すべての色の中で一番明るい色</strong>だからです。明度数値だけでいうと100の色は他にもありますが、明るい青と明るい白では白のほうが明るく見えるわけです。心理的な効果も関係しています。太陽の光により近い色が明るく見えるイメージですね。</p>
<p>背景を白のままで人物や小物を描いてしまうと、余計に明るく描いてしまうことがあるので注意です。完成予定の背景のイメージの明度でグレーの背景を最初に敷いておくと、人物や小物を過剰に明るくしてしまうことを防げます。</p>
<p>もちろん最初に背景を描いてから描けばグレーを使う必要はありません。ただし厚塗りでは背景もモノクロのグレースケールで描くのでグレーの背景を敷いてから描くほうがやりやすいかもしれません。</p>
<div id="attachment_8136" style="width: 243px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_188.jpg"><img decoding="async" aria-describedby="caption-attachment-8136" class="size-full wp-image-8136" src="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_188.jpg" alt="厚塗りと明度" width="233" height="310" /></a><p id="caption-attachment-8136" class="wp-caption-text">同じ明度100でも白のほうが明るく見える</p></div>
<div><span style="padding: 6px 10px; color: #ffffff; font-weight: bold; background: #03a2ff;">明度とは：意味と定義</span></div>
<div style="padding: 10px; border: 1px solid #03a2ff; font-size: 0.9em; margin-top: 2px;"><span style="font-size: 12pt;"><strong>明度</strong>(めいど,英:lightness)：同じ明るさで照明された白色面の明るさを基準として判断される表面の相対的な明るさを意味する。明度は物体表面の反射率の高低に対応する感覚量であり、白さー黒さの程度を表す。</span></div>
<p>&nbsp;</p>
<h3><span id="toc16">厚塗りでシルエットを使う理由</span></h3>
<p><a href="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_190.jpg"><img decoding="async" class="aligncenter size-full wp-image-8138" src="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_190.jpg" alt="" width="198" height="214" /></a></p>
<p>厚塗りではよく線画から先ではなく、シルエットから先に描く場合が多いです。もちろん線画が先の場合もあります。</p>
<div><span style="padding: 6px 10px; color: #ffffff; font-weight: bold; background: #03a2ff;">シルエットとは：意味と定義</span></div>
<div style="padding: 10px; border: 1px solid #03a2ff; font-size: 0.9em; margin-top: 2px;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><strong>シルエット(silhouette)</strong>：輪郭の中が塗りつぶされた単色の画像のこと。影絵と同義にみなされる場合もある。</span></span><br />
<div id="attachment_8139" style="width: 230px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/19660c20754bb6a86f6bba648c3198bf.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8139" class="wp-image-8139 size-full" src="https://souzoulog.com/wp-content/uploads/2020/03/19660c20754bb6a86f6bba648c3198bf.jpg" alt="厚塗りのシルエット" width="220" height="307" /></a><p id="caption-attachment-8139" class="wp-caption-text">シルエット*1</p></div>
</div>
<p>&nbsp;</p>
<p><span style="background-color: #ffff99;"><strong>シルエットから描く理由は、色を塗ったときのイメージの差を少なくするため</strong></span>だそうです。</p>
<p>いまいち想像しにくいですよね。一般的な描き方は線画、色塗り、影塗りです。線画を描いて色を塗ったのに「思ってたのと違う！」ということがないようにシルエットから先に使うそうです。<span style="background-color: #ffff99;"><strong>線で見るのと、面で見るのは違う</strong></span>ということですね。</p>
<p><div id="attachment_8142" style="width: 196px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_191.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8142" class="wp-image-8142 size-full" src="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_191.jpg" alt="ポジとネガ" width="186" height="194" /></a><p id="caption-attachment-8142" class="wp-caption-text">ポジとネガ</p></div> <div id="attachment_8143" style="width: 327px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_192.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8143" class="wp-image-8143 size-full" src="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_192.jpg" alt="線と面と厚塗り" width="317" height="320" srcset="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_192.jpg 317w, https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_192-60x60.jpg 60w, https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_192-120x120.jpg 120w" sizes="(max-width: 317px) 100vw, 317px" /></a><p id="caption-attachment-8143" class="wp-caption-text">線と面</p></div></p>
<p>このへんは私みたいな初心者にはなかなか難しいです。デッサンでいえば「ポジだけではなくネガを重視しよう」といったものに通じるものがあります。線だけではなく面を重視しようといったところでしょうか。</p>
<p>線から先に描いてしまうと線に縛られてしまうという面もあるのかもしれません。シルエットから描くことで自由に形を表現でき、修正も楽という面があります。<span style="background-color: #ffff99;"><strong>シルエットで全体的なイメージを整えた後に、後から削って整えて線画を構成してく</strong></span>パターンもあります。あるいは<span style="background-color: #ffff99;"><strong>シ</strong><strong>ルエットに影をつけて、はっきりとした線画を残さない、いわゆる主線なしのイラストに仕上げる</strong></span>パターンもあります。</p>
<div><span style="padding: 6px 10px; color: #ffffff; font-weight: bold; background: #03a2ff;">主線とは：意味と定義</span></div>
<div style="padding: 10px; border: 1px solid #03a2ff; font-size: 0.9em; margin-top: 2px;"><span style="font-size: 12pt;"><strong>主線</strong>：複数ある線のうち主な役割を持っている線。特に絵やイラストで、輪郭を構成する主要な線。線画を構成する線。</span></div>
<p>&nbsp;</p>
<h3><span id="toc17">厚塗りのためのライティングとは</span></h3>
<p>&nbsp;</p>
<div><span style="padding: 6px 10px; color: #ffffff; font-weight: bold; background: #03a2ff;">ライティングとは：意味と定義</span></div>
<div style="padding: 10px; border: 1px solid #03a2ff; font-size: 0.9em; margin-top: 2px;"><span style="font-size: 12pt;"><strong>ライティング(lighting)</strong>：影を描きたい位置に描くために、その対となる光の当て方を考えること。光の位置、配置、調整プロセスのことを指す。光源の位置の設定や強さ、色などさまざまな要素がある。光源の種類にはキーライト、フィルライト、ユーティリティライトの2つがある。イラストを描く際にライティング作業は欠かせないものとなっている。「writing」と混同しないように注意してください。スポットライトのライトです。リライトのライトではありません。またシェーディングとは区別して考えます。</span></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div><span style="padding: 6px 10px; color: #ffffff; font-weight: bold; background: #03a2ff;">光源とは：意味と定義</span></div>
<div style="padding: 10px; border: 1px solid #03a2ff; font-size: 0.9em; margin-top: 2px;"><span style="font-size: 12pt;"><strong>光源(英:light source)</strong>：自ら光を発する発光体。あるいは反射や屈折により光を放つ物体。代表的な光源は太陽。太陽が左上にあれば、物体の影は右下といった光源の設定ができる。光源の位置をはっきりさせることでイラストにリアリティが加わる。</span></div>
<p>&nbsp;</p>
<p>ライティングとは光源の設定です。野外なら太陽や月、電灯などが光源になります。屋内なら電球や蛍光灯などが光源になります。それぞれ明るさの強さや、色が違います。実際にあるものを見ながら絵を描く場合はライティングを設定しなくても、見たままを描けば自然なライティングが反映される場合があります。しかし<span style="background-color: #ffff99;"><strong>想像で絵を描く場合は自分で光源を設定する必要があり、そこに創造性があります</strong></span>。</p>
<p>一般的な光源はよく左上に設定されます。左上に光源が設定されるので、光が当たる物体の左側はより明るく、右側がより暗くなります。このよう<span style="background-color: #ffff99;">に</span><span style="background-color: #ffff99;"><strong>ライティングは陰影の設定、つまりシェーディングに深く関係している</strong></span>項目になります。</p>
<div id="attachment_8550" style="width: 410px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/b9455011797a45a45744feb4455b87b6.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8550" class="size-medium wp-image-8550" src="https://souzoulog.com/wp-content/uploads/2020/03/b9455011797a45a45744feb4455b87b6-400x253.jpg" alt="" width="400" height="253" srcset="https://souzoulog.com/wp-content/uploads/2020/03/b9455011797a45a45744feb4455b87b6-400x253.jpg 400w, https://souzoulog.com/wp-content/uploads/2020/03/b9455011797a45a45744feb4455b87b6.jpg 581w" sizes="(max-width: 400px) 100vw, 400px" /></a><p id="caption-attachment-8550" class="wp-caption-text">厚塗りのライティング</p></div>
<p>上の画像は私がblenderで作成したものです。この球体の光源はどこにあるでしょうか。正解はもちろん右上です。</p>
<div id="attachment_8551" style="width: 410px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_287.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8551" class="size-medium wp-image-8551" src="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_287-400x309.jpg" alt="" width="400" height="309" srcset="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_287-400x309.jpg 400w, https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_287.jpg 502w" sizes="(max-width: 400px) 100vw, 400px" /></a><p id="caption-attachment-8551" class="wp-caption-text">厚塗りのライティング</p></div>
<p>別の位置から見るとこんな感じです。</p>
<div id="attachment_8552" style="width: 410px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/d49edbbe4156d86bb74c5bac897a901f.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8552" class="wp-image-8552 size-medium" src="https://souzoulog.com/wp-content/uploads/2020/03/d49edbbe4156d86bb74c5bac897a901f-400x240.jpg" alt="" width="400" height="240" srcset="https://souzoulog.com/wp-content/uploads/2020/03/d49edbbe4156d86bb74c5bac897a901f-400x240.jpg 400w, https://souzoulog.com/wp-content/uploads/2020/03/d49edbbe4156d86bb74c5bac897a901f.jpg 566w" sizes="(max-width: 400px) 100vw, 400px" /></a><p id="caption-attachment-8552" class="wp-caption-text">曇天のライティング</p></div>
<p>同じような視点で、背景を変えてみましょう。こんどは晴天ではなく、曇天です。全然陰影が違いますよね。晴天のときのようなはっきりとした陰影が出ていません。太陽が雲で隠れているため、光が拡散して陰影が柔らかい感じになるのです。</p>
<p>このようにライティング設定をすることは、絵のリアルさを演出するため、絵を魅力的に見せるために必要な作業なのです。</p>
<p>厚塗りにおいても陰影はどのくらい濃くしたらいいのか、影はどのくらいの長さなのか、どんな色なのかなどが重要になります。</p>
<p><a href="https://souzoulog.com/2020/03/18/%e3%83%a9%e3%82%a4%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0%e3%81%a8%e3%81%af%e3%81%aa%e3%81%ab%e3%81%8b%e3%80%80%e7%b5%b5%e3%82%92%e6%8f%8f%e3%81%8f%e3%81%9f%e3%82%81%e3%81%ab%e5%bf%85%e8%a6%81%e3%81%aa/">ライティングとはなにか　絵を描くために必要な光源と照明用語の理解</a></p>
<h3><span id="toc18">厚塗りのためのシェーディングとは</span></h3>
<p>&nbsp;</p>
<div><span style="padding: 6px 10px; color: #ffffff; font-weight: bold; background: #03a2ff;">シェーディングとは：意味と定義</span></div>
<div style="padding: 10px; border: 1px solid #03a2ff; font-size: 0.9em; margin-top: 2px;"><span style="font-size: 12pt;">シェーディング(shading)：陰影をつけること。デッサンの基本。大きく分ければ明部、暗部、投影の３つ。明部は光が直接当たる部分で、暗部は直接光があたっていない部分。陰影はパッシブハイライト、アクティブハイライト、明暗境界線、最暗部、反射光、オクルージョンシャドウ(本影)、投影等さまざまなものがある。より広義の言葉にレンダリングがありますが、レンダリングは陰影だけではなく質感も含めます。</span></div>
<p>&nbsp;</p>
<p>すべての絵においてシェーディングは重要なです。陰影があることによってリアルな絵を表現することができます。<strong><span style="background-color: #ffff99;">特に厚塗りではシェーディングの作業が重要</span></strong>になります。</p>
<p>シェーディングの前提としてライティング作業があるので結局どちらも習熟する必要があります。</p>
<p>シェーディングは<strong><span style="background-color: #ffff99;">どのくらい</span>陰影を伸ばしたらいいのか</strong>という論点、あるいは<strong>そもそも<span style="background-color: #ffff99;">どこに</span>陰影が落ちるのか</strong>という論点に大きく分けられると思います。</p>
<p>これは答えなんて多種多様すぎて難しいですよね。たとえば人間の顔の陰影なら、解剖学的な知識が役に立つかもしれません。骨がある位置を把握して陰影を付けたりすることができます。</p>
<p><span style="background-color: #ffff99;"><strong>単純な球体でさえ、光源の違い、あるいは周りの物体の影響、あるいは物体そのものの材質によって陰影が変化</strong></span>します。</p>
<div id="attachment_8554" style="width: 410px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/14941d061d132f7cf4bc3f708f73ae5c.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8554" class="size-medium wp-image-8554" src="https://souzoulog.com/wp-content/uploads/2020/03/14941d061d132f7cf4bc3f708f73ae5c-400x286.jpg" alt="" width="400" height="286" srcset="https://souzoulog.com/wp-content/uploads/2020/03/14941d061d132f7cf4bc3f708f73ae5c-400x286.jpg 400w, https://souzoulog.com/wp-content/uploads/2020/03/14941d061d132f7cf4bc3f708f73ae5c.jpg 572w" sizes="(max-width: 400px) 100vw, 400px" /></a><p id="caption-attachment-8554" class="wp-caption-text">ガラスの陰影</p></div>
<p>たとえばガラスの材質だとどんな陰影になるでしょうか。blenderでつくるとこんな感じになります。</p>
<div id="attachment_8555" style="width: 410px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/34e20b698458d5fa82f7cadda3f1966a.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8555" class="size-medium wp-image-8555" src="https://souzoulog.com/wp-content/uploads/2020/03/34e20b698458d5fa82f7cadda3f1966a-400x286.jpg" alt="肌の陰影" width="400" height="286" srcset="https://souzoulog.com/wp-content/uploads/2020/03/34e20b698458d5fa82f7cadda3f1966a-400x286.jpg 400w, https://souzoulog.com/wp-content/uploads/2020/03/34e20b698458d5fa82f7cadda3f1966a.jpg 515w" sizes="(max-width: 400px) 100vw, 400px" /></a><p id="caption-attachment-8555" class="wp-caption-text">肌の陰影</p></div>
<p>肌に近い材質にするとこうなります。</p>
<div id="attachment_8556" style="width: 410px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/05ba363c5fa52454e05fbca2df9862b9.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8556" class="size-medium wp-image-8556" src="https://souzoulog.com/wp-content/uploads/2020/03/05ba363c5fa52454e05fbca2df9862b9-400x274.jpg" alt="プラスチックの陰影" width="400" height="274" srcset="https://souzoulog.com/wp-content/uploads/2020/03/05ba363c5fa52454e05fbca2df9862b9-400x274.jpg 400w, https://souzoulog.com/wp-content/uploads/2020/03/05ba363c5fa52454e05fbca2df9862b9.jpg 562w" sizes="(max-width: 400px) 100vw, 400px" /></a><p id="caption-attachment-8556" class="wp-caption-text">プラスチックの陰影</p></div>
<p>もうすこし光沢をもたせた感じに、プラスチックに近い感じにするとこうなります。それぞれ視点や光源は変えていませんが、材質を変えただけで陰影の度合いが変わってきます。形状の変化だけならだいたいの予測ができるとおもいますが、材質は学ばないとなかなかできないですね。材質や形状の変化の単純な確認としてblenderは便利です。</p>
<p>つまり<strong>厚塗りにおいても、どんな材質なのかをまずは理解して、そこからシェーディングを考えていく</strong>ことになります。</p>
<p>細かくいえば人間の肌の陰影付けについての勉強と、厚塗りについての勉強は別です。しかしシェーディングができない状態で厚塗りのテクニックを習得してもあまり役に立たないと思います。</p>
<p><a href="https://souzoulog.com/2020/03/14/%e3%82%b7%e3%82%a7%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%81%a8%e3%81%af%e3%81%aa%e3%81%ab%e3%81%8b%e3%80%81%e7%b5%b5%e3%82%92%e6%8f%8f%e3%81%8f%e3%81%9f%e3%82%81%e3%81%ab%e5%bf%85%e8%a6%81/">シェーディングとはなにか、絵を描くために必要な陰影用語の理解</a></p>
<p><a href="https://souzoulog.com/2020/03/16/%e3%80%90blender2-82%e3%80%91%e3%82%ac%e3%83%a9%e3%82%b9%e3%82%84%e9%87%91%e5%b1%9e%e3%80%81%e3%83%9e%e3%83%83%e3%83%88%e3%81%aa%e3%81%a9%e3%81%ab%e8%b3%aa%e6%84%9f%e3%82%92%e5%a4%89%e3%81%88%e3%82%8b/">【blender2.82】ガラスや金属、マットなどに質感を変える、HDRI設定をするメモ</a></p>
<h2><span id="toc19">クリスタで球体に厚塗りをする実験</span></h2>
<h3><span id="toc20">シルエット・ベース作り</span></h3>
<p>線画を作る場合と、作らない場合があります。あるいはきっちりとした線画は描かないけど、ラフは描くという場合があります。</p>
<p>厚塗りは線画を使用せずにラフに制作していくケースが多いです。初心者は線画があったほうが色が塗りやすいと思います。というより線画があったほうがいいイラストと、なくてもいいイラストがあると思います。複雑な構造のメカなら線画があったほうがいいと思いますし、単純な岩や草、ある程度形状が崩れても不自然に見えない物なら線画がなくてもいいと思います。</p>
<p>単純に線画のない、いわゆる「主線のないイラスト」を制作したいのなら線画レイヤーを別に用意し、後で線画レイヤーを消せばいいだけです。線画を下書きとしてベースにし、その上でシルエットを自由に臨機応変に描いていく方法もあります。線画を用意するという手間があるので、中上級者の方は線画を省略することもあるようですね。</p>
<p><div id="attachment_8559" style="width: 353px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/efaa1b4a011cee98efb5921652c08fd2.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8559" class="size-full wp-image-8559" src="https://souzoulog.com/wp-content/uploads/2020/03/efaa1b4a011cee98efb5921652c08fd2.jpg" alt="" width="343" height="130" /></a><p id="caption-attachment-8559" class="wp-caption-text">線画と塗りつぶしを分ける</p></div> <div id="attachment_8560" style="width: 252px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/1dcd8bdc54e119333aca76bd28a21896.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8560" class="size-full wp-image-8560" src="https://souzoulog.com/wp-content/uploads/2020/03/1dcd8bdc54e119333aca76bd28a21896.jpg" alt="厚塗りのやり方１" width="242" height="231" /></a><p id="caption-attachment-8560" class="wp-caption-text">厚塗りのやり方</p></div> <div id="attachment_8561" style="width: 257px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/47597decb83c14dd6c14ec0735f876c8.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8561" class="size-full wp-image-8561" src="https://souzoulog.com/wp-content/uploads/2020/03/47597decb83c14dd6c14ec0735f876c8.jpg" alt="" width="247" height="242" srcset="https://souzoulog.com/wp-content/uploads/2020/03/47597decb83c14dd6c14ec0735f876c8.jpg 247w, https://souzoulog.com/wp-content/uploads/2020/03/47597decb83c14dd6c14ec0735f876c8-60x60.jpg 60w" sizes="(max-width: 247px) 100vw, 247px" /></a><p id="caption-attachment-8561" class="wp-caption-text">厚塗りのやり方</p></div></p>
<p>&nbsp;</p>
<p>線画レイヤーの表示を後から消せばきれいなシルエットができます。線画の色と塗りつぶしの色を同じにしても場合によってはいいかもしれませんね。球体のような形状は、綺麗すぎると無機質なので、図形ツールなどを使わずに手書きで描くのもありだと思います。今回は説明のための球体なのでこのままいきます。</p>
<h3><span id="toc21">厚塗りは何色で描けばいいのか</span></h3>
<p>何色でシルエット描くか、という点は悩みますよね。モノクロなので悩む範囲は少ないです。しかし同じモノクロでも白と黒の間には何百通りの色があります。ベースの色なので、白と黒の中間をとるのが自然ですね。ちょうど中間はRGBでいえば123:123:123です。</p>
<p>そもそも背景の色が何色かによって、ベースの色も変わってきます。たとえば背景の色が真っ黒の0:0:0なら、ベースの色が少し暗くても不自然ではありません。逆に背景の色が真っ白の255:255:255なら、ベースの色がすこし明るくても不自然ではありません。</p>
<p>自分の描きたい絵の背景の色は何色でしょうか。もっといえば、ライティングはどのように設定しているでしょうか。野外でしょうか、屋内でしょうか。晴天でしょうか、曇天でしょうか、夕方ですか、夜ですか。部屋の中の照明の強さはどのくらいでしょうか。こういったライティングの設定によって背景の色が設定され、それに伴ってベースの色も設定されるわけです。</p>
<p>たとえば青空、晴天の場合は明度が高いモノクロの色になります。HSVでいうとVの値が80くらいですね。0が一番くらいとしたら、100が一番明るい数値です。80はわりと高いほうですね。</p>
<div id="attachment_8564" style="width: 302px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/0a1254dd56329381955825a098eb43f7.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8564" class="size-medium wp-image-8564" src="https://souzoulog.com/wp-content/uploads/2020/03/0a1254dd56329381955825a098eb43f7-292x400.jpg" alt="" width="292" height="400" srcset="https://souzoulog.com/wp-content/uploads/2020/03/0a1254dd56329381955825a098eb43f7-292x400.jpg 292w, https://souzoulog.com/wp-content/uploads/2020/03/0a1254dd56329381955825a098eb43f7.jpg 302w" sizes="(max-width: 292px) 100vw, 292px" /></a><p id="caption-attachment-8564" class="wp-caption-text">厚塗りの明度について　明度80</p></div>
<p>ちなみにこれが明度80のグレーです。わりと明るいですよね。最大の明るさが用紙のデフォルトの色の白なので、それと比べれば暗いです。</p>
<p>さてこのレイヤーをベースの色にしてオブジェクト(今回は球)を作っていきましょう。背景のレイヤーとオブジェクトのレイヤーを分けます。</p>
<p>さきほどベースの色を不透明度100で塗ったので、同じ色で塗り重ねても色が変化しません。</p>
<h3><span id="toc22">合成モード：乗算</span></h3>
<p>したがって色を変えるか、レイヤーを変えるか、あるいは他の設定を変える必要があります。今回は同じ色で、乗算を使うことで色を濃くしていきます。</p>
<p>&nbsp;</p>
<div><span style="padding: 6px 10px; color: #ffffff; font-weight: bold; background: #03a2ff;">合成モード乗算とは：意味と定義</span></div>
<div style="padding: 10px; border: 1px solid #03a2ff; font-size: 0.9em; margin-top: 2px;"><span style="font-size: 12pt;"><strong>合成モード乗算</strong>：設定したレイヤーと下にあるレイヤーの色を乗算合成する。合成後は元の色より暗くなる。RGBの各数値を掛け算し、255で割る。たとえばRGB値が200.200,200のレイヤーの上に乗算レイヤーを作り、同じ色で塗り重ねると色の数値は約156:156:156になる。【計算式】(200*200)/255=156。HSV値でいうとおよそV80からV60まで下がる。<br />
</span></div>
<p><div id="attachment_8565" style="width: 349px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/19ac23abfb86c1933714d89b80deb258.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8565" class="size-full wp-image-8565" src="https://souzoulog.com/wp-content/uploads/2020/03/19ac23abfb86c1933714d89b80deb258.jpg" alt="" width="339" height="145" /></a><p id="caption-attachment-8565" class="wp-caption-text">厚塗りの乗算レイヤー</p></div> <div id="attachment_8566" style="width: 290px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/28c5b66c3780213dc3d3bab2554f3714.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8566" class="size-medium wp-image-8566" src="https://souzoulog.com/wp-content/uploads/2020/03/28c5b66c3780213dc3d3bab2554f3714-280x400.jpg" alt="" width="280" height="400" srcset="https://souzoulog.com/wp-content/uploads/2020/03/28c5b66c3780213dc3d3bab2554f3714-280x400.jpg 280w, https://souzoulog.com/wp-content/uploads/2020/03/28c5b66c3780213dc3d3bab2554f3714.jpg 300w" sizes="(max-width: 280px) 100vw, 280px" /></a><p id="caption-attachment-8566" class="wp-caption-text">厚塗りの乗算レイヤー</p></div></p>
<p>さてベースの色の上に、通常の合成モードで線画を描いてもなにも映りません。同じ色同士だからです。</p>
<p><div id="attachment_8568" style="width: 355px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/356623eb00a05a7d2b7ef90c120b54b9-1.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8568" class="size-full wp-image-8568" src="https://souzoulog.com/wp-content/uploads/2020/03/356623eb00a05a7d2b7ef90c120b54b9-1.jpg" alt="" width="345" height="215" /></a><p id="caption-attachment-8568" class="wp-caption-text">乗算レイヤーのやり方</p></div> <div id="attachment_8569" style="width: 168px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/1615b6178098a98f7c54d54d0c114689.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8569" class="size-full wp-image-8569" src="https://souzoulog.com/wp-content/uploads/2020/03/1615b6178098a98f7c54d54d0c114689.jpg" alt="" width="158" height="118" srcset="https://souzoulog.com/wp-content/uploads/2020/03/1615b6178098a98f7c54d54d0c114689.jpg 158w, https://souzoulog.com/wp-content/uploads/2020/03/1615b6178098a98f7c54d54d0c114689-150x112.jpg 150w" sizes="(max-width: 158px) 100vw, 158px" /></a><p id="caption-attachment-8569" class="wp-caption-text">乗算レイヤーのやり方</p></div></p>
<p>そこで合成モードを乗算にしてからするときちんと反映されるようになります。合成モードを乗算にするのは、今回でいうと線画のレイヤーです。</p>
<p>スポイトで色を採取すると、RGB値はそれぞれ163になっています。ベースの色がそれぞれ204だったので、明度が落ちていることがわかります。つまり、暗い色になっているということです。これは<span style="background-color: #ffff99;"><strong>不透明度が上がったのではなく、色自体が変化</strong></span>しているのです。ちなみに不透明度はベースレイヤーも線画レイヤーも100でつくりました。色が変わっているのです。数式でいうと(204*204)/255=163.2になります。</p>
<h3><span id="toc23">明度コントロール</span></h3>
<p>厚塗りでは明度のコントロールが重要になってきます。これがなかなか難しい。</p>
<p>自分の絵の中で一番暗い色と、一番明るい色を決めておくとらくかもしれません。具体的な数値で決めておくのです。オブジェクトは背景の色よりどれくらい暗いのか、どれくらい明るいのかといった観点です。</p>
<p>仮にオブジェクトの最低の明度を163とし、最高の明度を204とします。その場合は乗算レイヤーで不透明度100で塗り重ねたときの数値が163になります。</p>
<p>つまり不透明度を下げれば下げるほど、明るい色になるということです。</p>
<div id="attachment_8570" style="width: 314px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/7e71ad206ef0fd67dcd7a85500bd47e4.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8570" class="size-full wp-image-8570" src="https://souzoulog.com/wp-content/uploads/2020/03/7e71ad206ef0fd67dcd7a85500bd47e4.jpg" alt="" width="304" height="180" /></a><p id="caption-attachment-8570" class="wp-caption-text">明度コントロール</p></div>
<p>たとえば不透明度50で塗り重ねてみます。不透明度100と比べるとだいぶ明るくなっていることがわかります。</p>
<p>数値でいうとRGBは各184、Vでいうと72になっています。</p>
<p>不透明度100だったときの明度が64、不透明度50のときの明度が72、ベースの色が80になります。最低の明度が80、最高の明度が64なので、差分が16になり、その中間値は8になります。つまり64＋8＝72ということです。</p>
<p>差分が16なので、不透明度が10下がるごとに、明度は1.6上がることになります。50下がったので、明度が1.6の5倍で8上がったということです。</p>
<div id="attachment_8572" style="width: 189px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/67280ca0a1ae0fb4f805812b8e947fed.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8572" class="size-full wp-image-8572" src="https://souzoulog.com/wp-content/uploads/2020/03/67280ca0a1ae0fb4f805812b8e947fed.jpg" alt="" width="179" height="164" /></a><p id="caption-attachment-8572" class="wp-caption-text">明度コントロール</p></div>
<p>これで三段階ですが単純な明度コントロールができます。まずは不透明度５０でシルエットを追加し、陰影を不透明度100で塗っています。</p>
<p>陰影付はマウスしかない場合、ベジェ曲線を使えばよりうまくいくと思いますが、どうせぼかすのであまり気にする必要はないと思います。</p>
<p><center></p>
<div style="width: 380px;" class="wp-video"><video class="wp-video-shortcode" id="video-7093-1" width="380" height="296" preload="metadata" controls="controls"><source type="video/mp4" src="https://souzoulog.com/wp-content/uploads/2020/03/fe05014d6f23f157165e6de676b6de36.mp4?_=1" /><a href="https://souzoulog.com/wp-content/uploads/2020/03/fe05014d6f23f157165e6de676b6de36.mp4">https://souzoulog.com/wp-content/uploads/2020/03/fe05014d6f23f157165e6de676b6de36.mp4</a></video></div>
<p></center></p>
<p>明暗境界線はぼかしツールでなんとかなります。これで4段階の明度コントロールができます。</p>
<div id="attachment_8575" style="width: 332px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/5e543e7dc1833d3c291dbfab452a1511.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8575" class="size-full wp-image-8575" src="https://souzoulog.com/wp-content/uploads/2020/03/5e543e7dc1833d3c291dbfab452a1511.jpg" alt="" width="322" height="166" /></a><p id="caption-attachment-8575" class="wp-caption-text">厚塗りぼかし</p></div>
<p>ぼかしはサブツール[色混ぜ]から[ぼかし]を利用しています。</p>
<div id="attachment_8574" style="width: 212px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/debc45f292316d83111943c615161d12.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8574" class="size-full wp-image-8574" src="https://souzoulog.com/wp-content/uploads/2020/03/debc45f292316d83111943c615161d12.jpg" alt="" width="202" height="183" /></a><p id="caption-attachment-8574" class="wp-caption-text">明度コントロール</p></div>
<p>&nbsp;</p>
<p>ちなみに球体の色を塗りやすいように「自動選択」を利用しています。</p>
<p><a href="https://souzoulog.com/2020/03/04/%e3%80%90%e3%82%af%e3%83%aa%e3%82%b9%e3%82%bf%e3%80%91%e8%89%b2%e5%a1%97%e3%82%8a%e3%81%ab%e4%be%bf%e5%88%a9%ef%bc%81%e8%87%aa%e5%8b%95%e9%81%b8%e6%8a%9e%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9%e3%81%a8/">【クリスタ】色塗りに便利！自動選択の使い方とその意味とは【CLIP STUDIO PAINT】</a></p>
<div id="attachment_8580" style="width: 209px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/0cc7425bb00dec4ee8278a2b576e3c51.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8580" class="size-full wp-image-8580" src="https://souzoulog.com/wp-content/uploads/2020/03/0cc7425bb00dec4ee8278a2b576e3c51.jpg" alt="" width="199" height="200" srcset="https://souzoulog.com/wp-content/uploads/2020/03/0cc7425bb00dec4ee8278a2b576e3c51.jpg 199w, https://souzoulog.com/wp-content/uploads/2020/03/0cc7425bb00dec4ee8278a2b576e3c51-60x60.jpg 60w, https://souzoulog.com/wp-content/uploads/2020/03/0cc7425bb00dec4ee8278a2b576e3c51-120x120.jpg 120w" sizes="(max-width: 199px) 100vw, 199px" /></a><p id="caption-attachment-8580" class="wp-caption-text">厚塗りと反射光</p></div>
<p>ぼかしツールで反射光もつくれます。消しゴムで不透明度を低くして消してもいいかもしれませんね。</p>
<h3><span id="toc24">色調補正レイヤーを使って明度コントロール</span></h3>
<p>ここから明度をはレイヤーごと調整する方法があります。いわゆる色調補正レイヤーです。</p>
<div><span style="padding: 6px 10px; color: #ffffff; font-weight: bold; background: #03a2ff;">色調補正レイヤーとは：意味と定義</span></div>
<div style="padding: 10px; border: 1px solid #03a2ff; font-size: 0.9em; margin-top: 2px;"><span style="font-size: 12pt;"><strong>色調補正レイヤー</strong>：イラスト全体の色のバランスを整えられるレイヤー。色調補正レイヤーを作成すると、作成した位置より下にあるレイヤーに対して選択した補正効果を適用できる。明るさ・コントラスト、色相・彩度・明度、階調化、階調の反転、レベル補正、トーンカーブ、カラーバランス、２値化、グラデーションマップなどから選べる。</span></div>
<p>&nbsp;</p>
<p>作成した位置より下にあるレイヤー全体に影響してしまうというのがポイントですね。下のレイヤーひとつだけに影響させたいときはクリッピングさせる必要があると思います。</p>
<p><a href="https://souzoulog.com/2020/02/25/%e3%80%90%e3%82%af%e3%83%aa%e3%82%b9%e3%82%bf%e3%80%91%e8%89%b2%e5%a1%97%e3%82%8a%e3%81%ab%e4%be%bf%e5%88%a9%ef%bc%81%e4%b8%8b%e3%81%ae%e3%83%ac%e3%82%a4%e3%83%a4%e3%83%bc%e3%81%a7%e3%82%af%e3%83%aa/">【クリスタ】はみ出さずに色を塗る！下のレイヤーでクリッピングとはなにか、その意味【CLIP STUDIO PAINT】</a></p>
<p><div id="attachment_8584" style="width: 410px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/c116cf0bdd0ba4bb06fc50b1c7546216.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8584" class="size-medium wp-image-8584" src="https://souzoulog.com/wp-content/uploads/2020/03/c116cf0bdd0ba4bb06fc50b1c7546216-400x100.jpg" alt="" width="400" height="100" srcset="https://souzoulog.com/wp-content/uploads/2020/03/c116cf0bdd0ba4bb06fc50b1c7546216-400x100.jpg 400w, https://souzoulog.com/wp-content/uploads/2020/03/c116cf0bdd0ba4bb06fc50b1c7546216.jpg 602w" sizes="(max-width: 400px) 100vw, 400px" /></a><p id="caption-attachment-8584" class="wp-caption-text">色調補正レイヤーとはなにか</p></div> <div id="attachment_8585" style="width: 350px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/b8d285087cd84daa8a093e9136bddd7d.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8585" class="size-full wp-image-8585" src="https://souzoulog.com/wp-content/uploads/2020/03/b8d285087cd84daa8a093e9136bddd7d.jpg" alt="" width="340" height="218" /></a><p id="caption-attachment-8585" class="wp-caption-text">クリッピングと色調補正</p></div></p>
<p>色調補正レイヤーはレイヤーを右クリックすると出てきます。今回は明るさ・コントラストを選択しました。</p>
<div id="attachment_8586" style="width: 355px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/cde03f78d9cfbea755f7db9a9664305e.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8586" class="size-full wp-image-8586" src="https://souzoulog.com/wp-content/uploads/2020/03/cde03f78d9cfbea755f7db9a9664305e.jpg" alt="" width="345" height="115" /></a><p id="caption-attachment-8586" class="wp-caption-text">色調補正レイヤーの使い方</p></div>
<p>レイヤーをクリックして明るさを調整しましょう。ここを押すと調整画面が出てきます。</p>
<p><center></p>
<div style="width: 380px;" class="wp-video"><video class="wp-video-shortcode" id="video-7093-2" width="380" height="414" preload="metadata" controls="controls"><source type="video/mp4" src="https://souzoulog.com/wp-content/uploads/2020/03/aa2e84b62601b5cfe98fbb11d942e907.mp4?_=2" /><a href="https://souzoulog.com/wp-content/uploads/2020/03/aa2e84b62601b5cfe98fbb11d942e907.mp4">https://souzoulog.com/wp-content/uploads/2020/03/aa2e84b62601b5cfe98fbb11d942e907.mp4</a></video></div>
<p></center></p>
<p>&nbsp;</p>
<div id="attachment_8588" style="width: 187px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/07212bf04d76d7e5fa79bdf7532705d8.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8588" class="size-full wp-image-8588" src="https://souzoulog.com/wp-content/uploads/2020/03/07212bf04d76d7e5fa79bdf7532705d8.jpg" alt="" width="177" height="159" /></a><p id="caption-attachment-8588" class="wp-caption-text">消しゴム補正</p></div>
<p>ベースの色より明るくさせたい場合は、ベースの色自体を変更する必要があります。自動選択して消しゴムで薄く消したり、あるいはベースレイヤー自体を色調補正レイヤーで変更する方法もあります。今回は消しゴムの不透明度を下げて調整しました。</p>
<p><div id="attachment_8589" style="width: 329px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/23cadbe718e2466da05d66c600872c21.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8589" class="size-full wp-image-8589" src="https://souzoulog.com/wp-content/uploads/2020/03/23cadbe718e2466da05d66c600872c21.jpg" alt="" width="319" height="249" /></a><p id="caption-attachment-8589" class="wp-caption-text">影をつける</p></div> <div id="attachment_8590" style="width: 304px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/69ec79007c9b671fbfe01a162800a830.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8590" class="size-full wp-image-8590" src="https://souzoulog.com/wp-content/uploads/2020/03/69ec79007c9b671fbfe01a162800a830.jpg" alt="" width="294" height="260" /></a><p id="caption-attachment-8590" class="wp-caption-text">影をつける</p></div></p>
<p>あとは陰を適当につけて完成です。陰は楕円図形ツールで作りました。楕円図形ツールで影を作った後、余計なところを消しゴムで消しました。</p>
<p>これで球体のシェーディングは完成です。</p>
<h3><span id="toc25">厚塗りのカラーリング：オーバーレイ</span></h3>
<div id="attachment_8592" style="width: 262px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/dc2bc1c7e2f1f5753aac219be5d8d700.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8592" class="size-full wp-image-8592" src="https://souzoulog.com/wp-content/uploads/2020/03/dc2bc1c7e2f1f5753aac219be5d8d700.jpg" alt="" width="252" height="175" /></a><p id="caption-attachment-8592" class="wp-caption-text">カラーリング</p></div>
<p>今回はどんな色を乗せるかではなく、どうやって色を乗せるかについての実験です。</p>
<p>今回は合成モードオーバーレイを使いました。</p>
<div><span style="padding: 6px 10px; color: #ffffff; font-weight: bold; background: #03a2ff;">合成モードオーバーレイとは：意味と定義</span></div>
<div style="padding: 10px; border: 1px solid #03a2ff; font-size: 0.9em; margin-top: 2px;"><span style="font-size: 12pt;"><strong>合成モードオーバーレイ</strong>：下にあるレイヤーの色を基準に、乗算とスクリーンを判別して合成する。合成後は明るい部分はより明るい色に、暗い部分はより暗い色になる。</span></div>
<p>&nbsp;</p>
<div><span style="padding: 6px 10px; color: #ffffff; font-weight: bold; background: #03a2ff;">合成モードスクリーン：意味と定義</span></div>
<div style="padding: 10px; border: 1px solid #03a2ff; font-size: 0.9em; margin-top: 2px;"><span style="font-size: 12pt;"><strong>合成モードスクリーン</strong>：下にあるレイヤーの色を反転した状態で、設定したレイヤーの色を乗算合成する。合成後は元の色より明るい色になる。</span></div>
<p>乗算は元の色より暗く、スクリーンは元の色より明るくするわけで、それを両方合わせたものがオーバレイなわけです。</p>
<div id="attachment_8595" style="width: 323px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/7aeaa94f57817b3198bba7d92b1a3fd4.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8595" class="size-full wp-image-8595" src="https://souzoulog.com/wp-content/uploads/2020/03/7aeaa94f57817b3198bba7d92b1a3fd4.jpg" alt="" width="313" height="286" /></a><p id="caption-attachment-8595" class="wp-caption-text">オーバレイとはなにか</p></div>
<p>&nbsp;</p>
<p>乗算と同じように、レイヤの通常をオーバレイに変更します。色を変更させたいレイヤーの上に新規レイヤーを設置してください。</p>
<div id="attachment_8596" style="width: 350px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/f80d711b9b463d6f9aad2a64c036fe21.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8596" class="size-full wp-image-8596" src="https://souzoulog.com/wp-content/uploads/2020/03/f80d711b9b463d6f9aad2a64c036fe21.jpg" alt="" width="340" height="215" /></a><p id="caption-attachment-8596" class="wp-caption-text">オーバレイとは</p></div>
<p>今回は対象物だけ変えたいので、クリッピングさせます。</p>
<p><a href="https://souzoulog.com/wp-content/uploads/2020/03/01d50d7e8773edc816b29ec3c695e87a.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-8597" src="https://souzoulog.com/wp-content/uploads/2020/03/01d50d7e8773edc816b29ec3c695e87a.jpg" alt="" width="372" height="276" srcset="https://souzoulog.com/wp-content/uploads/2020/03/01d50d7e8773edc816b29ec3c695e87a.jpg 372w, https://souzoulog.com/wp-content/uploads/2020/03/01d50d7e8773edc816b29ec3c695e87a-150x112.jpg 150w" sizes="(max-width: 372px) 100vw, 372px" /></a>オーバレイのレイヤーで色を適当に塗りつぶせば色が簡単に変わります。</p>
<p><a href="https://souzoulog.com/wp-content/uploads/2020/03/27183c4e465074a6e9127b0dbcbd4198.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-8598" src="https://souzoulog.com/wp-content/uploads/2020/03/27183c4e465074a6e9127b0dbcbd4198.jpg" alt="" width="331" height="257" /></a></p>
<div id="attachment_8599" style="width: 186px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/41e1d6a817392b62ce2277de90e8fb23.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8599" class="wp-image-8599 size-full" src="https://souzoulog.com/wp-content/uploads/2020/03/41e1d6a817392b62ce2277de90e8fb23.jpg" alt="" width="176" height="192" /></a><p id="caption-attachment-8599" class="wp-caption-text">調整</p></div>
<p>ベースの色にも適当に色を追加しましょう。今回はグラデーション機能を使い、青空を選択しました。ベースレイヤーの上に同じようにオーバーレイのレイヤーを追加して、グラデーションするだけです。</p>
<div id="attachment_8600" style="width: 346px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/586bbbecdd7ca01e6dd5e5f0fa84745f.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8600" class="size-full wp-image-8600" src="https://souzoulog.com/wp-content/uploads/2020/03/586bbbecdd7ca01e6dd5e5f0fa84745f.jpg" alt="" width="336" height="298" /></a><p id="caption-attachment-8600" class="wp-caption-text">全体図</p></div>
<p>オブジェクトの色がすこし暗かったので、色調補正レイヤーでカラーリングの明度や彩度を上げました。</p>
<div id="attachment_8602" style="width: 246px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/a8ed1e1219b242e48efedaf3013f88a9.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8602" class="size-full wp-image-8602" src="https://souzoulog.com/wp-content/uploads/2020/03/a8ed1e1219b242e48efedaf3013f88a9.jpg" alt="" width="236" height="190" /></a><p id="caption-attachment-8602" class="wp-caption-text">厚塗り完成</p></div>
<h3><span id="toc26">コラム：線画レイヤーやシルエットレイヤーを複製するメリットについて</span></h3>
<p>線画がなくても今回すこし困ったことあります。この項目は調整次第で線画が必ずしも必要ないのですが、線画があったほうが便利という話です。</p>
<p><center></p>
<div style="width: 380px;" class="wp-video"><video class="wp-video-shortcode" id="video-7093-3" width="380" height="244" preload="metadata" controls="controls"><source type="video/mp4" src="https://souzoulog.com/wp-content/uploads/2020/03/5cef11b8e504f68f428513657cfef407.mp4?_=3" /><a href="https://souzoulog.com/wp-content/uploads/2020/03/5cef11b8e504f68f428513657cfef407.mp4">https://souzoulog.com/wp-content/uploads/2020/03/5cef11b8e504f68f428513657cfef407.mp4</a></video></div>
<p></center></p>
<p>まず上の厚塗り実験で作ったシェーディングレイヤーを自動選択してみます。</p>
<p>自動選択しにくいんです。SHIFT押しながら頑張って選択する方法もありますが、けっこうだるいです。あるいは自動選択の設定で頑張る方法もありますが、だるいです。</p>
<p><a href="https://souzoulog.com/2020/03/04/%e3%80%90%e3%82%af%e3%83%aa%e3%82%b9%e3%82%bf%e3%80%91%e8%89%b2%e5%a1%97%e3%82%8a%e3%81%ab%e4%be%bf%e5%88%a9%ef%bc%81%e8%87%aa%e5%8b%95%e9%81%b8%e6%8a%9e%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9%e3%81%a8/">【クリスタ】色塗りに便利！自動選択の使い方とその意味とは【CLIP STUDIO PAINT】</a></p>
<p>色が単純ならいいのですが、複雑に組み合わされたシェーディングレイヤーだと選択するのに手間取るんですよね。</p>
<p>ひとつの解消法としては、<strong>自動選択用のレイヤーを予め用意しておく</strong>ということです。これは線画でも単色のシルエットでもどちらでもOKです。</p>
<p><div id="attachment_8605" style="width: 354px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/ce2dabce918e2362fde0950dca6eaa1f.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8605" class="size-full wp-image-8605" src="https://souzoulog.com/wp-content/uploads/2020/03/ce2dabce918e2362fde0950dca6eaa1f.jpg" alt="" width="344" height="134" /></a><p id="caption-attachment-8605" class="wp-caption-text">厚塗りと線画</p></div> <div id="attachment_8606" style="width: 252px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/b99e118b6e7e774e4b946e2d7b065c02.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8606" class="size-full wp-image-8606" src="https://souzoulog.com/wp-content/uploads/2020/03/b99e118b6e7e774e4b946e2d7b065c02.jpg" alt="" width="242" height="207" /></a><p id="caption-attachment-8606" class="wp-caption-text">自動選択用の線画</p></div></p>
<p>たとえば上のように線画レイヤーを作ります。そして絵としては線画を残したくないとします。そういう場合は線画レイヤーを複製して批評ににしておけばいいのです。線画レイヤーではなくシルエットを複製しておくのもOKです。</p>
<div id="attachment_8607" style="width: 146px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/8fa1baf360d7f6163d552abb4df15c20.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8607" class="size-full wp-image-8607" src="https://souzoulog.com/wp-content/uploads/2020/03/8fa1baf360d7f6163d552abb4df15c20.jpg" alt="" width="136" height="130" /></a><p id="caption-attachment-8607" class="wp-caption-text">塗りつぶし</p></div>
<p>コピーした方のレイヤーを塗りつぶします。</p>
<div id="attachment_8608" style="width: 291px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/7d2fa3f7410c43f8838841fddcdfe7dc.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8608" class="wp-image-8608 size-full" src="https://souzoulog.com/wp-content/uploads/2020/03/7d2fa3f7410c43f8838841fddcdfe7dc.jpg" alt="" width="281" height="275" srcset="https://souzoulog.com/wp-content/uploads/2020/03/7d2fa3f7410c43f8838841fddcdfe7dc.jpg 281w, https://souzoulog.com/wp-content/uploads/2020/03/7d2fa3f7410c43f8838841fddcdfe7dc-60x60.jpg 60w" sizes="(max-width: 281px) 100vw, 281px" /></a><p id="caption-attachment-8608" class="wp-caption-text">シェーディング</p></div>
<p>この状態で適当にシェーディングします。</p>
<div id="attachment_8609" style="width: 291px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/d0312eb9151a66e80603369a85296532.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8609" class="wp-image-8609 size-full" src="https://souzoulog.com/wp-content/uploads/2020/03/d0312eb9151a66e80603369a85296532.jpg" alt="" width="281" height="265" /></a><p id="caption-attachment-8609" class="wp-caption-text">自動選択の失敗</p></div>
<p>もし線画をコピーしていないと、この状態で自動選択用するとこうなります。</p>
<div id="attachment_8610" style="width: 285px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/fad28bd345b9207ba58191ab895cc0c1.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8610" class="size-full wp-image-8610" src="https://souzoulog.com/wp-content/uploads/2020/03/fad28bd345b9207ba58191ab895cc0c1.jpg" alt="" width="275" height="266" /></a><p id="caption-attachment-8610" class="wp-caption-text">自動選択の成功</p></div>
<p>レイヤーを線画に変えて、自動選択するとこうなります。自動選択しやすいですよね。</p>
<p>ケースバイケースだと思いますが、絵によっては楽になるかと思います。</p>
<h2><span id="toc27">参考書籍</span></h2>
<p>１：「『キャラの背景』描き方教室」、よー清水、SBCreative</p>
<p><a rel="noopener" href="https://www.amazon.co.jp/gp/product/4797391502/ref=as_li_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4797391502&amp;linkCode=as2&amp;tag=souzoulog-22&amp;linkId=f58568f8338df12274c0245dc8a82890" target="_blank">「キャラの背景」描き方教室 CLIP STUDIO PAINTで描く！ キャラの想いを物語る風景の技術 (Entertainment&amp;IDEA)</a><img loading="lazy" decoding="async" style="border: none !important; margin: 0px !important;" src="//ir-jp.amazon-adsystem.com/e/ir?t=souzoulog-22&amp;l=am2&amp;o=9&amp;a=4797391502" alt="" width="1" height="1" border="0" /></p>
<p>この本は厚塗りを売りにしている本ではありませんが、厚塗りのやり方が詳しくのっている良い本です。説明が細かいので初心者でも理解できます。さらにブラシまでダウンロードできます。</p>
<p>２：「CLIP STUDIO PAINTで描くグリザイユ画法＆エフェクト」、天領時セナ、玄光社</p>
<p>この本は細かい説明が多く省かれていているので中上級者向けだと思います。どのツールを使うか、どうやって機能を使うかなどの説明があまりないので、ある程度の知識が必要です。</p>
<p><a rel="noopener" href="https://www.amazon.co.jp/gp/product/4768311253/ref=as_li_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4768311253&amp;linkCode=as2&amp;tag=souzoulog-22&amp;linkId=24e9e5a3dde84af0bf6d89956aaf2c22" target="_blank">グリザイユ画法&amp;エフェクト 完全マスターブック</a><img loading="lazy" decoding="async" style="border: none !important; margin: 0px !important;" src="//ir-jp.amazon-adsystem.com/e/ir?t=souzoulog-22&amp;l=am2&amp;o=9&amp;a=4768311253" alt="" width="1" height="1" border="0" /></p>
<p>３：「CLIP STUDIO PAINT　PRO　デジタルイラストテクニック」、玄光社</p>
<p><a rel="noopener" href="https://www.amazon.co.jp/gp/product/4768308627/ref=as_li_tl?ie=UTF8&amp;camp=247&amp;creative=1211&amp;creativeASIN=4768308627&amp;linkCode=as2&amp;tag=souzoulog-22&amp;linkId=7cae7ea2acf6f1527c649bec60c493de" target="_blank">新版 CLIP STUDIO PAINT PROデジタルイラストテクニック (玄光社MOOK)</a><img loading="lazy" decoding="async" style="border: none !important; margin: 0px !important;" src="//ir-jp.amazon-adsystem.com/e/ir?t=souzoulog-22&amp;l=am2&amp;o=9&amp;a=4768308627" alt="" width="1" height="1" border="0" /></p>
<p>基礎用語の説明には良本です。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://souzoulog.com/2020/03/22/%e3%83%87%e3%82%b8%e3%82%bf%e3%83%ab%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88%e3%81%ab%e3%81%8a%e3%81%91%e3%82%8b%e5%8e%9a%e5%a1%97%e3%82%8a%e3%82%b0%e3%83%aa%e3%82%b6%e3%82%a4%e3%83%a6%e7%94%bb%e6%b3%95/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://souzoulog.com/wp-content/uploads/2020/03/fe05014d6f23f157165e6de676b6de36.mp4" length="42008" type="video/mp4" />
<enclosure url="https://souzoulog.com/wp-content/uploads/2020/03/aa2e84b62601b5cfe98fbb11d942e907.mp4" length="38322" type="video/mp4" />
<enclosure url="https://souzoulog.com/wp-content/uploads/2020/03/5cef11b8e504f68f428513657cfef407.mp4" length="86156" type="video/mp4" />

			</item>
	</channel>
</rss>
