<?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-write/%E3%82%B7%E3%82%A7%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0/feed/" rel="self" type="application/rss+xml" />
	<link>https://souzoulog.com</link>
	<description>イラストの描き方、書き方、講座、イラストの素材やネタまとめ</description>
	<lastBuildDate>Mon, 01 Jun 2026 06:16:38 +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-write/%E3%82%B7%E3%82%A7%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0/feed/"/>
	<item>
		<title>【シェーディング】絵を描くための明度コントロール(明度スケール)について考える</title>
		<link>https://souzoulog.com/2020/03/26/%e3%80%90%e3%82%b7%e3%82%a7%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%80%91%e7%b5%b5%e3%82%92%e6%8f%8f%e3%81%8f%e3%81%9f%e3%82%81%e3%81%ae%e6%98%8e%e5%ba%a6%e3%82%b3%e3%83%b3%e3%83%88%e3%83%ad/</link>
					<comments>https://souzoulog.com/2020/03/26/%e3%80%90%e3%82%b7%e3%82%a7%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%80%91%e7%b5%b5%e3%82%92%e6%8f%8f%e3%81%8f%e3%81%9f%e3%82%81%e3%81%ae%e6%98%8e%e5%ba%a6%e3%82%b3%e3%83%b3%e3%83%88%e3%83%ad/#respond</comments>
		
		<dc:creator><![CDATA[toki]]></dc:creator>
		<pubDate>Thu, 26 Mar 2020 05:32:55 +0000</pubDate>
				<category><![CDATA[シェーディング(陰影)]]></category>
		<guid isPermaLink="false">https://souzoulog.com/?p=8795</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><ol><li><a href="#toc3" tabindex="0">明度とはなにか</a></li><li><a href="#toc4" tabindex="0">HSV色表現とはなにか</a></li><li><a href="#toc5" tabindex="0">RGB色表現とはなにか</a></li></ol></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></ol></li></ol>
    </div>
  </div>

<h2><span id="toc1">明度コントロールについて考える</span></h2>
<h3><span id="toc2">前提知識</span></h3>
<h4><span id="toc3">明度とはなにか</span></h4>
<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>明度(めいど,英:lightness)</strong>：同じ明るさで照明された白色面の明るさを基準として判断される表面の相対的な明るさを意味する。明度は物体表面の反射率の高低に対応する感覚量であり、白さー黒さの程度を表す</span></div>
<p>&nbsp;</p>
<h4><span id="toc4">HSV色表現とはなにか</span></h4>
<div><span style="padding: 6px 10px; color: #ffffff; font-weight: bold; background: #03a2ff;">HSV色表現とは：意味と定義</span></div>
<div style="padding: 10px; border: 1px solid #03a2ff; font-size: 0.9em; margin-top: 2px;"><span style="font-size: 12pt;"><strong>HSV色表現</strong>：Hue,Saturation,Valueの３つの属性からなる色表現。それぞれ色相、彩度、明度(輝度)に対応している。色相はちょうどカラーサークルでいうところの0から360°まで円状に存在する。たとえばH0なら赤、H60なら黄色、H120なら緑といったように色が決まっている。色相は0から360、彩度は0から100、明度は0から100の数値が与えられている。RGBに変換できる。</span></div>
<p>&nbsp;</p>
<h4><span id="toc5">RGB色表現とはなにか</span></h4>
<div><span style="padding: 6px 10px; color: #ffffff; font-weight: bold; background: #03a2ff;">RGB色表現とは：意味と定義</span></div>
<div style="padding: 10px; border: 1px solid #03a2ff; font-size: 0.9em; margin-top: 2px;"><span style="font-size: 12pt;"><strong>RGB色表現</strong>：RED,GREEN,BLUEの混合の割合を元に色を決定する概念。クリスタでは0-255の数値を使って色を表現する。たとえば純粋な赤の場合は255,0,0、純粋な黄色の場合は255,255,0になる。白の場合は255,255,255、黒の場合は0,0,0になる。数値が大きいほど明るくなる。各数値の割合が1:1:1に近づくほど彩度が低くなる。1:1:1だと彩度は０になる。</span></div>
<p>&nbsp;</p>
<h2><span id="toc6">明度をコントロールするとは</span></h2>
<h3><span id="toc7">明度のオリジナリティとリアリティ</span></h3>
<p>たとえば肌のベースの色を塗るとします。その色は肌色(色相)と決めたとして、どれくらいの明度と彩度をもった色を選ぶべきでしょうか。</p>
<p><strong>明度コントロールには正解がありません</strong>。絵は必ずしもリアリティをもたなくてもいいからです。絵のオリジナリティ性と絵のリアリティ、どちらを優先するかはバランスの問題になります。</p>
<p>とはいったものの、自然な絵、不自然な絵というものはなんとなく存在しているはずです。周りの背景に比べて不自然に明るい、暗いといった絵は違和感をもちやすいですよね。それが狙いだった場合はそれでいいんです。しかしもっと美しくしたい、自分の絵の色を変えたいといった場合に明度コントロールが関係してきます。</p>
<h3><span id="toc8">明度は何段階でコントロールするべきか：１０段階説</span></h3>
<div id="attachment_8801" style="width: 371px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/eec07afbd4ccadd0c9aa46933baa77e4.jpg"><img decoding="async" aria-describedby="caption-attachment-8801" class="size-full wp-image-8801" src="https://souzoulog.com/wp-content/uploads/2020/03/eec07afbd4ccadd0c9aa46933baa77e4.jpg" alt="" width="361" height="118" /></a><p id="caption-attachment-8801" class="wp-caption-text">明度スケール１０段階</p></div>
<p>基本のコントロールはやはり10段階だと思います。HSVのVも100なので、10ずつ区切りやすいです。上の明度スケールはモノクロで、H０、S０でVだけ変えています。</p>
<p>･あれ、これ１１個あるけど？｡</p>
<p>たしかに・・・。というよりも0－10を人区切るとすると、最後の100が余計なんですよね。100－110の色がスケールに存在することになるからです。</p>
<p><a href="https://souzoulog.com/wp-content/uploads/2020/03/3916f6faff86641200edc20c4e36c2dd.jpg"><img fetchpriority="high" decoding="async" class="aligncenter size-full wp-image-8804" src="https://souzoulog.com/wp-content/uploads/2020/03/3916f6faff86641200edc20c4e36c2dd.jpg" alt="" width="350" height="227" /></a></p>
<p>じゃあクリスタはどうやって10分割しているのか、中間色を観察してみましょう。見事に十分割<strong>されているように</strong>みえます。</p>
<p><a href="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_290.jpg"><img decoding="async" class="aligncenter size-full wp-image-8805" src="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_290.jpg" alt="" width="352" height="222" /></a></p>
<p>しかし、これは一番右端の色が明度０ではないのです。スポイトで取ると、明度が１０です。左端は明度１００です。つまり結局は１１分割なのです。</p>
<p><a href="https://souzoulog.com/2019/10/10/%e3%80%90%e3%82%af%e3%83%aa%e3%82%b9%e3%82%bf%e3%80%91%e4%b8%ad%e9%96%93%e8%89%b2%e3%83%91%e3%83%ac%e3%83%83%e3%83%88%e3%81%a8%e3%81%af%e3%81%aa%e3%81%ab%e3%81%8b%e3%80%90clip-studio-paint%e3%80%91/">【クリスタ】中間色パレットとはなにか【CLIP STUDIO PAINT】</a></p>
<p><a href="https://souzoulog.com/wp-content/uploads/2020/03/a6ef8b2f02dd324c2c5bf5e8b58e468c.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-8806" src="https://souzoulog.com/wp-content/uploads/2020/03/a6ef8b2f02dd324c2c5bf5e8b58e468c.jpg" alt="" width="415" height="106" /></a>10分割するのは難しい。たとえば0－10、11－21・・・・88－98、99－100というのはどうでしょうか。これで１０分割です。</p>
<p><a href="https://souzoulog.com/wp-content/uploads/2020/03/5ee261194cd33c67e2e8aa0a4f0b51aa.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-8807" src="https://souzoulog.com/wp-content/uploads/2020/03/5ee261194cd33c67e2e8aa0a4f0b51aa.jpg" alt="" width="376" height="225" /></a></p>
<p>あるいは一番くらい黒色を使わないものとして、あえて外し、中間色の明度スケールの10を使うというのもありだと思います。</p>
<p><div id="attachment_8808" style="width: 429px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/0c462351e5b851fcee675861ae36438b.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8808" class="wp-image-8808 size-full" src="https://souzoulog.com/wp-content/uploads/2020/03/0c462351e5b851fcee675861ae36438b.jpg" alt="" width="419" height="133" /></a><p id="caption-attachment-8808" class="wp-caption-text">０を除き、１０からはじめ１００で終わるパターン</p></div> <div id="attachment_8809" style="width: 434px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/f307a0875102d9596eba722ff6bb5aa6.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8809" class="wp-image-8809 size-full" src="https://souzoulog.com/wp-content/uploads/2020/03/f307a0875102d9596eba722ff6bb5aa6.jpg" alt="" width="424" height="137" /></a><p id="caption-attachment-8809" class="wp-caption-text">１００を除き、０からはじめ９０で終わるパターン</p></div></p>
<p>つまり０を除き、１１，２２，３３・・・・１００を使うということです。あるいは１００を除き、０，・・・・88というのもありですね。</p>
<h3><span id="toc9">明度は何段階でコントロールするべきか：９段階説</span></h3>
<div id="attachment_8810" style="width: 483px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/246a1562148f004f3cd23082b56d0ec2.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8810" class="wp-image-8810 size-full" src="https://souzoulog.com/wp-content/uploads/2020/03/246a1562148f004f3cd23082b56d0ec2.jpg" alt="" width="473" height="144" /></a><p id="caption-attachment-8810" class="wp-caption-text">０と１００を除き９段階にする</p></div>
<p>９段階になるとなかなか難しい。思い切って０と１００を抜かしてしまうというのもありだと思います。</p>
<div id="attachment_8811" style="width: 450px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/d0f43d59eb3fa8305b5d242f7c7dfffb.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8811" class="wp-image-8811 size-full" src="https://souzoulog.com/wp-content/uploads/2020/03/d0f43d59eb3fa8305b5d242f7c7dfffb.jpg" alt="" width="440" height="113" /></a><p id="caption-attachment-8811" class="wp-caption-text">０を除き９段階にする</p></div>
<p>&nbsp;</p>
<p>中間パレットは使えませんが、こうすることで白100を使える状況で9段階にコントロールできます。</p>
<div id="attachment_8812" style="width: 484px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_291.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8812" class="size-full wp-image-8812" src="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_291.jpg" alt="" width="474" height="272" /></a><p id="caption-attachment-8812" class="wp-caption-text">明度の中間値</p></div>
<p>明度９段階がなぜいいかというと、ちょうど中間値をとることができるからです。４：１：４で１が中間に来ますよね。１０段階だと４：２：４となり、中間に２つの明度がきてしまうのです。</p>
<div id="attachment_8813" style="width: 530px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_292.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8813" class="size-full wp-image-8813" src="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_292.jpg" alt="" width="520" height="162" /></a><p id="caption-attachment-8813" class="wp-caption-text">１１段階</p></div>
<p>１１段階にすれば５：１：５で分割できます。</p>
<p>どういった分割で明度をコントロールするべきでしょうか。クリスタでは中間パレットが使いやすいので１１段階でも悪くないと思います。色のリストを自分で作っておけば９分割するのもいいと思います。</p>
<p><a href="https://souzoulog.com/wp-content/uploads/2020/03/d6d7e76097cd70fac7ca452e5226b883.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-8833" src="https://souzoulog.com/wp-content/uploads/2020/03/d6d7e76097cd70fac7ca452e5226b883.jpg" alt="" width="310" height="224" /></a><a href="https://souzoulog.com/2020/03/25/%e3%80%90%e3%82%af%e3%83%aa%e3%82%b9%e3%82%bf%e3%80%91%e3%82%ab%e3%83%a9%e3%83%bc%e3%82%bb%e3%83%83%e3%83%88%e3%81%ae%e8%bf%bd%e5%8a%a0%e3%83%bb%e7%b7%a8%e9%9b%86%e6%96%b9%e6%b3%95%e3%80%81%e3%82%84/">【クリスタ】カラーセットの追加・編集方法、やり方【CLIP STUDIO PAINT】</a></p>
<p>クリスタでカラーセットを登録する方法についての記事を作成しました。1,11、22など中間色パレットでは扱えない分割でもいつでも呼び出すことができます。</p>
<h3><span id="toc10">明度を分析して学習する：肌色の明度の分析</span></h3>
<p>明度の分析は大事です。模倣する際に、「<strong>明度はどのようにしてコントロールされているか</strong>」ということを意識すると絵の上達に繋がります。つまり<span style="background-color: #ffff99;"><strong>自分が美しいと感じる明度コントロールを探求する際に、美しいと思った明度コントロールを分析することは重要</strong></span>だということです。自分はもう少し暗いほうがいい、明るいほうがいい、背景が違ったらこう変わるだろうというように経験を積み重ねていくのです。</p>
<div id="attachment_8844" style="width: 260px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/246710de901425201776cfb23d56d287.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8844" class="wp-image-8844 size-full" src="https://souzoulog.com/wp-content/uploads/2020/03/246710de901425201776cfb23d56d287.jpg" alt="" width="250" height="252" srcset="https://souzoulog.com/wp-content/uploads/2020/03/246710de901425201776cfb23d56d287.jpg 250w, https://souzoulog.com/wp-content/uploads/2020/03/246710de901425201776cfb23d56d287-60x60.jpg 60w, https://souzoulog.com/wp-content/uploads/2020/03/246710de901425201776cfb23d56d287-120x120.jpg 120w" sizes="(max-width: 250px) 100vw, 250px" /></a><p id="caption-attachment-8844" class="wp-caption-text">明度100の肌色</p></div>
<p>ある本の肌のベースの色はRGB：255,247,236でした。HSVでいうと35,7,100です。</p>
<p>V=100なので明度が100、S=７なので彩度が7です。つまり、<strong>ベースの色は明度が最大で、彩度は低め</strong>ということになります。明度コントロールに照らし合わせると、明度は10です。</p>
<p style="text-align: left;"><span style="font-family: times new roman, times, serif;">Qさてここで問題です。<span style="background-color: #ffff99;"><strong>影の色は明度いくつくらいでしょうか</strong></span>？</span></p>
<div id="attachment_8847" style="width: 273px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/e91cbd7a1f7c4606a7b370c534b0071d.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8847" class="size-full wp-image-8847" src="https://souzoulog.com/wp-content/uploads/2020/03/e91cbd7a1f7c4606a7b370c534b0071d.jpg" alt="" width="263" height="177" /></a><p id="caption-attachment-8847" class="wp-caption-text">肌の明度</p></div>
<p>これが明度コントロールですね。この本では影の色がRGB234,186,177です。HSVでいうと9,24,92です。<strong>ベースの色に対して明度が1分割分しか下がっていない</strong>というのがポイントです。明度コントロールに照らし合わせると、明度は９です。<strong>影の色で彩度が上がっている</strong>というのもポイントだと思います。</p>
<div id="attachment_8849" style="width: 199px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/9a8080de79db678fc31daaef189d40eb.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8849" class="size-full wp-image-8849" src="https://souzoulog.com/wp-content/uploads/2020/03/9a8080de79db678fc31daaef189d40eb.jpg" alt="" width="189" height="203" /></a><p id="caption-attachment-8849" class="wp-caption-text">肌明度１００</p></div>
<p>ためしにキャラの肌に明度１００で塗ってみました。</p>
<div id="attachment_8850" style="width: 238px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/a2b4377a7ec5e1acccb781d37d79fb8d.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8850" class="size-full wp-image-8850" src="https://souzoulog.com/wp-content/uploads/2020/03/a2b4377a7ec5e1acccb781d37d79fb8d.jpg" alt="" width="228" height="238" /></a><p id="caption-attachment-8850" class="wp-caption-text">影の明度</p></div>
<p>次にさきほどの明度９２で適当に影を塗ってみます。色的には悪くないですよね。</p>
<div id="attachment_8851" style="width: 244px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/92def246d95e560091da907f05608884.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8851" class="size-full wp-image-8851" src="https://souzoulog.com/wp-content/uploads/2020/03/92def246d95e560091da907f05608884.jpg" alt="" width="234" height="218" /></a><p id="caption-attachment-8851" class="wp-caption-text">影のぼかし</p></div>
<p>アニメ塗り以外ではベースと影の境界線をぼかしたりします。</p>
<div id="attachment_8852" style="width: 275px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/a0c26112b0fec0803ce899ae2aeba448.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8852" class="size-full wp-image-8852" src="https://souzoulog.com/wp-content/uploads/2020/03/a0c26112b0fec0803ce899ae2aeba448.jpg" alt="" width="265" height="231" /></a><p id="caption-attachment-8852" 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-8795-1" width="380" height="244" preload="metadata" controls="controls"><source type="video/mp4" src="https://souzoulog.com/wp-content/uploads/2020/03/170797fae41b293158e7bdaf7333ded9.mp4?_=1" /><a href="https://souzoulog.com/wp-content/uploads/2020/03/170797fae41b293158e7bdaf7333ded9.mp4">https://souzoulog.com/wp-content/uploads/2020/03/170797fae41b293158e7bdaf7333ded9.mp4</a></video></div>
<p></center><br />
<div id="attachment_8854" style="width: 497px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/b6c9b827308e41cbfcaa90fead494e29.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8854" class="size-full wp-image-8854" src="https://souzoulog.com/wp-content/uploads/2020/03/b6c9b827308e41cbfcaa90fead494e29.jpg" alt="" width="487" height="197" /></a><p id="caption-attachment-8854" class="wp-caption-text">色調補正レイヤーの明度</p></div></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 id="attachment_8857" style="width: 283px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/83c0ee5e5a57bb0d456ed7cf35834152.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8857" class="size-full wp-image-8857" src="https://souzoulog.com/wp-content/uploads/2020/03/83c0ee5e5a57bb0d456ed7cf35834152.jpg" alt="" width="273" height="266" /></a><p id="caption-attachment-8857" class="wp-caption-text">明るすぎて不自然</p></div>
<p>たとえば背景が暗い場合、顔が明るすぎて不自然ですよね。まあ悪くないですけど、これはこれで。</p>
<div id="attachment_8858" style="width: 255px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/18a3d91e0a8288bc69f0587e3bcc80ca.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8858" class="size-full wp-image-8858" src="https://souzoulog.com/wp-content/uploads/2020/03/18a3d91e0a8288bc69f0587e3bcc80ca.jpg" alt="" width="245" height="274" /></a><p id="caption-attachment-8858" class="wp-caption-text">明度を落とす</p></div>
<p>そういう場合に明度を落とすんです。</p>
<p><div id="attachment_8859" style="width: 301px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/89bbce78a35c8e5ab6ca021babde93e5.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8859" class="size-full wp-image-8859" src="https://souzoulog.com/wp-content/uploads/2020/03/89bbce78a35c8e5ab6ca021babde93e5.jpg" alt="" width="291" height="265" /></a><p id="caption-attachment-8859" class="wp-caption-text">顔が暗すぎる</p></div> <div id="attachment_8860" style="width: 272px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/aa760b6ad0ba9a285565b79de3db7b2b.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8860" class="size-full wp-image-8860" src="https://souzoulog.com/wp-content/uploads/2020/03/aa760b6ad0ba9a285565b79de3db7b2b.jpg" alt="" width="262" height="232" /></a><p id="caption-attachment-8860" class="wp-caption-text">顔を明るくする</p></div></p>
<p>逆に背景が明るいと、顔が暗い場合不自然ですよね。つまり光源によって顔の明るさが左右されるということです。これはライティングとシェーディングが交互に関係している問題です。彩度も同じようにケースバイケースで変えましょう。</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/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>
]]></content:encoded>
					
					<wfw:commentRss>https://souzoulog.com/2020/03/26/%e3%80%90%e3%82%b7%e3%82%a7%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%80%91%e7%b5%b5%e3%82%92%e6%8f%8f%e3%81%8f%e3%81%9f%e3%82%81%e3%81%ae%e6%98%8e%e5%ba%a6%e3%82%b3%e3%83%b3%e3%83%88%e3%83%ad/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://souzoulog.com/wp-content/uploads/2020/03/170797fae41b293158e7bdaf7333ded9.mp4" length="48091" type="video/mp4" />

			</item>
		<item>
		<title>シェーディングとはなにか、絵を描くために必要な陰影用語の理解</title>
		<link>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/</link>
					<comments>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/#respond</comments>
		
		<dc:creator><![CDATA[toki]]></dc:creator>
		<pubDate>Sat, 14 Mar 2020 06:58:13 +0000</pubDate>
				<category><![CDATA[シェーディング(陰影)]]></category>
		<guid isPermaLink="false">https://souzoulog.com/?p=8196</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-2" checked><label class="toc-title" for="toc-checkbox-2">目次</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></ol></li><li><a href="#toc4" tabindex="0">フォームの原理と変化</a><ol><li><a href="#toc5" tabindex="0">フォームの原理</a></li><li><a href="#toc6" tabindex="0">フォームの変化</a></li><li><a href="#toc7" tabindex="0">フォームの原理の限界</a></li></ol></li><li><a href="#toc8" tabindex="0">モデリングファクター</a><ol><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><li><a href="#toc14" tabindex="0">投影</a></li><li><a href="#toc15" tabindex="0">明部と暗部</a></li><li><a href="#toc16" tabindex="0">ハーフトーン</a></li></ol></li><li><a href="#toc17" tabindex="0">光源によるシェーディングの変化</a></li><li><a href="#toc18" tabindex="0">参考文献</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">シェーディングとはなにか</span></h2>
<p>この記事ではシェーディングに関する基礎用語の理解を趣旨としています。基幹記事になりますので随時更新予定です。各論は別記事で今後取り扱う予定です。</p>
<p>今回の陰影のモデルはblenderで制作しました。制作方法の記事もつくりましたのでよろしければどうぞ。blenderは無料の3D制作ツールです。</p>
<p><a href="https://souzoulog.com/2020/03/13/%e3%80%90blender2-8%e3%80%91%e3%83%87%e3%83%83%e3%82%b5%e3%83%b3%e3%81%ab%e5%bd%b9%e7%ab%8b%e3%81%a4%e3%81%8b%e3%82%82%ef%bc%9f%e3%83%a9%e3%82%a4%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0%e3%81%ae%e3%82%84/">【blender2.8】デッサンに役立つかも？ライティングのやり方メモ(球体に陰影をつけるテスト)</a></p>
<p>陰影講座まとめ記事はこちらになります。</p>
<p><a href="https://souzoulog.com/2016/08/10/%e3%80%90pixiv%e3%81%ae%e8%ac%9b%e5%ba%a7%e3%81%be%e3%81%a8%e3%82%81%e3%80%91%e9%99%b0%e5%bd%b1%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6%e3%81%ae%e8%ac%9b%e5%ba%a7%e3%81%be%e3%81%a8%e3%82%81/">【pixivの講座まとめ】陰影についての講座まとめ</a></p>
<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;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><strong>シェーディング(英:shading)</strong>：陰影をつけること。大きく分ければ明部、暗部、投影の３つ。明部は光が直接当たる部分で、暗部は直接光があたっていない部分。陰影はパッシブハイライト、アクティブハイライト、明暗境界線、最暗部、反射光、オクルージョンシャドウ(本影)、投影等さまざまなものがある。より広義の言葉にレンダリングがありますが、レンダリングは陰影だけではなく質感も含めます。</span></span></span><br />
<div id="attachment_8320" style="width: 353px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_240.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8320" class="size-full wp-image-8320" src="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_240.jpg" alt="シェーディングとはなにか" width="343" height="356" /></a><p id="caption-attachment-8320" class="wp-caption-text">シェーディングとはなにか</p></div>
</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;"><span style="font-size: 12pt;"><strong>陰影(いんえい,英:shadow)</strong>：光</span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;">の当たらない部分。陰と影の違いは、陰は物体の表面にあらわれる部分であるのに対し、影は物体を通して投影される部分。</span></span><br />
<div id="attachment_8317" style="width: 392px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_239.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8317" class="size-medium wp-image-8317" src="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_239-382x400.jpg" alt="陰影とはなにか、意味" width="382" height="400" srcset="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_239-382x400.jpg 382w, https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_239.jpg 399w" sizes="(max-width: 382px) 100vw, 382px" /></a><p id="caption-attachment-8317" class="wp-caption-text">陰影とはなにか、意味</p></div><br />
<span style="font-size: 12pt;"><br />
</span></div>
<p>&nbsp;</p>
<h2><span id="toc4">フォームの原理と変化</span></h2>
<h3><span id="toc5">フォームの原理</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;"><span style="font-size: 12pt;"><strong>フォームの原理</strong>：立体幾何学形状の成り立ちについての分析。たとえば球体に光が当たると、どのような陰影がつくかといった分析を行う。フォームは日本語でいえば「形態」であり、物のかたちを意味する。</span></span></div>
<p>&nbsp;</p>
<h3><span id="toc6">フォームの変化</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>フォームの変化(英:form change)</strong>：表面に起伏がある立体に光線が当たると、表面のさまざまな起伏に異なる角度で光が交差して、変化が近くされる。明度の変化ともいう。</span></div>
<p>&nbsp;</p>
<h3><span id="toc7">フォームの原理の限界</span></h3>
<p>フォームの原理は単純な球体や立方体など無機物的なものを一般に前提としています。雲、葉、髪の毛、ガラス、金属といったものそれぞれに光に対する反応が異なります。人間の肌も光があたると透けることがあります。これは肌が水分をもっているためです。</p>
<p>このようにフォームの原理にあてはめて一律に影を設定することはできませんが、基本として抑えておいたほうがいいと思います。個別の陰影の付け方はそれから学んでいきましょう。またシェーディングはライティング次第で変容するので、光が当たる物体だけでなく、光そのもの、つまり光源に関しても勉強する必要があります。</p>
<h2><span id="toc8">モデリングファクター</span></h2>
<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>モデリングファクター(英:modeling factors)</strong>：立体的な形状の面を表現する規則的で予測可能な一連の色調。ハイライト、光り、ハーフトーン、最暗部、反射光などを含む。</span></div>
<p>&nbsp;</p>
<p>シェーディングといえばこの色調付けを想像する人が多いのではないでしょうか。厚塗りでもこの陰影付けの後、色を乗せる作業があります。厚塗りのほとんどの作業はこのいシェーディングができるかどうかにかかっています。</p>
<h3><span id="toc9">ハイライト</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;"><span style="font-size: 12pt;"><strong>アクティブハイライト(英:active highlight)</strong>：反射性ハイライト。物体の表面での光源の反射。ガラスなどの反射しやすい物質ではハイライトが目立つ。</span></span><br />
<div id="attachment_8455" style="width: 337px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/25458e3f908a93899bd4acfc924ead99.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8455" class="size-full wp-image-8455" src="https://souzoulog.com/wp-content/uploads/2020/03/25458e3f908a93899bd4acfc924ead99.jpg" alt="アクティブハイライトとは" width="327" height="222" /></a><p id="caption-attachment-8455" class="wp-caption-text">アクティブハイライトとは</p></div>
</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;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><strong>パッシブハイライト(英:passive highlight)</strong>：表面で最も明るく照明されている領域。光線が表面 に対して最も垂直な部分に発生する。</span></span></span><br />
<div id="attachment_8294" style="width: 376px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_235.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8294" class="size-full wp-image-8294" src="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_235.jpg" alt="パッシブハイライトとはなにか" width="366" height="379" /></a><p id="caption-attachment-8294" class="wp-caption-text">パッシブハイライトとはなにか</p></div>
</div>
<p>&nbsp;</p>
<h3><span id="toc10">明暗境界線</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;"><span style="font-size: 12pt;"><strong>明暗境界線(英:terminator)</strong>：オブジェクト(物体)の明部と暗部が切り替わる場所。</span></span><br />
<div id="attachment_8297" style="width: 373px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/b2f271328d7e33ea18b2e3db56667d43.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8297" class="size-medium wp-image-8297" src="https://souzoulog.com/wp-content/uploads/2020/03/b2f271328d7e33ea18b2e3db56667d43-363x400.jpg" alt="明暗境界線とは、意味" width="363" height="400" srcset="https://souzoulog.com/wp-content/uploads/2020/03/b2f271328d7e33ea18b2e3db56667d43-363x400.jpg 363w, https://souzoulog.com/wp-content/uploads/2020/03/b2f271328d7e33ea18b2e3db56667d43.jpg 427w" sizes="(max-width: 363px) 100vw, 363px" /></a><p id="caption-attachment-8297" class="wp-caption-text">明暗境界線とは</p></div>
</div>
<p>&nbsp;</p>
<h3><span id="toc11">最暗部</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;"><span style="font-size: 12pt;"><strong>最暗部(英:core shadow)</strong>：明暗境界線で始まる、暗いグラデーション状の帯。反射光が強くなる物体の暗部方向に向かうにつれて徐々に明るくなる。</span></span><br />
<div id="attachment_8300" style="width: 410px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/d882e230f50699063ff07a5fb8f3bdf3.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8300" class="size-medium wp-image-8300" src="https://souzoulog.com/wp-content/uploads/2020/03/d882e230f50699063ff07a5fb8f3bdf3-400x358.jpg" alt="最暗部とはなにか、意味" width="400" height="358" srcset="https://souzoulog.com/wp-content/uploads/2020/03/d882e230f50699063ff07a5fb8f3bdf3-400x358.jpg 400w, https://souzoulog.com/wp-content/uploads/2020/03/d882e230f50699063ff07a5fb8f3bdf3.jpg 476w" sizes="(max-width: 400px) 100vw, 400px" /></a><p id="caption-attachment-8300" class="wp-caption-text">最暗部とはなにか</p></div>
</div>
<p>&nbsp;</p>
<h3><span id="toc12">反射光</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;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><strong>反射光(reflected light)</strong>：光で照らされた表面から、通常は影の中へ跳ね返る光り。拡散相互反射(diffuse inter-reflection)ともいう。反射光の大きさや形は床の材質や光の強さで変わる。</span></span></span></span><br />
<div id="attachment_8302" style="width: 410px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/13d6744e81e76d86b84ca2dab94815ec.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8302" class="size-medium wp-image-8302" src="https://souzoulog.com/wp-content/uploads/2020/03/13d6744e81e76d86b84ca2dab94815ec-400x397.jpg" alt="反射光とはなにか、意味" width="400" height="397" srcset="https://souzoulog.com/wp-content/uploads/2020/03/13d6744e81e76d86b84ca2dab94815ec-400x397.jpg 400w, https://souzoulog.com/wp-content/uploads/2020/03/13d6744e81e76d86b84ca2dab94815ec-60x60.jpg 60w, https://souzoulog.com/wp-content/uploads/2020/03/13d6744e81e76d86b84ca2dab94815ec-120x120.jpg 120w, https://souzoulog.com/wp-content/uploads/2020/03/13d6744e81e76d86b84ca2dab94815ec.jpg 419w" sizes="(max-width: 400px) 100vw, 400px" /></a><p id="caption-attachment-8302" class="wp-caption-text">反射光とはなにか</p></div>
</div>
<p>&nbsp;</p>
<h3><span id="toc13">本影(オクルージョンシャドウ)</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;"><span style="font-size: 12pt;"><strong>本影(英:occlusion shadows,オクルージョンシャドウ)</strong>：接触点や近接点で発生する小さくて濃い影の領域。この領域では、光が遮蔽(しゃへい)される程度までフォーム同士が近接している。影の中で最も暗い部分。</span></span><br />
<div id="attachment_8305" style="width: 410px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/0283e4a64621a02e0ab07c659af4ce79.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8305" class="size-medium wp-image-8305" src="https://souzoulog.com/wp-content/uploads/2020/03/0283e4a64621a02e0ab07c659af4ce79-400x271.jpg" alt="本影、オクルージョンシャドウとはなにか、意味" width="400" height="271" srcset="https://souzoulog.com/wp-content/uploads/2020/03/0283e4a64621a02e0ab07c659af4ce79-400x271.jpg 400w, https://souzoulog.com/wp-content/uploads/2020/03/0283e4a64621a02e0ab07c659af4ce79.jpg 595w" sizes="(max-width: 400px) 100vw, 400px" /></a><p id="caption-attachment-8305" class="wp-caption-text">本影、オクルージョンシャドウとは</p></div>
</div>
<p>&nbsp;</p>
<h3><span id="toc14">投影</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;"><span style="font-size: 12pt;"><strong>投影(英:cast shadow)</strong>：あるオブジェクトから別の表面へと投影された影。陰(フォームシャドウ)とは区別される。</span></span><br />
<div id="attachment_8307" style="width: 403px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/6fc38b7fcd2884308c9b9706373b133d.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8307" class="wp-image-8307 size-full" src="https://souzoulog.com/wp-content/uploads/2020/03/6fc38b7fcd2884308c9b9706373b133d.jpg" alt="投影とはなにか、その意味" width="393" height="365" /></a><p id="caption-attachment-8307" class="wp-caption-text">投影とはなにか、その意味</p></div>
</div>
<p>&nbsp;</p>
<h3><span id="toc15">明部と暗部</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;"><span style="font-size: 12pt;"><strong>明部と暗部</strong>：明部は光が直接当たる領域。暗部は光があたっていない領域(陰と影)。ただし暗部の中にも反射光で光があたっている部分がある。</span></span><br />
<div id="attachment_8310" style="width: 403px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_238.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8310" class="size-full wp-image-8310" src="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_238.jpg" alt="明部と暗部とは" width="393" height="362" /></a><p id="caption-attachment-8310" class="wp-caption-text">明部と暗部とは</p></div>
</div>
<p>&nbsp;</p>
<h3><span id="toc16">ハーフトーン</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;"><span style="font-size: 12pt;"><strong>ハーフトーン(英:halftone)</strong>：名部から影のエッジに至るフォームの遷移の面として観察される。一連の中間的な色調の明度。ハーフティント、ドミタントともいう。</span></span><br />
<div id="attachment_8314" style="width: 395px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/4fc4d0dab3549bbbd3b6e2ef67322639.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8314" class="wp-image-8314 size-full" src="https://souzoulog.com/wp-content/uploads/2020/03/4fc4d0dab3549bbbd3b6e2ef67322639.jpg" alt="ハーフトーンとはなにか、その意味" width="385" height="371" /></a><p id="caption-attachment-8314" class="wp-caption-text">ハーフトーンとはなにか、その意味</p></div>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2><span id="toc17">光源によるシェーディングの変化</span></h2>
<p>たとえば晴天の場合と、曇天の場合は陰影が変化します。これらはライティングとも関係してくる項目です。</p>
<p><div id="attachment_8439" style="width: 410px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/0367b0a5acc93386428cee713fddc1cd.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8439" class="size-medium wp-image-8439" src="https://souzoulog.com/wp-content/uploads/2020/03/0367b0a5acc93386428cee713fddc1cd-400x365.jpg" alt="曇天の陰影" width="400" height="365" srcset="https://souzoulog.com/wp-content/uploads/2020/03/0367b0a5acc93386428cee713fddc1cd-400x365.jpg 400w, https://souzoulog.com/wp-content/uploads/2020/03/0367b0a5acc93386428cee713fddc1cd.jpg 420w" sizes="(max-width: 400px) 100vw, 400px" /></a><p id="caption-attachment-8439" class="wp-caption-text">曇天の陰影</p></div> <div id="attachment_8440" style="width: 375px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/5869042e9ae24f5a5b5be2505717258e.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8440" class="size-full wp-image-8440" src="https://souzoulog.com/wp-content/uploads/2020/03/5869042e9ae24f5a5b5be2505717258e.jpg" alt="晴天の陰影" width="365" height="279" /></a><p id="caption-attachment-8440" class="wp-caption-text">晴天の陰影</p></div></p>
<p>晴天の場合は光の種類が「直接光」に分類されます。曇天の場合は「ソフトライトや拡散光」に分類されます。曇天で影が真下に降りているのは、雲で太陽の光が拡散されているからです。雲で隠れないと太陽は一直線に伸び、右上にあればきれいに左下に陰影がつきます。陰影をはっきりさせたい場合は晴天のライティングでシェーディングを行い、陰影をはっきりさせたくない場合は曇天のライティングでシェーディングを行うといった使い分けができます。</p>
<div id="attachment_8458" style="width: 410px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/e080e5a63486937897dcc4a6954fe54e.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8458" class="size-medium wp-image-8458" src="https://souzoulog.com/wp-content/uploads/2020/03/e080e5a63486937897dcc4a6954fe54e-400x254.jpg" alt="室内のライティング" width="400" height="254" srcset="https://souzoulog.com/wp-content/uploads/2020/03/e080e5a63486937897dcc4a6954fe54e-400x254.jpg 400w, https://souzoulog.com/wp-content/uploads/2020/03/e080e5a63486937897dcc4a6954fe54e.jpg 409w" sizes="(max-width: 400px) 100vw, 400px" /></a><p id="caption-attachment-8458" class="wp-caption-text">室内のライティング</p></div>
<p>室内の場合はこんな感じです。</p>
<div id="attachment_8459" style="width: 410px" class="wp-caption aligncenter"><a href="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_284.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-8459" class="size-medium wp-image-8459" src="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_284-400x384.jpg" alt="光源が２つ以上" width="400" height="384" srcset="https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_284-400x384.jpg 400w, https://souzoulog.com/wp-content/uploads/2020/03/Screenshot_284.jpg 521w" sizes="(max-width: 400px) 100vw, 400px" /></a><p id="caption-attachment-8459" class="wp-caption-text">光源が２つ以上</p></div>
<p>影が二重になっているのは、光源が２つ以上あるからです。</p>
<h2><span id="toc18">参考文献</span></h2>
<p>１：「カラー＆ライト」,ジェームズ・ガーニー,ボーンデジタルインク</p>
<p>２：「スコットロバートソンのHOW TO RENDER」,ボーンデジタルインク</p>
]]></content:encoded>
					
					<wfw:commentRss>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/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
