<?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>クリスタ &#8211; 紫あつしブログ</title>
	<atom:link href="https://murasakiatsushi.com/tag/%E3%82%AF%E3%83%AA%E3%82%B9%E3%82%BF/feed/" rel="self" type="application/rss+xml" />
	<link>https://murasakiatsushi.com</link>
	<description>紫あつしのCGメイキング公開中</description>
	<lastBuildDate>Fri, 18 Apr 2025 06:33:59 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://murasakiatsushi.com/wp-content/uploads/cropped-icon-wordpress-1-32x32.png</url>
	<title>クリスタ &#8211; 紫あつしブログ</title>
	<link>https://murasakiatsushi.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【クリスタ】質感合成で絵の情報量アップ！簡単な質感表現の方法！</title>
		<link>https://murasakiatsushi.com/clipstudio-texture/</link>
					<comments>https://murasakiatsushi.com/clipstudio-texture/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Wed, 05 Oct 2022 23:12:14 +0000</pubDate>
				<category><![CDATA[CGメイキング]]></category>
		<category><![CDATA[CLIP STUDIO PAINT]]></category>
		<category><![CDATA[クリスタ]]></category>
		<category><![CDATA[クリスタTIPS]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[質感合成]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=1493</guid>

					<description><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture_ic.webp" class="webfeedsFeaturedVisual" /></p>イラストを描いているときに なんかのっぺりして物足りない 簡単な方法で見栄えを上げたい と感じたことはないでしょうか？ クリスタの質感合成を使えば簡単にイラストの情報量を増やすことが可能です。 イラスト全体に使ってアナロ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture_ic.webp" class="webfeedsFeaturedVisual" /></p>
<p>イラストを描いているときに</p>



<ul class="has-border -border02 wp-block-list"><li>なんかのっぺりして物足りない</li><li>簡単な方法で見栄えを上げたい</li></ul>



<p>と感じたことはないでしょうか？</p>



<p><span class="swl-format-1">クリスタの質感合成</span>を使えば簡単にイラストの情報量を増やすことが可能です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture036.webp" alt="質感合成を使って簡単に床の情報量アップ" class="wp-image-1598" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture036.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture036-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture036-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>質感合成を使って簡単に床の情報量アップ</figcaption></figure>



<p><span class="swl-marker mark_orange">イラスト全体に使ってアナログ風に</span>見せたり、<span class="swl-marker mark_orange">背景に使って質感の情報量を増やしたり</span>と見栄えよく仕上げる方法をご紹介します。</p>



<p>質感合成のアイコンが見つからない場合や質感合成で暗くなる原因、おすすめのテクスチャもあわせて解説してますので参考にしていただければ嬉しいです。</p>



<p>また、<span class="swl-format-1">他のソフトでもクリスタの質感合成を再現できるテクニック</span>も解説しますのでクリスタ以外の方も参考になれば幸いです。</p>



<h2 class="wp-block-heading">質感合成は「画像素材レイヤー」を使う</h2>



<p>質感合成を行う上で重要なポイントですが、クリスタのキャンバスに描いただけの画像では質感合成することができません。</p>



<p><span class="swl-marker mark_orange">質感合成のアイコンが見つからない場合</span>は<span class="swl-format-2">画像素材レイヤー</span>という特殊レイヤーを使ってないことが考えられます。</p>



<p>クリスタの<a href="https://assets.clip-studio.com/ja-jp/detail?id=1846012" target="_blank" rel="noreferrer noopener">奥行ダストブラシ</a>を使ってキャンバスに描画したとします。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture001.webp" alt="キャンバスにブラシで描画した素材はそのままでは質感合成に使えない" class="wp-image-1599" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture001.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture001-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture001-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>キャンバスにブラシで描画した素材はそのままでは質感合成に使えない</figcaption></figure>



<p>このままでは質感合成を使うことができないので、メニューから<span class="swl-format-1">「レイヤー」→「レイヤーの変換」→「画像素材レイヤー」</span>を実行します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture002.webp" alt="レイヤーメニューから［レイヤーの変換］を実行" class="wp-image-1601" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture002.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture002-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture002-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>レイヤーメニューから［レイヤーの変換］を実行</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="456" height="267" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture003.webp" alt="画像素材レイヤーに変換" class="wp-image-1602" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture003.webp 456w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture003-300x176.webp 300w" sizes="(max-width: 456px) 100vw, 456px" /><figcaption>画像素材レイヤーに変換</figcaption></figure>



<p>すると、<span class="swl-format-1">レイヤープロパティ</span>に<span class="swl-format-1">質感合成のアイコン</span>が表示されるようになり、ONにすると質感合成が可能になります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture004.webp" alt="画像素材レイヤーで質感合成可能な状態になります" class="wp-image-1603" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture004.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture004-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture004-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>画像素材レイヤーで質感合成可能な状態になります</figcaption></figure>



<p><span class="swl-marker mark_orange"><span class="swl-format-1">クリスタの画像素材パレット</span>からドラッグ＆ドロップ</span>したり、<span class="swl-marker mark_orange">jpgやpngなどの<span class="swl-format-1">画像を直接クリスタのレイヤーパレットに</span>ドラッグ＆ドロップ</span>した場合は<span class="swl-format-2">最初から画像素材レイヤーになっている</span>ので、そのまま質感合成が可能です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture005.webp" alt="素材パレットから画像素材をドラッグ＆ドロップ" class="wp-image-1604" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture005.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture005-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture005-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>素材パレットから画像素材をドラッグ＆ドロップ</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture006.webp" alt="そのまま画像素材レイヤーとして使える状態です" class="wp-image-1605" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture006.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture006-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture006-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>そのまま画像素材レイヤーとして使える状態です</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture007.webp" alt="画像ファイルを直接レイヤーパレットにドラッグ＆ドロップしても大丈夫です" class="wp-image-1606" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture007.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture007-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture007-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>画像ファイルを直接レイヤーパレットにドラッグ＆ドロップしても大丈夫です</figcaption></figure>



<h2 class="wp-block-heading">質感合成では画像素材レイヤーの下にある全てのレイヤーに適用される</h2>



<p>レイヤープロパティの質感合成アイコンをクリックすると、<strong>画像素材レイヤーの下にある全てのレイヤーに対して効果が適用</strong>されます。</p>



<p>具体例として下の画像に対して質感合成してみようと思います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture008.webp" alt="質感合成前" class="wp-image-1607" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture008.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture008-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture008-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>質感合成前</figcaption></figure>



<p>一番上に画像素材を置いて質感合成すると、<span class="swl-marker mark_orange">イラスト全体にアナログ風の印象</span>を持たせることができます。</p>



<p>選択する画像素材次第で布地や画用紙風など様々に変化を加えることが可能です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture009.webp" alt="一番上に画像素材を置くと下にある全てのレイヤーに効果が適用される" class="wp-image-1608" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture009.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture009-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture009-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>一番上に画像素材を置くと下にある全てのレイヤーに効果が適用される</figcaption></figure>



<p>次に背景だけに質感を加えたい場合は、キャラクターのレイヤーと背景レイヤーは分けて背景レイヤーの一番上に画像素材を置いてください。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture010.webp" alt="背景だけに質感合成する場合はキャラクターレイヤーの下に配置" class="wp-image-1609" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture010.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture010-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture010-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>背景だけに質感合成する場合はキャラクターレイヤーの下に配置</figcaption></figure>



<p>キャラクターを背景と分けて表現したいときによく使っていて、実際に公開した完成絵では背景のみに質感合成を行ってます。</p>



<p>特定のレイヤーやレイヤーフォルダーだけに質感合成したい場合は<span class="swl-marker mark_orange">クリッピングレイヤーを使うことも効果的</span>です。</p>



<h3 class="wp-block-heading">質感合成の注意点</h3>



<p><span class="swl-marker mark_orange">レイヤーフォルダーに中にある画像に対してだけ質感合成</span>をしたい場合は、<span class="swl-format-2">レイヤーフォルダーの合成モードを通常</span>にしてください。</p>



<p><span class="swl-format-1">合成モードが通過</span>の場合、<span class="swl-marker mark_orange">下の画像にも全て適用されてしまうので注意</span>が必要です。</p>



<p>そして<span class="swl-format-1">質感合成は画像素材の外にある透明な部分にはうまく合成されません</span>。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture011.webp" alt="テクスチャ外の透明部分は暗くなってしまう" class="wp-image-1610" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture011.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture011-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture011-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>テクスチャ外の透明部分は暗くなってしまう</figcaption></figure>



<p>緑の縦ラインレイヤーと横ラインレイヤーに木目画像素材を重ねて質感合成した状態です。</p>



<p>画像として色がない<span class="swl-format-2">透明部分は暗くなってしまう</span>ので<span class="swl-marker mark_orange">大きなテクスチャを使う</span>か、<span class="swl-marker mark_orange">素材を画像変形で拡大する</span>か、<span class="swl-marker mark_orange">タイリングできる素材を使う</span>ようにしましょう。</p>



<p>続いて、緑の横ラインレイヤーと木目素材だけレイヤーフォルダーに入れました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture012.webp" alt="レイヤーフォルダーが［通過］だと下にあるものにも効果が適用される" class="wp-image-1611" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture012.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture012-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture012-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>レイヤーフォルダーが［通過］だと下にあるものにも効果が適用される</figcaption></figure>



<p>レイヤーフォルダーの合成モードが<span class="swl-format-1">[通過]</span>の場合は先ほどと同じ結果になっています。</p>



<p>ここで合成モードを<span class="swl-format-2">[通常]</span>にすると、</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture013.webp" alt="レイヤーフォルダー［通常］だとレイヤーフォルダーの外には効果が適用されない" class="wp-image-1612" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture013.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture013-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture013-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>レイヤーフォルダー［通常］だとレイヤーフォルダーの外には効果が適用されない</figcaption></figure>



<p>緑の横ラインレイヤーにのみ、つまり<span class="swl-format-2">レイヤーフォルダーの中だけ質感合成が適用</span>されます。</p>



<p>質感合成をレイヤーフォルダーの中だけにしたいときはレイヤーの合成モードに注意してください。</p>



<p>レイヤーの合成モードやクリッピングに関してはこちらで詳しく解説してますので、よければ参照してください。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder_ic-500x281.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://murasakiatsushi.com/clippingfolder/">【クリスタ】フォルダとクリッピングしても反映されないときの対処法！</a>
						<span class="p-blogCard__excerpt">クリスタのクリッピング機能は非常に便利で使う機会が多いのですが、レイヤーフォルダをクリッピングしたときに、 思った結果と違う！色が反映されない！ といったトラ&#8230;</span>					</div>
				</div>
			</div>
		</div>


<h3 class="wp-block-heading">実際の質感合成活用例</h3>



<p>今回のイラストでは石でできた床の質感を手軽に表現したかったので、床部分にだけ質感合成を行いました。</p>



<p>まず、ベタ塗りの床に一部だけ気持ち程度にパースを感じられる線を鉛筆で描き入れたました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture014.webp" alt="床をベタ塗りし、鉛筆でうっすらパースを感じられる線を描画" class="wp-image-1613" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture014.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture014-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture014-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>床をベタ塗りし、鉛筆でうっすらパースを感じられる線を描画</figcaption></figure>



<p>続いて床の色の違う部分をパースに沿ってベタ塗りしました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture015.webp" alt="床の色の違う部分をベタ塗り" class="wp-image-1614" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture015.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture015-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture015-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>床の色の違う部分をベタ塗り</figcaption></figure>



<p>きっちり塗れれば良いのでミリペン一気に塗ってもGペンで枠を描いて塗りつぶしでもいいと思います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture016.webp" alt="乗算で適度に色ムラを乗せた状態" class="wp-image-1615" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture016.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture016-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture016-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>乗算でラフに色ムラを乗せた状態</figcaption></figure>



<p>その上に<span class="swl-format-1">[油彩]の混色質感ブラシ</span>でラフな感じで適度に<span class="swl-marker mark_orange">色ムラを乗算</span>で乗せました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture017.webp" alt="質感合成の素材を乗せた状態" class="wp-image-1616" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture017.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture017-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture017-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>質感合成の素材を乗せた状態</figcaption></figure>



<p>ここに質感合成を加えるとこれだけで床としては十分かなという仕上げになりました。</p>



<p>使っている素材は後述のおすすめ素材で紹介してます。</p>



<p>CLIP STUDIO ASSETSの無償素材なのでぜひ活用してください。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture018.webp" alt="覆い焼きと焼き込みで調整" class="wp-image-1617" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture018.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture018-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture018-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>覆い焼きと焼き込みで調整</figcaption></figure>



<p>最後に覆い焼き（発光）レイヤーで光と焼き込みレイヤーで影を加えて印象を整えたら出来上がりです。</p>



<p>本当にお手軽で助かる機能です！</p>



<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3378523426094617"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-3378523426094617"
     data-ad-slot="5608622466"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">クリスタ質感合成の設定方法</h2>



<p>クリスタの質感合成で素材感の強弱をコントロールする方法は以下の3つです。</p>



<ul class="has-border -border02 wp-block-list"><li>質感合成の「強さ」の数値を変える</li><li>画像素材レイヤーの不透明度を変える</li><li>画像素材レイヤーの合成モードを変える</li></ul>



<p>質感合成の「強さ」の初期値は30です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture019.webp" alt="質感合成の強さの初期値は30" class="wp-image-1618" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture019.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture019-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture019-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>質感合成の強さの初期値は30</figcaption></figure>



<p>数値を上げると、素材の質感がより強調されます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture020.webp" alt="質感合成の強さを上げるとよりテクスチャ（素材）感が強調される" class="wp-image-1619" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture020.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture020-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture020-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>質感合成の強さを上げるとよりテクスチャ（質感）が強調される</figcaption></figure>



<p>レイヤーの不透明度を下げると薄くなるので、最適な素材感を合成してみてください。</p>



<p>難しいのはレイヤーの合成モードの変更だと思います。</p>



<p>後述しますが、<span class="swl-marker mark_orange">質感合成を行った段階でリニアライトとして合成されてます</span>。</p>



<p>ここからさらに合成モードを焼き込みやオーバーレイにすると、頭の中で考えるよりとりあえず実際に試していくくらいの気持ちでやったほうが早いと思います。</p>



<p>私は強さや不透明度を少し変更する程度で他はあまり変えないことが多いです。</p>



<h2 class="wp-block-heading">他のソフトで質感合成を行う方法</h2>



<p>クリスタの質感合成はクリスタ独自機能ですが、実際の質感合成の仕組みを私なりに解析したものをご紹介します。</p>



<p>この方法であればクリスタ以外でも再現が可能ですので試してみてください。</p>



<p>同じ木目の画像素材に対して、左にクリスタの質感合成機能を適用するもの、右は質感合成を再現していくものとして用意しました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture021.webp" alt="クリスタの質感合成で行われている処理を解説" class="wp-image-1620" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture021.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture021-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture021-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>クリスタの質感合成で行われている処理を解説</figcaption></figure>



<p>先に右のレイヤーに対して質感合成を再現する手順を紹介しますと、</p>



<ol class="has-border -border01 wp-block-list"><li>新規色調補正レイヤーから「<span class="swl-format-1">色調・彩度・明度</span>」を選び、画像素材レイヤーの<span class="swl-format-2">彩度を-100</span>にして彩度をなくす</li><li>合成モードを<span class="swl-format-2">リニアライト</span>にする</li><li>新規色調補正レイヤーから「<span class="swl-format-1">階調の反転</span>」を実行</li><li>レイヤー不透明度を15％にする</li></ol>



<p><span class="swl-marker mark_orange">レイヤー不透明度15％</span>が<span class="swl-format-1"><span class="swl-marker mark_orange">質感合成の強さ30</span></span>と同じになります。</p>



<p><span class="swl-marker mark_orange">レイヤー不透明度100％</span>のとき、<span class="swl-format-1"><span class="swl-marker mark_orange">質感合成の強さは200</span></span>になります。</p>



<p>では質感合成では何が行われているのか詳しく解説していきます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture022.webp" alt="左半分のレイヤーに質感合成を実行" class="wp-image-1621" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture022.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture022-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture022-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>左半分のレイヤーに質感合成を実行</figcaption></figure>



<p>左の素材に対して質感合成を行うと、下地の赤色に対して質感を出すように表示されます。</p>



<p>この質感合成した表現を右のレイヤーで再現していきます。</p>



<p>右のレイヤーに対して<span class="swl-format-1">［色相・彩度・明度］から彩度をすべて下げて無彩色に</span>します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture023.webp" alt="彩度を-100にして無彩色に" class="wp-image-1622" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture023.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture023-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture023-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>彩度を-100にして無彩色に</figcaption></figure>



<p>次にレイヤーの合成モードを<span class="swl-format-1">リニアライト</span>に変更します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture024.webp" alt="合成モードをリニアライトに" class="wp-image-1623" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture024.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture024-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture024-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>合成モードをリニアライトに</figcaption></figure>



<p>続いて［階調の反転］を行います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture025.webp" alt="階調の反転を行う" class="wp-image-1624" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture025.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture025-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture025-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>階調の反転を行う</figcaption></figure>



<p>この手順までがクリスタの質感合成で行っている基本的な処理と考えられます。</p>



<p><span class="swl-format-2">質感合成の強さが30</span>のとき、質感合成を<span class="swl-format-2">再現した右レイヤーの不透明度を15％に</span>することでほぼ同様の結果が得られます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture026.webp" alt="質感合成の強さ30" class="wp-image-1625" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture026.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture026-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture026-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>質感合成の強さ30</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture027.webp" alt="レイヤーの不透明度15％にすると同様の結果に近くなる" class="wp-image-1626" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture027.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture027-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture027-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>レイヤーの不透明度15％にすると同様の結果に近くなる</figcaption></figure>



<p>逆に質感合成<span class="swl-format-2">再現レイヤーの不透明度を100％</span>のままにした場合、<span class="swl-format-2">質感合成の強さ200</span>と同様の結果となってます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture028.webp" alt="質感合成の強さ200" class="wp-image-1629" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture028.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture028-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture028-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>質感合成の強さ200</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture029.webp" alt="質感合成再現レイヤーの不透明度100％と強さ200が同等の結果" class="wp-image-1627" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture029.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture029-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture029-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>質感合成再現レイヤーの不透明度100％と強さ200が同等の結果</figcaption></figure>



<p>レイヤー不透明度はこれ以上変えられないので、<span class="swl-marker mark_orange">質感合成の<span class="swl-format-1">強さ400</span>にした場合の再現</span>となると、新規色調補正レイヤーから「<span class="swl-format-1">レベル補正</span>」を使って強さをコントロールしていくことになります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture030.webp" alt="質感合成の強さ400" class="wp-image-1628" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture030.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture030-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture030-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>質感合成の強さ400</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture031.webp" alt="強さ200以上はレベル補正を使って再現するしかない" class="wp-image-1630" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture031.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture031-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture031-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>強さ200以上はレベル補正を使って再現するしかない</figcaption></figure>



<p>質感合成の強さ200以上は完全な再現は難しいですが、擬似的には十分可能です。</p>



<p>ただ、あまり質感合成の素材感を強くすると元のイラストに大きく影響を与えてしまうのでほどほどがいいのではと考えてます。</p>



<p>クリスタの質感合成ではさらにレイヤーの合成モードを変更できるのですが、それを他のソフトで再現するのは難しいと思いますので、クリスタの通常の質感合成以上を使いたいのであればクリスタを使うのが一番簡単です。</p>


<div class="p-adBox -normal -border-off" data-id="1474" data-ad="normal"><div class="p-adBox__body"><div class="p-adBox__img"><a href="https://px.a8.net/svt/ejp?a8mat=3HA7IJ+11IBW2+3AP2+62U35" rel="nofollow">
<img decoding="async" border="0" width="468" height="60" alt="" src="https://www26.a8.net/svt/bgt?aid=210428299063&wid=001&eno=01&mid=s00000015383001021000&mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www18.a8.net/0.gif?a8mat=3HA7IJ+11IBW2+3AP2+62U35" alt=""></div></div></div>



<h2 class="wp-block-heading">クリスタ質感合成でのおすすめ素材</h2>



<p>クリスタでの質感合成用のテクスチャ素材ではこちら無償でおすすめです。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">CLIP STUDIO ASSETS</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://celclipmaterialprod.s3-ap-northeast-1.amazonaws.com/65/52/1755265/thumbnail?1572075419" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://assets.clip-studio.com/ja-jp/detail?id=1755265">セリーサルトの生のテクスチャ &#8211; CLIP STUDIO ASSETS</a>
						<span class="p-blogCard__excerpt">イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p>石の床や砂浜の質感表現では<span class="swl-format-1">RAW[HVS]</span>を使いました。</p>



<p>もうひとつ、無償素材で</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">CLIP STUDIO ASSETS</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://celclipmaterialprod.s3-ap-northeast-1.amazonaws.com/15/39/1713915/thumbnail?1558620323" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://assets.clip-studio.com/ja-jp/detail?id=1713915">ざらグレーテクスチャ &#8211; CLIP STUDIO ASSETS</a>
						<span class="p-blogCard__excerpt">イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p>こちらは質感合成ではなくオーバーレイで重ねたりすることも多いです。</p>



<p>画像素材を使いたい場合は<a rel="noreferrer noopener" href="https://www.textures.com/" target="_blank">textures.com</a>がおすすめです。</p>



<p>英語サイトで登録が必要になりますが、メールアドレスを登録すれば無料で使うことができます。</p>



<p>特に使いやすいのは上部メニューのLibraryから<span class="swl-format-1">Overlays&gt;Bitmaps Overlays</span>のテクスチャです。</p>



<p>オーバーレイで使うことを前提としていて、<span class="swl-format-1">画像の上にSEAMLESS</span>と書かれているものだと継ぎ目のない画像パターンですのでクリスタでタイリングさせても使い勝手がよいので色々と試してください。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="443" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture032.webp" alt="texture.comのおすすめ素材" class="wp-image-1631" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture032.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture032-500x316.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture032-300x190.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>texture.comのおすすめ素材</figcaption></figure>



<p>クリスタで画像素材レイヤーをタイリングする場合は<span class="swl-format-1">ツールプロパティ</span>から<span class="swl-format-2">タイリングのチェックボックスをON</span>にしてください。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture034.webp" alt="タイリングONにすると、シームレス画像ならキャンバスすべてをカバーできるように" class="wp-image-1632" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture034.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture034-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture034-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>タイリングONにすると、シームレス画像ならキャンバスすべてをカバーできるように</figcaption></figure>



<p>ダウンロードの方法ですが、無料で使うならFreeと書かれているもの、そして1日に15クレジットの範囲でダウンロードすることが可能です。（クレジットは翌日にまた15まで回復します。）</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="443" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture033.webp" alt="texture.comのダウンロードの仕方" class="wp-image-1633" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture033.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture033-500x316.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture033-300x190.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>texture.comのダウンロードの仕方</figcaption></figure>



<p>ダウンロードアイコンを押すと必要クレジットを消費してダウンロードできます。</p>



<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3378523426094617"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-3378523426094617"
     data-ad-slot="5608622466"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">質感合成とレイヤーの合成モードの使い分け</h2>



<p>最後に質感合成とレイヤーの合成モードの使い分けについてです。</p>



<p>具体的な基準があるわけではないですが、<span class="swl-format-1">質感のしっかり出したいときは質感合成</span>、<span class="swl-format-1">手軽に効果を使いたいときはレイヤー合成モードでオーバーレイなど</span>にして使っています。</p>



<p>レイヤーの合成モードで重ねるメリットは、キャンバスに描いた素材やラスタライズされた（＝ペイント編集可能な状態）画像を使うときは<span class="swl-marker mark_orange">画像素材レイヤーに変換する手間</span>が発生します。</p>



<p>また<span class="swl-marker mark_orange">彩度のある画像のとき</span>は質感合成よりも単純に<span class="swl-marker mark_orange">レイヤー合成で重ねたほうが色味の結果が想像しやすい</span>というメリットがあります。</p>



<p>先ほどは質感合成の例で紹介したガルパンのイラストですが、最終的に公開したイラストは質感合成ではなくそのまま<span class="swl-format-2">ハードライトの合成モードを使って重ねています</span>。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="700" height="600" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture035.webp" alt="質感合成ではなく合成モードで質感を出す" class="wp-image-1634" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture035.webp 700w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture035-500x429.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-texture035-300x257.webp 300w" sizes="(max-width: 700px) 100vw, 700px" /><figcaption>質感合成ではなく合成モードで質感を出す</figcaption></figure>



<p>質感合成は説明してきたように結構複雑なプロセスで合成しているので、ダイレクトにオーバーレイなどで重ねたほうがわかりやすいときもあります。</p>



<p>ただ紹介してきましたように複雑なプロセスを簡単な数値調整とレイヤー合成モードで大きな効果を得られるようになっているので、細かな質感調整がしやすいメリットがクリスタの質感合成です。</p>



<p>他のソフトではレイヤーの合成モードでしか質感調整できませんが、クリスタ独自の機能として質感合成が提供されていますので、<span class="swl-marker mark_orange">自分の欲しい表現はどちらがふさわしいか選択肢があるのが最大のメリット</span>でしょう。</p>



<p>うまく活用して自分の表現したい絵を作り上げてください！</p>



<p>わかりにくい点や質問がございましたら、コメント欄にコメントを頂ければ幸いです。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/clipstudio-texture/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>クリスタを快適に使う推奨スペックは？失敗しないパソコンの選び方！</title>
		<link>https://murasakiatsushi.com/clipstudio-pc/</link>
					<comments>https://murasakiatsushi.com/clipstudio-pc/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Wed, 05 Oct 2022 06:22:33 +0000</pubDate>
				<category><![CDATA[制作環境]]></category>
		<category><![CDATA[CLIP STUDIO PAINT]]></category>
		<category><![CDATA[Frontier]]></category>
		<category><![CDATA[おすすめパソコン]]></category>
		<category><![CDATA[クリスタ]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=1658</guid>

					<description><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc2_ic.webp" class="webfeedsFeaturedVisual" /></p>この記事ではクリスタ用のパソコンを検討されている方に向けて、失敗しないパソコンの選び方について解説しています。 イラストや漫画を描く上で必要となるパソコンですが、詳しくない方だとよくわからない文字列と数字の羅列されたパソ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc2_ic.webp" class="webfeedsFeaturedVisual" /></p>
<p>この記事ではクリスタ用のパソコンを検討されている方に向けて、失敗しないパソコンの選び方について解説しています。</p>



<div class="swell-block-capbox cap_box is-style-small_ttl"><div class="cap_box_ttl"><span>こんな悩みを持っている方におすすめです</span></div><div class="cap_box_content">
<ul class="wp-block-list">
<li>「イラストや漫画を描くためにはどんなスペックのパソコンを選べばいいの？」</li>



<li>「クリスタでおすすめパソコンってなに？」</li>
</ul>
</div></div>



<p>イラストや漫画を描く上で必要となるパソコンですが、詳しくない方だとよくわからない文字列と数字の羅列されたパソコンのスペック表を見て混乱されるかも知れません。</p>



<p>クリスタ推奨パソコンも販売されていますが、具体的にどういったスペックで販売されているのか理解できると購入する際の判断がしやすくなります。</p>



<p>ポイントを絞って解説しますので購入する際にお役に立てればと思います。</p>


<div class="p-adBox -normal -border-off" data-id="1741" data-ad="normal"><div class="p-adBox__body"><div class="p-adBox__img"><a href="https://px.a8.net/svt/ejp?a8mat=3NESFV+FRE4AA+3KX4+626XT" rel="nofollow">
<img decoding="async" border="0" width="320" height="50" alt="" src="https://www23.a8.net/svt/bgt?aid=220719739953&wid=001&eno=01&mid=s00000016708001018000&mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=3NESFV+FRE4AA+3KX4+626XT" alt=""></div></div></div>



<h2 class="wp-block-heading">CLIP STUDIO PAINTパソコンの推奨スペック</h2>



<p><a rel="noreferrer noopener" href="https://www.clipstudio.net/ja/dl/system/" target="_blank">クリスタ公式サイトのスペック</a>を確認すると意外と低スペックでも大丈夫だなと思われるかも知れません。</p>



<p>iPadでもクリスタは動きますし、私もパソコンを買い替えたのが2021年12月までは2012年に買ってから<span class="swl-format-1">9年間買い替えずに使い続けてました</span>。</p>



<p>ただ、それなりに使えていたのには理由がありますので、そこを踏まえてイラストや漫画を描く上で特に重視したい項目は、以下の3つのスペックです。</p>



<ul class="wp-block-list">
<li>メモリ</li>



<li>CPU</li>



<li>グラフィックボード</li>
</ul>



<h3 class="wp-block-heading">パソコンのメモリ</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="300" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc001.webp" alt="パソコンのメモリ" class="wp-image-1701" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc001.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc001-300x180.webp 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption class="wp-element-caption">パソコンのメモリ</figcaption></figure>



<p>印刷用で必要とされる解像度は</p>



<ul class="wp-block-list">
<li>モノクロだと600dpi以上</li>



<li>カラーだと350dpi以上</li>
</ul>



<p>というように<span class="swl-format-1">高解像度</span>で作成する必要があり、作業中にレイヤーを多く使うとメモリも比例して多く必要になります。</p>



<p><span class="swl-format-1">メモリ不足</span>になると<span class="swl-marker mark_orange">処理が重くなったり表示が遅くなったり</span>して作業にならなくなるので注意してください。</p>



<p class="is-style-big_icon_point">メモリ容量はストレージ容量ではないのでご注意ください。<br>2024年発売の<span class="swl-format-1">iPad Pro（M4搭載）</span>だと、ストレージが512GB以下のものは<span class="swl-format-2">搭載メモリは8GB</span>、ストレージが1TB・2TBの上位2機種は<span class="swl-format-2">搭載メモリは16GB</span>です。</p>



<p>Windowsパソコンだと安いノートパソコンはメモリが4GBくらいしかないこともありますが、画像ソフトを使う場合はメモリ容量が多いほど処理が楽になります。<br><br>9年前のデスクトップパソコンでも作業できていたのは、<span class="swl-format-1">メモリを32GB搭載していた</span>ので動作が重くて困るということはほぼありませんでした。</p>



<figure class="wp-block-table td_to_th_ is-style-double"><table><thead style="--thead-color--bg:var(--color_pale02);--thead-color--txt:var(--swl-text_color--black)"><tr><th>製品名</th><th>2012年購入し2021年11月まで使っていたパソコン</th></tr></thead><tbody style="--tbody-th-color--bg:var(--color_pale02);--tbody-th-color--txt:var(--swl-text_color--black)"><tr><td>CPU</td><td>Intel Core i7-3770</td></tr><tr><td>メモリ</td><td><span class="swl-format-2">32GB</span> DDR3 SDRAM</td></tr><tr><td>GPU</td><td>GeForce GTX660</td></tr><tr><td>OS</td><td>Windows(R)10 Pro 64bit版</td></tr></tbody></table><figcaption class="wp-element-caption">以前に使っていたパソコンのスペック</figcaption></figure>



<p>今や低スペックのCPUでも<span class="swl-format-2">メモリが多ければ意外と作業で問題はありません</span>でした。</p>



<p>ですので予算に限りがある場合は</p>



<ul class="wp-block-list">
<li>インテルのCPUならCore Ultra 9やCore i9より<span class="swl-marker mark_orange">Core Ultra 7やCore i7</span></li>



<li>AMDのCPUならRyzen 9シリーズより<span class="swl-marker mark_orange">Ryzen 7</span>シリーズ</li>
</ul>



<p><span class="swl-format-1">CPU</span>を<span class="swl-format-1">ワンランク落としてもメモリにお金をかけたほうが画像を扱う上では有利</span>です。</p>



<p>『FAIRY TAIL』でおなじみの真島先生は64GB搭載しているとYoutubeでおっしゃってました。</p>



<p>それだけのメモリがあるとクリスタとPhotoshopとBlenderを同時に立ち上げて使っても余裕だと思いますが、32GBでも簡単に使い切ることはそうありません。</p>



<p>新しいPCはメモリ容量を増やしたかったのですが、2021年当時に新発売されたばかりの高速メモリ（DDR5・以前使用していたDDR3から2世代新しいメモリ）が結構いいお値段だったので最終的に新しいPCも同じ容量の32GBにしました。</p>



<p class="is-style-big_icon_check">画像処理には最低8GB、できれば16GB 以上欲しいと考えてください。<br>（iPad Pro、もしくは2025年iPad Air 11インチ (M3)などを検討してみてください）</p>



<p>また2025年現在、後述するBTOメーカーFrontierで売られているデスクトップパソコンのメモリはベースが32GBで、<span class="swl-format-2">セールで64GBの拡張も出来る</span>ので大変お得に買えます！</p>


<div class="p-adBox -normal -border-off" data-id="1741" data-ad="normal"><div class="p-adBox__body"><div class="p-adBox__img"><a href="https://px.a8.net/svt/ejp?a8mat=3NESFV+FRE4AA+3KX4+626XT" rel="nofollow">
<img decoding="async" border="0" width="320" height="50" alt="" src="https://www23.a8.net/svt/bgt?aid=220719739953&#038;wid=001&#038;eno=01&#038;mid=s00000016708001018000&#038;mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=3NESFV+FRE4AA+3KX4+626XT" alt=""></div></div></div>


<h3 class="wp-block-heading">パソコンのCPU</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="300" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc002.webp" alt="パソコンのCPU" class="wp-image-1702" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc002.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc002-300x180.webp 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption class="wp-element-caption">パソコンのCPU</figcaption></figure>



<p>続いてCPUですが、WindowsのCPUメーカーはIntelかAMDになります。</p>



<ul class="wp-block-list">
<li><span class="swl-format-1">Intel</span>ならばCorei5、Corei7、Core Ultra5、Core Ultra7</li>



<li><span class="swl-format-1">AMD</span>ならばRyzen5、Ryzen7</li>
</ul>



<p>がおすすめに入ってきます。</p>



<p><span class="swl-format-1">MacならM4</span>でしょう。</p>



<p>あまり複数のソフトを同時に使わずにクリスタだけならCore i5でも大丈夫ですし、実際クリスタ向けとしてCore i5を採用しているショップも多い印象です。</p>



<p>一方で、複数のソフトやブラウザを立ち上げっぱなしで使ったり、<span class="swl-format-1"><span class="swl-marker mark_orange">ゲームやライブ配信・動画編集もやりたいと考えているならCore i7・Core Ultra 7以上に</span></span>しておいたほうが後悔しません。</p>



<p>クリスタだけだとしても、Core i7のほうがCore i5よりも当然早いですから、私は<span class="swl-format-1">Core i7</span>を選んでます。</p>



<p>IntelかAMDはどちらでも良いと思いますし私も悩んだのですが、第12世代Intel製CPUがWindows11に最適化されたというタイミングでの発売だったのでIntelにしました。</p>



<p class="is-style-big_icon_caution">Intel製CPU13世代14世代には不具合があり、<span class="swl-format-1"><a href="https://forest.watch.impress.co.jp/docs/serial/sspcgame/1633841.html">UEFI BIOSでの修正が必須</a></span>です。<br>&#8220;Core i7-<span class="swl-format-2">13</span>☓☓☓&#8221;や&#8221;Core i7-<span class="swl-format-2">14</span>☓☓☓&#8221;といった製品が該当します。<br>アップデートしないと故障の原因になりますのでご注意ください。</p>



<p>ゲームなどのキャプチャーボードでIntelのCPUでないと不具合が出るものがあると聞いたことがありますので、周辺機器の相性に気をつければどちらでも問題ないでしょう。</p>



<p><span class="swl-format-1"><span class="swl-marker mark_orange">最上位のCore i9・Ultra 9にしないのは値段と消費電力が気になる</span></span>という点で、<span class="swl-marker mark_orange">多用途なバランスを考えるとCore i7・Core Ultra7が最適</span>だと思います。</p>



<p>また、意外と昔のCPUでも動くという話をしたのですが、<a rel="noreferrer noopener" href="https://www.cpu-monkey.com/ja/compare_cpu-apple_m1-vs-intel_core_i7_3770" target="_blank">9年前のパソコンより最近のiPad Proのほうが性能で上回る場面も多い</a>ほどです。</p>



<p>ただ、クリスタの場合<span class="swl-format-1">水彩系のデュアルブラシなどかなり重たい処理のブラシ</span>がありますので、それらを使う場合にはより<span class="swl-format-1">速いCore i7クラスのCPU</span>を選んでおくことをおすすめします。</p>



<p class="is-style-big_icon_check">値段と消費電力のバランスを考えるならIntel Core Ultra7がおすすめです。</p>



<h3 class="wp-block-heading">パソコンのグラフィックボード（GPU）</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="300" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc003.webp" alt="パソコンのGPU" class="wp-image-1703" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc003.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc003-300x180.webp 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption class="wp-element-caption">パソコンのGPU</figcaption></figure>



<p>グラフィックボード（GPU）はクリスタでは重要度が必須レベルいうわけではありません。</p>



<p>ただ、今後の機能追加を考えたときに必要になる可能性が高くなります。</p>



<ul class="wp-block-list">
<li><span class="swl-format-1">3D機能</span>を使用する</li>



<li><span class="swl-format-2">4K環境での作業</span></li>
</ul>



<p>この2点ではGPUは非常に重要です。</p>



<p>現在のクリスタで<span class="swl-format-1">GPU</span>を使うのは<span class="swl-marker mark_orange">3D機能</span>と<span class="swl-marker mark_orange">スマートスムージング</span>がメインですが、2023年以降のクリスタはバージョンが上がり、現在のクリスタver4では3D関連機能が大幅に強化されています。</p>



<p>また<span class="swl-format-2">4Kの液タブ</span>を使った描画は表示負荷が上がりますので<span class="swl-format-1"><span class="swl-marker mark_orange">ある程度のGPUは必須</span></span>です。</p>



<p>GPUは</p>



<ul class="wp-block-list">
<li><span class="swl-format-1">NVIDIA</span>ならばGeForce RTX</li>



<li><span class="swl-format-1">AMD</span>ならばRadeon RX</li>
</ul>



<p>GeForceもRadeonも現在は1000の位が世代、Geforceは10の位が大きいもの、Radeonは100の位が大きいものが高性能です。</p>



<figure class="wp-block-table is-style-double"><table class="has-swl-pale-02-background-color has-background"><tbody><tr><td>GeForce RTX 4090 &gt; GeForce RTX 4080 &gt; GeForce RTX 4070 &gt; GeForce RTX 4060</td></tr><tr><td>Radeon RX 7900 &gt; Radeon RX 7800 &gt; Radeon RX 7700 &gt; Radeon RX 7600</td></tr></tbody></table><figcaption class="wp-element-caption">GPU性能は型番の数字の大きいものが性能が高く値段も高い</figcaption></figure>



<p>また型番数字のあとにGeForceなら”<span class="swl-format-1">Ti</span>”、Radeonなら”<span class="swl-format-1">XT</span>”と付いているとノーマルより性能向上版という位置づけになります</p>



<figure class="wp-block-table"><table class="has-swl-pale-02-background-color has-background"><tbody><tr><td>GeForce RTX 4090 &gt; GeForce RTX 4080 <span class="swl-format-1">Ti</span> &gt; GeForce RTX 4080<br>&gt; GeForce RTX 4070 <span class="swl-format-1">Ti</span>&gt;GeForce RTX 4070</td></tr></tbody></table><figcaption class="wp-element-caption">型番数字のあとに文字が付いてると性能向上版になっている</figcaption></figure>



<p><span class="swl-format-1">CPUもGPUも数字の大きなものが高性能</span>と覚えておいてください。</p>



<p>GPUもお好みでいいのですが、どちらかというとゲームはGeForce対応で作られていることが多いので、ゲームもやりたいと思っている場合はGeForceがおすすめになります。</p>



<p>そしてCPUと同様の問題なのですが、<span class="swl-format-1">GeForce RTX 3080以上だとかなり消費電力も大きく値段も高い</span>ので、<span class="swl-marker mark_orange">バランス的にGeForce RTX 3060</span>にしてます。<br>それでも昔に比べるとずいぶんと消費電力が大きくなりましたが、<span class="swl-marker mark_orange">PCのゲームを本格的にやる場合はGeForce RTX 3070以上</span>がいいかと思います。</p>



<p>以上を踏まえた上でおすすめスペックです。</p>



<p class="is-style-big_icon_check"><span class="swl-format-1">メモリ</span>　8GB以上、16GB以上ならかなり快適<br><span class="swl-format-1">CPU</span>　Core i7・Core Ultra7、メモリに予算を回すならCore i5・Core Ultra5<br><span class="swl-format-1">GPU</span>　GeForce RTX 3060/GeForce RTX 4060/GeForce RTX 5060Ti</p>



<p class="is-style-big_icon_caution">Intelの第13･14世代のCPUはBIOSの更新が必要で初心者の方にはおすすめしにくいと感じました。<br><br>現在のCore Ultraシリーズは2024年10月25日以降のWindows Updateによって問題が大幅に改善しており非常におすすめです。<br><br>ただ、Core UltraのBIOSアップデートもすでに出ていますので、環境によってはアップデートの更新をしたほうが良い場合があるということは頭にいれておいてください。</p>



<p>もし予算に余裕がある場合はビデオメモリにも注目してください。</p>



<p>Frontierですと、PCのスペック表にGeForce ☓☓☓☓<span class="swl-format-1">（8GB）</span>など<span class="swl-marker mark_orange">カッコ付きで書かれています</span>。</p>



<p><span class="swl-format-1">可能なら16GB</span>など多いものを選んだほうがイラスト以外のゲームなど含めた多用途で便利になります。</p>



<p>Core i5、メモリ16GB 、GeFroce GTX 1660クラスのパソコンであれば<span class="swl-format-1">12万円</span>くらいで購入できます。<br>また、AMD Ryzen 7 7800X3Dでもセールで<span class="swl-format-1">30万円以内で高スペックなPC</span>が購入できます。</p>



<p class="has-text-align-center u-mb-ctrl u-mb-0 has-xs-font-size"><span class="swl-format-2">＼セール開催中！／</span></p>



<div class="swell-block-button -html is-style-btn_shiny" data-id="5df60c52"><a href="https://px.a8.net/svt/ejp?a8mat=3NESFV+FRE4AA+3KX4+63WO2" rel="nofollow">コスパに徹底的にこだわる方に選ばれています。パソコン買うならBTOの【FRONTIER】</a>
<img decoding="async" border="0" width="1" height="1" src="https://www13.a8.net/0.gif?a8mat=3NESFV+FRE4AA+3KX4+63WO2" alt=""></div>



<p>GPUはあくまでオプションと考えて、それよりも<span class="swl-marker mark_orange">まずデジタルで絵を描き始めることのほうが重要</span>だと考えてます。</p>



<p>ただ、予算内で欲しいと思えるものがあればすぐに購入することをおすすめします。でないと…</p>



<figure class="wp-block-image size-full"><img decoding="async" width="396" height="845" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc008.webp" alt="Frontierのセールで売り切れ" class="wp-image-2054" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc008.webp 396w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc008-300x640.webp 300w" sizes="(max-width: 396px) 100vw, 396px" /><figcaption class="wp-element-caption">Frontierのセールはオトクなので売り切れになることがしばしばあります</figcaption></figure>



<p>お買い得な商品には限りがあり、<span class="swl-format-2">簡単に完売になることがあります</span>。</p>



<p>ただ、<span class="swl-format-1">諦めずに次のセールをチェック</span>しておくときっと高コスパのPCを手に入れることができます！</p>



<h3 class="wp-block-heading">予算の上限目安</h3>



<p>そして最後に大事な購入金額の注意点ですが、<span class="swl-format-2">30万円以内に抑える</span>ということを基本にしてます。</p>



<p><span class="swl-marker mark_orange"><span class="swl-format-1">青色申告</span></span>をされている方ならピンときたと思いますが、<span class="swl-format-2">30万円以内の備品は買った年に一括で経費処理できます</span>。</p>



<p><span class="swl-format-1">30万円を超えるとパソコンの場合は<span class="swl-marker mark_orange">4年間で分割して減価償却する経費処理</span>が発生</span>して面倒だからというのは心理的に大きなポイントです。</p>



<h2 class="wp-block-heading">【Frontier　FRGHZ690/A】のレビュー</h2>



<p><br>ここからは購入しておよそ3年間イラスト作成に使用した【Frontier　FRGHZ690/A】のレビューを書いていきます。</p>



<span class="a8ad 3SVnxbH-g7-tq8ZFuQ"></span><script type="text/javascript" src="//statics.a8.net/ad/ad.js"></script><script type="text/javascript">a8adscript('body').showAd({"req": {"mat":"3NESFV+FRE4AA+3KX4+BWGDT","alt":"商品リンク","id":"3SVnxbH-g7-tq8ZFuQ"},"goods": {"ejp":"h"+"ttps://www.frontier-direct.jp/direct/g/g113782/","imu":"h"+"ttps://www.frontier-direct.jp/img/goods/L/GH-Black-White.jpg"}});</script>



<p>FRがFrontier（メーカー名）、GHがケース、Z690が使用しているマザーボードの型番。/Aは基本構成のランクとなっています。</p>



<p class="is-style-icon_info">2025年4月現在、Z690は完売して、後継機のB860/Z890になっています。</p>



<h3 class="wp-block-heading">Frontierの特徴</h3>



<p>名前をご存知ない方もいるかと思いますが、昔からパソコンを触っている人にとっては馴染みがあるかもしれません。</p>



<p>長年にわたってコンピュータを製造しているメーカーで、品質が高く信頼性があります。</p>



<p>現在は<span class="swl-format-1">ヤマダ電機のグループ会社</span>なのでそこは安心していただいて大丈夫かと思います。</p>



<p>同じく老舗で有名なメーカーのTSUKUMOも今はヤマダ電機グループですね。</p>



<p>FRONTIERのパソコンは他の<span class="swl-format-1">BTO（自分でパーツを選んで注文する）</span>メーカーと比較した場合、低価格でスペックの高いパソコンが手に入るためコストパフォーマンスに優れています。</p>



<p><span class="swl-format-1"><span class="swl-marker mark_orange">価格重視の方におすすめのパソコンメーカー</span></span>です。</p>



<p>2025年5月現在のIntelのマザーボード（パソコンのパーツを束ねる重要な基盤）に関しては、</p>



<ul class="wp-block-list">
<li>Z890が<a href="https://www.frontier-direct.jp/direct/e/ejGbZ890/#i0_2" target="_blank" rel="noreferrer noopener">MSI製Z890GAMINGPLUSWIFI</a></li>



<li>B760が<a href="https://www.frontier-direct.jp/direct/e/ejGamB760/">ASRock製B760M-HDV/M.2D4</a></li>



<li>B860が<a href="https://www.frontier-direct.jp/direct/e/ejGplB860/">ASUS製B860MAYWGAMINGWIFI</a></li>
</ul>



<p>となってます。</p>



<p>意外とマザーボードに<span class="swl-format-1">どこのメーカーの何を使っているのかわからないBTOメーカーもある</span>ので、<span class="swl-format-1"><span class="swl-marker mark_orange">この点は親切</span></span>だと感じてます。</p>



<p>私は電源回路の信頼性を考慮した結果、少し高いですがMSI製Z690を選びました。</p>



<p>2025年5月時点現在で選ぶなら、以前も使っていたASUS社のものにも信頼性を感じていますので、<span class="swl-format-1"><span class="swl-marker mark_orange">B860</span></span>を選ぶでしょう。</p>



<p>Frontierでは年中さまざまなセールをやっているので、自分の買いたいタイミングでサイトに行ってもお目当てのものが安く見つかる可能性が高いです。</p>



<p>パーツ選択に関してもっと細かくメーカーを指定できるところもありますが、大きなこだわりがなければFrontierはかなりお買い得で高品質だと感じています。</p>



<p class="is-style-big_icon_check">21年11月に買って25年4月末の<span class="swl-format-2">4年間、全く不具合が出てません</span>！</p>



<h3 class="wp-block-heading">【Frontier　FRGHZ690/A】のスペック</h3>



<p>購入した【Frontier　FRGHZ690/A】のスペックは以下のとおりです。</p>



<figure class="wp-block-table td_to_th_ is-style-double"><table><thead style="--thead-color--bg:var(--color_pale02);--thead-color--txt:var(--swl-text_color--black)"><tr><th>製品名</th><th>Frontier　FRGHZ690/A</th></tr></thead><tbody style="--tbody-th-color--bg:var(--color_pale02);--tbody-th-color--txt:var(--swl-text_color--black)"><tr><td>CPU</td><td>Core i7-12700KF(3.6GHz)</td></tr><tr><td>メモリ</td><td>32GB DDR5-4800 SDRAM</td></tr><tr><td>GPU</td><td>GeForce RTX3060 12GB</td></tr><tr><td>SSD</td><td>Intel SSD 670P 512GB M.2 NVMe</td></tr><tr><td>HDD</td><td>4.0TB SATA6.0Gb/s(RED)</td></tr><tr><td>ケース</td><td>Phanteks タワーケース</td></tr><tr><td>電源</td><td>850W電源(日本製コンデンサ･80PLUS GOLD)</td></tr><tr><td>OS</td><td>Windows(R)11 Home 64bit版</td></tr></tbody></table><figcaption class="wp-element-caption">Frontier　FRGHZ690/A　スペック</figcaption></figure>



<p>今まで解説してきた考え方をもとにスペックを決定しました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="550" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc004.webp" alt="実際に使っているFrontier　FRGHZ690/A" class="wp-image-1705" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc004.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc004-300x330.webp 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption class="wp-element-caption">実際に使っているFrontier　FRGHZ690/A</figcaption></figure>



<p>では9年前のパソコンと比較してどの程度性能が上がったのかベンチマークをご覧ください。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="730" height="380" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc007.webp" alt="9年前のパソコンとベンチマーク比較" class="wp-image-1708" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc007.webp 730w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc007-500x260.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc007-300x156.webp 300w" sizes="(max-width: 730px) 100vw, 730px" /><figcaption class="wp-element-caption">9年前のパソコンとベンチマーク比較</figcaption></figure>



<p>CPUの<span class="swl-format-2">マルチコア性能がおよそ6倍</span>、<span class="swl-format-1">シングルコア性能で2.4倍</span>になりました。</p>



<p>起動の速さでいうなら通常のSSDから<span class="swl-format-1">M.2 NVMe2 SSD</span>という<span class="swl-format-1">高速タイプ</span>になったのも恩恵が大きいです。</p>



<p>よくわからなくても、Frontierで販売されているSSDはM.2 NVMeのSSDになっているので安心して購入できると思います。</p>



<p>単純にクリスタだけではオーバースペックではあるのですが、速いパソコンで困ることは皆無ですし、<span class="swl-format-1">3DCGの制作も行う</span>ので多少余裕をもたせたスペックが必要でした。</p>



<p>また今後、パソコンでファイナルファンタジーとかやるかも？と考えた上でのスペックになってます。</p>



<p>スリムでモダンなデザインで、最初は必要ないかなと思っていたPCケース内のゲーミングLEDライトも今ではかなり気に入ってます。</p>



<h2 class="wp-block-heading">Frontierをおすすめする人</h2>



<div class="wp-block-group is-style-big_icon_good"><div class="wp-block-group__inner-container">
<ul class="wp-block-list">
<li>高性能なPCを安く手に入れたい</li>



<li>CPUやグラフィックカード、ストレージなどのスペックを選択して、自分に合ったパソコンを作成したい</li>
</ul>
</div></div>



<p><span class="swl-format-2">他のBTOメーカーと比べると安い</span>です。</p>



<p>でも、<span class="swl-format-1">中に使用されている製品のメーカーや種類もわかるので不安は感じません</span>。</p>



<p>究極的に言ってしまえば、どこで買っても壊れるときは壊れますし、壊れた人は不満のレビューを書く気持ちも分かりますからどのメーカーでも評判は色々でることでしょう。</p>



<p>私は特に不具合もなく作業できているので非常に満足です。</p>



<p>あと、今までPCを使ってきた経験でどこが壊れる可能性があるかとか検討がつきますし、壊れてもパーツを取り替えればいいと思ってます。</p>



<p>今まで使ってきたPCも処理向上のために<span class="swl-format-1">GPUは最低一回は交換してきました</span><span class="swl-format-1">し、SSDも大容量のものに取り替えたり</span>してきてます。</p>



<p>新しいパソコンも届いてまず行ったのは前のパソコンで使っていたハードディスクの移植でした。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="330" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc005.webp" alt="ケーブルをバラしてハードディスクを追加" class="wp-image-1706" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc005.webp 600w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc005-500x275.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc005-300x165.webp 300w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption class="wp-element-caption">ケーブルをバラしてハードディスクを追加</figcaption></figure>



<p><span class="swl-format-1">あまりにきれいに配線がまとめられて</span>いて逆にバラすのが大変だったくらいで、非常に見事な仕事だと感心したほどです。</p>



<p>パーツの付け替えは最低限の配線がわかるなど知識は必要ですが、そんな難しいものではありません。</p>



<p>それでも、こういうパーツ交換が苦手な方もいると思いますので、そういった方には向かないかもしれません。</p>



<p><span class="swl-format-2">パーツ交換の融通の効くところがWindowsの良さ</span>だと思ってるので、私はずっとWindowsを使っています。</p>


<div class="p-adBox -normal -border-off" data-id="1740" data-ad="normal"><div class="p-adBox__body"><div class="p-adBox__img"><a href="https://px.a8.net/svt/ejp?a8mat=3NESFV+FRE4AA+3KX4+631SX" rel="nofollow">
<img decoding="async" border="0" width="728" height="90" alt="" src="https://www27.a8.net/svt/bgt?aid=220719739953&#038;wid=001&#038;eno=01&#038;mid=s00000016708001022000&#038;mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www13.a8.net/0.gif?a8mat=3NESFV+FRE4AA+3KX4+631SX" alt=""></div></div></div>


<h2 class="wp-block-heading">Frontierをおすすめしない人</h2>



<div class="wp-block-group is-style-big_icon_good"><div class="wp-block-group__inner-container">
<ul class="wp-block-list">
<li>手厚いサポートを受けたい</li>



<li>Macがいい</li>
</ul>
</div></div>



<p>基本的に自分でどうにかできるというのがBTOの良さなので、まったくPCを触ったことがないという人にはおすすめしにくいです。</p>



<p>最低限の知識かGoogleなどで検索して解決する力は必要になるかと思います。</p>



<p>ただ、家電量販店で売っている大手メーカーのものは余計なソフトが入っているので逆に使い勝手が悪かったり拡張性がなかったりで私は積極的には選びません。</p>



<p>また、販売されているPCはWindowsなので、Macがいい人は家電ショップかAppleストアでなければ購入できません。</p>



<p>そうは言っても、BTOメーカーの老舗ですので、トラブルが起きた場合やサポートが必要な場合には、カスタマーサービスに連絡することで、迅速かつ丁寧な対応も受けられます。</p>



<h2 class="wp-block-heading">デスクトップPCのメリット</h2>



<div class="wp-block-group is-style-big_icon_good"><div class="wp-block-group__inner-container">
<ul class="wp-block-list">
<li>ノートパソコンと同じ値段ならデスクトップパソコンのほうが性能が高い</li>



<li>配信を充実化させりPCゲームの実況を行いたい</li>



<li>動画編集もしたい</li>



<li>3DCGもしたい</li>
</ul>
</div></div>



<p><br>クリスタでの<span class="swl-format-1"><span class="swl-marker mark_orange">お絵描き以上をしたい</span></span>という場合、高性能であればあるほどいいのでデスクトップパソコンがおすすめです。</p>



<p>最近の<span class="swl-format-1">Youtube配信などをされたい方のクラウドファンディング</span>を見てると、やっぱり<span class="swl-format-2">Windowsデスクトップパソコンを欲しいと思ってる方が多い</span>ようなので高性能を求めるならデスクトップパソコンがベストでしょう。</p>



<p>動画編集や3DCGはGPUも使用して処理をするので、GPUのパワーが活かせるデスクトップは最適です。</p>



<p><span class="swl-format-1">ゆっくり動画編集</span>の<span class="swl-marker mark_orange">YMM4はWindows専用</span>の編集ソフトなので、Macで動かすのはそれなりの知識が必要だと考えれば、高性能なBTOのWindowsパソコンはおすすめです。</p>



<p>ただ、ノートパソコンではなくデスクトップパソコンの場合は表示用のディスプレイが別途必要です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="330" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc006.webp" alt="ディスプレイ接続ポート" class="wp-image-1707" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc006.webp 600w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc006-500x275.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-pc006-300x165.webp 300w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption class="wp-element-caption">ディスプレイ接続ポート</figcaption></figure>



<p>写真はGeFroce RTX 3060になりますが、</p>



<ul class="wp-block-list">
<li>HDMI x1</li>



<li>DisplayPort x3</li>
</ul>



<p>になっていてHDMIは１つしかないので、ディスプレイが2つ以上の場合に必要なケーブルもあわせて準備が必要です。</p>



<h2 class="wp-block-heading">デスクトップPCのデメリット</h2>



<div class="wp-block-group is-style-big_icon_good"><div class="wp-block-group__inner-container">
<ul class="wp-block-list">
<li>大きいので部屋の場所を取り、持ち運びはできない</li>



<li>消費電力は高めなので夏場は暑くなる</li>



<li>停電時にはどうにもならない</li>
</ul>
</div></div>



<p>デスクトップパソコンが配達されてきてまず思うことは</p>



<p><span class="swl-format-1">「でかい」</span></p>



<p>だと思います。</p>



<p>一度設置するとどうしても動かさないので背面にはホコリが溜まりやすいですし、先述の通りCPUやGPUは高性能化にともない非常に消費電力が上がり発生する熱もかなりのものになってます。</p>



<p>8月はエアコンを入れていても<span class="swl-format-1">GPUはだいたい50℃</span>にはなってるので、パソコンの裏は結構な熱風でした。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/profile.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">紫あつし</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>デスクトップパソコンはとにかくパワーで押し切りたい人向けです！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>クリスタなどのイラストや漫画だけであればノートパソコンやiPadも選択肢に入ると思います。</p>



<p>同じFrontierのCore Ultra7ノートパソコンで<span class="swl-format-1">FRVNM714/C</span>なら十分な性能を持っています。</p>



<span class="a8ad 3SVnxbH-g7-uIHkZYt"></span><script type="text/javascript" src="//statics.a8.net/ad/ad.js"></script><script type="text/javascript">a8adscript('body').showAd({"req": {"mat":"3NESFV+FRE4AA+3KX4+BWGDT","alt":"商品リンク","id":"3SVnxbH-g7-uIHkZYt"},"goods": {"ejp":"h"+"ttps://www.frontier-direct.jp/direct/g/g119314/","imu":"h"+"ttps://www.frontier-direct.jp/img/goods/L/VNC240.jpg"}});</script>



<p>持ち運びができるというのは便利だと感じるときも当然あります。</p>



<p>ただ私の場合は基本的に家で椅子に座らないと作業するスイッチが入らないのでデスクトップPCで問題ないのと、<span class="swl-marker mark_orange">9年ぶりにPCを買い替えて驚くほど早くなって</span>びっくりしました。</p>



<p>最近は電力不足が言われてますので、いつ計画停電のようなことが起きるかわかりません。</p>



<p>デスクトップパソコンの場合、停電時は諦めて他のことをするしかないです。</p>



<p>ノートパソコンでも電力復旧に4時間もかかればバッテリーが不安になってくると思いますので、長時間の停電ではあまり重要ではない問題かもしれません。</p>



<p>もちろん雷雨などで急な停電の不安もあるかもしれませんが、個人的に数年に1回あるかないかのレベルの話ですし、<span class="swl-marker mark_orange">こまめに保存する癖がついているのでそこは気にしてません</span>。</p>



<p>あとからやりたいことが増えて、結局追加出費することになると思うならデスクトップパソコンは良い選択だと思ってます。</p>


<div class="p-adBox -normal -border-off" data-id="1740" data-ad="normal"><div class="p-adBox__body"><div class="p-adBox__img"><a href="https://px.a8.net/svt/ejp?a8mat=3NESFV+FRE4AA+3KX4+631SX" rel="nofollow">
<img decoding="async" border="0" width="728" height="90" alt="" src="https://www27.a8.net/svt/bgt?aid=220719739953&wid=001&eno=01&mid=s00000016708001022000&mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www13.a8.net/0.gif?a8mat=3NESFV+FRE4AA+3KX4+631SX" alt=""></div></div></div>



<h2 class="wp-block-heading">コストパフォーマンスよくパソコンを買うならBTOが一番</h2>



<p>コストパフォーマンスよく高性能なパソコンを購入する場合はBTOパソコンが一番です。</p>



<p>私は1997年に初めてパソコンを買ったときからBTOでオーダーしています。</p>



<p>クリスタ推奨モデルというのも販売されていますが、最近まで9年前のパソコンでも使っていたくらいですので<span class="swl-marker mark_orange">ゲーミングPCでもなんでも動作します</span>。</p>



<p>私は最も安かったFrontierで買いましたが、”BTO　パソコン”で検索すると有名なところでは</p>



<ul class="wp-block-list">
<li>TSUKUMO</li>



<li>ドスパラ</li>



<li>マウスコンピューター</li>



<li>サイコム</li>
</ul>



<p>など出てくると思います。</p>



<p>基本的に使われているパソコンのパーツはだいたい一緒で、マザーボードやSSDのメーカーが違うとか細かい差になってくる感じです。</p>



<p>上記のメーカー名で検索するとネガティブな情報を目にすることもあるかもしれませんが、パソコンも電化製品なので、一定数の初期不良は避けられません。</p>



<p>そういった場合にでも誠実に対応してくれるメーカーを選ぶことが大事になってくるかと思いますので、私としてはFrontierで購入して良かったと思ってます。</p>



<p>パーツを選ぶポイントや考え方はご紹介しましたので、参考にしていただければ幸いです。</p>


<div class="p-adBox -normal -border-off" data-id="1740" data-ad="normal"><div class="p-adBox__body"><div class="p-adBox__img"><a href="https://px.a8.net/svt/ejp?a8mat=3NESFV+FRE4AA+3KX4+631SX" rel="nofollow">
<img decoding="async" border="0" width="728" height="90" alt="" src="https://www27.a8.net/svt/bgt?aid=220719739953&#038;wid=001&#038;eno=01&#038;mid=s00000016708001022000&#038;mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www13.a8.net/0.gif?a8mat=3NESFV+FRE4AA+3KX4+631SX" alt=""></div></div></div>]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/clipstudio-pc/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【クリスタ】3Dデッサン人形を下描きに使った顔の描き方講座！</title>
		<link>https://murasakiatsushi.com/clipstudio-drawingdoll-trace/</link>
					<comments>https://murasakiatsushi.com/clipstudio-drawingdoll-trace/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Fri, 15 Jul 2022 08:30:25 +0000</pubDate>
				<category><![CDATA[CGメイキング]]></category>
		<category><![CDATA[クリスタ]]></category>
		<category><![CDATA[クリスタTIPS]]></category>
		<category><![CDATA[デッサン人形]]></category>
		<category><![CDATA[初心者]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=1500</guid>

					<description><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace_ic.webp" class="webfeedsFeaturedVisual" /></p>CLIP STUDIO PAINTには3Dデッサン人形という他のペイントアプリにはない便利機能があります。 デッサン人形をデジタル空間で再現してくれているので、下描きのアタリや構図決めで役立つ優秀な機能です。 以前は私自 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace_ic.webp" class="webfeedsFeaturedVisual" /></p>
<p>CLIP STUDIO PAINTには<span class="swl-format-1">3Dデッサン人形</span>という<span class="swl-marker mark_orange">他のペイントアプリにはない便利機能</span>があります。</p>



<p>デッサン人形をデジタル空間で再現してくれているので、<span class="swl-marker mark_orange">下描きのアタリや構図決め</span>で役立つ優秀な機能です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="582" height="800" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace001.webp" alt="クリスタの3Dデッサン人形を使って構図決め" class="wp-image-1534" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace001.webp 582w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace001-500x687.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace001-300x412.webp 300w" sizes="(max-width: 582px) 100vw, 582px" /><figcaption>クリスタの3Dデッサン人形を使って構図決め</figcaption></figure>



<p>以前は私自身そこまで活用してなかったのですが、漫画家のミウラタダヒロ先生がクリスタの3Dデッサン人形を活用しているのを見てから徐々に取り入れています。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">少年ジャンプ＋</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://cdn.image.st-hatena.com/image/scale/778e7975cd7596e726bc44375547a254e31fd070/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fj%2Fjumpplus%2F20211012%2F20211012164702.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://shonenjumpplus.com/article/entry/funtoki_3">【3話】長谷川智広のデジタル作画奮闘記～アナログの申し子、デジタルに挑む～ &#8211; 少年ジャンプ＋</a>
						<span class="p-blogCard__excerpt">デジタルで漫画を描いてみたい人必見！本当に底辺からスタートするルポ漫画!!</span>					</div>
				</div>
			</div>
		</div>


<p>クリスタではないですが、『シン・エヴァンゲリオン劇場版』では庵野監督は3Dモデルを配置したあとからカメラワークを決めていったりと、<span class="swl-format-1">漫画でもアニメでもプロがレイアウトで3Dを使う機会が増えてきている</span>のは確かなのです。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/profile.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">紫あつし</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>せっかくクリスタに入ってる機能なのに使わないともったいないですね！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>ただ、<span class="swl-marker mark_orange">3Dデッサン人形を単純になぞるだけでは硬い絵になりがち</span>ですし、<span class="swl-marker mark_orange">デッサン人形のバランスも自分の絵とピッタリ合わせるのはかなり難しい</span>です。</p>



<p>そこで今回は顔にしぼって、<span class="swl-format-1">3Dデッサン人形をどうトレスしていくか</span>という私なりのやり方を紹介させて頂きます。</p>


<div class="p-adBox -normal -border-off" data-id="1474" data-ad="normal"><div class="p-adBox__body"><div class="p-adBox__img"><a href="https://px.a8.net/svt/ejp?a8mat=3HA7IJ+11IBW2+3AP2+62U35" rel="nofollow">
<img decoding="async" border="0" width="468" height="60" alt="" src="https://www26.a8.net/svt/bgt?aid=210428299063&wid=001&eno=01&mid=s00000015383001021000&mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www18.a8.net/0.gif?a8mat=3HA7IJ+11IBW2+3AP2+62U35" alt=""></div></div></div>



<h2 class="wp-block-heading">自分好みにデッサン人形をカスタマイズする方法</h2>



<p>デッサン人形はある程度なら自分なりにカスタマイズすることができます。</p>



<p><span class="swl-format-1">素材パレット</span>の<span class="swl-format-1">［3D］</span>から<span class="swl-format-1">［3Dデッサン人形-Ver.2（女性）］</span>をドラッグアンドドロップします。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="635" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace002.webp" alt="デッサン人形をドラッグアンドドロップ" class="wp-image-1510" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace002.webp 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace002-500x397.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace002-300x238.webp 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace002-768x610.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>デッサン人形をドラッグアンドドロップ</figcaption></figure>



<p>［操作］から<span class="swl-format-1">［オブジェクト］</span>を選択し、ツールプロパティの下にある<span class="swl-format-1">スパナアイコン</span>から<span class="swl-format-1">サブツール詳細</span>を開いて<span class="swl-format-1">［デッサン人形］</span>の項目から身長や頭身、各部位の太さや長さを調節することができます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="383" height="412" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace003.webp" alt="デッサン人形の詳細設定の開き方" class="wp-image-1511" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace003.webp 383w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace003-300x323.webp 300w" sizes="(max-width: 383px) 100vw, 383px" /><figcaption>デッサン人形の詳細設定の開き方</figcaption></figure>



<p>今回はまず</p>



<ul class="has-border -border02 wp-block-list"><li>首を細く</li><li>肩幅を狭く</li><li>腕を細く</li><li>足を小さく</li></ul>



<p>しました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="704" height="538" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace004.webp" alt="デッサン人形の首と肩を調節" class="wp-image-1512" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace004.webp 704w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace004-500x382.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace004-300x229.webp 300w" sizes="(max-width: 704px) 100vw, 704px" /><figcaption>デッサン人形の首と肩を調節</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="704" height="538" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace005.webp" alt="デッサン人形の腕の太さや足の大きさを調節" class="wp-image-1513" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace005.webp 704w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace005-500x382.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace005-300x229.webp 300w" sizes="(max-width: 704px) 100vw, 704px" /><figcaption>デッサン人形の腕の太さや足の大きさを調節</figcaption></figure>



<p>白いカーソルを動かすことで幅や長さの直感的な操作が可能です。</p>



<p>続いて</p>



<ul class="has-border -border02 wp-block-list"><li><span class="swl-format-1">身長</span>を<span class="swl-format-1">160cm</span></li><li><span class="swl-format-1">頭身</span>を<span class="swl-format-1">7</span></li></ul>



<p><br>にしました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="392" height="538" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace006.webp" alt="デッサン人形の身長と頭身の設定" class="wp-image-1514" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace006.webp 392w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace006-300x412.webp 300w" sizes="(max-width: 392px) 100vw, 392px" /><figcaption>デッサン人形の身長と頭身の設定</figcaption></figure>



<p>また、<span class="swl-marker mark_orange">ツールパレットを横に広げる</span>とデッサン人形を直接選択できるアイコン表示がされます。</p>



<p>カスタムしたデッサン人形は素材として登録しておくと次からはすぐに使えるので便利です！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="830" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace007.webp" alt="素材登録アイコンで現在の設定で保存" class="wp-image-1515" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace007.webp 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace007-500x519.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace007-300x311.webp 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace007-768x797.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>素材登録アイコンで現在の設定で保存</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="395" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace008.webp" alt="素材の保存先を選んで登録しましょう！" class="wp-image-1516" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace008.webp 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace008-500x247.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace008-300x148.webp 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace008-768x379.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>素材の保存先を選んで登録しましょう！</figcaption></figure>



<p>ただ、個人的にはアタリとして使えればOKくらいの気持ちなので、<span class="swl-marker mark_orange">設定するのはいつも身長くらい</span>です。（笑）</p>



<h2 class="wp-block-heading">デッサン人形の動かし方</h2>



<p>クリスタ内で3Dを扱うのは慣れが必要となります。</p>



<p>詳しくはクリスタのサイトを見て頂いたほうがわかりやすいです。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">CLIP STUDIO TIPS</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://celcliptipsprod.s3-ap-northeast-1.amazonaws.com/tips_article_body/c471/153334/bee0b50f0d8eb7e77689862cfb0a908c_small" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://tips.clip-studio.com/ja-jp/articles/1519">【デッサン人形】ポーズ作りに挫折した人へ &#8220;【デッサン人形】ポーズを作るコツ  #1&#8221; by すゃすゃ &#8211; お絵か&#8230;</a>
						<span class="p-blogCard__excerpt">3Dデッサン人形のポーズ付けに挫折した人へ送る、 「こんな方法があるよ」「その関節や部位はこうすれば動くよ」 「こうすればもっと時短できるよ」 などといった知恵の集&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p>ひとまず今回覚えていただきたいのはカメラの操作方法です。</p>



<div class="swell-block-capbox cap_box is-style-small_ttl"><div class="cap_box_ttl"><span>3Dカメラの動かした方</span></div><div class="cap_box_content">
<p><span class="swl-marker mark_orange">3Dモデルが何もない場所</span>で</p>



<ul class="wp-block-list"><li><span class="swl-format-1">左クリック</span>を押しながら<span class="swl-format-2">カメラを回転</span></li><li><span class="swl-format-1">右クリック</span>を押しながら<span class="swl-format-2">カメラのズーム</span></li><li><span class="swl-format-1">マウスホイールクリック</span>しながら<span class="swl-format-2">カメラの移動</span></li></ul>
</div></div>



<p>3Dモデルを選択したときに表示される左上のアイコンでも同じことができますが、マウスでのカメラ操作を覚えておくと時短になります！</p>



<div class="wp-block-group is-style-big_icon_good"><div class="wp-block-group__inner-container">
<p><span class="swl-marker mark_orange">マウスホイールを回してしまう</span>と<span class="swl-format-1"><span class="swl-marker mark_orange">パースが変わってしまいます</span></span>。</p>



<p>特に<span class="swl-format-1">パースの値が大きくなる</span>と広角レンズになり<span class="swl-format-2">歪みが大きくなります</span>ので注意してください。</p>



<p>おかしくなったときはツールプロパティの下にある<span class="swl-marker mark_orange">スパナアイコン</span>から<span class="swl-marker mark_orange">サブツール詳細</span>を開いて<span class="swl-format-2">初期値4.72</span>を直接数字入力してください。<br></p>



<figure class="wp-block-image size-full"><img decoding="async" width="392" height="538" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace009.webp" alt="マウスホイールでカメラのパースを変更してしまった場合はこの数値を確認！" class="wp-image-1517" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace009.webp 392w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace009-300x412.webp 300w" sizes="(max-width: 392px) 100vw, 392px" /><figcaption>マウスホイールでカメラのパースを変更してしまった場合はこの数値を確認！</figcaption></figure>
</div></div>



<h2 class="wp-block-heading">3Dデッサン人形をアタリに使った顔の描き方</h2>



<p>では実際にデッサン人形をアタリにして描いていきましょう。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="770" height="877" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace010.webp" alt="デッサン人形を配置します" class="wp-image-1518" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace010.webp 770w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace010-500x569.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace010-300x342.webp 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace010-768x875.webp 768w" sizes="(max-width: 770px) 100vw, 770px" /><figcaption>デッサン人形を配置します</figcaption></figure>



<p>今回はオーソドックスな左向きの顔です。</p>



<p><span class="swl-marker mark_orange">デッサン人形レイヤーの不透明度を下げ</span>、その上に<span class="swl-format-1">新規レイヤー</span>を作って<span class="swl-marker mark_orange">レイヤーカラーをオン</span>にします。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="770" height="877" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace011.webp" alt="デッサン人形からアタリを取ります" class="wp-image-1519" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace011.webp 770w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace011-500x569.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace011-300x342.webp 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace011-768x875.webp 768w" sizes="(max-width: 770px) 100vw, 770px" /><figcaption>デッサン人形からアタリを取ります</figcaption></figure>



<p>デッサン人形から顔のアタリ線をGペンなどパキっとしたペンで描いてます。</p>



<p>顔のアタリとして必要なのは<span class="swl-format-1"><span class="swl-marker mark_orange">輪郭と十字線</span></span>です。</p>



<p><span class="swl-marker mark_orange">アタリが描けたら</span><span class="swl-format-1">デッサン人形のレイヤーを非表示</span>にします。</p>



<p><span class="swl-marker mark_orange">デッサン人形のアタリ線はリアルな人間寄り</span>になってますので、デフォルメの効いたイラストにする場合はアタリの意味を変えないといけません。</p>



<p>赤い線で追加したものが私なりの絵にするための新しいアタリ線です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1014" height="799" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace012.webp" alt="デッサン人形からイラストのアタリ線を引き直します" class="wp-image-1521" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace012.webp 1014w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace012-500x394.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace012-300x236.webp 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace012-768x605.webp 768w" sizes="(max-width: 1014px) 100vw, 1014px" /><figcaption>デッサン人形からイラストのアタリ線を引き直します</figcaption></figure>



<p><span class="swl-marker mark_orange">デッサン人形の目のライン</span>が<span class="swl-format-1"><span class="swl-marker mark_orange">眉の位置</span></span>になります。</p>



<p>その<span class="swl-marker mark_orange">下に平行な線を2本引いた高さ</span>が<span class="swl-marker mark_orange"><span class="swl-format-1">瞳の高さ</span></span>となります。</p>



<p>全体的にデッサン人形のアタリ下部に顔を配置するイメージです。</p>



<p>幼いキャラの場合は配置をさらに下げたり瞳の平行線を高くしたりして調節します。</p>



<p>今回、大事になると感じたのが<span class="swl-format-2">ルーミスの描き方</span>です。</p>



<p>詳しくはご自身で検索してぜひ学んで欲しいのですが、簡単に説明すると以下のような感じです。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="608" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace017.webp" alt="ルーミスの描き方の簡単なイメージ図" class="wp-image-1522" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace017.webp 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace017-500x380.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace017-300x228.webp 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace017-768x584.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>ルーミスの描き方の簡単なイメージ図</figcaption></figure>



<ol class="has-border -border02 wp-block-list"><li>まず<span class="swl-format-1">ボール</span>を描いて<span class="swl-format-2">側面を切り落とし</span>ます。</li><li><span class="swl-format-1">ボールの中心線が<span class="swl-marker mark_orange">眉間</span></span>になります。</li><li><span class="swl-format-1">ボールの下の位置が鼻の位置</span>になり、<span class="swl-format-1">等間隔で上に生え際</span>、<span class="swl-format-1">鼻の下に顎</span>が来るといった描き方です。</li></ol>



<p>本当にざっくりした説明ですが、ここで<span class="swl-marker mark_orange">大事なのが<span class="swl-format-1">顔の側面を意識</span>する</span>ということです。</p>



<p>側面を切り落とした<span class="swl-format-1">デッサン人形のアタリを中心に4等分</span>したものがイラストに使うアタリになります。</p>



<p>ここからの下描きは<span class="swl-format-2">ぬる水ブラシ</span>を使用してます。</p>



<p><br>細く描くと硬めに、ブラシサイズを大きくすると柔らかく塗れるので、<span class="swl-format-1">面を意識して描くのに重宝しています</span>！</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">CLIP STUDIO ASSETS</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://celclipmaterialprod.s3-ap-northeast-1.amazonaws.com/48/06/1850648/thumbnail?1625367099" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://assets.clip-studio.com/ja-jp/detail?id=1850648">ぬる水ブラシ &#8211; CLIP STUDIO ASSETS</a>
						<span class="p-blogCard__excerpt">イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック&#8230;</span>					</div>
				</div>
			</div>
		</div>


<figure class="wp-block-image size-full"><img decoding="async" width="1014" height="799" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace013.webp" alt="アタリを元に瞳を描き入れました" class="wp-image-1523" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace013.webp 1014w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace013-500x394.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace013-300x236.webp 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace013-768x605.webp 768w" sizes="(max-width: 1014px) 100vw, 1014px" /><figcaption>アタリを元に瞳を描き入れました</figcaption></figure>



<p>今回は左向きなので瞳が赤い線の右側にある感じです。</p>



<p><span class="swl-marker mark_orange">向いてる方向</span>や<span class="swl-marker mark_orange">アオリ・フカン</span>で<span class="swl-format-1">瞳の位置</span>を<span class="swl-format-1">4分割した赤いアタリ線のどこに置くか目安</span>になると思います。</p>



<p>輪郭は元のデッサン人形のアタリよりも内側に描いてます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1014" height="799" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace014.webp" alt="輪郭は元のデッサン人形より内側になるイメージです" class="wp-image-1524" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace014.webp 1014w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace014-500x394.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace014-300x236.webp 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace014-768x605.webp 768w" sizes="(max-width: 1014px) 100vw, 1014px" /><figcaption>輪郭は元のデッサン人形より内側になるイメージです</figcaption></figure>



<p><br>かわいい女の子を描こうとすると、<span class="swl-marker mark_orange">顎が下すぎるとかわいく見えない</span>のでデフォルメしていきましょう！</p>



<p><span class="swl-format-1">髪</span>は<span class="swl-marker mark_orange">球や面をより意識して描いて</span>います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1014" height="799" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace015.webp" alt="アタリを元に髪を描き加えていきます" class="wp-image-1525" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace015.webp 1014w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace015-500x394.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace015-300x236.webp 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace015-768x605.webp 768w" sizes="(max-width: 1014px) 100vw, 1014px" /><figcaption>アタリを元に髪を描き加えていきます</figcaption></figure>



<p><span class="swl-marker mark_orange">顎を上に描いて顔を小さくした</span>分、<span class="swl-format-1"><span class="swl-marker mark_orange">髪の頭頂部もアタリからやや下げて</span></span>描いてます。</p>



<p><span class="swl-format-1">後ろ髪</span>は絶壁にならないように<span class="swl-marker mark_orange">アタリよりもボリュームがある感じ</span>にしてます。</p>



<p>全体が縦長すぎるとバランスがしっくりこないですし、この辺は<span class="swl-marker mark_orange">アタリにとらわれすぎないように</span>してます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1014" height="799" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace016.webp" alt="デッサン人形を元にした下描き完成です！" class="wp-image-1526" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace016.webp 1014w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace016-500x394.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace016-300x236.webp 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace016-768x605.webp 768w" sizes="(max-width: 1014px) 100vw, 1014px" /><figcaption>デッサン人形を元にした下描き完成です！</figcaption></figure>



<h2 class="wp-block-heading">3Dデッサン人形を使う注意点</h2>



<p>3Dデッサン人形は非常に便利でクリスタならではの機能だと思います。</p>



<ul class="has-border -border02 wp-block-list"><li>複数キャラの配置や位置関係の確認</li><li><span class="swl-format-1">自動で作られる3点パース定規</span></li></ul>



<p>使いこなせば<span class="swl-format-1"><span class="swl-marker mark_orange">大きな破綻をした絵を描くということはない</span></span>と思います。</p>



<p>ただ、最初にも言いましたが全部をきっちりデッサン人形で配置して自分の絵に合わせようとするのは<span class="swl-format-1">それなりの時間と労力が必要</span>になります。</p>



<p>漫画執筆のときに全コマ一人でやってたら<span class="swl-marker mark_orange">締め切りに間に合わないかも</span>しれません。（笑）</p>



<p>また<span class="swl-format-1">絶対に3D的に正しくなる</span>のが<span class="swl-marker mark_orange">必ずしも良いとは限らない</span>絵もあります。</p>



<p>何より<span class="swl-format-1">3Dデッサン人形をただなぞるだけでは自分が納得できる絵になりにくい</span>とも思ってます。</p>



<p>だからカスタムはほどほどでいいかなと思ってるという最初の話に繋がるのですが…。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/profile.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">紫あつし</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>今回はきっちりやりましたが、普段はもっと雑にデッサン人形を使ってます。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>ガルパンの絵を描いたときは手を繋いだときの見え方がどんな感じかな？程度の使い方です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="564" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace018.webp" alt="ガルパンのイラストを描いたときのデッサン人形" class="wp-image-1527" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace018.webp 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace018-500x353.webp 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace018-300x212.webp 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-drawingdoll-trace018-768x541.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>アタリにも使わないことも多いので、だから身長しか設定しないですし、この絵のときは身長設定すらしてません。（笑）</p>



<p>完成した絵はpixivやTwitterにアップしているのでぜひ見ていただけたらと思います。</p>



<p>結論なのですが、<span class="swl-format-1"><span class="swl-marker mark_orange">デッサン人形はすべてが解決できるという万能ツールではありません</span></span>。</p>



<p><span class="swl-format-2">人体構造や解剖学、デッサンの勉強はしたほうがいいのは間違いない</span>です。</p>



<p><br>ただ、勉強は並行しつつ、<span class="swl-format-1">3Dデッサン人形もツールの一つとして加えていけば</span>より自分の完成させたい絵をより早く仕上げられるのではないかと思ってます。</p>



<p><span class="swl-marker mark_orange">解剖学にしてもデッサンにしても一朝一夕で身につくものではない</span>です。</p>



<p>勉強が終わらないと先に進めないとなったら絵はいつ描けるの？ってなりますし、絵を描く前に挫折しかねません。</p>



<p>やっぱり<span class="swl-marker mark_orange">大事なのは<span class="swl-format-1">絵を完成させる成功体験の積み重ね</span></span>だと思います。</p>



<p>現在、私が<span class="swl-marker mark_orange">デッサン人形を使って補助線入れて描いてるのは<span class="swl-format-1">手癖を矯正</span>するため</span>というのもあります。</p>



<p><br>気を抜くと目を大きく描いて顔全体が丸くなりがちで、今風のリアルっぽさを取り入れた絵からかけ離れてしまうためです。（笑）</p>



<p><span class="swl-marker mark_orange">デッサン人形に補助線</span>をたくさん入れましたが、<span class="swl-marker mark_orange"><span class="swl-format-1">描きなれてくれば必要がなくなります</span></span>。</p>



<p>その時が来たら上達したってことになるかもしれません。</p>



<p>あと、<span class="swl-marker mark_orange">デッサン人形を色々触ったり回転させたり</span>してポーズを眺めてると、自分の頭の中だけで考えるより<span class="swl-marker mark_orange">思いがけない着想を得られる</span>と思います。</p>



<p>私は何度か得ています。（笑）</p>



<p>操作はやや慣れが必要ですが、ぜひクリスタのデッサン人形を使ってみてください！</p>



<p>今回はデッサン人形を使ってどうやって顔を描けばいくのかという解説でしたが、ご自身に最適なデッサン人形のアタリを探すきっかけになれたら嬉しいです！</p>


<div class="p-adBox -normal -border-off" data-id="1474" data-ad="normal"><div class="p-adBox__body"><div class="p-adBox__img"><a href="https://px.a8.net/svt/ejp?a8mat=3HA7IJ+11IBW2+3AP2+62U35" rel="nofollow">
<img decoding="async" border="0" width="468" height="60" alt="" src="https://www26.a8.net/svt/bgt?aid=210428299063&wid=001&eno=01&mid=s00000015383001021000&mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www18.a8.net/0.gif?a8mat=3HA7IJ+11IBW2+3AP2+62U35" alt=""></div></div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/clipstudio-drawingdoll-trace/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【クリスタ】天球を使って作品作りに活用してみよう！</title>
		<link>https://murasakiatsushi.com/clipstudio-panorama/</link>
					<comments>https://murasakiatsushi.com/clipstudio-panorama/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Thu, 16 Dec 2021 08:05:21 +0000</pubDate>
				<category><![CDATA[CGメイキング]]></category>
		<category><![CDATA[CLIP STUDIO PAINT]]></category>
		<category><![CDATA[クリスタ]]></category>
		<category><![CDATA[クリスタTIPS]]></category>
		<category><![CDATA[天球]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=1061</guid>

					<description><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama_ic.jpg" class="webfeedsFeaturedVisual" /></p>12月14日のクリスタVer.1.11.6で3D機能が大幅にアップデートされました！ 使いこなせばかなり面白い機能だと感じましたので、この記事では天球機能についてご紹介したいと思います。 そもそも天球とは？ 360度の全 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama_ic.jpg" class="webfeedsFeaturedVisual" /></p>
<p>12月14日の<span class="swl-format-1">クリスタVer.1.11.6</span>で<span class="swl-format-2">3D機能が大幅にアップデート</span>されました！</p>



<p>使いこなせばかなり面白い機能だと感じましたので、この記事では<span class="swl-format-2">天球機能</span>についてご紹介したいと思います。</p>



<h2 class="wp-block-heading" id="そもそも天球とは">そもそも天球とは？</h2>



<p>360度の全方向を見ることができる写真や画像を天球といいます。</p>



<p>分かりやすい例ですと、</p>


<style>#pano1063 div.pnlm-orientation-button {
                    display: none;
                }
            .wpvr-floor-map .floor-plan-pointer.add-pulse:before {
                border: 17px solid #cca92c;
            }
            @-webkit-keyframes pulse {
                0% {
                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);
                }
                70% {
                    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
                }
                100% {
                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
                }
            }
            @keyframes pulse {
            0% {
                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);
                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);
            }
            70% {
                -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
                box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
            }
            100% {
                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
            }
        }</style><div id="master-container" class="wpvr-cardboard " style="max-width:600px; width: 100%; height: 400px; border-radius:; direction:ltr; "><div id="pano21063" class="pano-wrap pano-left" style="width: 49%; border-radius:"><div id="center-pointer21063" class="vr-pointer-container"><span class="center-pointer"></span></div></div><div id="pano1063" class="pano-wrap pano-right" style="width: 100%;"><div class="explainer" id="explainer1063" style="display: none"><span class="close-explainer-video"><i class="fa fa-times"></i></span></div><div class="wpvr-floor-map" id="wpvr-floor-map1063" style="display: none"><span class="close-floor-map-plan"><i class="fa fa-times"></i></span><img decoding="async" loading="lazy" src=""></div><div class="wpvr-hotspot-tweak-contents-wrapper" style="display: none"><i class="fa fa-times cross" data-id="1063"></i><div class="wpvr-hotspot-tweak-contents-flex"><div class="wpvr-hotspot-tweak-contents"></div></div></div><div class="custom-ifram-wrapper" style="display: none;"><i class="fa fa-times cross" data-id="1063"></i><div class="custom-ifram-flex"><div class="custom-ifram"></div></div></div></div></div><script>(function ($) {jQuery(document).ready(function() {var response = [{"panoid":"pano1063"},{"autoLoad":true,"showControls":true,"orientationSupport":"false","compass":false,"orientationOnByDefault":false,"mouseZoom":false,"draggable":false,"disableKeyboardCtrl":false,"keyboardZoom":true,"preview":"","autoRotate":"-5","default":{"firstScene":"theta0001","sceneFadeDuration":""},"scenes":{"theta0001":{"type":"equirectangular","panorama":"https:\/\/murasakiatsushi.com\/wp-content\/uploads\/vr-hatibuseyama-scaled.jpg","pitch":null,"yaw":null,"hfov":100,"maxHfov":120,"minHfov":50,"vaov":180,"haov":360,"hotSpots":[]}}}];var scenes = response[1];if(scenes) {var scenedata = scenes.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i].type === "info") {    scenehotspot[i]["clickHandlerFunc"] = wpvrhotspot;} else if(scenehotspot[i].type === "scene") {    scenehotspot[i]["clickHandlerArgs"] = scenehotspot[i]["text"];if(wpvr_public.is_pro_active) {    scenehotspot[i]["clickHandlerFunc"] = wpvrhotspotscene;}}if(scenehotspot[i]["createTooltipArgs"] != "") {scenehotspot[i]["createTooltipFunc"] = wpvrtooltip;}}}}var panoshow1063 = pannellum.viewer(response[0]["panoid"], scenes);var response_duplicate = [{"panoid":"pano1063"},{"autoLoad":true,"showControls":true,"orientationSupport":"false","compass":false,"orientationOnByDefault":false,"mouseZoom":false,"draggable":false,"disableKeyboardCtrl":false,"keyboardZoom":true,"preview":"","autoRotate":false,"default":{"firstScene":"theta0001","sceneFadeDuration":""},"scenes":{"theta0001":{"type":"equirectangular","panorama":"https:\/\/murasakiatsushi.com\/wp-content\/uploads\/vr-hatibuseyama-scaled.jpg","pitch":null,"yaw":null,"hfov":100,"maxHfov":120,"minHfov":50,"vaov":180,"haov":360,"hotSpots":[]}}}];var scenes_duplicate = response_duplicate[1];if(scenes_duplicate) {var scenedata = scenes_duplicate.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i]["clickHandlerArgs"] != "") {scenehotspot[i]["clickHandlerFunc"] = wpvrhotspot;}if(scenehotspot[i]["createTooltipArgs"] != "") {scenehotspot[i]["createTooltipFunc"] = wpvrtooltip;}}}}var vr_mode = "off";jQuery("#pano1063 .wpvr-floor-map .floor-plan-pointer").on("click",function(){
           var scene_id = jQuery(this).attr("scene_id");
           panoshow1063.loadScene(scene_id)
           jQuery(".floor-plan-pointer").removeClass("add-pulse")
           jQuery(this).addClass("add-pulse")
        });panoshow1063.on("mousemove", function (data){
            jQuery(".add-pulse").css({"transform":"rotate("+data.yaw+"deg)"});
        });
    const node = document.querySelector(".add-pulse");
        panoshow1063.on("compasschange", function (data){
            console.log(data);
            // const node = document.querySelector(".add-pulse");
            // node.style.transform = data;
            // jQuery(".add-pulse").css({"transform":data});
            });panoshow1063.on("load", function (){
            // if(localStorage.getItem("vr_mode") == "off") {
            if(vr_mode == "off") {
                  jQuery(".vr-mode-title").hide();
                } else {
                jQuery("#pano21063 .pnlm-compass.pnlm-controls.pnlm-control").css("display","none");
                jQuery("#pano1063 .pnlm-compass.pnlm-controls.pnlm-control").css("display","none");
                jQuery("#pano21063 .pnlm-panorama-info").hide();
                jQuery("#pano1063 .pnlm-panorama-info").hide();
                jQuery(".vr-mode-title").show();
             }
            setTimeout(() => {
                window.dispatchEvent(new Event("resize"));
            }, 200);
						if (jQuery("#pano1063").children().children(".pnlm-panorama-info:visible").length > 0) {
	               jQuery("#controls1063").css("bottom", "55px");
	           }
	           else {
	             jQuery("#controls1063").css("bottom", "5px");
	           }
					});panoshow1063.on("render", function (){
              window.dispatchEvent(new Event("resize"));
            });if (scenes.autoRotate) {
						panoshow1063.on("load", function (){
						 setTimeout(function(){ panoshow1063.startAutoRotate(scenes.autoRotate, 0); }, 3000);
						});
						panoshow1063.on("scenechange", function (){
						 setTimeout(function(){ panoshow1063.startAutoRotate(scenes.autoRotate, 0); }, 3000);
						});
					}var touchtime = 0;jQuery(document).on("click","#explainer_button_1063",function() {
                jQuery("#explainer1063").slideToggle();
            });
            jQuery(document).on("click",".close-explainer-video",function() {
                jQuery(this).parent(".explainer").hide();
                var el_src = jQuery(".vr-iframe").attr("src");
                jQuery(".vr-iframe").attr("src", el_src);
              });jQuery(document).on("click","#floor_map_button_1063",function() {
                jQuery("#wpvr-floor-map1063").toggle().removeClass("fullwindow");
              });
              jQuery(document).on("dblclick","#wpvr-floor-map1063",function(){
                jQuery(this).addClass("fullwindow");
                jQuery(this).parents(".pano-wrap").addClass("show-modal");
              });
              jQuery(document).on("click",".close-floor-map-plan",function() {
                jQuery(this).parent(".wpvr-floor-map").hide();
                jQuery(this).parent(".wpvr-floor-map").removeClass("fullwindow");
                jQuery(this).parents(".pano-wrap").removeClass("show-modal");
              });jQuery(document).ready(function($){
		              jQuery("#sccontrols1063").hide();
                      jQuery(".wpvr_slider_nav").hide();
		              jQuery(".vrgctrl1063").html('<i class="fa fa-angle-up"></i>');
		          });var slide1063 = "down";
		          jQuery(document).on("click","#vrgcontrols1063",function() {
		            if (slide1063 == "up") {
		              jQuery(".vrgctrl1063").empty();
		              jQuery(".vrgctrl1063").html('<i class="fa fa-angle-up"></i>');
		              slide1063 = "down";
		            }
		            else {
		              jQuery(".vrgctrl1063").empty();
		              jQuery(".vrgctrl1063").html('<i class="fa fa-angle-down"></i>');
		              slide1063 = "up";
		            }
                    jQuery(".wpvr_slider_nav").slideToggle(); 
		            jQuery("#sccontrols1063").slideToggle();
		          });jQuery(".elementor-tab-title").click(function(){
                      var element_id;
                      var pano_id;
                      var element_id = this.id;
                      element_id = element_id.split("-");
                      element_id = element_id[3];
                      jQuery("#elementor-tab-content-"+element_id).find("#master-container").children("div").eq(1).addClass("awwww");
                      var pano_id = jQuery(".awwww").attr("id");
                      jQuery("#elementor-tab-content-"+element_id).find("#master-container").children("div").eq(1).removeClass("awwww");;
                      if (pano_id != undefined) {
                        pano_id = pano_id.split("o");
                        pano_id = pano_id[1];
                        if (pano_id == "1063") {
                          jQuery("#pano1063").children(".pnlm-render-container").remove();
                          jQuery("#pano1063").children(".pnlm-ui").remove();
                          panoshow1063 = pannellum.viewer(response[0]["panoid"], scenes);
                          jQuery("#pano1063").children(".pnlm-ui").find(".pnlm-load-button p").text("Click To Load Panorama")
                          setTimeout(function() {
                                //   panoshow1063.loadScene("theta0001");
                                  window.dispatchEvent(new Event("resize"));
                                  if (jQuery("#pano1063").children().children(".pnlm-panorama-info:visible").length > 0) {
                                       jQuery("#controls1063").css("bottom", "55px");
                                   } else {
                                     jQuery("#controls1063").css("bottom", "5px");
                                   }
                          }, 200);
                        }
                      }
            });jQuery(".geodir-tab-head dd, #vr-tour-tab").click(function(){
              jQuery("#pano1063").children(".pnlm-render-container").remove();
              jQuery("#pano1063").children(".pnlm-ui").remove();
              panoshow1063 = pannellum.viewer(response[0]["panoid"], scenes);
              setTimeout(function() {
                      panoshow1063.loadScene("theta0001");
                      window.dispatchEvent(new Event("resize"));
                      if (jQuery("#pano1063").children().children(".pnlm-panorama-info:visible").length > 0) {
                           jQuery("#controls1063").css("bottom", "55px");
                       }
                       else {
                         jQuery("#controls1063").css("bottom", "5px");
                       }
              }, 200);
            });
            jQuery("#pano1063").children(".pnlm-ui").find(".pnlm-load-button p").text("Click To Load Panorama")
            jQuery("#pano1063 .pnlm-title-box").on("mouseenter", function(){
                jQuery(this).attr("title", jQuery(this).text());
            });
            jQuery("#pano1063 .pnlm-title-box").on("mouseleave", function(){
                jQuery(this).removeAttr("title");
            });});})(jQuery);</script>



<p>こういう写真ですね。</p>



<p>絵で描くときには<span class="swl-format-1">パノラマグリッド</span>で検索すると、天球のテンプレートが見つかると思います。</p>



<p>ただ、テンプレから描きおこすのは慣れないと難易度が高めのですが…。</p>



<p>天球を使った背景では<span class="swl-format-1">『ゆるキャン△』</span>が有名です！</p>



<p>私も『ゆるキャン△』に影響を受けて<a href="https://amzn.to/3K60tLG" target="_blank" rel="noreferrer noopener">THETA（シータ）</a>を買いましたので。（笑）</p>



<figure class="wp-block-image size-full"><img decoding="async" width="640" height="480" src="https://murasakiatsushi.com/wp-content/uploads/theta.jpg" alt="THETA SC" class="wp-image-1068" srcset="https://murasakiatsushi.com/wp-content/uploads/theta.jpg 640w, https://murasakiatsushi.com/wp-content/uploads/theta-500x375.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/theta-300x225.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /><figcaption>THETA SC</figcaption></figure>



<p>上の天球写真は鉢伏山で漫画『mono』の1巻に出てきてます。</p>



<p>天球の画像を用意するには、<span class="swl-format-1">テンプレを元に自分で描く</span>か、<span class="swl-format-1">360度写真を撮れるカメラを用意する</span>必要があります。</p>



<p>また、クリスタではデフォルトで4つのサンプルがダウンロードできますので試してみてください。</p>



<h2 class="wp-block-heading" id="クリスタで天球を使ってみよう">クリスタで天球を使ってみよう！</h2>



<p>公式の説明がなかなか難解だったので、私なりに解読してみました。</p>



<p>まず公式素材から<span class="swl-format-1">「カフェ」をドラッグ＆ドロップ</span>します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="748" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0001.jpg" alt="公式の天球素材「カフェ」をドラッグ＆ドロップ" class="wp-image-1075" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0001.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0001-500x468.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0001-300x281.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0001-768x718.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>公式の天球素材「カフェ」をドラッグ＆ドロップ</figcaption></figure>



<p>この状態で3Dオブジェクトを置いてもめっちゃ動いてしまいます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="400" height="350" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama-movie01.gif" alt="ちゃんと設定しないと3D素材が置いた場所からズレてしまいます" class="wp-image-1076"/><figcaption>ちゃんと設定しないと3D素材が置いた場所からズレてしまいます</figcaption></figure>



<p>これはさすがに困るわけですが、公式の機能紹介ムービーを見るかぎりではオブジェクトが動かない方法があるはずです。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">CLIP STUDIO TIPS</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://celcliptipsprod.s3-ap-northeast-1.amazonaws.com/tips_article_body/13a7/1474024/83534033838094dce7ce46e60a8199d3_ja-jp_small" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://tips.clip-studio.com/ja-jp/articles/5813">360度画像「天球」を作品に活用する &#8220;CLIP STUDIO PAINTの新機能  #26&#8221; by ClipStudioOfficial &#8211; お絵かき&#8230;</a>
						<span class="p-blogCard__excerpt">CLIP STUDIO PAINT Ver.1.11.6から、[素材]パレットの[3D]に[プリミティブ]・[天球]が追加されました。 この記事では、[天球]の使い方を紹介します。 [プリミティブ]&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p>公式サイトの説明には</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>［カメラ］→［注視点位置］を「130」に設定してから3D素材を配置し、</p><p>カメラを前後に移動して3D素材の大きさを合わせるとズレにくくなります。</p><cite><a href="https://tips.clip-studio.com/ja-jp/articles/5813" target="_blank" rel="noreferrer noopener">クリスタ公式サイト解説</a>より</cite></blockquote>



<p>この記述の解読にかなり悩まされたのですが、</p>



<div class="wp-block-group has-border -border02"><div class="wp-block-group__inner-container">
<p><span class="swl-format-1">カメラ</span>と<span class="swl-format-1">注視点位置</span>の<span class="swl-format-2">Yだけ「130」</span>にして<span class="swl-format-2">X、Zは「0」</span>にして<span class="swl-format-1">両方揃える</span>。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="390" height="570" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0002.jpg" alt="カメラと注視点位置の座標を揃えて、Y座標（高さ）をあわせる" class="wp-image-1077" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0002.jpg 390w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0002-300x438.jpg 300w" sizes="(max-width: 390px) 100vw, 390px" /><figcaption>カメラと注視点位置の座標を揃えて、Y座標（高さ）をあわせる</figcaption></figure>



<p>つまり、<span class="swl-format-2">カメラの位置と注視点位置の座標を同一にする</span>。</p>
</div></div>



<p>これでズレがかなりなくなりました！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="400" height="350" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama-movie02.gif" alt="3D素材がカメラを回してもズレなくなる" class="wp-image-1078"/><figcaption>3D素材がカメラを回してもズレなくなる</figcaption></figure>



<p>あとは<span class="swl-format-1">パースの値</span>を変えてカメラの画角を好みに合わせると、自分の欲しい画作りができます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="748" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0003.jpg" alt="カメラのパースを12に変更" class="wp-image-1079" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0003.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0003-500x468.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0003-300x281.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0003-768x718.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>カメラのパースを12に変更</figcaption></figure>



<p>パースの値に関しては、実際のカメラとの対応表を作っておられる方がいて非常に助かりました！</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">クリエイターTのブログ</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://creator-t.com/wp-content/uploads/2019/02/top.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://creator-t.com/perth-clipstudio/">Hello! My Name Is 404│クリエイターTのブログ</a>
						<span class="p-blogCard__excerpt">面白い・便利グッズなど企画中！</span>					</div>
				</div>
			</div>
		</div>


<p>一般的に<span class="swl-marker mark_orange">35mm換算で50mmレンズ</span>が<span class="swl-format-1">人の目で見た感じに近い</span>とされています。</p>



<p>上の図の設定で<span class="swl-format-1">パースの値が12</span>ですので、<span class="swl-format-1">58mmくらい</span>のレンズで撮影したイメージでしょうか。</p>



<p>逆に<span class="swl-format-1">デフォルトのパースの値が4.72</span>ですので、<span class="swl-format-1">80mm相当の望遠寄り</span>レンズになってますね。</p>



<p><span class="swl-marker mark_orange">望遠だと遠近感を感じにくくなり</span>、パースが付きにくいので<span class="swl-marker mark_orange">二点透視図法のような絵になる</span>からかなと思います。</p>



<p>カメラ位置と注視点位置の設定をあわせたあとだと、デッサン人形をドラッグ＆ドロップしてもパースにあっている状態になるのでカメラを回転させてもズレが少ないです。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="748" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0004.jpg" alt="カメラと注視点の位置設定をあわせたら、デッサン人形もいい感じの位置に置けるようになります" class="wp-image-1080" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0004.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0004-500x468.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0004-300x281.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0004-768x718.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>カメラと注視点の位置設定をあわせたら、デッサン人形もいい感じの位置に置けるようになります</figcaption></figure>



<p class="is-style-icon_info">3Dオブジェクトをすでに置いた状態から天球を設定すると、やはりカメラ位置と注視点位置がズレてますので、先に位置設定を変えてしまったほうがいいと思います。</p>



<p>3Dオブジェクトを置いていなくても、3Dレイヤーからも天球を設定することができます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="515" height="653" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0006.jpg" alt="新規の3Dレイヤーを作成からも天球を設定できるようになります" class="wp-image-1081" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0006.jpg 515w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0006-500x634.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0006-300x380.jpg 300w" sizes="(max-width: 515px) 100vw, 515px" /><figcaption>新規の3Dレイヤーを作成からも天球を設定できるようになります</figcaption></figure>



<p>この場合は<span class="swl-marker mark_orange">カメラ位置の<span class="swl-format-1">Zを0</span></span>にすればいいと注視点位置と座標が同一になります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="436" height="577" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0007.jpg" alt="" class="wp-image-1082" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0007.jpg 436w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0007-300x397.jpg 300w" sizes="(max-width: 436px) 100vw, 436px" /><figcaption>新規3DレイヤーからだとカメラのZ位置を0にすればひとまず座標合わせができます。</figcaption></figure>



<p><span class="swl-format-2">問題はYの値です。</span></p>



<p>今回の公式の天球素材だと<span class="swl-format-1">注視点位置を130</span>にすると3D素材が馴染みやすいと書いてあるのですが、<span class="swl-format-1">高さYがアイレベルだと思ったら微妙に違う意味がある</span>と理解するまでが今回の最大の罠でした。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="700" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0008.jpg" alt="カメラ位置によってデッサン人形のスケール感が明らかに変わってます" class="wp-image-1083" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0008.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0008-500x438.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0008-300x263.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0008-768x672.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>カメラ位置によってデッサン人形のスケール感が明らかに変わってます</figcaption></figure>



<p>カメラ位置の高さYを100にすると明らかに人が大きすぎるし、カメラ位置150だと明らかにテーブルが大きい。</p>



<p>カメラ位置130が人とテーブルの関係性がしっくり来るというわけで、<span class="swl-format-2">アイレベルとカメラの高さ位置を正しくあわせないとスケールの基準が変わってしまうのでは？</span>と思い至りました。</p>



<h2 class="wp-block-heading" id="thetaを使ってクリスタの天球を設定する">THETAを使ってクリスタの天球を設定する</h2>



<p>ここからはTHETAの画像を使った天球の使い方の例です。</p>



<p>全天球の写真の中にイラストを配置して<span class="swl-marker mark_orange">VRっぽい映像を作ってみたい</span>と思います。</p>



<p>まず先ほどの手順で<span class="swl-format-1">新規の3Dレイヤーを作ります</span>。</p>



<p>ツールプロパティから<span class="swl-format-1">［天球］→［ファイル］</span>から、使用するTHETAの画像を選択します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="258" height="296" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0009.jpg" alt="THETAの全天球ファイルを割り当てます" class="wp-image-1085"/><figcaption>THETAの全天球ファイルを割り当てます</figcaption></figure>



<p><span class="swl-format-1">カメラ位置のZを0</span>にして注視点位置と座標をあわせます。</p>



<p>続けてに<span class="swl-format-1">パースの値を10</span>、標準に近い60mmレンズを意識した数値に変更しました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="748" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0010.jpg" alt="THETAファイルの読み込みとパース・カメラZ位置の調整" class="wp-image-1086" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0010.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0010-500x468.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0010-300x281.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0010-768x718.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>THETAファイルの読み込みとパース・カメラZ位置の調整</figcaption></figure>



<p>Yはカメラの位置と思い込んでいたので、三脚の位置が高くなかったことから<span class="swl-marker mark_orange">デフォルトの100のまま</span>で大丈夫だと判断しましたが…。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="748" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0011.jpg" alt="カメラ位置100だとデッサン人形が巨人になってしまう" class="wp-image-1087" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0011.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0011-500x468.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0011-300x281.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0011-768x718.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>カメラ位置100だとデッサン人形が巨人になってしまう</figcaption></figure>



<p>デフォルトの天球素材で試したとき以上の巨人になりました。</p>



<p><span class="swl-format-2">カメラの位置をあわせないとスケールの基準があわない</span>と確信したので、今回のTHETAに最適なカメラ位置を試行錯誤した結果。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="748" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0012.jpg" alt="カメラ位置と注視点位置の高さをアイレベル相当の200に設定" class="wp-image-1088" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0012.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0012-500x468.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0012-300x281.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0012-768x718.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>カメラ位置と注視点位置の高さをアイレベル相当の200に設定</figcaption></figure>



<p>カメラ位置と注視点位置は<span class="swl-format-1"><span class="swl-marker mark_orange">Yを200</span></span>がしっくりくるかなと思いました。（改めてみると180くらいが正解だったかも…）</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>［注視点位置］で設定する値は天球画像の撮影時の高さによって変わります。</p><cite><a rel="noreferrer noopener" href="https://tips.clip-studio.com/ja-jp/articles/5813" target="_blank">クリスタ公式サイト解説</a>より</cite></blockquote>



<p>なんで200？と思ったのですけど、良ければ最初に紹介した全天球の画像を回転させて下向きにして御覧ください。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="558" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0019.jpg" alt="展望台の上なのでアイレベルが地面から割と高かった事実に気づいたときの衝撃" class="wp-image-1144" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0019.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0019-500x349.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0019-300x209.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0019-768x536.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>展望台の上なのでアイレベルが地面から割と高かった事実に気づいたときの衝撃</figcaption></figure>



<p>実際には<span class="swl-marker mark_orange">展望台の上にいたから<span class="swl-format-1">アイレベルが高い状態になってる</span></span>、と気づくのに結構な時間が掛かりました。（笑）</p>



<div class="swell-block-capbox cap_box is-style-small_ttl" data-colset="col1"><div class="cap_box_ttl"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em"><path fill="currentColor" d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path></svg><span>CHECK</span></div><div class="cap_box_content">
<p><span class="swl-format-1">全天球の写真とアイレベルの高さをあわせないとスケールがあいません！</span></p>
</div></div>



<p>次に3D素材［平面］をドラッグ＆ドロップします。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="748" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0013.jpg" alt="平面ポリゴンをドラッグ＆ドロップ" class="wp-image-1103" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0013.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0013-500x468.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0013-300x281.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0013-768x718.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>平面ポリゴンをドラッグ＆ドロップ</figcaption></figure>



<p>この板ポリゴンにキャラクターを貼り付けて、この空間にいるようにしていきます。</p>



<p><span class="swl-marker mark_orange">外側のリングがオレンジの状態</span>でコントロールすると<span class="swl-format-2">スケールの変更</span>が、また<span class="swl-format-1">下の矢印で移動</span>、<span class="swl-format-1">赤・青・緑の細いリングで回転</span>をさせることができます。</p>



<p>デッサン人形が160cmなので、それにあわせて<span class="swl-format-1">大きく</span>します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="748" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0014.jpg" alt="板ポリゴンのスケール変更と分割数を1にしました" class="wp-image-1122" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0014.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0014-500x468.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0014-300x281.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0014-768x718.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption> 板ポリゴンのスケール変更と分割数を1にしました </figcaption></figure>



<p>また、ツールプロパティから<span class="swl-marker mark_orange">プリミティブ分割数を<span class="swl-format-1">X、Yともに1</span></span>にしておくとテクスチャが見やすくなります。</p>



<p>［プリミティブ］から［ファイル］を選択して板ポリゴンにキャラクター画像を割り当ててみましょう。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="414" height="580" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0015.jpg" alt="板ポリゴンにテクスチャファイルを割り当て" class="wp-image-1125" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0015.jpg 414w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0015-300x420.jpg 300w" sizes="(max-width: 414px) 100vw, 414px" /><figcaption>板ポリゴンにテクスチャファイルを割り当て</figcaption></figure>



<p><span class="swl-format-1">マグネットをオン</span>にしてると、他の3Dオブジェクトの位置とあわせてくれるのでオブジェクトを配置するのに非常に便利です！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="748" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0016.jpg" alt="" class="wp-image-1126" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0016.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0016-500x468.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0016-300x281.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0016-768x718.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>［陰影］から<span class="swl-format-1">［光源の影響を受ける］をオフ</span>にしたほうがテクスチャが見やすくなります。</p>



<p>また、<span class="swl-format-1">PNG画像にマスクが入っている場合は有効</span>になりますので、キャラのみ背景に立たせることができます。</p>



<p>デッサン人形とほぼおなじ大きさで表示されてますので、だいたい愛ちゃんの160cmで設定どおりという感じです！</p>



<p>続いてリリィも入れてみましょう。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="748" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0017.jpg" alt="リリィも板ポリゴンに割り当てました" class="wp-image-1127" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0017.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0017-500x468.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0017-300x281.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0017-768x718.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>リリィも板ポリゴンに割り当てました</figcaption></figure>



<p>同様の手順で平面ポリゴンにテクスチャを割り当てます。</p>



<p>リリィは130cmなので合うようにスケールをあわせましょう。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="748" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0018.jpg" alt="愛ちゃんの画像の向きが反転しているので回転させました" class="wp-image-1128" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0018.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0018-500x468.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0018-300x281.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-panorama0018-768x718.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>愛ちゃんの画像の向きが反転しているので回転させました</figcaption></figure>



<p>また、愛ちゃんが元の絵とは反転してしまっているので、<span class="swl-format-1">緑の細いリングを回して180度回転</span>させます。</p>



<p>以上で動画にしてみるとこんなVRっぽい感じになりました！</p>



<figure class="wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="CLIP STUDIO PAINT 天球機能" src="https://player.vimeo.com/video/657308410?dnt=1&amp;app_id=122963" width="500" height="281" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write"></iframe>
</div><figcaption>天球機能の動画</figcaption></figure>



<p>個人的には天球機能はアニメーションに向いてるなと感じました。</p>



<p>また、JPGなどで書き出せば静止画として出力もできます。</p>



<p>この天球を下書きにうまく使えば『ゆるキャン△』みたいな背景も描けるかも？？</p>



<p class="is-style-icon_info">漫画の一コマで使いたい場合は<span class="swl-format-2">コマフォルダ</span>を作った中に3Dレイヤーなどを作れば個別に天球を設定することができます。<br><br>ただ、小さいコマに天球はかなり不向きで使いにくいと感じてますので、天球の大きさを変更できるようになど、まだ改善してもらえると嬉しいですね。</p>



<p class="has-text-align-center u-mb-ctrl u-mb-0 has-xs-font-size"><span class="swl-format-1">＼360°全天球写真を撮るなら／</span></p>


		<div class="pochipp-box"
			data-id="1408"
			data-img="l"
			data-lyt-pc="dflt"
			data-lyt-mb="vrtcl"
			data-btn-style="dflt"
			data-btn-radius="off"
			data-sale-effect="flash"
			 data-cvkey="845858f5"		>
							<div class="pochipp-box__image">
					<a href="https://af.moshimo.com/af/c/click?a_id=3058107&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB0814RKMMP" rel="nofollow">
						<img decoding="async" src="https://m.media-amazon.com/images/I/61HnPD57IPL._SL400_.jpg" alt="" width="120" height="120" />					</a>
				</div>
						<div class="pochipp-box__body">
				<div class="pochipp-box__title">
					<a href="https://af.moshimo.com/af/c/click?a_id=3058107&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB0814RKMMP" rel="nofollow">
						RICOH THETA SC2 WHITE ホワイト 360度全天球カメラ					</a>
				</div>

				
				
							</div>
				<div class="pochipp-box__btns"
		data-maxclmn-pc="fit"
		data-maxclmn-mb="1"
	>
					<div class="pochipp-box__btnwrap -amazon">
								<a href="https://af.moshimo.com/af/c/click?a_id=3058107&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB0814RKMMP" class="pochipp-box__btn" rel="nofollow">
					<span>
						Amazon					</span>
					<img decoding="async" src="https://i.moshimo.com/af/i/impression?a_id=3058107&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062" width="1" height="1" style="border:none;">				</a>
			</div>
							<div class="pochipp-box__btnwrap -rakuten">
								<a href="https://hb.afl.rakuten.co.jp/hgc/24e1ddbc.9187d366.24e1ddbd.680e0f80/?pc=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2FTHETA&#038;m=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2FTHETA" class="pochipp-box__btn" rel="nofollow">
					<span>
						楽天市場					</span>
									</a>
			</div>
										<div class="pochipp-box__btnwrap -yahoo -long-text">
								<a href="https://af.moshimo.com/af/c/click?a_id=3773799&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=18502&#038;url=https%3A%2F%2Fshopping.yahoo.co.jp%2Fsearch%3Fp%3DTHETA" class="pochipp-box__btn" rel="nofollow">
					<span>
						Yahooショッピング					</span>
					<img decoding="async" src="https://i.moshimo.com/af/i/impression?a_id=3773799&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=18502" width="1" height="1" style="border:none;">				</a>
			</div>
									</div>
								<div class="pochipp-box__logo">
					<img decoding="async" src="https://murasakiatsushi.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png" alt="" width="32" height="32">
					<span>ポチップ</span>
				</div>
					</div>
	


<h2 class="wp-block-heading" id="まとめ">まとめ</h2>



<p>今回はクリスタの天球の使い方を解説しました。</p>



<div class="swell-block-capbox cap_box is-style-small_ttl" data-colset="col1"><div class="cap_box_ttl"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em"><path fill="currentColor" d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path></svg><span>CHECK</span></div><div class="cap_box_content">
<ul class="-list-under-dashed wp-block-list"><li><span class="swl-format-2">カメラの位置と注視点位置の座標を同一にあわせる</span></li><li>高さYの座標をアイレベルにあわせる</li><li>デッサン人形でスケール感を確かめる</li></ul>
</div></div>



<p>こうすることで3Dオブジェクトを配置してカメラを回しても、3D素材がズレるといったことが少なくなります。</p>



<p>3Dレイヤーに直接アタリを描きこめると、360度パノラマ画像が作りやすくなるのですが…。</p>



<p>Photoshopは3Dレイヤーに直接描けたのですけど、Photoshopの3D機能は廃止になるようなので、ここはクリスタの今後に期待したいです！</p>



<p>では、今回の記事が少しでも参考になれば嬉しいです！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/clipstudio-panorama/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【クリスタ】表情差分の効率的な作り方！【CG集制作でも活用可能】</title>
		<link>https://murasakiatsushi.com/difference-files-making/</link>
					<comments>https://murasakiatsushi.com/difference-files-making/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Thu, 25 Nov 2021 06:06:17 +0000</pubDate>
				<category><![CDATA[CGメイキング]]></category>
		<category><![CDATA[CG集]]></category>
		<category><![CDATA[クリスタ]]></category>
		<category><![CDATA[クリスタTIPS]]></category>
		<category><![CDATA[差分制作]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=928</guid>

					<description><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making_ic.jpg" class="webfeedsFeaturedVisual" /></p>CG集を作るとき、表情の差分やセリフのバリエーションが数多く必要になります。 そのとき困るのがどう管理するかという問題です。 ページごとに一枚一枚分割して作っていくと、あとからの修正も大変になりますし、ファイルの容量も非 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making_ic.jpg" class="webfeedsFeaturedVisual" /></p>
<p>CG集を作るとき、<span class="swl-marker mark_orange">表情の差分</span>や<span class="swl-marker mark_orange">セリフのバリエーション</span>が数多く必要になります。</p>



<p>そのとき困るのが<span class="swl-format-1">どう管理するか</span>という問題です。</p>



<p><span class="swl-marker mark_orange">ページごとに一枚一枚分割して作っていく</span>と、あとからの<span class="swl-format-2">修正も大変</span>になりますし、<span class="swl-format-2">ファイルの容量も非常に大きく</span>なりCG集制作がかなり大変ものになってしまいます。</p>



<p>そこでこの記事では<span class="swl-format-1">クリスタのアニメーション機能</span>を使った効率的な差分の作り方をご紹介します。</p>



<p>アニメーション機能の中でもほんの一部ですので、慣れてしまえば難しいことはありません！</p>



<div class="swell-block-capbox cap_box is-style-onborder_ttl2" data-colset="col2"><div class="cap_box_ttl"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="pen" class="svg-inline--fa fa-pen " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em"><path fill="currentColor" d="M362.7 19.32C387.7-5.678 428.3-5.678 453.3 19.32L492.7 58.75C517.7 83.74 517.7 124.3 492.7 149.3L444.3 197.7L314.3 67.72L362.7 19.32zM421.7 220.3L188.5 453.4C178.1 463.8 165.2 471.5 151.1 475.6L30.77 511C22.35 513.5 13.24 511.2 7.03 504.1C.8198 498.8-1.502 489.7 .976 481.2L36.37 360.9C40.53 346.8 48.16 333.9 58.57 323.5L291.7 90.34L421.7 220.3z"></path></svg><span>この記事のポイント</span></div><div class="cap_box_content">
<ul class="is-style-check_list wp-block-list"><li>クリスタの<span class="swl-format-2">タイムラインで差分を管理</span>する！</li></ul>
</div></div>



<p>では、実際にひとつひとつ順を追って解説していきます！</p>



<h2 class="wp-block-heading">差分元のファイルを完成させる</h2>



<p>今回はシンプルに表情の差分だけ作りたいと思いますので、ひとまず1枚を完成させます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="811" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0001.jpg" alt="ここから表情の差分を作っていきます。" class="wp-image-939" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0001.jpg 1000w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0001-500x406.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0001-300x243.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0001-768x623.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /><figcaption>ここから表情の差分を作っていきます。</figcaption></figure>



<p>この表情とはもう1枚別に顔の差分を作っていきます。</p>



<p>目や口、眉といった<span class="swl-format-2">表情の線画と着色</span>はすべて<span class="swl-format-1">［eye01］</span>という<span class="swl-format-2">レイヤーフォルダーにまとめてあります</span>。</p>



<p>差分が1枚だけだと管理はそれほど難しくないのですが、5枚10枚と<span class="swl-format-1">差分が増えてくると</span>今回のやり方は非常に<span class="swl-format-1">効率よく管理</span>することができるようになります！</p>



<h2 class="wp-block-heading">新規タイムラインを作成する</h2>



<p>本来のアニメーション機能では絵の表示を切り替えながら動いているように見せています。</p>



<p>この<span class="swl-format-2">表示される単位をフレーム</span>と言いますが、<span class="swl-marker mark_orange">1フレームごとに<span class="swl-format-1">差分だけを切り替えて</span>表示</span>させることで管理をしていきます。 </p>



<p>今回の場合、<span class="swl-marker mark_orange">表情以外は変わりませんので<span class="swl-format-1">表情のみにフレーム指定</span></span>をするということになります。</p>



<p>まず、アニメーション機能を使うために、<span class="swl-format-1">［ウインドウ］→［タイムライン］</span>から<span class="swl-format-2">タイムラインウインドウ</span>を開きます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="265" height="887" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0002.jpg" alt="タイムラインウインドウの出し方" class="wp-image-940"/><figcaption>タイムラインウインドウの出し方</figcaption></figure>



<p>表示されたタイムラインウインドウの三本線アイコンから、<span class="swl-format-1">［タイムライン］→［新規タイムライン］</span>を選択します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="771" height="588" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0003.jpg" alt="まず新規タイムラインを作成します。" class="wp-image-941" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0003.jpg 771w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0003-500x381.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0003-300x229.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0003-768x586.jpg 768w" sizes="(max-width: 771px) 100vw, 771px" /><figcaption>まず新規タイムラインを作成します。</figcaption></figure>



<p>すると、新規タイムラインの設定画面が表示されます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="491" height="257" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0004.jpg" alt="新規タイムライン設定" class="wp-image-942" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0004.jpg 491w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0004-300x157.jpg 300w" sizes="(max-width: 491px) 100vw, 491px" /><figcaption>新規タイムライン設定</figcaption></figure>



<p><span class="swl-format-2">タイムライン名</span>は最後の<span class="swl-format-2">ファイル書き出しのときのファイル名</span>になりますので、<span class="swl-format-1">きちんと付けておくと管理が楽</span>になります。</p>



<p>また、今回は<span class="swl-format-1">表情が2パターン</span>ですので、<span class="swl-format-1">再生時間を2</span>にしてます。</p>



<p><span class="swl-marker mark_orange">差分を8枚作る</span>のであれば、<span class="swl-marker mark_orange">再生時間を8</span>にするという感じです。</p>



<p>すると、タイムラインウインドウが以下のように出来上がります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="763" height="324" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0005.jpg" alt="タイムライン作成後の画面" class="wp-image-943" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0005.jpg 763w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0005-500x212.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0005-300x127.jpg 300w" sizes="(max-width: 763px) 100vw, 763px" /><figcaption>タイムライン作成後の画面</figcaption></figure>



<p>ちょっと見にくいので、<span class="swl-format-1">ズームイン</span>を使用して見やすいように拡大しておきます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="763" height="324" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0006.jpg" alt="タイムラインをズームインすると見やすくなります。" class="wp-image-944" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0006.jpg 763w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0006-500x212.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0006-300x127.jpg 300w" sizes="(max-width: 763px) 100vw, 763px" /><figcaption>タイムラインをズームインすると見やすくなります。</figcaption></figure>



<h2 class="wp-block-heading">新規アニメーションフォルダーを作成する</h2>



<p>実際に<span class="swl-marker mark_orange">差分を切り替える</span>ためには<span class="swl-format-2">アニメーションフォルダーを作る必要</span>があります。</p>



<p>タイムラインウインドウの<span class="swl-format-1">［新規アニメーションフォルダー］アイコン</span>から作成します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="763" height="324" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0007.jpg" alt="新規アニメーションフォルダーを作成" class="wp-image-945" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0007.jpg 763w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0007-500x212.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0007-300x127.jpg 300w" sizes="(max-width: 763px) 100vw, 763px" /><figcaption>新規アニメーションフォルダーを作成</figcaption></figure>



<p>新しく出来たアニメーションフォルダーの名前を分かりやすいように変更しておきましょう。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="763" height="324" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0008.jpg" alt="アニメーションフォルダーの名前を変更" class="wp-image-946" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0008.jpg 763w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0008-500x212.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0008-300x127.jpg 300w" sizes="(max-width: 763px) 100vw, 763px" /><figcaption>アニメーションフォルダーの名前を変更</figcaption></figure>



<p>今回は<span class="swl-format-1">［目　差分］</span>としておきました。</p>



<p>アニメーションフォルダーが作成されると、<span class="swl-format-1">レイヤーパレットにも［目　差分］というフォルダが作られています</span>。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="238" height="458" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0009.jpg" alt="レイヤーパレットにもアニメーションフォルダーが作成されてます。" class="wp-image-947"/><figcaption>レイヤーパレットにもアニメーションフォルダーが作成されてます。</figcaption></figure>



<p>アニメーションフォルダーは<span class="swl-marker mark_orange">作る前に選択していたレイヤーやレイヤーフォルダーの上に作られます</span>。</p>



<p>レイヤーフォルダー内に乗算や加算（発光）、オーバーレイなどの<span class="swl-format-1">通常レイヤー以外を使っている場合</span>、<span class="swl-format-2">アニメーションフォルダーを通過</span>にしなければ効果がうまく表示されないので注意してください！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="246" height="500" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0010.jpg" alt="" class="wp-image-948"/><figcaption>レイヤー効果を［通過］にしておくと乗算や加算・オーバーレイなどの効果が有効になります。</figcaption></figure>



<p><span class="swl-format-1">［通過］にしておくほうが無難</span>ですので、忘れないように設定しておきましょう。</p>



<p>詳しくは別記事で詳細に解説してますので参考にしてください！</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder_ic-500x281.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://murasakiatsushi.com/clippingfolder/" target="_blank" rel="noopener noreferrer">【クリスタ】フォルダとクリッピングしても反映されないときの対処法！</a>
						<span class="p-blogCard__excerpt">クリスタのクリッピング機能は非常に便利で使う機会が多いのですが、レイヤーフォルダをクリッピングしたときに、 思った結果と違う！色が反映されない！ といったトラ&#8230;</span>					</div>
				</div>
			</div>
		</div>


<h2 class="wp-block-heading">アニメーションフォルダーに差分を入れる</h2>



<p>先ほど作った［目　差分］アニメーションフォルダーに表情をまとめた［eye01］レイヤーフォルダーを入れてみます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="811" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0011.jpg" alt="アニメーションフォルダーに入れると一回表示が消えてしまいます" class="wp-image-949" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0011.jpg 1000w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0011-500x406.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0011-300x243.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0011-768x623.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /><figcaption>アニメーションフォルダーに入れると一回表示が消えてしまいます</figcaption></figure>



<p>顔の表情が消えてしまいました！</p>



<p>でも大丈夫です！</p>



<p>現在選択されて赤くなっている1フレームのところで<span class="swl-format-2">右クリック</span>、または<span class="swl-format-2">［セルを指定］アイコン</span>から表示させたいレイヤーまたはレイヤーフォルダーを選択すると表示されます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="811" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0012.jpg" alt="表示させたいレイヤーやレイヤーフォルダーのセル指定を行います。" class="wp-image-950" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0012.jpg 1000w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0012-500x406.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0012-300x243.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0012-768x623.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /><figcaption>表示させたいレイヤーやレイヤーフォルダーのセル指定を行います。</figcaption></figure>



<p class="is-style-icon_info">アニメーションフォルダー内で<span class="swl-format-2">ひとつのフレームに表示できるのはレイヤーかレイヤーフォルダーのひとつのみ</span>です。<br><br><span class="swl-format-1">複数のファイル</span>をそのフレームで表示したい場合は<span class="swl-format-1">レイヤーフォルダーにまとめて</span>ください。</p>



<p>［eye01］を選択することで、1フレーム目には表情が表示されるようになりました！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="811" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0013.jpg" alt="［eye01］を指定すると表情が表示されるようになりました" class="wp-image-951" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0013.jpg 1000w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0013-500x406.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0013-300x243.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0013-768x623.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /><figcaption>［eye01］を指定すると表情が表示されるようになりました</figcaption></figure>



<p>［eye01］を元に<span class="swl-format-1">新しい表情差分を作成</span>し、［eye02］としました。</p>



<p><span class="swl-marker mark_orange">［eye02］を同様にアニメーションフォルダーに入れ</span>、<span class="swl-format-1">［次のフレームへ］</span>アイコンを押して<span class="swl-format-2">2フレーム目</span>が赤くなっている状態で<span class="swl-format-2">［eye02］をセル指定</span>します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="811" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0014.jpg" alt="新しいeye02を2フレーム目に設定します。" class="wp-image-952" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0014.jpg 1000w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0014-500x406.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0014-300x243.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0014-768x623.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /><figcaption>新しいeye02を2フレーム目に設定します。</figcaption></figure>



<p>すると、新しい表情に差し替わりました！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="811" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0015.jpg" alt="新しい表情差分に切り替わりました！" class="wp-image-953" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0015.jpg 1000w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0015-500x406.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0015-300x243.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0015-768x623.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /><figcaption>新しい表情差分に切り替わりました！</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="811" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0030.jpg" alt="タイムラインウインドウを非表示" class="wp-image-969" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0030.jpg 1000w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0030-500x406.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0030-300x243.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0030-768x623.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /><figcaption>タイムラインウインドウを非表示</figcaption></figure>



<h2 class="wp-block-heading">フレーム数の変更方法</h2>



<p><span class="swl-marker mark_orange">表情差分をもっと作りたくなった場合</span>、<span class="swl-format-2">［フレームの挿入］</span>を行うと選択したフレームの後ろにフレームが追加されます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="761" height="822" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0016.jpg" alt="差分を増やすときは［フレームを挿入］" class="wp-image-954" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0016.jpg 761w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0016-500x540.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0016-300x324.jpg 300w" sizes="(max-width: 761px) 100vw, 761px" /><figcaption>差分を増やすときは［フレームを挿入］</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="316" height="112" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0017.jpg" alt="増やすフレーム数を決めます" class="wp-image-955" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0017.jpg 316w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0017-300x106.jpg 300w" sizes="(max-width: 316px) 100vw, 316px" /><figcaption>増やすフレーム数を決めます</figcaption></figure>



<p>1フレーム挿入すると新たに3フレーム目が作成されますので、表情差分を追加する場合は先ほどの手順を繰り返してください。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="763" height="324" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0018.jpg" alt="" class="wp-image-956" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0018.jpg 763w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0018-500x212.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0018-300x127.jpg 300w" sizes="(max-width: 763px) 100vw, 763px" /></figure>



<p>また、<span class="swl-marker mark_orange">必要ないフレーム</span>がある場合は<span class="swl-format-2">［フレームの削除］</span>で削ることができます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="811" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0029.jpg" alt="必要なフレームを選んで右クリックからでもフレームを挿入したり削除したりできます。" class="wp-image-957" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0029.jpg 1000w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0029-500x406.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0029-300x243.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0029-768x623.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /><figcaption>必要なフレームを選んで右クリックからでもフレームを挿入したり削除したりできます。</figcaption></figure>



<p>フレーム数を変更した場合は、<span class="swl-format-1">［タイムライン］→［設定変更］</span>から終了フレームを確認しておきましょう。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="763" height="832" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0019.jpg" alt="タイムラインの設定変更" class="wp-image-958" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0019.jpg 763w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0019-500x545.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0019-300x327.jpg 300w" sizes="(max-width: 763px) 100vw, 763px" /><figcaption>タイムラインの設定変更</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="456" height="257" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0020.jpg" alt="終了フレームに差分枚数＋1の数値を入力！" class="wp-image-959" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0020.jpg 456w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0020-300x169.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0020-240x135.jpg 240w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0020-320x180.jpg 320w" sizes="(max-width: 456px) 100vw, 456px" /><figcaption>終了フレームに差分枚数＋1の数値を入力！</figcaption></figure>



<p><span class="swl-format-1">今回は2枚</span>ですので、<span class="swl-format-2">終了フレーム＋１</span>の<span class="swl-format-1">3フレーム</span>となります。</p>



<p><span class="swl-format-2">終了フレーム＋１</span>というのが間違えやすいポイントですので注意してください！</p>



<p>この終了フレームが<span class="swl-format-1">書き出し時の枚数設定に反映</span>されます。</p>



<p>また、ここで<span class="swl-format-1">タイムライン名も変更</span>できますので、書き出しするときのファイル名を変えたい場合は変更してください。</p>



<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3378523426094617"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-3378523426094617"
     data-ad-slot="5608622466"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">他の差分を表示させたい場合はアニメーションフォルダーを追加</h2>



<p>CG集の場合、例えばセリフの切り替えもあると思います。</p>



<p>ただし、<span class="swl-format-1">ひとつのアニメーショフォルダー</span>は<span class="swl-format-1">ひとつのレイヤーまたはレイヤーフォルダーずつしか表示できません</span>。</p>



<p>レイヤーフォルダー内に全部まとめてもいいのですが、ひとつのレイヤーフォルダーに色々入っていると修正が面倒になることがあります。</p>



<p>その場合、もうひとつアニメーショフォルダーを作りましょう！</p>



<p>今回はセリフの切り替えを想定して、<span class="swl-format-1">［テキスト］</span>という<span class="swl-format-2">アニメーションフォルダーを新規で作成</span>しました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="763" height="324" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0021.jpg" alt="セリフなどを管理するときにはもうひとつアニメーションフォルダーを作成する" class="wp-image-960" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0021.jpg 763w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0021-500x212.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0021-300x127.jpg 300w" sizes="(max-width: 763px) 100vw, 763px" /><figcaption>セリフなどを管理するときにはもうひとつアニメーションフォルダーを作成する</figcaption></figure>



<p>表情差分と同様の手順で、新規のレイヤーフォルダーをアニメーションフォルダー内に2つ作成し、それぞれ<span class="swl-format-2">［セルを指定］</span>で割り当てました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="811" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0022.jpg" alt="アニメーションフォルダー内に新規レイヤーフォルダーを2つ作りました。" class="wp-image-961" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0022.jpg 1000w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0022-500x406.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0022-300x243.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0022-768x623.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /><figcaption>アニメーションフォルダー内に新規レイヤーフォルダーを2つ作りました。</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="776" height="658" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0023.jpg" alt="それぞれのフレームに［セル指定］でレイヤーフォルダーを割り当てて表示できるようにします。" class="wp-image-962" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0023.jpg 776w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0023-500x424.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0023-300x254.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0023-768x651.jpg 768w" sizes="(max-width: 776px) 100vw, 776px" /><figcaption>それぞれのフレームに［セル指定］でレイヤーフォルダーを割り当てて表示できるようにします。</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="763" height="324" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0024.jpg" alt="セル指定を行った状態" class="wp-image-963" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0024.jpg 763w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0024-500x212.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0024-300x127.jpg 300w" sizes="(max-width: 763px) 100vw, 763px" /><figcaption>セル指定を行った状態</figcaption></figure>



<p><span class="swl-marker mark_orange">レイヤーフォルダーに入っているテキスト</span>が1フレームと2フレームに<span class="swl-marker mark_orange">それぞれ表示される</span>ようになりました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="811" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0025.jpg" alt="1フレームに設定したテキストを表示" class="wp-image-964" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0025.jpg 1000w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0025-500x406.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0025-300x243.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0025-768x623.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /><figcaption>1フレームに設定したテキストを表示</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="811" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0026.jpg" alt="2フレームに設定したテキストを表示" class="wp-image-965" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0026.jpg 1000w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0026-500x406.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0026-300x243.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0026-768x623.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /><figcaption>2フレームに設定したテキストを表示</figcaption></figure>



<p><span class="swl-format-1">アニメーションフォルダーを非表示</span>にすると<span class="swl-marker mark_orange">書き出し時にはもちろん非表示</span>で出力されます。</p>



<p>セリフを別に分けておくと、<span class="swl-marker mark_orange">テキスト非表示の差分を簡単に作ることができます</span>のでオススメです。</p>



<p>他にも管理しやすいように分けておくと表示非表示で簡単に差分を作ることが可能です。</p>



<h2 class="wp-block-heading">ファイル書き出しで完成！</h2>



<p>［ファイル］→<span class="swl-format-1">［アニメーション書き出し］→［連番画像］</span>から作成した画像を出力します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="549" height="595" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0027.jpg" alt="連番画像の書き出し" class="wp-image-966" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0027.jpg 549w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0027-500x542.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0027-300x325.jpg 300w" sizes="(max-width: 549px) 100vw, 549px" /><figcaption>連番画像の書き出し</figcaption></figure>



<p>連番画像書き出し設定ではタイムライン名や終了フレームで設定したフレーム枚数が自動で入力されていると思いますが、念の為に確認しておきましょう。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="516" height="547" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0028.jpg" alt="連番画像書き出し設定" class="wp-image-967" srcset="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0028.jpg 516w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0028-500x530.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0028-300x318.jpg 300w" sizes="(max-width: 516px) 100vw, 516px" /><figcaption>連番画像書き出し設定</figcaption></figure>



<p><span class="swl-format-1">テキストなし差分</span>を作るときは<span class="swl-format-2">書き出し先のフォルダを変えておかないと上書き</span>してしまいますので注意！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="256" height="163" src="https://murasakiatsushi.com/wp-content/uploads/difference-files-making-0031.jpg" alt="書き出した画像ファイル名はタイムライン名が反映されます。" class="wp-image-968"/><figcaption>書き出した画像ファイル名はタイムライン名が反映されます。</figcaption></figure>



<h2 class="wp-block-heading">まとめ</h2>



<p>クリスタのアニメーション機能を使用し、<span class="swl-format-2">タイムラインのフレームに差分を割り当てて画像管理</span>する方法をご紹介しました。</p>



<p>最初は難しく感じるかもしれませんが、CG集を作る場合には膨大な枚数を一枚一枚ファイルに分けるよりもミスが減って管理が楽になると思います。</p>



<p><span class="swl-marker mark_orange">セリフだけ別アニメーションフォルダーにまとめて表示非表示を切り替えれば</span><span class="swl-format-2">テキストなし差分も簡単に出力</span>できますので活用してください！</p>



<p>今回の内容が少しでも参考になれば嬉しいです！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/difference-files-making/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【サブスクは必要？】クリスタとメディバンペイントを使い比べ！</title>
		<link>https://murasakiatsushi.com/clipstudio-comparison/</link>
					<comments>https://murasakiatsushi.com/clipstudio-comparison/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Tue, 16 Nov 2021 06:57:20 +0000</pubDate>
				<category><![CDATA[制作環境]]></category>
		<category><![CDATA[クリスタ]]></category>
		<category><![CDATA[メディバンペイント]]></category>
		<category><![CDATA[初心者]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=882</guid>

					<description><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-comparison_ic.jpg" class="webfeedsFeaturedVisual" /></p>デジタルでイラストや漫画を描く際に、まず気になるのは初期コストではないでしょうか？ PCやiPadといった描くためのハードウェア、実際に描くときに必要なアプリ。 ハードウェアのコストは下げるのが難しいですが、アプリは無料 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-comparison_ic.jpg" class="webfeedsFeaturedVisual" /></p>
<p>デジタルでイラストや漫画を描く際に、まず気になるのは<span class="swl-format-1">初期コスト</span>ではないでしょうか？</p>



<p>PCやiPadといった描くためのハードウェア、実際に描くときに必要なアプリ。</p>



<p>ハードウェアのコストは下げるのが難しいですが、アプリは無料のものもあります。</p>



<p>その中でも有名な無料アプリ「<span class="swl-format-1">メディバンペイント</span>」と私も使っている有料の「<span class="swl-format-1">CLIP STUDIO PAINT</span>」を使い比べてみた実感を元にサブスク加入必要かを含めて解説していきます。</p>



<div class="swell-block-capbox cap_box is-style-onborder_ttl2" data-colset="col2"><div class="cap_box_ttl" data-has-icon="1"><svg height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 512 512"><path d="M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z"></path></svg><span>この記事のポイント</span></div><div class="cap_box_content">
<ul class="wp-block-list is-style-check_list">
<li>最初に使ったアプリに慣れてしまうと他のアプリへの移行はかなり大変なので、再移行の学習コストを考えると<span class="swl-format-1">「CLIP STUDIO PAINT」</span>をオススメします。</li>
</ul>
</div></div>



<p>結論からいうと、無料の<span class="swl-format-1">メディバンペイント</span>でも高機能なPhotoshopでも<span class="swl-marker mark_orange">基本的にどれを使っても描けます</span>。</p>



<p>ただ最終的にこれから長くイラストや漫画を描くことを考えているのであれば、イラスト・漫画に特化している<span class="swl-format-1">クリスタ</span>の機能が最も優れていますので最終的に<span class="swl-marker mark_orange">時短効果が高い</span>です。</p>


<div class="p-adBox -normal -border-off" data-id="1474" data-ad="normal"><div class="p-adBox__body"><div class="p-adBox__img"><a href="https://px.a8.net/svt/ejp?a8mat=3HA7IJ+11IBW2+3AP2+62U35" rel="nofollow">
<img decoding="async" border="0" width="468" height="60" alt="" src="https://www26.a8.net/svt/bgt?aid=210428299063&wid=001&eno=01&mid=s00000015383001021000&mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www18.a8.net/0.gif?a8mat=3HA7IJ+11IBW2+3AP2+62U35" alt=""></div></div></div>



<h2 class="wp-block-heading">メディバンペイントのメリット</h2>



<p>クリスタのほうがオススメなのですが、<span class="swl-format-1">メディバンペイントにもイラストや漫画を描くための機能は一通り揃ってます</span>。</p>



<p>メディバンペイントも大きなメリットがありますのでご紹介していきます。</p>



<h3 class="wp-block-heading">無料である</h3>



<p>やはり無料という響きは大きいです。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">MediBang Paint &#8211; 無料のイラスト&#8230;</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://medibangpaint.com/wp-content/uploads/2024/04/MediBang-Pro-Icon-202404.png" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://medibangpaint.com/" target="_blank" rel="noopener noreferrer">MediBang Paint – 無料のイラスト・マンガ制作ツール</a>
						<span class="p-blogCard__excerpt">無料のイラスト・マンガ制作ツールメディバンペイント(MediBang Paint)のオフィシャルサイトです。メディバンペイント(MediBang Paint)の機能や使い方を紹介しています。</span>					</div>
				</div>
			</div>
		</div>


<p>ただし、無料ゆえに広告が入ります。</p>



<p><span class="swl-format-1">PC版</span>では<span class="swl-marker mark_orange">起動時にしか広告が出ない</span>のでほぼ<span class="swl-format-1">デメリットにはなりません</span>。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="580" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-comparison-001.jpg" alt="メディバンペイントPC版は起動時のみ広告" class="wp-image-921" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-comparison-001.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-comparison-001-500x363.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-comparison-001-300x218.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-comparison-001-768x557.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">メディバンペイントPC版は起動時のみ広告</figcaption></figure>



<p>一方で、<span class="swl-format-1">AndroidやiPhone</span>などで使う場合には<span class="swl-marker mark_orange">作業画面にも結構な大きさで広告が表示</span>されるので<span class="swl-format-1"><span class="swl-marker mark_orange">集中して描きたい場合にはかなりのデメリット</span></span>になります。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">Dragon Island</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://cdn.image.st-hatena.com/image/scale/93a116102c4eda35abc50682ab7852fc3532f8f2/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkei-alex%2F20210921%2F20210921153530.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://dragonisland.hatenablog.com/entry/2021/09/25/%E3%83%A1%E3%83%87%E3%82%A3%E3%83%90%E3%83%B3%E3%83%9A%E3%82%A4%E3%83%B3%E3%83%88%E3%81%AE%E5%88%A9%E7%94%A8%E3%82%92%E3%82%84%E3%82%81%E3%82%8B%E8%A9%B1" target="_blank" rel="noopener noreferrer">（2022年7月更新）メディバンペイントの利用をやめる話 &#8211; Dragon Island</a>
						<span class="p-blogCard__excerpt">2022年7月22日現在、公式サイトのお知らせにある当該記事が修正され、無料版の変更点に関する情報が削除されています。（MediBang Premiumの特徴に限定した体裁になってい&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p>ちなみに、iPad版は広告なしになったようですが、買い切り型で<span class="swl-format-1">1,800円</span>です。</p>



<p>iPadだとProcreate（2000円）やアイビスペイント（1500円）、クリスタPRO（月額480円）と競合が多いので、選択に困るかもしれません。</p>



<h3 class="wp-block-heading">クラウドテキストがかなり便利！</h3>



<p>漫画のフキダシなどに<span class="swl-format-1">文字を入れる場合</span>、 基本的には<span class="swl-marker mark_orange">PCやiPadに入ってるフォントしか使えません</span>。</p>



<p>ただ、メディバンペイントでは<span class="swl-format-2">クラウドテキスト</span>という機能があり、デザイン的にも<span class="swl-marker mark_orange">使い勝手の良いフォントを無料で使うことができます</span>。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="743" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-comparison-002.jpg" alt="メディバンペイントのクラウドテキストはすごく便利！" class="wp-image-922" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-comparison-002.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-comparison-002-500x464.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-comparison-002-300x279.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-comparison-002-768x713.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">メディバンペイントのクラウドテキストはすごく便利！</figcaption></figure>



<p><span class="swl-format-2">自分で持っていないフォントが使える</span>ので、<span class="swl-format-1">この機能を使うためだけ</span>にメディバンペイントを入れているというくらい重宝しています！</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://medibangpaint.com/wp-content/uploads/2022/11/thum_cloudfont.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://medibangpaint.com/cloud-text/" target="_blank" rel="noopener noreferrer">クラウドテキスト | MediBang Paint – 無料のイラスト・マンガ制作ツール</a>
						<span class="p-blogCard__excerpt"></span>					</div>
				</div>
			</div>
		</div>


<p>漫画でも使いやすいフォントエヴァンゲリオンで有名な「<span class="swl-format-1">マティスPro</span>」、Youtubeの字幕やゲームで有名な「<span class="swl-format-1">ロダンわんぱく</span>」など揃っているのでおすすめです。</p>



<p class="is-style-big_icon_batsu">一部のフォントはサブスクリプションサービス<span class="swl-marker mark_orange">「MediBang Premium」加入者のみ</span>となります。<br>ただ、最近の<span class="swl-marker mark_orange">MediBang PaintはiPad版に注力</span>しているため、どこから<span class="swl-format-2">Premiumへの加入方法や案内がわかりにくく</span>、また<span class="swl-format-1">Windows・macOS版などのアップデートも止まっています</span>。<br>その点は十分な注意が必要です。</p>



<h2 class="wp-block-heading">メディバンペイントのデメリット</h2>



<p>無料ゆえのデメリットも当然あり、そのデメリットがかなり大きく悩ましいところです。</p>



<h3 class="wp-block-heading">クラウドストレージの3GB制限</h3>



<p>イラストや漫画をクラウドに保存することも少なくなくなってきましたが、メディバンペイント無料版のクラウドストレージは3GBです。</p>



<p><span class="swl-format-2">3GBを超えたら</span>どうなるのかと言いますと、<span class="swl-format-1">クラウドストレージ内の作品を開くことができなくなります</span>。</p>



<p>つまり<span class="swl-format-2">自分の作品を回収することができなくなる</span>わけです。</p>



<p>回避策は<span class="swl-marker mark_orange">3GBを超えて保存しない</span>か、ひとまず<span class="swl-format-2">WEBからだと一年分のPremium会費2480円を払って回収</span>しかありません。</p>



<p>そして困ったことに<span class="swl-format-2">どこから購入するのか案内が分かりにくい</span>！</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/profile.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">紫あつし</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>私はPC版で使ったときにはローカルのハードディスクに保存してます。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>メディバンの<span class="swl-format-1">作品人質騒動</span>としてちょっと問題になりまして、クラウドストレージを使うにしてもDropboxなど別のものを使うほうが良いと感じました。</p>



<h3 class="wp-block-heading">UIやブラシのカスタマイズ性が低い</h3>



<p>普段クリスタを使っていて、メディバンペイントで不便に感じたのが<span class="swl-format-2">「あと少し」を詰める設定のカスタマイズがない</span>ことです。</p>



<p>これをシンプルで使いやすいと考えることもできるかと思いますが、<span class="swl-format-1">多機能で融通の利くクリスタ</span>に慣れるとかなりキツイと感じました。</p>



<p>クリスタでは本当に便利な機能がありますので、これらがないと相当に<span class="swl-format-2">時間が掛かるというデメリットは締め切り間際にこそ痛感する</span>と思います。</p>



<p>クリスタで活用している便利機能をまとめた記事がありますので、ぜひ参考にしてください！</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/clipstudiopaint-function_ic-500x281.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://murasakiatsushi.com/clipstudiopaint-function/" target="_blank" rel="noopener noreferrer">【初心者向け】クリスタで覚えておきたい神機能7選！</a>
						<span class="p-blogCard__excerpt">クリスタには非常に多くの機能があり、何から覚えたらいいか困ったことはないでしょうか？ 最初から全部覚えて始めるのはとても大変ですし、むしろ遠回りになってしまい&#8230;</span>					</div>
				</div>
			</div>
		</div>


<h3 class="wp-block-heading">素材が少ない</h3>



<p>クリスタは無償で使える素材がたくさんありますが、メディバンペイントでは少ないです。</p>



<p>サブスクリプションのMediBang Premiumに加入すれば使用できる素材が増えますが、それでも<span class="swl-format-1">クリスタの無償素材の数は圧倒的</span>です。</p>



<p>その上に<span class="swl-format-2">クリスタの有償素材を入れるとさらにできることが増える</span>ので、コストパフォーマンスでもクリスタのほうが上になります。</p>



<h3 class="wp-block-heading">描き心地の違いに馴染めない</h3>



<p>クリスタと比較してしっくりこなかったのが、メディバンペイントは描き心地が違うという点です。</p>



<p>もちろんクリスタをずっと使っているのでクリスタに慣れすぎているというのは確かです。</p>



<p>ただ、<span class="swl-format-1">カーソルの位置と実際に線を引いてる位置にわずかですが違和感</span>があり、結構なストレスでした。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="689" height="768" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-comparison-003.jpg" alt="メディバンペイントで描いたもの" class="wp-image-924" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-comparison-003.jpg 689w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-comparison-003-500x557.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-comparison-003-300x334.jpg 300w" sizes="(max-width: 689px) 100vw, 689px" /><figcaption class="wp-element-caption">メディバンペイントで描いたもの</figcaption></figure>



<p>描線の仕上がりは悪くないんですが、クリスタよりも時間が4割増しで掛かってストレスもありました。</p>



<p>もちろん、慣れてなくても短時間でささっとこのくらいは描けるというのは事実でして、あとは設定を詰めていくと当然描きやすくなると思ってます。</p>



<p>ただ、上記のカスタマイズ性の低さやクリスタでも気になったら設定を詰め直していることを考えると、<span class="swl-marker mark_orange">同じ描き味をメディバンペイントで再現するのはかなり大変</span>だと感じてます。</p>



<h2 class="wp-block-heading">ジャンプPAINTを出している集英社でも初心者にはクリスタ推し</h2>



<p><span class="swl-format-1">ジャンプPAINTはメディバンペイントを元に開発</span>されています。</p>



<p>基本機能は同じでせっかくジャンプが開発に関わってるのであれば、ジャンプ＋でもジャンプPAINTを推してくるのかなと思っていたのですが…。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">少年ジャンプ＋</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://cdn.image.st-hatena.com/image/scale/846b72a004dc97c41f1f9c1cbebb43bf4d4e1608/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fj%2Fjumpplus%2F20211006%2F20211006101416.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://shonenjumpplus.com/article/entry/funtoki_2" target="_blank" rel="noopener noreferrer">【2話】長谷川智広のデジタル作画奮闘記～アナログの申し子、デジタルに挑む～ &#8211; 少年ジャンプ＋</a>
						<span class="p-blogCard__excerpt">デジタルで漫画を描いてみたい人必見！本当に底辺からスタートするルポ漫画!!</span>					</div>
				</div>
			</div>
		</div>


<p>デジタル初心者の長谷川先生が使用したのはクリスタでした。</p>



<p>初心者こそクリスタという感じなのは、やはり<span class="swl-format-2">クリスタは利用者が多いので情報やノウハウが色々なところに蓄積されている</span>というのは大きなメリットとなります。</p>



<p>クリスタは多機能なので使い始めは戸惑うかもしれませんが、このブログでもクリスタの技法を中心にして紹介してますので、活用して頂けたらと思ってます！</p>



<h2 class="wp-block-heading">無料が必ずしもメリットになるとは限らない</h2>



<p>デジタルでイラストや漫画を描く場合、やはり気になるのは初期費用です。</p>



<p>ソフトだけでも無料で始められるというのはハードルがグッと下がるのは間違いありません。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">PC Watch</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://pc.watch.impress.co.jp/img/pcw/list/1370/377/medibang_10.png" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://pc.watch.impress.co.jp/docs/column/macinfo/1370377.html" target="_blank" rel="noopener noreferrer">【Mac Info】 イラスト/マンガを描くなら無料の「メディバンペイント」がスゴイ！  </a>
						<span class="p-blogCard__excerpt">　これからイラストやマンガを描き始めてみたい！ そんなMacユーザーに最もおすすめなのが「メディバンペイント(MediBang Paint)」です。非常に豊富な機能を備えていながら&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p>この記事にも書いてありますが、Macだとイラストはまだ選択肢はいくつかありますが、<span class="swl-format-1">漫画を描くとなるとメディバンペイントかクリスタの2択</span>になると思います。</p>



<p>メディバンペイントで培ったノウハウが他のソフトを使うときにも無駄にならないというのもその通りだと思います。</p>



<p>私も10数年前に最初はPhotoshop5.5で描き始めたおかげで、その後のComicstudioから今のクリスタにつながっているからです。</p>



<p>一方で、クリスタの<span class="swl-format-1">ショートカットキーはすでに初期設定から3分の2は置き換えてます</span>。</p>



<p>自分で使いやすいように<span class="swl-format-2">時間を掛けてカスタマイズしてきた</span>からです。</p>



<p><span class="swl-format-1">他の人が私の設定で使ったら絶対に戸惑います</span>。</p>



<p>ただ、自分の作業効率を上げるためには重要なことです。</p>



<p><span class="swl-marker mark_orange">ソフトを乗り換えると</span>、<span class="swl-format-2">また一から設定を積み上げ直さないといけません</span>。</p>



<div class="swell-block-capbox cap_box is-style-onborder_ttl2"><div class="cap_box_ttl"><span>乗り換えで特に困る要素</span></div><div class="cap_box_content">
<ul class="wp-block-list">
<li>使うペンや塗りのブラシの設定（手ブレ補正や描き味など）</li>



<li>ショートカットキーの設定</li>
</ul>
</div></div>



<p>この辺は使いながらでないと自分に最適なものが決められないので、結構時間を使ってしまいます。</p>



<p><span class="swl-format-1">メディバンペイントで私がストレスフリーで描けない理由はこれらの<span class="swl-marker mark_orange">最適な設定を作り直す時間が大変すぎる</span>からです。</span></p>



<p>その手間を考えるなら、最初から機能の揃っているクリスタがより良いのでは？と現在の私なら考えます。</p>



<h2 class="wp-block-heading">クリスタとメディバン、サブスクリプションの比較</h2>



<p>iPadやAndroid版<span class="swl-format-1">クリスタ</span>は<span class="swl-format-1">基本的にサブスクリプションに加入する必要があります</span>。</p>



<p>Windows・macOS版買い切り版も引き続き提供はされますが、<span class="swl-format-1">最新機能を利用するためには年に1回バージョンアップ版を購入する必要があります</span>。</p>



<p>お得に使い続けるなら<span class="swl-format-2">月額・年額利用プラン</span>が<span class="swl-marker mark_orange">コストパフォーマンスが良いです</span>。</p>



<p>ただし、デメリットもありますので、こちらを参考にして頂ければと思います。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">紫あつしブログ</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/clipstudiopaint-start_ic.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://murasakiatsushi.com/clipstudiopaint-start/#index_id1" target="_blank" rel="noopener noreferrer">【初心者向け】クリスタで絵を描き始める前の下準備！起動から初期設定まで完全マスター！ | 紫あつしブロ&#8230;</a>
						<span class="p-blogCard__excerpt">CLIP STUDIO PAINT（クリスタ）を起動させるところからキャンバスの解像度やサイズのオススメ設定を、初心者にも完全マスター出来るようにステップごとに解説していきます&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p>1デバイスで使うとすると料金は以下のようになります。</p>



<figure class="wp-block-table is-style-stripes"><table class="has-fixed-layout"><thead><tr><th class="has-text-align-center" data-align="center">iPadで利用</th><th class="has-text-align-center" data-align="center">月額</th><th class="has-text-align-center" data-align="center">年額</th></tr></thead><tbody><tr><td class="has-text-align-center" data-align="center">メディバンペイントPremium</td><td class="has-text-align-center" data-align="center">330円</td><td class="has-text-align-center" data-align="center">2,480円</td></tr><tr><td class="has-text-align-center" data-align="center">CLIP STUDIO PAINT PRO</td><td class="has-text-align-center" data-align="center">480円</td><td class="has-text-align-center" data-align="center">2,800円</td></tr><tr><td class="has-text-align-center" data-align="center">CLIP STUDIO PAINT EX</td><td class="has-text-align-center" data-align="center">980円</td><td class="has-text-align-center" data-align="center">7,800円</td></tr></tbody></table><figcaption class="wp-element-caption">1デバイスでのサブスク金額比較</figcaption></figure>



<p class="is-style-big_icon_point">現行のWindows・macOS版の買い切り無期限版を使っている方はアップデートプランが用意されており、上記の月額利用プランより安い価格で利用できます。（年額プランのみ）</p>



<p>クリスタのほうが高いのは確かですが、年額で考えるとCLIP STUDIO PAINT PROとメディバンペイントでは差はないかなと感じます。</p>



<p>であれば、<span class="swl-format-2">CLIP STUDIO PAINT PROが断然オススメ</span>です。</p>



<p><span class="swl-marker mark_orange"><span class="swl-format-1">PROでも十分にメディバンペイントよりも利便性の高い機能が使えるからです</span></span>。</p>



<p>メディバンペイントは月額330円からと書いてはあるものの、どこから購入できるか分からなかったのですが、どうやら<span class="swl-format-2">アプリから申し込める</span>ようです。</p>



<p>個人的に<span class="swl-format-1">メディバン公式の<span class="swl-marker mark_orange">案内がかなり分かりにくい</span></span>点は心象としてはマイナスでした。</p>



<p>固定費のサブスクがどうしても嫌だと感じてしまうのであれば、無期限版CLIP STUDIO PAINTの<span class="swl-format-1">ダウンロード版</span>が良いかもしれません。</p>



<p>やはり機能アップデートのアナウンスを見たときに「<span class="swl-format-1"><span class="swl-marker mark_orange">やっぱり機能が増えれば便利だよね</span></span>」と思ったので<span class="swl-marker mark_orange">年一回のバージョンアップ版を購入しています</span>。</p>



<p>もちろん、学生さんや駆け出しのアシスタントさんなど<span class="swl-marker mark_orange">出費が気になるという方</span>は<span class="swl-format-2">ダウンロードのクリスタPro無期限版を5000円で買ってとにかく慣れる</span>というのが<span class="swl-marker mark_orange">安く始める最適解</span>かなと思います。</p>



<p>ただ、バージョンアップで機能が追加されないVer1でもVer2でも、<span class="swl-marker mark_orange">現行でも十分な機能がある</span>というのも事実ですから。</p>


<div class="p-adBox -normal -border-off" data-id="1474" data-ad="normal"><div class="p-adBox__body"><div class="p-adBox__img"><a href="https://px.a8.net/svt/ejp?a8mat=3HA7IJ+11IBW2+3AP2+62U35" rel="nofollow">
<img decoding="async" border="0" width="468" height="60" alt="" src="https://www26.a8.net/svt/bgt?aid=210428299063&wid=001&eno=01&mid=s00000015383001021000&mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www18.a8.net/0.gif?a8mat=3HA7IJ+11IBW2+3AP2+62U35" alt=""></div></div></div>



<p>単純に<span class="swl-marker mark_orange">イラストだけを描く</span>ということで考えると、<span class="swl-format-2">iPad+無料版アイビスペイントXが最安</span>で始められるかなという感じです。</p>



<p>また、無料という点では<span class="swl-format-1"><a href="https://www.adobe.com/jp/products/fresco.html">Adobe Fresco</a></span>もおすすめです。</p>



<p>Windowsなら<a href="https://www.systemax.jp/ja/sai/" target="_blank" rel="noreferrer noopener">SAI</a>を使っている人も多いですね。</p>



<p>Youtubeのメイキング動画でも結構見かけますし、費用もクリスタProと同程度ですのであとは好みの問題かな？って感じでしょうか？</p>



<h2 class="wp-block-heading">番外編・Photoshop</h2>



<p>絵を描くのに有名なソフトにPhotoshopがあります。</p>



<p>絵を描くことに特化しているわけではないのですが、多機能なので絵を描くことに使う方も多いです。</p>



<p><span class="swl-marker mark_orange">私もデジタルで描き始めた十数年前はPhotoshop</span>でした。</p>



<p>現在はお絵描きに特化したクリスタが便利だと感じますが、<span class="swl-format-1">Photoshopの細かい色調整やぼかし系フィルタ、より的確な変形機能</span>など<span class="swl-format-2">クリスタでは出来ないことが簡単にできるのは魅力</span>です。</p>



<p><span class="swl-format-2">フォトプランが月額1,078円</span>なので、使いたいときにピンポイントで利用するのもアリかなと思います。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/profile.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">紫あつし</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>私はミラーレスカメラを使い始めてから再びPhotoshopに出戻りしてきましたが、<span class="swl-format-1">色調補正のしやすさやぼかしの選択肢などはさすがPhotoshop</span>だと思ってます。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>ネットでAdobe税と言われているのを見ましたが、こういう考え方はやめたほうがいいです。</p>



<p>税という考え方は<span class="swl-marker mark_orange">搾取されているという被害者意識</span>なのかもしれませんが、<span class="swl-format-2">月額1000円でより大きな利益を生み出す投資という考え方のほうが必ず成長に繋がります</span>。</p>



<p><span class="swl-format-1">月額1000円を惜しんでいたら、神絵師のさいとうなおき先生はこの世界に誕生してなかったことでしょう</span>。（さいとうなおき先生はプロが使っているものを最初から使うべきという考えからPhotoshopを使い始めたとおっしゃってます。）</p>



<p>全員が投資して利益を得られるかはわかりませんが、まったくお金を使わずに利益だけ欲しいというのは極めて難易度が高い話です。</p>



<p>画像編集ソフトはたくさんありますが、残念ながらPhotoshopを超えるものは今まで出てきませんでした。</p>



<p>必要なところにお金は使う、<span class="swl-format-1">ノーペイン・ノーゲイン（痛みなくして得るものなし）</span>というのを忘れないようにしてください。</p>



<p>ただ、<span class="swl-format-2">Photoshopのデメリット</span>を挙げるなら、<span class="swl-marker mark_orange">絵を描くことにだけ特化しているわけではない</span>ことと<span class="swl-format-1">解約が面倒くさい</span>ことです。</p>



<p>特に<span class="swl-format-2">漫画であれば、間違いなくクリスタのほうが効率が良い</span>です。</p>



<h2 class="wp-block-heading">時短を考えるならサブスクに加入したほうがお得</h2>



<p>メディバンペイントはシンプルなので初心者に優しい面があります。</p>



<p>必要な機能は一通り揃っているので、作業をすべてこなすことは可能です。</p>



<p>クリスタは設定が多すぎて初心者は戸惑うかもしれません。</p>



<p><span class="swl-marker mark_orange">同人誌など出すときには<span class="swl-format-1">クラウドテキスト</span>を使う</span>と一味違った印象を作り出せると思います。</p>



<p>ただ、<span class="swl-format-1">クリスタは利用者が多いので必要な情報は検索すると出てくることが多い</span>です。</p>



<ul class="wp-block-list has-border -border02 has-swl-pale-02-background-color has-background">
<li>自分の慣れた線の描き味</li>



<li>カスタマイズしたショートカットキー</li>



<li>利用しやすい数多くの素材</li>
</ul>



<p><span class="swl-format-2">少しずつ積み上げていく経験値はのちの資産になります</span>。</p>



<p>いろんなアプリを使うと、どうしても<span class="swl-format-1">それぞれの使い勝手が違うので効率が落ちてしまいます</span>。</p>



<p>集中力を途切れさせるというのは本当にもったいないので、<span class="swl-format-1">デジタルに慣れる</span>ということを考えるのであれば<span class="swl-format-2">最初からクリスタを使うことが上達への最短ルート</span>だと思います。</p>



<p><span class="swl-format-1">メディバンペイント</span>の<span class="swl-format-2">クラウドテキストはオススメ</span>ですし、<span class="swl-format-1">Photoshop</span>のフィルタや画像変形はとても素晴らしいです。</p>



<p>そんな中でイラストや漫画を描くことを考えるともっとも<span class="swl-format-1">最適なのはクリスタ</span>だと言えます。</p>



<div class="swell-block-capbox cap_box is-style-small_ttl" data-colset="col1"><div class="cap_box_ttl" data-has-icon="1"><svg height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 512 512"><path d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg><span>CHECK</span></div><div class="cap_box_content">
<ul class="wp-block-list -list-under-dashed">
<li>メインはクリスタ</li>



<li>セリフの一部分をメディバンペイントのクラウドテキスト</li>



<li><span class="swl-format-1">サブスクの機能追加は時短効果が大きい</span>ので、必要を感じたなら加入推奨</li>
</ul>
</div></div>



<p>痛感するのは時短の重要性です。</p>



<p>上手い人より足りてない自覚があるのに、さらに<span class="swl-format-1">自分に縛りプレイをするのは絵を描く難易度を上げるだけ</span>ですので私はサブスクに入るでしょう。</p>



<p>悩んでいても描き始めないと上達はしません！</p>



<p><a rel="noreferrer noopener" href="https://medibangpaint.com/" target="_blank">メディバンペイントは無料</a>です。</p>


<div class="p-adBox -normal -border-off" data-id="1474" data-ad="normal"><div class="p-adBox__body"><div class="p-adBox__img"><a href="https://px.a8.net/svt/ejp?a8mat=3HA7IJ+11IBW2+3AP2+62U35" rel="nofollow">
<img decoding="async" border="0" width="468" height="60" alt="" src="https://www26.a8.net/svt/bgt?aid=210428299063&#038;wid=001&#038;eno=01&#038;mid=s00000015383001021000&#038;mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www18.a8.net/0.gif?a8mat=3HA7IJ+11IBW2+3AP2+62U35" alt=""></div></div></div>


<p>クリスタ体験版は3ヶ月無料で利用できます。</p>



<p>どちらでもいいので、まずは行動することから始めましょう。</p>



<p><span class="swl-format-2">慣れてきてもっと機能が欲しいと思ったらサブスクに加入するのが良いと思います</span>。</p>



<p>青色申告をしている人は年一回の経費処理する手間が増える程度と考えればいいと思ってます。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/doujin-electronic-ledger_ic-500x281.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://murasakiatsushi.com/doujin-electronic-ledger/">【2024年1月から】知らないとマズイ？同人活動に関わる電子帳簿保存法</a>
						<span class="p-blogCard__excerpt">同人活動してる方にとって税金ってわかりにくいものがあります。 特に会社員だと税金が抜き取られた状態の手取りしか残らないので、税金や確定申告といったものは縁のな&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p>以上、少しでも参考になれば嬉しいです！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/clipstudio-comparison/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【クリスタ】線画と塗りをなじませるお手軽色トレスのやり方解説！</title>
		<link>https://murasakiatsushi.com/color-trace/</link>
					<comments>https://murasakiatsushi.com/color-trace/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Mon, 08 Nov 2021 05:48:00 +0000</pubDate>
				<category><![CDATA[CGメイキング]]></category>
		<category><![CDATA[クリスタ]]></category>
		<category><![CDATA[クリスタTIPS]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[色トレス]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=847</guid>

					<description><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/color-trace_ic.jpg" class="webfeedsFeaturedVisual" /></p>多くの人が線画は黒色で描いてると思いますが、着色が終わったあとで線画がなじんでないと感じることはないでしょうか？ 黒というのは非常に強い色ですので、どうしても目を引きます。 逆に考えると、線画の色が黒でなくなれば、線の強 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/color-trace_ic.jpg" class="webfeedsFeaturedVisual" /></p>
<p>多くの人が<span class="swl-format-1">線画は黒色で描いてる</span>と思いますが、<span class="swl-marker mark_orange">着色が終わったあとで線画がなじんでない</span>と感じることはないでしょうか？</p>



<p><span class="swl-format-1"><span class="swl-marker mark_orange">黒</span></span>というのは非常に<span class="swl-format-1">強い色</span>ですので、<span class="swl-marker mark_orange">どうしても目を引きます</span>。</p>



<p>逆に考えると、<span class="swl-marker mark_orange">線画の色が黒でなくなれば</span>、<span class="swl-marker mark_orange"><span class="swl-format-1">線の強さが弱まり絵の印象を柔らかくなる</span></span>ということです。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="400" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-001.jpg" alt="色トレス前と色トレス後の比較" class="wp-image-851" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-001.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/color-trace-001-500x250.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-001-300x150.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/color-trace-001-768x384.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>色トレス前と色トレス後の比較</figcaption></figure>



<p><span class="swl-format-1">線画の色を変える</span>ことをアニメ業界用語で<span class="swl-format-2">色トレス</span>と呼んでます。</p>



<p>線の色を手作業で変えていくのは結構な手間ですが、ここでは<span class="swl-marker mark_orange"><span class="swl-format-1">お手軽で簡単な色トレスのやり方</span></span>をご紹介します。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/profile.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">紫あつし</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>一度やり方を覚えれば、<span class="swl-marker mark_orange">次からさらに作業が簡単にできる</span><span class="swl-format-2">オートアクションの登録方法</span>もあわせて紹介します！<br>まず最初の一回をこの記事を見ながら試してください！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">色トレスの手順</h2>



<p>実際に黒色で描かれた線画を塗りになじませていきましょう！</p>



<h3 class="wp-block-heading">着色を完成させる</h3>



<p>まず、着色まで終わらせます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="570" height="800" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-003.jpg" alt="着色が終わった状態です。" class="wp-image-854" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-003.jpg 570w, https://murasakiatsushi.com/wp-content/uploads/color-trace-003-500x702.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-003-300x421.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" /><figcaption>着色が終わった状態です。</figcaption></figure>



<p>この段階まで<span class="swl-format-1">黒色で描いた線画</span>に着色してます。</p>



<p>黒色が主張しすぎているので、<span class="swl-marker mark_orange">塗りにあわせて線画の色を変えて柔らかい印象</span>にしていきます。</p>



<h3 class="wp-block-heading">着色レイヤーだけを表示状態にする</h3>



<p><span class="swl-format-1">線画と背景や［用紙］レイヤーを非表示</span>にして<span class="swl-format-2">着色レイヤーのみを表示</span>します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="570" height="800" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-004.jpg" alt="線画と背景を非表示にして、着色レイヤーのみにしました" class="wp-image-855" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-004.jpg 570w, https://murasakiatsushi.com/wp-content/uploads/color-trace-004-500x702.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-004-300x421.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" /><figcaption>線画と背景を非表示にして、着色レイヤーのみにしました</figcaption></figure>



<p>目は別レイヤーでまとめてますので、目も非表示にしてます。</p>



<h3 class="wp-block-heading">表示している着色レイヤーのコピーを作成する</h3>



<p>表示されているレイヤーをどれでもいいので選択した状態で、<span class="swl-format-1">右クリック</span>または<span class="swl-format-1">レイヤーウインドウの横三本線アイコン</span>から<span class="swl-format-2">［表示レイヤーのコピーを結合］</span>を行います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="502" height="713" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-005.jpg" alt="表示レイヤーのコピーを結合" class="wp-image-856" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-005.jpg 502w, https://murasakiatsushi.com/wp-content/uploads/color-trace-005-500x710.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-005-300x426.jpg 300w" sizes="(max-width: 502px) 100vw, 502px" /><figcaption>表示レイヤーのコピーを結合</figcaption></figure>



<p class="is-style-icon_info">ひとつ上の<span class="swl-format-1">［表示レイヤーの結合］をしたらすぐにCtrl（Macだと[Command]）＋Zキー</span>で元に戻してください！<br><span class="swl-format-2">元の着色レイヤーがなくなると大変</span>なことになるので注意してください！</p>



<h3 class="wp-block-heading">コピーしたレイヤーにガウスぼかし</h3>



<p>新しくコピーされたレイヤーにメニューから［フィルター］→［ぼかし］→<span class="swl-format-2">［ガウスぼかし］</span>を行います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="570" height="800" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-006.jpg" alt="ガウスぼかしを実行" class="wp-image-857" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-006.jpg 570w, https://murasakiatsushi.com/wp-content/uploads/color-trace-006-500x702.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-006-300x421.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" /><figcaption>ガウスぼかしを実行</figcaption></figure>



<p><span class="swl-marker mark_orange">ぼかす数値は絵の大きさによっても変わります</span>が、大きめのA4で描いているので<span class="swl-format-2">ぼかす範囲の数値は30</span>にしました。</p>



<h3 class="wp-block-heading">ぼかしたレイヤーを2枚複製する</h3>



<p>ぼかし幅を大きめにしたので、<span class="swl-format-1">線画に乗せた際に<span class="swl-marker mark_orange">色が出やすい</span></span>ようにレイヤーを重ねます。</p>



<p><span class="swl-format-2">［レイヤーを複製］</span>で<span class="swl-format-1"><span class="swl-marker mark_orange">2枚</span></span>複製してください</p>



<figure class="wp-block-image size-full"><img decoding="async" width="501" height="713" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-007.jpg" alt="レイヤーを複製を2回行います。" class="wp-image-858" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-007.jpg 501w, https://murasakiatsushi.com/wp-content/uploads/color-trace-007-300x427.jpg 300w" sizes="(max-width: 501px) 100vw, 501px" /><figcaption>レイヤーを複製を2回行います。</figcaption></figure>



<p><span class="swl-format-1">ぼかしたレイヤーは<span class="swl-marker mark_orange">合計3枚</span>になっている</span>状態です。</p>



<h3 class="wp-block-heading">下のレイヤーと結合する</h3>



<p>複製したレイヤーを上から順番に<span class="swl-format-2">［下のレイヤーと結合］</span>を<span class="swl-format-1">2回実行</span>して、<span class="swl-marker mark_orange">ぼかしたレイヤーを1枚に</span>まとめます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="490" height="737" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-008.jpg" alt="下のレイヤーと結合する" class="wp-image-859" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-008.jpg 490w, https://murasakiatsushi.com/wp-content/uploads/color-trace-008-300x451.jpg 300w" sizes="(max-width: 490px) 100vw, 490px" /><figcaption>下のレイヤーと結合する</figcaption></figure>



<p><span class="swl-marker mark_orange">上から順番に2回</span>実行すれば1枚にまとまります！</p>



<h3 class="wp-block-heading">色調補正でレイヤーの色を変更</h3>



<p>ぼかして2回複製して1枚にまとめたレイヤーを、メニューから［編集］→［色調補正］→<span class="swl-format-2">［色相・彩度・明度］</span>で色の変更を加えます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="570" height="800" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-009.jpg" alt="ぼかしたレイヤーに色調補正" class="wp-image-860" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-009.jpg 570w, https://murasakiatsushi.com/wp-content/uploads/color-trace-009-500x702.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-009-300x421.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" /><figcaption>ぼかしたレイヤーに色調補正</figcaption></figure>



<p>ひとまず数値は</p>



<ul class="has-border -border02 wp-block-list"><li>色相　－10</li><li>彩度　60</li><li>明度　－70</li></ul>



<p>にしてます。</p>



<p><span class="swl-format-1">線画は明るすぎると塗りと馴染みすぎて埋もれてしまう</span>ので、<span class="swl-format-1"><span class="swl-marker mark_orange">明度はかなり落としています</span></span>。</p>



<p><span class="swl-format-1">合ってないと感じたとき</span>には、また線画にクリッピングしたあとで、<span class="swl-format-1">もう一度［色相・彩度・明度］を実行</span>すれば大丈夫です！</p>



<h3 class="wp-block-heading">線画にクリッピングする</h3>



<p>色を変更したレイヤーを線画にクリッピングして、線画の色を変更します。</p>



<p>メニューから［レイヤー］→［レイヤー設定］→<span class="swl-format-2">［下のレイヤーでクリッピング］</span>を行います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="241" height="549" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-010.jpg" alt="線画にクリッピング" class="wp-image-861"/><figcaption>線画にクリッピング</figcaption></figure>



<p><span class="swl-marker mark_orange">線画をフォルダにまとめている場合</span>には<span class="swl-format-1">レイヤーフォルダ</span>の合成モードは<span class="swl-format-2">［通常］</span>にしてください。</p>



<p><span class="swl-format-1">［通過］</span>だとクリッピングしたレイヤーが<span class="swl-format-1">線画を貫通</span>して、線画を覆い隠してしまうので注意してください。</p>



<p>詳しくは別記事”<a href="https://murasakiatsushi.com/clippingfolder/#toc4" target="_blank" rel="noreferrer noopener">【クリスタ】フォルダとクリッピングしても反映されないときの対処法！</a>”で解説しているので参考にしてください。</p>



<p>クリッピングした色トレス用レイヤーは通常のままでも大丈夫です。</p>



<p>完成するとこのようになってます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="570" height="800" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-002.jpg" alt="色トレスした線画が完成！" class="wp-image-852" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-002.jpg 570w, https://murasakiatsushi.com/wp-content/uploads/color-trace-002-500x702.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-002-300x421.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" /><figcaption>色トレスした線画が完成！</figcaption></figure>



<p>この状態でしっくりこない場合は、クリッピングした色トレス用レイヤーを先ほどの<span class="swl-format-2">［色相・彩度・明度］</span>で調整してみてください。</p>



<p>色トレスだけの状態だとこのようになってます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="542" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-011.jpg" alt="色トレスの線画" class="wp-image-863" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-011.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/color-trace-011-500x339.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-011-300x203.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/color-trace-011-768x520.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>色トレスの線画</figcaption></figure>



<p><span class="swl-marker mark_orange">単純な黒一色だと塗りになじみにくい</span>ですが、色トレスすることで塗りとなじみます！</p>



<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3378523426094617"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-3378523426094617"
     data-ad-slot="5608622466"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">オートアクションに登録しよう！</h2>



<p>クリスタには<span class="swl-format-2">操作を記録して再生する機能</span>があり、この機能を<span class="swl-format-2">［オートアクション］</span>といいます。</p>



<p>繰り返し同じ作業をする場合、<span class="swl-format-1">一度記録しておくと次からはクリックひとつで済む</span>ようになる便利な機能です！</p>



<p>色トレスは何度も使える作業手順ですので、記録して登録しておくとこの記事を読み返さなくても大丈夫になります！</p>



<p>それでは手順を解説していきます。</p>



<p>まずオートアクションのタブから横三本線アイコンをクリックし、<span class="swl-format-2">［オートアクションの追加］</span>を選択します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="506" height="677" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-013.jpg" alt="オートアクションの追加" class="wp-image-865" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-013.jpg 506w, https://murasakiatsushi.com/wp-content/uploads/color-trace-013-500x669.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-013-300x401.jpg 300w" sizes="(max-width: 506px) 100vw, 506px" /><figcaption>オートアクションの追加</figcaption></figure>



<p>追加された新規のアクションは分かりやすく［色トレス］と変更しておきます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="365" height="419" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-014.jpg" alt="オートアクションの記録を開始" class="wp-image-866" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-014.jpg 365w, https://murasakiatsushi.com/wp-content/uploads/color-trace-014-300x344.jpg 300w" sizes="(max-width: 365px) 100vw, 365px" /><figcaption>オートアクションの記録を開始</figcaption></figure>



<p>一番下にある赤丸の<span class="swl-format-2">［オートアクションの記録を開始します］</span>を押すと、作業した操作が記録されていきます。</p>



<p>ここまで解説した<span class="swl-marker mark_orange">色トレスの手順を<span class="swl-format-2">［ガウスぼかし］から［色相・彩度・明度］</span>まで行ってください</span>。</p>



<div class="swell-block-capbox cap_box is-style-small_ttl" data-colset="col1"><div class="cap_box_ttl"><span>オートアクションで記録する作業</span></div><div class="cap_box_content">
<ul class="wp-block-list"><li>ガウスぼかし</li><li>レイヤーの複製</li><li>レイヤーの複製（2回目）</li><li>下のレイヤーと結合</li><li>下のレイヤーと結合（2回目）</li><li>［色相・彩度・明度］</li></ul>
</div></div>



<p>以上を記録して、<span class="swl-format-1">クリッピングまでは記録しないでください</span>。</p>



<p>レイヤーの順番を入れ替えたりといった操作も記録されてしまいますが、<span class="swl-marker mark_orange">次に描く絵のレイヤーも同じ並びになっているとは限らない</span>ので、変なところにクリッピングされるのを防ぐためです。</p>



<p>また、<span class="swl-format-1">途中で違う作業を行うとそれも記録されてしまう</span>ので、オートアクションを実行したときに意図しない結果になることがあるので注意しながら行いましょう！</p>



<p>操作の記録が終わったら赤い四角ボタンを押して記録を停止します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="356" height="402" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-015.jpg" alt="オートアクションの記録を停止します" class="wp-image-867" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-015.jpg 356w, https://murasakiatsushi.com/wp-content/uploads/color-trace-015-300x339.jpg 300w" sizes="(max-width: 356px) 100vw, 356px" /><figcaption>オートアクションの記録を停止します</figcaption></figure>



<p>上の図のように6つの作業が記録されていれば成功です！</p>



<p>次からは<span class="swl-format-2">［▶］の再生ボタン</span>を押せば、<span class="swl-format-2">ワンクリックで色トレス</span>できます！</p>



<h2 class="wp-block-heading">ぼかして重ねる色トレスの注意点！</h2>



<p>今回の方法は楽に色トレスができますが、注意点があります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="766" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-012.jpg" alt="ぼかして重ねると思わぬところに意図しない色が入ることもあります" class="wp-image-864" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-012.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/color-trace-012-500x479.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-012-300x287.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/color-trace-012-768x735.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>ぼかして重ねると思わぬところに意図しない色が入ることもあります</figcaption></figure>



<p>色調の違う色が入っていると、<span class="swl-format-1">ぼかして重ねているので思わぬところに意図していない色が入ることがあります</span>。</p>



<p>上の例で見ていくと、制服の胸のあたりなどは一番手前にあるので<span class="swl-format-1">最奥の髪の色が反映されるのは不自然</span>です。</p>



<p>また、<span class="swl-format-1">顔の輪郭に彩度の高い緑色が入っているとやはり不自然</span>です。</p>



<p>こういった箇所は<span class="swl-format-2">色トレス用レイヤーに直接修正した色を描き入れたほうが完成度が高くなります！</span></p>



<p class="has-text-align-center has-xs-font-size"><span class="swl-format-1">＼デジ絵をするならやっぱり液タブ／</span></p>


		<div class="pochipp-box"
			data-id="1448"
			data-img="l"
			data-lyt-pc="dflt"
			data-lyt-mb="vrtcl"
			data-btn-style="dflt"
			data-btn-radius="off"
			data-sale-effect="flash"
			 data-cvkey="c5d57fb6"		>
							<div class="pochipp-box__image">
					<a href="https://af.moshimo.com/af/c/click?a_id=3058107&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB07BH4KP5H" rel="nofollow">
						<img decoding="async" src="https://m.media-amazon.com/images/I/51hJ7-KiniL._SL400_.jpg" alt="" width="120" height="120" />					</a>
				</div>
						<div class="pochipp-box__body">
				<div class="pochipp-box__title">
					<a href="https://af.moshimo.com/af/c/click?a_id=3058107&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB07BH4KP5H" rel="nofollow">
						Wacom Cintiq Pro 24 TDTK-2420/K0					</a>
				</div>

				
									<div class="pochipp-box__price">
						¥218,364						<span>（2022/06/27 08:37時点 | Amazon調べ）</span>
					</div>
				
							</div>
				<div class="pochipp-box__btns"
		data-maxclmn-pc="fit"
		data-maxclmn-mb="1"
	>
					<div class="pochipp-box__btnwrap -amazon">
								<a href="https://af.moshimo.com/af/c/click?a_id=3058107&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB07BH4KP5H" class="pochipp-box__btn" rel="nofollow">
					<span>
						Amazon					</span>
					<img decoding="async" src="https://i.moshimo.com/af/i/impression?a_id=3058107&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062" width="1" height="1" style="border:none;">				</a>
			</div>
							<div class="pochipp-box__btnwrap -rakuten">
								<a href="https://hb.afl.rakuten.co.jp/hgc/24e1ddbc.9187d366.24e1ddbd.680e0f80/?pc=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2Fcintiq&#038;m=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2Fcintiq" class="pochipp-box__btn" rel="nofollow">
					<span>
						楽天市場					</span>
									</a>
			</div>
										<div class="pochipp-box__btnwrap -yahoo -long-text">
								<a href="https://af.moshimo.com/af/c/click?a_id=3773799&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=18502&#038;url=https%3A%2F%2Fshopping.yahoo.co.jp%2Fsearch%3Fp%3Dcintiq" class="pochipp-box__btn" rel="nofollow">
					<span>
						Yahooショッピング					</span>
					<img decoding="async" src="https://i.moshimo.com/af/i/impression?a_id=3773799&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=18502" width="1" height="1" style="border:none;">				</a>
			</div>
									</div>
								<div class="pochipp-box__logo">
					<img decoding="async" src="https://murasakiatsushi.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png" alt="" width="32" height="32">
					<span>ポチップ</span>
				</div>
					</div>
	


<h2 class="wp-block-heading">まとめ</h2>



<p>今回は色トレスについてご紹介しました。</p>



<p>最初は手間が多いと感じるかもしれませんが、一度手順をオートアクションに記録してしまえば今後は非常に楽になります。</p>



<p><span class="swl-format-1">この記事を参考にオートアクションに登録</span>して、あとは<span class="swl-format-1">細かい修正をするだけ</span>で線と塗りがなじんで<span class="swl-marker mark_orange">絵の見栄えも変わってきます</span>！</p>



<p>今回の記事が少しでも参考になれば嬉しいです！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/color-trace/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>イラストの仕上げでもっとキレイに！簡単に見栄えを上げる加工方法！</title>
		<link>https://murasakiatsushi.com/adjustment-effect/</link>
					<comments>https://murasakiatsushi.com/adjustment-effect/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Tue, 02 Nov 2021 10:31:19 +0000</pubDate>
				<category><![CDATA[CGメイキング]]></category>
		<category><![CDATA[クリスタ]]></category>
		<category><![CDATA[クリスタTIPS]]></category>
		<category><![CDATA[仕上げ]]></category>
		<category><![CDATA[初心者]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=801</guid>

					<description><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect_ic.jpg" class="webfeedsFeaturedVisual" /></p>イラストを完成させて満足感があったのに、翌日改めて自分の絵を見ていると「もうちょっと見栄えを上げられないかな…」と悩むことはありませんか？ 絵を寝かせるとよく言われるのですが、完成して少し時間を空けると作業中には気づかな [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect_ic.jpg" class="webfeedsFeaturedVisual" /></p>
<p>イラストを完成させて満足感があったのに、翌日改めて自分の絵を見ていると<span class="swl-format-1">「もうちょっと見栄えを上げられないかな…」</span>と悩むことはありませんか？</p>



<p><span class="swl-format-1">絵を寝かせる</span>とよく言われるのですが、完成して少し時間を空けると作業中には気づかなかった部分が見えてきます。</p>



<p>そこで今回は、<span class="swl-format-1">簡単なひと手間</span>で<span class="swl-format-1">イラストを見栄えよく仕上げる方法</span>をご紹介します。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/profile.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">紫あつし</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>絵を寝かせたあとだと、ご紹介する加工方法でのクオリティアップが実感しやすいと思いますのでぜひ試してみてください！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">オーバーレイレイヤーを使って鮮やかに</h2>



<p><span class="swl-format-2">オーバーレイ</span>レイヤーには<span class="swl-format-2">発色を良くする効果</span>があり、<span class="swl-format-1">色味に統一感</span>が与えやすくなります。</p>



<p><span class="swl-format-1">仕上げによく使われるのがオーバーレイレイヤー</span>による加工です。</p>



<p>使用するイラストは、別記事”<a rel="noreferrer noopener" href="https://murasakiatsushi.com/painting-hair/" target="_blank">【メイキング】透明感とツヤのある髪の塗り方を詳細解説！</a>”で行いました着色後からさらに加工していきたいと思います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="827" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-013.jpg" alt="ひとまず着色が終わった状態で絵を寝かせました。" class="wp-image-821" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-013.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-013-300x496.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>ひとまず着色が終わった状態で絵を寝かせました。</figcaption></figure>



<p>絵を寝かせたあとで、<span class="swl-format-2">オーバーレイレイヤーを新規作成</span>して色を乗せました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="827" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-014.jpg" alt="" class="wp-image-822" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-014.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-014-300x496.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>オーバーレイで加工後</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="827" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-015.jpg" alt="オーバーレイで色みを描き加えた場所" class="wp-image-823" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-015.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-015-300x496.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>オーバーレイで色みを描き加えた場所</figcaption></figure>



<p><span class="swl-marker mark_orange">光の当たってると考えている場所に明るい色</span>、<span class="swl-marker mark_orange">影になっていると考えている場所に暗めの色</span>を<span class="swl-format-2">［エアブラシ　柔らか］</span>で入れていきました。</p>



<p>もし<span class="swl-format-1">光源の色が決まっている</span>のであれば、<span class="swl-format-1">その色をエアブラシで</span>入れていくのが効果的です。</p>



<p><span class="swl-format-1">オーバーレイで色を入れる考え方</span>ですが、</p>



<ul class="has-border -border02 wp-block-list"><li>昼間の太陽光は黄色系</li><li>夕日ならオレンジ色</li><li>森の中なら緑色系</li><li>水辺の近くや空の色を反映するなら青色系</li></ul>



<p>このように、<span class="swl-format-2">周辺の反射光</span>などをオーバーレイで乗せていくと<span class="swl-format-2">空気感を出すことができます！</span></p>



<p>ブログ用に描いた最初の絵も同じような感じで色を<span class="swl-format-1">オーバーレイ</span>レイヤーで<span class="swl-format-1">左上に彩度の高い黄色</span>、<span class="swl-format-1">右下に暗い紫色</span>を入れてます。</p>



<p>通常レイヤーに戻すとこんな感じになってます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="688" height="978" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-016.jpg" alt="オーバーレイで入れた場所を通常レイヤーで表示した状態" class="wp-image-824" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-016.jpg 688w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-016-500x711.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-016-300x426.jpg 300w" sizes="(max-width: 688px) 100vw, 688px" /><figcaption>オーバーレイで入れた場所を通常レイヤーで表示した状態</figcaption></figure>



<p><span class="swl-format-2">鮮やかさや光の加減</span>を加えるのに<span class="swl-format-2">オーバーレイは最適</span>ですが、あまり<span class="swl-marker mark_orange">やりすぎて絵全体の彩度が高くなりすぎないように注意</span>してください。</p>



<h2 class="wp-block-heading">グロー効果で発光感を演出する</h2>



<p><span class="swl-format-1">グロー</span>とは<span class="swl-format-2">発光</span>のことです。</p>



<p>アニメでも<span class="swl-marker mark_orange">キャラクターを柔らかく光らせてる描写</span>を見ることがあると思います。</p>



<p><span class="swl-format-1">グロー効果</span>はイラストに<span class="swl-marker mark_orange">華やかさや色の変化を足す</span>ことができるので見栄えが一気に上がるのですが、慣れてない方には難しいので<span class="swl-format-1">クリスタを使った非常に簡単な方法</span>をご紹介します。</p>



<p><span class="swl-format-1">クリスタの無償素材</span>に<span class="swl-format-2">［グラデーションマップで色を選ぶグロー効果］</span>というものがありますので、こちらを使用します！</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">CLIP STUDIO ASSETS</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://celclipmaterialprod.s3-ap-northeast-1.amazonaws.com/84/49/1764984/thumbnail?1582038774" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://assets.clip-studio.com/ja-jp/detail?id=1764984">グラデーションマップで色を選ぶグロー効果 &#8211; CLIP STUDIO ASSETS</a>
						<span class="p-blogCard__excerpt">イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p>素材をダウンロードしたあと、使用できるように設定していきます。</p>



<p>デフォルトだと<span class="swl-marker mark_orange">レイヤーパレットの一番右側</span>に<span class="swl-format-2">［オートアクション］のタブ</span>があります。</p>



<p>［オートアクション］タブを選んで、左上の三本横線のアイコンから<span class="swl-format-2">［オートアクションを追加］</span>を選択します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="270" height="669" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-001.jpg" alt="オートアクションを追加" class="wp-image-805"/><figcaption>オートアクションを追加</figcaption></figure>



<p>すると、以下のような画面が出てきます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="610" height="529" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-002.jpg" alt="新規のオートアクションを追加" class="wp-image-806" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-002.jpg 610w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-002-500x434.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-002-300x260.jpg 300w" sizes="(max-width: 610px) 100vw, 610px" /><figcaption>新規のオートアクションを追加</figcaption></figure>



<p>初めて追加する素材の場合は、<span class="swl-format-1">［パレットに未追加の素材］</span>をクリックすると表示されます。</p>



<p><span class="swl-marker mark_orange">追加する素材を選んで<span class="swl-format-1">［パレットに追加］</span></span>するとオートアクションが使えるようになります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="249" height="238" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-003.jpg" alt="新しいオートアクションが追加されました" class="wp-image-807"/><figcaption>新しいオートアクションが追加されました</figcaption></figure>



<p>オートアクションは<span class="swl-format-1">あらかじめ設定したクリスタの機能を自動で実行</span>してくれるもので、同じ作業を繰り返すときなどは自分で登録もできるので作業の時短ができるようになります。</p>



<p>今回、こちらの絵にグロー効果を与えたいと思います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="750" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-006.jpg" alt="加工前イメージ" class="wp-image-809" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-006.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-006-300x450.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>加工前イメージ</figcaption></figure>



<p>先ほど追加したオートアクションから<span class="swl-format-2">［ハイライトのみ］</span>を選択します。</p>



<p><span class="swl-format-1">［グラデーションマップでグロー］</span>を行うと、<span class="swl-marker mark_orange">明るい部分と暗い部分の<span class="swl-format-1">両方に変化</span></span>を加えるので<span class="swl-format-1">コントロールが難しい</span>と感じるかもしれません。</p>



<p><span class="swl-marker mark_orange">明るい部分にグローを行う<span class="swl-format-1">［ハイライトのみ］</span></span>、<span class="swl-marker mark_orange">暗い部分にグローを行う<span class="swl-format-1">「シャドーのみ］</span></span>の<span class="swl-format-1">どちらか一方をまず試してみるのをオススメ</span>します。</p>



<p>今回は<span class="swl-format-2">［ハイライトのみ］をダブルクリック</span>、またはオートアクションタブの一番下にある<span class="swl-format-2">［▶］</span><span class="swl-format-1">（オートアクションの再生を開始します）をクリック</span>してください。</p>



<p>すると以下のような数値入力画面が出てきます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="750" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-007.jpg" alt="グローさせるエリアを決めます。" class="wp-image-810" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-007.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-007-300x450.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>グローさせるエリアを決めます。</figcaption></figure>



<p><span class="swl-marker mark_orange">数値を下げすぎると画面全体に発光効果</span>を与えてしまいますので、<span class="swl-format-1">今回はそのまま</span>変更せず明るい部分にグロー効果を加えます。</p>



<p>次に発光効果を与える色合いを決める画面になります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="750" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-008.jpg" alt="グローさせる色のグラデーションマップを決める" class="wp-image-811" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-008.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-008-300x450.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>グローさせる色のグラデーションマップを決める</figcaption></figure>



<p><span class="swl-format-2">グラデーションマップ</span>は<span class="swl-marker mark_orange"><span class="swl-format-1">元の画像の濃淡に応じて色を変化</span></span>させる機能です。</p>



<p>ここではグローで発光させる色合いを<span class="swl-format-1">グラデーションマップ</span>で決めていきます。</p>



<p>今回使用したのは<span class="swl-format-2">SoftToneグラデ</span>という有償素材ですが、無償素材にもいいものがたくさんありますので、自分の好みのものをダウンロードしてみてください！</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">CLIP STUDIO ASSETS</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://celclipmaterialprod.s3-ap-northeast-1.amazonaws.com/41/43/1764341/thumbnail?1581343030" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://assets.clip-studio.com/ja-jp/detail?id=1764341">SoftToneグラデ &#8211; CLIP STUDIO ASSETS</a>
						<span class="p-blogCard__excerpt">イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p><span class="swl-format-1">CLIP STUDIOの［素材を探す］</span>から”<span class="swl-format-1">グラデーションマップ</span>”と入力し、<span class="swl-marker mark_orange">人気順</span>にするといい感じの素材が見つかると思います！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="788" height="251" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-011.jpg" alt="グラデーションマップ素材の探し方" class="wp-image-813" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-011.jpg 788w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-011-500x159.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-011-300x96.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-011-768x245.jpg 768w" sizes="(max-width: 788px) 100vw, 788px" /><figcaption>グラデーションマップ素材の探し方</figcaption></figure>



<p>また、<span class="swl-format-1">新たにダウンロードしたグラデーションマップの追加方法</span>は以下の通りです。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="510" height="521" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-004.jpg" alt="新しいグラデーションマップ素材の追加方法" class="wp-image-814" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-004.jpg 510w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-004-500x511.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-004-300x306.jpg 300w" sizes="(max-width: 510px) 100vw, 510px" /><figcaption>新しいグラデーションマップ素材の追加方法</figcaption></figure>



<p>グラデーションセットの横にある<span class="swl-format-2">スパナアイコン</span>から<span class="swl-format-2">［グラデーションの追加］</span>を選びます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="610" height="529" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-005.jpg" alt="グラデーションセットの追加" class="wp-image-815" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-005.jpg 610w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-005-500x434.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-005-300x260.jpg 300w" sizes="(max-width: 610px) 100vw, 610px" /><figcaption>グラデーションセットの追加</figcaption></figure>



<p>CLIP STUDIO ASSETSからダウンロードして初めての素材は<span class="swl-format-1">［未追加の素材］</span>から表示されますので、<span class="swl-marker mark_orange">新規の素材を選んで</span><span class="swl-format-2">［追加］</span>ボタンを押してください。</p>



<p>先ほどの<span class="swl-format-1">［ハイライトのみ］に赤色系のグロー効果を加えた結果</span>はこのようになりました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="750" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-009.jpg" alt="ハイライトのみにグロー効果" class="wp-image-816" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-009.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-009-300x450.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>ハイライトのみにグロー効果</figcaption></figure>



<p>発光した感じになりましたが、ちょっと<span class="swl-format-1">効果が強く感じます</span>。</p>



<p><span class="swl-marker mark_orange">元の色が薄い場合</span>などは<span class="swl-format-2">白飛びしてしまうことがあります</span>ので、<span class="swl-format-2">レイヤーの不透明度を下げて調節</span>してください。</p>



<p>今回は<span class="swl-format-1">レイヤーの不透明度を17％</span>がちょうどいいかなと感じました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="750" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-010.jpg" alt="グロー効果のスクリーンレイヤーの不透明度を下げて効果を弱めました" class="wp-image-818" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-010.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-010-300x450.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>グロー効果のスクリーンレイヤーの不透明度を下げて効果を弱めました</figcaption></figure>



<p><span class="swl-marker mark_orange">あまり派手に効果をかけない</span>ほうがキャラが引き立ちます。</p>



<p><span class="swl-format-2">グロー効果のグラデーションマップはあとから変更可能</span>ですので、色の調整も納得行くまで簡単にできます！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="246" height="296" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-012.jpg" alt="グラデーションマップの左のアイコンをダブルクリック" class="wp-image-819"/><figcaption>グラデーションマップの左のアイコンをダブルクリック</figcaption></figure>



<p><span class="swl-format-1">グラデーションマップの左のアイコンをダブルクリック</span>すると、もう一度グラデーションマップの選択画面が出てきますので好きな色に変更してください。</p>



<h2 class="wp-block-heading">加算（発光）レイヤーを使う</h2>



<p>文字通り<span class="swl-format-1">発光効果に使うレイヤー</span>です。</p>



<p>強い光を感じさせる効果がありますので、<span class="swl-format-2">ポイントを絞って光らせるとアクセント</span>になります。</p>



<p>また、<span class="swl-marker mark_orange">同じような効果に<span class="swl-format-1">［覆い焼き（発光）］</span></span>レイヤーがあり、<span class="swl-format-1">覆い焼きのほうが発光が派手になりすぎない</span>という使い方ができます。</p>



<p><span class="swl-format-1">背景</span>は無償素材の光効果ブラシを使って<span class="swl-format-1">［覆い焼き（発光）］</span>レイヤーに描いてます。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">CLIP STUDIO ASSETS</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://celclipmaterialprod.s3-ap-northeast-1.amazonaws.com/50/25/1732550/thumbnail?1546822920" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://assets.clip-studio.com/ja-jp/detail?id=1732550">【UPDATE】光効果ブラシ &#8211; CLIP STUDIO ASSETS</a>
						<span class="p-blogCard__excerpt">イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p><span class="swl-format-1">散布系のブラシがあると背景を埋めることが出来</span>て、アイデアがないときに重宝します！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="801" height="629" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-017.jpg" alt="加算レイヤーで発光効果を追加" class="wp-image-827" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-017.jpg 801w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-017-500x393.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-017-300x236.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-017-768x603.jpg 768w" sizes="(max-width: 801px) 100vw, 801px" /><figcaption>加算レイヤーで発光効果を追加</figcaption></figure>



<p>薄い色で入れてるので画像が分かりにくく申し訳ありませんが、頭部左上の髪の毛にもうっすら色を入れてます。</p>



<p><span class="swl-format-2">アクセントなのであまり主張しすぎない</span>のが良いかと思ってます！</p>



<h2 class="wp-block-heading">トーンカーブで色を調整する</h2>



<p>デジタルであまり慣れてない方は馴染みのない機能かもしれませんが、<span class="swl-format-2">トーンカーブで細かい色調整</span>ができますのでぜひ活用してみてください！</p>



<p><span class="swl-format-2">トーンカーブ</span>は<span class="swl-format-1">全体の明暗</span>と<span class="swl-format-1">赤（R）・緑（G）・青（B）の個別の色調整</span>を行うことができます。</p>



<p>言葉ではピンとこないかもしれませんので、実際の画面を使って説明していきます。</p>



<p>まず、メニューから<span class="swl-format-1">［新規色調補正レイヤー］</span>→<span class="swl-format-1">［トーンカーブ］</span>からトーンカーブレイヤーを作ります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="502" height="639" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-018.jpg" alt="トーンカーブレイヤーを新規作成" class="wp-image-829" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-018.jpg 502w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-018-500x636.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-018-300x382.jpg 300w" sizes="(max-width: 502px) 100vw, 502px" /><figcaption>トーンカーブレイヤーを新規作成</figcaption></figure>



<p>まず、<span class="swl-format-2">［RGB］</span>から全体の色の明暗を調整していきます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="580" height="950" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-019.jpg" alt="全体のトーンを暗くします" class="wp-image-831" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-019.jpg 580w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-019-500x819.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-019-300x491.jpg 300w" sizes="(max-width: 580px) 100vw, 580px" /><figcaption>全体のトーンを暗くします</figcaption></figure>



<p>今回は<span class="swl-marker mark_orange">オーバーレイ</span>や<span class="swl-marker mark_orange">グラデーションマップ</span>の効果で<span class="swl-marker mark_orange">色を明るく</span>していったので、<span class="swl-format-1"><span class="swl-marker mark_orange">全体のトーンを少し暗めに落とすことにしました</span></span>。</p>



<p>逆にカーブを持ち上げると、全体のトーンが明るくすることが可能です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="580" height="950" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-020.jpg" alt="Redのカーブを上げる" class="wp-image-832" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-020.jpg 580w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-020-500x819.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-020-300x491.jpg 300w" sizes="(max-width: 580px) 100vw, 580px" /><figcaption>Redのカーブを上げる</figcaption></figure>



<p><span class="swl-marker mark_orange">肌の色を血色良く</span>したいと思ったので左上のプルダウンメニューから変更した<span class="swl-format-2">Redの曲線を少し持ち上げました</span>。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="580" height="950" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-021.jpg" alt="Blueのカーブを上げる" class="wp-image-833" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-021.jpg 580w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-021-500x819.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-021-300x491.jpg 300w" sizes="(max-width: 580px) 100vw, 580px" /><figcaption>Blueのカーブを上げる</figcaption></figure>



<p><span class="swl-format-2">Buleのカーブも少し上げて</span>愛ちゃんの<span class="swl-marker mark_orange">イメージカラーの青を少し強く</span>しようと思いました。</p>



<p>今回、Greenに関しては特に変更しませんでした。</p>



<p>また、<span class="swl-format-1">Red・Green・Blue</span>の<span class="swl-marker mark_orange">それぞれのカーブを下げる</span>と、<span class="swl-marker mark_orange">カラーサークルの反対色を強くする効果</span>になります。</p>



<p>例えば、<span class="swl-format-1">Blueのカーブを下げてみると黄色が強くなります</span>。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="580" height="950" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-022.jpg" alt="Blueのカーブを下げると補色の黄色が強くなる" class="wp-image-834" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-022.jpg 580w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-022-500x819.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-022-300x491.jpg 300w" sizes="(max-width: 580px) 100vw, 580px" /><figcaption>Blueのカーブを下げると補色の黄色が強くなる</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="210" height="228" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-023.jpg" alt="カラーサークルでみたイメージ図" class="wp-image-835"/><figcaption>カラーサークルでみたイメージ図</figcaption></figure>



<p><span class="swl-marker mark_orange">カラーサークルの反対にある色</span>を<span class="swl-format-2">補色</span>と言いますが、<span class="swl-format-1">Red・Green・Blue</span>のコントロールをする際にカラーサークルを見ると分かりやすくなります。</p>



<h2 class="wp-block-heading">スクリーンレイヤーで空気感を演出する</h2>



<p>よく使われる手法として<span class="swl-format-2">スクリーンレイヤー</span>を使うことで<span class="swl-format-2">空気感を演出</span>できます。</p>



<p>スクリーンは乗せた色に対して白に近づけていく効果があります。</p>



<p><span class="swl-format-1">空気遠近法</span>として、<span class="swl-marker mark_orange">遠くが青白く霞んで見える効果</span>を使うのに<span class="swl-format-2">スクリーンレイヤーが向いている</span>ということになります。</p>



<p>ブログ用に最初に描いた絵で説明していきます！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="700" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-023-1.jpg" alt="加工前の状態" class="wp-image-836" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-023-1.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-023-1-300x420.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>加工前の状態</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="700" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-024.jpg" alt="スクリーンレイヤーを追加" class="wp-image-837" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-024.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-024-300x420.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>スクリーンレイヤーを追加</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="700" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-025.jpg" alt="スクリーンレイヤーを描き加えた場所" class="wp-image-838" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-025.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-025-300x420.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>スクリーンレイヤーを描き加えた場所</figcaption></figure>



<p><span class="swl-format-1">明るくしたい場所</span>や<span class="swl-format-1">奥にあると感じさせたい場所</span>（今回だと長い髪の毛の下側先端です）にスクリーンレイヤーで<span class="swl-format-2">青系の色</span>をエアブラシで入れると<span class="swl-format-2">空気感を演出</span>できます。</p>



<p>すべての効果に関して共通ですが、<span class="swl-format-1">やりすぎると絵の印象がぼやけたり彩度が上がりすぎたりしてしまうので注意</span>してください！</p>



<h2 class="wp-block-heading">まとめ</h2>



<p>今回は見栄えを上げる方法をメインに、光の演出を加える加工方法をご紹介しました。</p>



<div class="swell-block-capbox cap_box is-style-small_ttl" data-colset="col1"><div class="cap_box_ttl"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em"><path fill="currentColor" d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path></svg><span>CHECK</span></div><div class="cap_box_content">
<ul class="-list-under-dashed wp-block-list"><li>オーバーレイレイヤーを使って鮮やかにする</li><li>グロー効果で光の印象を強くする。</li><li>加算（発光）レイヤーで強い光をアクセントに少しだけ入れる。</li><li>トーンカーブを使った色の調整方法</li><li>スクリーンレイヤーを使い青系の色で空気感を出す</li></ul>
</div></div>



<p>主に<span class="swl-format-1">明るく鮮やかにする方法</span>になりますので、<span class="swl-format-1">渋めの色やトーンを抑えた色の場合はまた使用するレイヤーも異なってきます</span>。</p>



<p>効果は加えると華やかになりますが、あまり<span class="swl-marker mark_orange">やりすぎるとキャラクターが埋もれてしまいます</span>ので適度な効果の量を見つけてください。</p>



<p>今回の記事が少しでも参考になれば嬉しいです！</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20210203","msmaflink");msmaflink({"n":"ゾンビランドサガLIVE~フランシュシュ 佐賀よ共にわいてくれ~ [Blu-ray]","b":"","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/61jTNfTzmRL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/B09GW9KNHV","t":"amazon","r_v":""},"v":"2.1","b_l":[{"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/B09GW9KNHV","a_id":3058107,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0,"id":2},{"id":1,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E3%82%BE%E3%83%B3%E3%83%93%E3%83%A9%E3%83%B3%E3%83%89%E3%82%B5%E3%82%ACLIVE~%E3%83%95%E3%83%A9%E3%83%B3%E3%82%B7%E3%83%A5%E3%82%B7%E3%83%A5%20%E4%BD%90%E8%B3%80%E3%82%88%E5%85%B1%E3%81%AB%E3%82%8F%E3%81%84%E3%81%A6%E3%81%8F%E3%82%8C~%20%5BBlu-ray%5D\/","a_id":3058103,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"y0hq6","s":"l"});</script><div id="msmaflink-y0hq6">リンク</div><!-- MoshimoAffiliateEasyLink END -->
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/adjustment-effect/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【メイキング】透明感とツヤのある髪の塗り方を詳細解説！</title>
		<link>https://murasakiatsushi.com/painting-hair/</link>
					<comments>https://murasakiatsushi.com/painting-hair/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Sun, 31 Oct 2021 06:30:07 +0000</pubDate>
				<category><![CDATA[CGメイキング]]></category>
		<category><![CDATA[クリスタ]]></category>
		<category><![CDATA[クリスタTIPS]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[髪の塗り方]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=739</guid>

					<description><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/painting-hair_ic.jpg" class="webfeedsFeaturedVisual" /></p>キャラクターの髪を塗るときに、いきなり上手な絵師さんの塗り方を目標にしても、どうやって塗ってるのか全然わからない状態で困っているなんてことはありませんか？ 実際、髪の毛の塗り方は流行り廃りがあり、難易度が高いと感じる方も [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/painting-hair_ic.jpg" class="webfeedsFeaturedVisual" /></p>
<p><span class="swl-format-1">キャラクターの髪</span>を塗るときに、いきなり上手な絵師さんの塗り方を目標にしても、<span class="swl-format-1">どうやって塗ってるのか全然わからない状態で困っている</span>なんてことはありませんか？</p>



<p>実際、髪の毛の塗り方は<span class="swl-marker mark_orange"><span class="swl-format-1">流行り廃り</span></span>があり、難易度が高いと感じる方もいるかと思います。</p>



<p>そこで今回は髪の毛の塗り方をなるべく<span class="swl-marker mark_orange">簡単な塗り方から始めて</span>、<span class="swl-marker mark_orange">徐々に情報量を増やして</span>透明感とツヤのある髪の塗り方をご紹介します。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/profile.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">紫あつし</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>影よりも光を意識していくことで透明感を出せるようになりますよ！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>ひとつひとつ手順を踏んで解説していきますので参考にしてください！</p>



<h2 class="wp-block-heading">昔と今の髪の毛の塗り方を比較してみる</h2>



<p>私の絵でほぼ10年前に描いた2012年のものと2021年に描いたものを比べてみましょう。</p>



<p>まず2012年に描いたものです。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="580" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-001.jpg" alt="昔は髪の房の面積に対して半分程度の影を入れている。" class="wp-image-753" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-001.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-001-500x363.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-001-300x218.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-001-768x557.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>昔は髪の房の面積に対して半分程度の影を入れている。</figcaption></figure>



<p><span class="swl-format-1">影の入れた場所</span>を分かりやすく<span class="swl-format-1">青線でラインを入れてみました</span>が、昔は<span class="swl-format-1"><span class="swl-marker mark_orange">髪の房ごとに面積の半分程度</span></span>の影を入れてるものが多かったです。</p>



<p>どちらかというと以前は影を意識して描いて入れるイメージです。</p>



<p>こちらは2021年に描いたものです。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="580" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-002.jpg" alt="先端のわずかな箇所や髪の影の落ちる箇所など、影を入れる場所が小さくなっている。" class="wp-image-754" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-002.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-002-500x363.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-002-300x218.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-002-768x557.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>先端のわずかな箇所や髪の影の落ちる箇所など、影を入れる場所が小さくなっている。</figcaption></figure>



<p>最近は<span class="swl-marker mark_orange">髪の先端や影の落ちるところ</span>に<span class="swl-format-2">小さく影を入れて</span>いく、<span class="swl-marker mark_orange">光を意識</span>した描き方という印象ですね。</p>



<p>特に<span class="swl-format-1">目と髪の毛は絵師さんによって特徴が出る部分</span>ですので、<span class="swl-marker mark_orange">好みや目指す方向に正解はありません</span>。</p>



<p>今風が良いというわけでもありませんが、<span class="swl-format-1">髪の毛の房に影を入れすぎないのが流行りかな</span>と感じてます。</p>



<p>手間だけを考えるなら昔のほうが大変だったので、<span class="swl-format-1">時短で見栄えを上げる今風のやり方</span>を取り入れるのは良いアイデアになります！</p>



<p>以上を踏まえまして、今回は<span class="swl-format-1">ゾンビランドサガの水野愛</span>ちゃんを描いてみました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="580" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-003.jpg" alt="ゾンビランドサガ　水野愛" class="wp-image-755" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-003.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-003-500x363.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-003-300x218.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-003-768x557.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>ゾンビランドサガ　水野愛</figcaption></figure>



<p>最終的にこの絵を完成させる手順を、ステップごとに解説していきます！</p>



<h2 class="wp-block-heading">アニメ塗りで考えてみる</h2>



<p>それらしく見せるにはどうしたらいいか、<span class="swl-format-1">アニメ塗りでシンプルに考える</span>ところから始めていきましょう。</p>



<p>アニメはキャラクターデザインのイラストを元に特徴だけを残して描くので、シンプルに考えるのに向いています。</p>



<h3 class="wp-block-heading">髪のベース色を塗る</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-004.jpg" alt="髪の毛のベース色を塗ったところ" class="wp-image-761" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-004.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-004-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-004-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-004-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>髪の毛のベース色を塗ったところ</figcaption></figure>



<p>ベース色の塗り終わったところから始めますが、ベースの塗り分けは<span class="swl-format-2">［隙間無く囲って塗る］</span>ツールが便利ですので別記事”<a rel="noreferrer noopener" href="https://murasakiatsushi.com/clipstudiopaint-function/#toc7" target="_blank">「隙間無く囲って塗るツール」で塗り残しがなくなる！</a>”をぜひ参考にしてください。</p>



<h3 class="wp-block-heading">エアブラシで大まかな立体感を入れる</h3>



<p><span class="swl-format-1">次に大まかな立体感</span>を入れていきます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-005.jpg" alt="髪の下にエアブラシで大まかな立体感の影を入れる" class="wp-image-762" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-005.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-005-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-005-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-005-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>髪の下にエアブラシで大まかな立体感の影を入れる</figcaption></figure>



<p>今回、<span class="swl-format-2">光源は左上</span>に設定して描いていきます。</p>



<p>頭の球体をイメージしながら、<span class="swl-format-2">［エアブラシ　柔らか］</span>で球の下半分に影を入れた状態です。</p>



<p> <span class="swl-format-2">細かい影はあとで考えましょう！</span> </p>



<p>頭は球体ですので、<span class="swl-format-1">上から光</span>が当たっている場合は<span class="swl-format-1">下が暗く</span>なります。</p>



<h3 class="wp-block-heading">髪の毛先などに影を入れる</h3>



<p>次に<span class="swl-format-1">毛先や影の落ちてそうな場所</span>に<span class="swl-format-2">［もよん髪ブラシ1］</span>で影を少し入れました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-006.jpg" alt="髪の房の影を入れる" class="wp-image-763" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-006.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-006-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-006-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-006-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>髪の房の影を入れる</figcaption></figure>



<p>髪の房にはあまり<span class="swl-format-1">たくさん影を入れないほうがいい</span>かと思います。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">CLIP STUDIO ASSETS</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://celclipmaterialprod.s3-ap-northeast-1.amazonaws.com/38/60/1696038/thumbnail?1631544225" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://assets.clip-studio.com/ja-jp/detail?id=1696038">もよん髪ブラシ &#8211; CLIP STUDIO ASSETS</a>
						<span class="p-blogCard__excerpt">イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p><span class="swl-format-1">もよん髪ブラシ</span>は硬めのエッジでありながら硬すぎないタッチと入り抜きのしやすさでオススメのブラシです。</p>



<h3 class="wp-block-heading">光の当たってる髪の上部にリムライトを入れていく</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-007.jpg" alt="髪の輪郭にリムライトを入れる" class="wp-image-764" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-007.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-007-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-007-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-007-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>髪の輪郭にリムライトを入れる</figcaption></figure>



<p><span class="swl-marker mark_orange">後ろからの光</span>は<span class="swl-format-2">リムライト</span>と呼ばれ、後ろから光をキャラクターに当てたときに発生する効果なのですが、強い光源がなくても単純に<span class="swl-format-2">キャラクターを浮かび上がらせて強調する</span>用途で使われてます。</p>



<p>今回は上の方が光が強く、下に行くほど弱くなるというイメージです。</p>



<p><span class="swl-format-1">リムライト</span>に<span class="swl-format-2">スクリーンレイヤー</span>を使用してますが、明るくピッタリ合う色を入れるのであれば通常レイヤーや加算レイヤーなどでも構いません。</p>



<h3 class="wp-block-heading">髪の影に沿うような、弧を描くようにハイライトの点を置いていく</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-008.jpg" alt="ハイライトの点を入れる" class="wp-image-765" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-008.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-008-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-008-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-008-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>ハイライトの点を入れる</figcaption></figure>



<p><span class="swl-format-1">ハイライトの形</span>は<span class="swl-format-2">絵師さんごとにかなり個性が出ます</span>。</p>



<p>今回はアニメと同様に<span class="swl-marker mark_orange">シンプルで誰でも真似しやすい単純な楕円</span>にしていますが、好きな絵師さんのハイライトの形にも注目してみると結構違っているのが分かると思います。</p>



<p>色々な絵師さんのハイライトの形に注目して観察してみてください！</p>



<h3 class="wp-block-heading">スクリーンレイヤーで髪の奥にうっすら光を入れて奥行き感を出す</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-009.jpg" alt="一番下の髪の奥まった場所を少し明るくしました" class="wp-image-767" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-009.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-009-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-009-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-009-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>一番下の髪の奥まった場所を少し明るくしました</figcaption></figure>



<p>髪の毛の一番下の奥に当たる部分に、<span class="swl-format-1">薄い青色</span>を<span class="swl-format-2">［エアブラシ　柔らか］</span>で<span class="swl-marker mark_orange">空気感の演出</span>として入れました。</p>



<h3 class="wp-block-heading">オーバーレイで光の印象を追加</h3>



<p>最後に<span class="swl-format-2">オーバーレイレイヤー</span>を追加して、軽く<span class="swl-format-1">頭頂部</span>に<span class="swl-format-1">明るい色</span>を入れて<span class="swl-format-2">鮮やか</span>にします。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-010.jpg" alt="頭部の左上にエアブラシで光の効果を追加" class="wp-image-768" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-010.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-010-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-010-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-010-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>頭部の左上にエアブラシで光の効果を追加</figcaption></figure>



<p>以上で完成です！</p>



<p><span class="swl-format-1">影を入れる場所が思ってるよりも少ない</span>と感じられるのではないでしょうか？</p>



<p><span class="swl-format-2">最初はシンプルに</span>考えましょう！</p>



<p>基本は</p>



<div class="swell-block-capbox cap_box is-style-small_ttl" data-colset="col1"><div class="cap_box_ttl"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle-check" class="svg-inline--fa fa-circle-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em"><path fill="currentColor" d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM371.8 211.8C382.7 200.9 382.7 183.1 371.8 172.2C360.9 161.3 343.1 161.3 332.2 172.2L224 280.4L179.8 236.2C168.9 225.3 151.1 225.3 140.2 236.2C129.3 247.1 129.3 264.9 140.2 275.8L204.2 339.8C215.1 350.7 232.9 350.7 243.8 339.8L371.8 211.8z"></path></svg><span>POINT</span></div><div class="cap_box_content">
<ul class="wp-block-list"><li>全体を見て大まかなバランスを決める。</li><li>細かい影はあと！</li><li>光の効果を足していく</li></ul>
</div></div>



<p>それではここから少しずつ手を加えていきましょう！</p>



<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3378523426094617"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-3378523426094617"
     data-ad-slot="5608622466"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">アニメ塗りからより細かく塗っていく</h2>



<p>幕張で行われたライブっぽく衣装もチェンジして気分一新して塗っていきます。</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20210203","msmaflink");msmaflink({"n":"ゾンビランドサガLIVE~フランシュシュ 佐賀よ共にわいてくれ~ [Blu-ray]","b":"","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/61jTNfTzmRL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/B09GW9KNHV","t":"amazon","r_v":""},"v":"2.1","b_l":[{"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/B09GW9KNHV","a_id":3058107,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0,"id":2},{"id":1,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E3%82%BE%E3%83%B3%E3%83%93%E3%83%A9%E3%83%B3%E3%83%89%E3%82%B5%E3%82%ACLIVE~%E3%83%95%E3%83%A9%E3%83%B3%E3%82%B7%E3%83%A5%E3%82%B7%E3%83%A5%20%E4%BD%90%E8%B3%80%E3%82%88%E5%85%B1%E3%81%AB%E3%82%8F%E3%81%84%E3%81%A6%E3%81%8F%E3%82%8C~%20%5BBlu-ray%5D\/","a_id":3058103,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"y0hq6","s":"l"});</script><div id="msmaflink-y0hq6">リンク</div><!-- MoshimoAffiliateEasyLink END -->



<h3 class="wp-block-heading">線画の情報量を追加</h3>



<p>髪の線画に関して、『ゾンビランドサガ　リベンジ』のブルーレイ第1巻のパッケージイラストを見ながら少し情報量を足してみました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-011.jpg" alt="線画の情報量を追加" class="wp-image-769" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-011.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-011-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-011-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-011-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>線画の情報量を追加</figcaption></figure>



<p>最初のアニメ塗りで使った線画に、</p>



<ul class="has-border -border02 has-swl-pale-02-background-color has-background wp-block-list"><li>輪郭のシルエットの情報量を増やした</li><li>細かい毛の流れを［鉛筆］の線で描き加えた</li></ul>



<p>大きく印象が変わったのは<span class="swl-format-1">髪型のシルエット</span>になります。</p>



<p>どの程度まで情報量を足すのがいいか、というのが絵師さんの好みや個性になってくるのかなと感じてます。</p>



<h3 class="wp-block-heading">エアブラシで大まかな立体感を入れる</h3>



<p>最初は<span class="swl-format-2">［エアブラシ　柔らか］</span>で<span class="swl-format-1">髪の下側に大まかな影</span>を入れるのは変わりません。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-012.jpg" alt="エアブラシで大まかな影を入れます" class="wp-image-771" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-012.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-012-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-012-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-012-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>エアブラシで大まかな影を入れます</figcaption></figure>



<p>今度は球体を意識しながら<span class="swl-format-2">上にもわずかに影</span>を入れて、<span class="swl-marker mark_orange">より球状感</span>を出すことにしました。</p>



<h3 class="wp-block-heading">髪の毛先などに影を入れる</h3>



<p>先ほどよりも入っている<span class="swl-marker mark_orange">影の量は多くなりましたが</span>、<span class="swl-format-1">基本的な考え方は変わりません</span>。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-013.jpg" alt="" class="wp-image-772" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-013.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-013-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-013-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-013-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>先端部や影の落ちてると感じる部分に影を入れてます。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/profile.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">紫あつし</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>あまり影がうるさくなりすぎない程度が良い気がするので、改めて見ると<span class="swl-format-1">もう少し減らしても…</span>と思わなくもないですね…。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h3 class="wp-block-heading">天使の輪を入れてツヤ感を出す</h3>



<p><span class="swl-format-2">スクリーンレイヤー</span>を新規作成して、<span class="swl-format-1">天使の輪のハイライト</span>を<span class="swl-format-2">［ぬる水ブラシ］</span>で入れました。</p>



<p><span class="swl-format-1">天使の輪</span>とは、髪の毛に光が拡散反射してできる<span class="swl-format-1">リング状の光の帯</span>です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-014.jpg" alt="きれいな髪には天使の輪と呼ばれるハイライトが発生します" class="wp-image-773" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-014.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-014-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-014-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-014-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>きれいな髪には天使の輪と呼ばれるハイライトが発生します</figcaption></figure>



<p><span class="swl-format-1">ぬる水ブラシ</span>は細く描くとエッジをくっきり出すことができ、太く描くとぼかしながら描けるので、<span class="swl-format-1"><span class="swl-marker mark_orange">ブラシサイズの調節でタッチを変えられる</span></span>ので大変便利です！</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">CLIP STUDIO ASSETS</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://celclipmaterialprod.s3-ap-northeast-1.amazonaws.com/48/06/1850648/thumbnail?1625367099" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://assets.clip-studio.com/ja-jp/detail?id=1850648">ぬる水ブラシ &#8211; CLIP STUDIO ASSETS</a>
						<span class="p-blogCard__excerpt">イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p><span class="swl-format-1"><span class="swl-marker mark_orange">透明色を使って軽く消したり</span>また描画色で描いたり</span>と、<span class="swl-marker mark_orange">なじむよう</span>に描いていきます。</p>



<p>透明色に関しては別記事”<a rel="noreferrer noopener" href="https://murasakiatsushi.com/clipstudiopaint-function/#toc6" target="_blank">透明色で塗る！</a>”で詳しく書いてますので、ぜひ参考にしてください！</p>



<p><span class="swl-format-1">スクリーンレイヤー</span>は<span class="swl-format-2">不透明度を40％</span>に下げて目立ちすぎないようにしてます。</p>



<h3 class="wp-block-heading">天使の輪の下に影を入れる</h3>



<p><span class="swl-marker mark_orange">天使の輪の下</span>に<span class="swl-format-2">乗算レイヤー</span>を追加して、同じようなタッチで影を入れます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-015.jpg" alt="天使の輪を目立たせるように、ハイライトの下に影を入れます" class="wp-image-774" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-015.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-015-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-015-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-015-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>天使の輪を目立たせるように、ハイライトの下に影を入れます</figcaption></figure>



<p>明るいところと暗いところの<span class="swl-format-2">コントラストがはっきりしていると光沢感が出ます</span>。</p>



<p>金属を塗るときなどは<span class="swl-marker mark_orange">明暗差のある色</span>を隣り合わせにして<span class="swl-marker mark_orange"><span class="swl-format-1">コントラストを大きくつける</span>ことで<span class="swl-format-1">光沢感</span></span>を出すテクニックなので覚えておくと色々と応用できます！</p>



<h3 class="wp-block-heading">光の当たってる髪の上部にリムライトを入れていく</h3>



<p>アニメ塗りと同じように、新規作成した<span class="swl-format-2">スクリーンレイヤー</span>に<span class="swl-format-1">リムライト</span>を入れます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-016.jpg" alt="リムライトを入れる" class="wp-image-775" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-016.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-016-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-016-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-016-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>リムライトを入れる</figcaption></figure>



<p>考え方はアニメ塗りと変わりません。</p>



<p>まとめて<span class="swl-format-1">髪の奥部分</span>にうっすら<span class="swl-marker mark_orange">エアブラシで明るくして</span><span class="swl-format-2">空気感</span>を足しているのも同様です。</p>



<h3 class="wp-block-heading">髪の影に沿うような、弧を描くようにハイライトの点を置いていく</h3>



<p><span class="swl-format-2">ハイライトの点</span>も基本的に同じように<span class="swl-format-2">スクリーンレイヤー</span>に入れています。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-017.jpg" alt="ハイライトの点を追加" class="wp-image-776" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-017.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-017-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-017-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-017-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>ハイライトの点を追加</figcaption></figure>



<p>ハイライトに関しては、天使の輪とその下に乗算の影を追加したくらいで、<span class="swl-marker mark_orange">基本的にはアニメ塗りと変わりません</span>。</p>



<h3 class="wp-block-heading">光の効果を追加する</h3>



<p>一番<span class="swl-marker mark_orange">印象を変えるのは光の当て方</span>になります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-018.jpg" alt="目の周辺と髪の上下に光の効果を加えました" class="wp-image-777" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-018.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-018-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-018-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-018-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>目の周辺と髪の上下に光の効果を加えました</figcaption></figure>



<p>新規作成した<span class="swl-format-2">スクリーンレイヤー</span>に<span class="swl-format-2">［エアブラシ　柔らか］</span>で<span class="swl-format-1">目の周辺を肌色で明るく</span>して、<span class="swl-marker mark_orange">肌の透け感を髪に加えてます</span>。</p>



<p>また、<span class="swl-format-1">天使の輪の上</span>と<span class="swl-format-1">髪の毛の一番下</span>の箇所に<span class="swl-format-2">［ニュアンスブラシ　ネオンニュアンス］</span>で軽く色を入れて、<span class="swl-marker mark_orange">光の反射を感じさせるように</span>しました。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">CLIP STUDIO ASSETS</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://celclipmaterialprod.s3-ap-northeast-1.amazonaws.com/70/60/1776070/thumbnail?1592199109" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://assets.clip-studio.com/ja-jp/detail?id=1776070">ニュアンスプラスブラシ &#8211; CLIP STUDIO ASSETS</a>
						<span class="p-blogCard__excerpt">イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p>レイヤー単体で表示すると以下のようになります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-019.jpg" alt="光の効果を追加した単体レイヤーの表示" class="wp-image-778" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-019.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-019-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-019-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-019-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>光の効果を追加した単体レイヤーの表示</figcaption></figure>



<p><span class="swl-format-1">目の周辺の髪を明るくする</span>というのは結構以前から使われている手法で、私の絵で確認してみたところ2013年から使ってました。</p>



<p><span class="swl-format-1">ネオンニュアンス</span>は<span class="swl-marker mark_orange">光の情報量を足すのにかなり効果が高い</span>のでオススメです！</p>



<h3 class="wp-block-heading">オーバーレイを使ってさらに光の効果を追加する</h3>



<p>一番上に<span class="swl-format-2">オーバーレイレイヤー</span>を新規作成し、<span class="swl-format-2">［エアブラシ　柔らか］</span>で<span class="swl-marker mark_orange">明るい青色を髪の毛の左上に入れて</span>、髪を明るく鮮やかにして<span class="swl-marker mark_orange">光の印象を強く</span>しました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-020.jpg" alt="" class="wp-image-779" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-020.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-020-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-020-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-020-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>オーバーレイで頭頂部に明るさと鮮やかさを追加</figcaption></figure>



<p><span class="swl-format-1">オーバーレイで明るく鮮やかに</span>するというのも<span class="swl-marker mark_orange">アニメ塗りのときと同じ効果</span>です。</p>



<p><span class="swl-marker mark_orange">髪の毛の塗り方</span>自体は<span class="swl-marker mark_orange">アニメ塗りとほとんど変わらない</span>のですが、<span class="swl-marker mark_orange"><span class="swl-format-1">光のレイヤーを加えていくことで印象が変わっていく</span></span>のが見て頂けたのではと思います。</p>



<p>注意点として、<span class="swl-format-2">オーバーレイや加算（発光）を使うと自然と彩度が上がっていきます</span>ので、<span class="swl-marker mark_orange">ベースの髪の色や影色は<span class="swl-format-1">彩度低め</span>に</span>描いておくのをオススメします。</p>



<p>完成したときに<span class="swl-format-1">彩度が上がりすぎると目が痛くなる絵になります</span>ので要注意！</p>



<h3 class="wp-block-heading">色調補正レイヤーで色を整える</h3>



<p>メニューから<span class="swl-format-1">［レイヤー］→［新規色調補正レイヤー］→</span><span class="swl-format-2">［明るさ・コントラスト］</span>を使用して全体の色を調整しました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-021.jpg" alt="色調補正で色を整えました" class="wp-image-788" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-021.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-021-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-021-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-021-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>色調補正で色を整えました</figcaption></figure>



<p>ややコントラストを上げて明るさを下げました。</p>



<p>この辺は自分の好む色合いに調整していきましょう！</p>



<h2 class="wp-block-heading">まとめ</h2>



<p>今回は髪の塗り方をアニメ塗り方から手を加えていく考え方をご紹介しました。</p>



<p>光源にもよりますが、細かい影はあまり入れずに<span class="swl-format-2">光の印象を強めることで手数を減らして華やかに見せる</span>方法となります。</p>



<p><span class="swl-format-1">情報量を足すというのは時間を掛ける</span>ということでもあります。</p>



<p>時間が限られてるときなど、どこまで作業をできるかという見極めも大事になってきます。</p>



<p><span class="swl-format-1"><span class="swl-marker mark_orange">髪の毛の影</span>という情報量を<span class="swl-marker mark_orange">どの程度足すのか</span></span>という考え方の参考になれば嬉しいです！</p>



<p>最後まで読んでいただき、ありがとうございます！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/painting-hair/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【クリスタ】べた塗りレイヤーを使った効率的な影の塗り方</title>
		<link>https://murasakiatsushi.com/how-to-shade/</link>
					<comments>https://murasakiatsushi.com/how-to-shade/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Sun, 24 Oct 2021 11:12:29 +0000</pubDate>
				<category><![CDATA[CGメイキング]]></category>
		<category><![CDATA[クリスタ]]></category>
		<category><![CDATA[クリスタTIPS]]></category>
		<category><![CDATA[影の塗り方]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=617</guid>

					<description><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade_ic.jpg" class="webfeedsFeaturedVisual" /></p>髪や肌や服など影を効率的に塗る方法があれば…と感じることはありませんか？ 影の色をどうしたらいいか迷ってしまう なるべく簡単な方法で影を塗りたい イラスト制作の時短がしたい 影は細かいところから塗っていくより、大まかな立 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade_ic.jpg" class="webfeedsFeaturedVisual" /></p>
<p>髪や肌や服など影を効率的に塗る方法があれば…と感じることはありませんか？</p>



<ul class="has-border -border02 has-swl-pale-02-background-color has-background wp-block-list"><li>影の色をどうしたらいいか迷ってしまう</li><li>なるべく簡単な方法で影を塗りたい</li><li>イラスト制作の時短がしたい</li></ul>



<p>影は細かいところから塗っていくより、<span class="swl-format-1">大まかな立体感を決めてから徐々に細部を詰めていく</span>ほうが上手に陰影をつけることができます。</p>



<p>この記事では<span class="swl-format-2">べた塗りレイヤー</span>を使って<span class="swl-marker mark_orange">効率的な影を塗り方</span>をご紹介していきます。</p>



<p><span class="swl-format-2">べた塗りレイヤー</span>は文字通り<span class="swl-format-2">単色のみ</span>しか表現できませんが、<span class="swl-format-2">透明度によって濃淡</span>をつけることができます。</p>



<div class="swell-block-capbox cap_box is-style-onborder_ttl2" data-colset="col2"><div class="cap_box_ttl"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="pen" class="svg-inline--fa fa-pen " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em"><path fill="currentColor" d="M362.7 19.32C387.7-5.678 428.3-5.678 453.3 19.32L492.7 58.75C517.7 83.74 517.7 124.3 492.7 149.3L444.3 197.7L314.3 67.72L362.7 19.32zM421.7 220.3L188.5 453.4C178.1 463.8 165.2 471.5 151.1 475.6L30.77 511C22.35 513.5 13.24 511.2 7.03 504.1C.8198 498.8-1.502 489.7 .976 481.2L36.37 360.9C40.53 346.8 48.16 333.9 58.57 323.5L291.7 90.34L421.7 220.3z"></path></svg><span>べた塗りレイヤーを使う影の塗り方メリット</span></div><div class="cap_box_content">
<ul class="is-style-check_list wp-block-list"><li>描いてるときに影の色をいちいち気にしなくていい</li><li>立体感だけを考えることに集中できる</li><li>色の調整はあとからでも簡単！</li></ul>
</div></div>



<p>影の塗り方に悩んでいる方は是非参考にしてみてください！</p>



<h2 class="wp-block-heading">ベース色のレイヤー分け</h2>



<p>まず、影をつけるための<span class="swl-format-2">ベースとなる色をパーツごとにレイヤーを分けて塗っていきます</span>。</p>



<p><span class="swl-format-1">目は個別</span>に塗ってますので別記事”<a rel="noreferrer noopener" href="https://murasakiatsushi.com/making-eyes/" target="_blank">【クリスタ】キラキラ輝く目の塗り方とコツを徹底解説！</a>”を見て頂いて、今回の影を塗る対象は一番下から、</p>



<ul class="has-border -border02 has-swl-pale-02-background-color has-background wp-block-list"><li><span class="swl-format-1">肌</span></li><li><span class="swl-format-1">髪</span></li><li>制服の白地スカートなど紺色の部分</li><li>スカーフ</li></ul>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="800" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-001.jpg" alt="ベース色のレイヤー分け" class="wp-image-641" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-001.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-001-500x500.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-001-300x300.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-001-768x768.jpg 768w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-001-200x200.jpg 200w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>ベース色のレイヤー分け</figcaption></figure>



<p>使用した色ごとに分けましたが、<span class="swl-format-1"><span class="swl-marker mark_orange">肌と髪以外は</span>簡単に分けておいても全然大丈夫</span>です！</p>



<p><span class="swl-format-2">肌と髪はあとから調整することが多い</span>ため、<span class="swl-marker mark_orange">丁寧にパーツ分けしておく</span>と、あとで行う<span class="swl-marker mark_orange"><span class="swl-format-1">選択範囲を読み込むマスクとして重宝</span>します！</span></p>



<div class="swell-block-capbox cap_box is-style-small_ttl" data-colset="col1"><div class="cap_box_ttl"><span>マスクとは？</span></div><div class="cap_box_content">
<p>マスクは直訳すれば「隠す」という意味です。</p>



<p><span class="swl-format-1">選択範囲を設定すると描画できるのはその中だけ</span>で外側には描き込めなくなります。</p>



<p>つまり<span class="swl-marker mark_orange">選択範囲の外側を描画できなく隠した状態を<span class="swl-format-1">マスク</span></span>やマスキングと呼びます。</p>
</div></div>



<p>パーツの塗り分けは<span class="swl-format-2">［塗りつぶし　他レイヤーを参照］</span>や無償素材<span class="swl-format-2">［隙間無く囲って塗る］</span>ツールを使うと手早く塗り分け出来ます。</p>



<p>塗り分けに関しては<a rel="noreferrer noopener" href="https://murasakiatsushi.com/clipstudiopaint-function/#toc7" target="_blank">「隙間無く囲って塗るツール」で塗り残しがなくなる！</a>で詳細に解説してますので、是非参考にしてください。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/clipstudiopaint-function_ic-500x281.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://murasakiatsushi.com/clipstudiopaint-function/" target="_blank" rel="noopener noreferrer">【初心者向け】クリスタで覚えておきたい神機能7選！</a>
						<span class="p-blogCard__excerpt">クリスタには非常に多くの機能があり、何から覚えたらいいか困ったことはないでしょうか？ 最初から全部覚えて始めるのはとても大変ですし、むしろ遠回りになってしまい&#8230;</span>					</div>
				</div>
			</div>
		</div>


<h2 class="wp-block-heading">影のレイヤーをまとめておくレイヤーフォルダを作る</h2>



<p>影で使用するレイヤーは複数枚になることが多いので、<span class="swl-format-1">レイヤーフォルダを作ってまとめておくと管理がしやすくなります</span>。</p>



<p>新たに<span class="swl-format-1">レイヤーフォルダを作成</span>します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="251" height="550" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-002.jpg" alt="影用の新規レイヤーフォルダを作成" class="wp-image-642"/><figcaption>影用の新規レイヤーフォルダを作成</figcaption></figure>



<p>この中に影として使うレイヤーを入れますので、合成モードは<span class="swl-format-2">通過</span>にしてください。</p>



<p class="is-style-icon_info">レイヤーフォルダの合成モードが<span class="swl-format-2">通過</span>でないと、フ<span class="swl-format-2">ォルダ外にあるベース色に対して乗算として色が暗くなりません！</span><br>詳しくは<a rel="noreferrer noopener" href="https://murasakiatsushi.com/clippingfolder/" target="_blank">【クリスタ】フォルダとクリッピングしても反映されないときの対処法！</a>の記事をご確認ください。</p>



<p>レイヤーフォルダに<span class="swl-format-2">レイヤーマスク</span>を設定することで、<span class="swl-marker mark_orange">背景部分にはみ出して塗っても表示しない</span>ようにしていきます。</p>



<p>まず、キャラクターの<span class="swl-marker mark_orange">背景部分のみ</span>を<span class="swl-format-2">［自動選択ツール　他レイヤー参照］</span>を使って選択します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="741" height="955" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-003.jpg" alt="背景部分を自動選択" class="wp-image-643" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-003.jpg 741w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-003-500x644.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-003-300x387.jpg 300w" sizes="(max-width: 741px) 100vw, 741px" /><figcaption>背景部分を自動選択</figcaption></figure>



<p>はっきりとした黒い線であれば問題が少ないのですが、<span class="swl-marker mark_orange">鉛筆のように濃淡のある線</span>だったので<span class="swl-format-1">自動選択ツールの調整</span>をしました。</p>



<p>選択範囲が出来ている状態で<span class="swl-format-2">クイックマスク</span>を使います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="350" height="407" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-005.jpg" alt="メニューからクイックマスク" class="wp-image-645" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-005.jpg 350w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-005-300x349.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /><figcaption> メニューからクイックマスク </figcaption></figure>



<p>メニューから<span class="swl-format-2">［選択範囲］→［クイックマスク］</span>を選択します。</p>



<p>すると、</p>



<figure class="wp-block-image size-full"><img decoding="async" width="721" height="935" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-004.jpg" alt="クイックマスクをONにすると選択範囲が赤く塗られます" class="wp-image-644" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-004.jpg 721w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-004-500x648.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-004-300x389.jpg 300w" sizes="(max-width: 721px) 100vw, 721px" /><figcaption>クイックマスクをONにすると選択範囲が赤く塗られます</figcaption></figure>



<p><span class="swl-marker mark_orange">クイックマスク</span>は<span class="swl-format-2">選択した部分を赤色で可視化</span>してくれるツールで、<span class="swl-format-2">ブラシで塗ったり消したりすることで選択範囲を修正</span>することができます。</p>



<p>残っている隙間を<span class="swl-format-1">［塗りつぶし　他レイヤー参照］</span>を使い、細かい隙間を<span class="swl-format-1">Gペン</span>やデフォルトの<span class="swl-format-1">［囲って塗る］</span>を使って丁寧に赤く塗りました。</p>



<p><span class="swl-format-2">はみ出しても消しゴムで消せば大丈夫</span>です！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="858" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-006.jpg" alt="キャラ以外の背景をクイックマスクで塗りつぶした状態" class="wp-image-649" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-006.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-006-500x536.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-006-300x322.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-006-768x824.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>キャラ以外の背景をクイックマスクで塗りつぶした状態</figcaption></figure>



<p>必要な部分を塗り終わったあと、先ほどと同様にメニューから<span class="swl-format-2">クイックマスクを押して解除</span>すると<span class="swl-format-1">新しく修正された選択範囲が出来上がります</span>。</p>



<p><span class="swl-format-2">選択範囲を反転</span>すると、<span class="swl-marker mark_orange"><span class="swl-format-1">キャラクターのみが選択された状態</span></span>になりました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="620" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-007.jpg" alt="選択範囲を反転してキャラクターだけを選択した状態に" class="wp-image-650" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-007.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-007-500x388.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-007-300x233.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-007-768x595.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>選択範囲を反転してキャラクターだけを選択した状態に</figcaption></figure>



<p>この状態で<span class="swl-marker mark_orange">レイヤーフォルダを選択し</span><span class="swl-format-2">レイヤーマスクアイコンをクリック</span>すると、その<span class="swl-marker mark_orange">フォルダ内にあるレイヤーはマスクの中のキャラクターだけにしか色が表示されなくなります</span>！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="241" height="486" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-008.jpg" alt="レイヤーフォルダにキャラ部分が白抜き表示になっていればマスク成功！" class="wp-image-651"/><figcaption>レイヤーフォルダにキャラ部分が白抜き表示になっていればマスク成功！</figcaption></figure>



<figure class="wp-block-image size-full is-resized"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-009.jpg" alt="レイヤーフォルダの中にあるレイヤーはマスクされた部分を表示しません" class="wp-image-652" width="578" height="806" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-009.jpg 578w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-009-500x697.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-009-300x418.jpg 300w" sizes="(max-width: 578px) 100vw, 578px" /><figcaption>レイヤーフォルダの中にあるレイヤーはマスクされた部分を表示しません</figcaption></figure>



<p>これで<span class="swl-format-1">キャラクターにのみ影が付けられる</span>ようになりました！</p>



<h2 class="wp-block-heading">べた塗りレイヤーを作成する</h2>



<p>作成したレイヤーフォルダを選択した状態で、メニューから<span class="swl-format-1">［レイヤー］→［新規レイヤー］→［べた塗り］</span>を選択します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="494" height="641" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-010.jpg" alt="新規べた塗りレイヤーを作成" class="wp-image-654" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-010.jpg 494w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-010-300x389.jpg 300w" sizes="(max-width: 494px) 100vw, 494px" /><figcaption>新規べた塗りレイヤーを作成</figcaption></figure>



<p>すると、色の設定画面が出てきますので、<span class="swl-format-1">彩度の低い薄紫色</span>にしました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="546" height="367" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-011.jpg" alt="べた塗りレイヤーの色を設定" class="wp-image-655" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-011.jpg 546w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-011-500x336.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-011-300x202.jpg 300w" sizes="(max-width: 546px) 100vw, 546px" /><figcaption>べた塗りレイヤーの色を設定</figcaption></figure>



<p>特別な意図がない限り、<span class="swl-format-1">影の色</span>は<span class="swl-format-2">彩度の高い色を使わない</span>ほうがいいです。</p>



<p><span class="swl-format-1">四角で表示されている色の選択エリア</span>でいうと、<span class="swl-format-1">右側の鮮やかな色ほど使わない</span>ほうがいいです。</p>



<p><span class="swl-format-1">迷ったときは左側の<span class="swl-marker mark_orange">彩度の低い薄い赤色か薄い青色系</span></span>をオススメします。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="244" height="267" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-012.jpg" alt="べた塗りレイヤーはマスクを選択して塗ったり消したりします" class="wp-image-656"/><figcaption>べた塗りレイヤーはマスクを選択して塗ったり消したりします</figcaption></figure>



<p>べた塗りレイヤーでは、この右の<span class="swl-format-2">マスクアイコンを選択して塗ったり消したり</span>をして濃淡を付けます。</p>



<p>べた塗りレイヤーが作成されると下のイメージのようになります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="796" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-015.jpg" alt="べた塗りレイヤーを作成した状態" class="wp-image-659" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-015.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-015-500x498.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-015-300x300.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-015-768x764.jpg 768w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-015-200x200.jpg 200w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>べた塗りレイヤーを作成した状態</figcaption></figure>



<p><span class="swl-format-1">レイヤーフォルダにマスク</span>をしているので、<span class="swl-format-1">べた塗りレイヤーはキャラクター以外の部分が隠された状態</span>になってます。</p>



<div class="wp-block-group is-style-big_icon_good has-swl-pale-02-background-color has-background"><div class="wp-block-group__inner-container">
<p>べた塗りレイヤーの色を変更したい場合は</p>



<figure class="wp-block-image size-full"><img decoding="async" width="242" height="205" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-013.jpg" alt="レイヤーパレットからべた塗りレイヤーの色を変更" class="wp-image-657"/><figcaption>レイヤーパレットからべた塗りレイヤーの色を変更</figcaption></figure>



<p>マスクではなく、<span class="swl-format-2">色のついた左のアイコンをダブルクリック</span>してください。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="179" height="281" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-014.jpg" alt="ツールプロパティのオブジェクトから色を変更" class="wp-image-658"/><figcaption>ツールプロパティのオブジェクトから色を変更</figcaption></figure>



<p>または、べた塗りレイヤーを選択した状態で<span class="swl-format-1">オブジェクト操作のツールプロパティ</span>からも変更可能です。</p>
</div></div>



<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3378523426094617"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-3378523426094617"
     data-ad-slot="5608622466"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">べた塗りレイヤーを乗算モードにする</h2>



<p>現在、ベースの色が完全に見えなくなってますので、<span class="swl-format-2">べた塗りレイヤーの合成モードを乗算</span>にします。</p>



<p><span class="swl-format-1">乗算レイヤー</span>は<span class="swl-marker mark_orange">着色された色を下の色と掛け合わせて暗くする</span>という機能になります。</p>



<p>ベースの色に対して彩度の低い薄紫色を掛け合わせて影色を乗せていくということです。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="813" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-016.jpg" alt="べた塗りレイヤーを乗算モードに変更" class="wp-image-660" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-016.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-016-500x508.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-016-300x305.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-016-768x780.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>べた塗りレイヤーを乗算モードに変更</figcaption></figure>



<p>乗算にすると、<span class="swl-format-1">キャラクターの全面に影色が乗った状態</span>になりました。</p>



<p>乗算レイヤーでは<span class="swl-format-1">白以外の色を塗ると暗く</span>なるので、影の塗りが感覚的につかみやすいです。</p>



<div class="wp-block-group is-style-big_icon_good has-swl-pale-02-background-color has-background"><div class="wp-block-group__inner-container">
<p>もう少し詳しくいうと、<span class="swl-format-1">乗算</span>では白以外の色でも<span class="swl-format-2">HSVのV（明度）が100以下でないと色を塗っても暗くなりません！</span></p>



<figure class="wp-block-image size-full"><img decoding="async" width="181" height="230" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-017.jpg" alt="Vの値が100の色は乗算できません！" class="wp-image-661"/><figcaption>Vの値が100の色は乗算できません！</figcaption></figure>



<p>この場合は明るい緑色ですが、Vが100なので乗算に反映されませんのでご注意ください。</p>
</div></div>



<p>もし<span class="swl-marker mark_orange">乗算で色が暗くならない場合</span>は、もう一度<span class="swl-marker mark_orange">レイヤーフォルダの合成モードが<span class="swl-format-1">通過</span>か</span>お確かめください。</p>



<p>ここから影を塗っていきますが、その前に必ず<span class="swl-format-2">光源は決めておきましょう</span>。</p>



<p><span class="swl-marker mark_orange">一番多く見られるのがキャラクターの<span class="swl-format-2">左上に光源</span></span>を設定するケースで、<span class="swl-marker mark_orange">影の塗り方の基本として覚えると上達の近道</span>になると思います！</p>



<h2 class="wp-block-heading">影のべた塗りレイヤーを大まかに削る！</h2>



<p>今回の記事は影の塗り方としているのですが、少し考え方を変えてみましょう。</p>



<p class="is-style-kakko_box has-swl-pale-02-background-color has-background"><span class="swl-format-1">光の当たってる部分を削っていった結果</span>、<span class="swl-format-2">残った部分が影として塗られている！</span></p>



<p>大事なのは細かいシワなど気にせず、<span class="swl-format-2">最初は大まかな立体感をつかんで塗る</span>ことです。</p>



<p><span class="swl-format-1">大きく全体を見て、徐々に細部を描き加える</span>、これが本当に大事です！</p>



<p><span class="swl-format-2">べた塗りレイヤーの白いマスク用アイコンを選択</span>し、<span class="swl-marker mark_orange"><span class="swl-format-1">［消しゴム　硬め］</span>を使って光の当たってる部分を意識して消していきましょう</span>。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="568" height="809" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-018.jpg" alt="引いて見ながら光を意識してざっくりと消しゴムで消します" class="wp-image-662" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-018.jpg 568w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-018-500x712.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-018-300x427.jpg 300w" sizes="(max-width: 568px) 100vw, 568px" /><figcaption>引いて見ながら光を意識してざっくりと消しゴムで消します</figcaption></figure>



<p><span class="swl-format-1"><span class="swl-marker mark_orange">全体を引いて見ながら</span></span>ざっくりと消しゴムで消していき、光の印象を決めてしまいます。</p>



<p>影の境界を後工程でぼかしたりもしますが、<span class="swl-format-2">ぼかしすぎるとのっぺりした印象になってしまう</span>ので、<span class="swl-marker mark_orange">まずは<span class="swl-format-1">アニメ塗り</span>のようなくっきりとした影</span>にします。</p>



<h2 class="wp-block-heading">影のべた塗りレイヤーを少しずつ整えていく</h2>



<p><span class="swl-format-1">大まかな方向性が決まったら</span>、<span class="swl-marker mark_orange">徐々に細部</span>を整えていきます。</p>



<p>髪だけは頭部の丸みを考えながら<span class="swl-format-2">［消しゴム　柔らか］</span>でぼかして消して、無償素材<span class="swl-format-2">［もよん髪ブラシ2］</span>で細かい髪の流れを入れていきました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="574" height="960" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-019.jpg" alt="" class="wp-image-663" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-019.jpg 574w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-019-500x836.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-019-300x502.jpg 300w" sizes="(max-width: 574px) 100vw, 574px" /></figure>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">CLIP STUDIO ASSETS</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://celclipmaterialprod.s3-ap-northeast-1.amazonaws.com/38/60/1696038/thumbnail?1631544225" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://assets.clip-studio.com/ja-jp/detail?id=1696038">もよん髪ブラシ &#8211; CLIP STUDIO ASSETS</a>
						<span class="p-blogCard__excerpt">イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p>エアブラシで消したところに新たに線を入れると濃度が違って目立つ場合があります。</p>



<p>その場合はペンで濃く描いたところを<span class="swl-format-2">［色混ぜ　ぼかし］</span>ツールや無償素材<span class="swl-format-2">［塗りぼかブラシ］</span>でなじませると違和感がなくなります。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">CLIP STUDIO ASSETS</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://celclipmaterialprod.s3-ap-northeast-1.amazonaws.com/50/59/1685950/thumbnail?1477517444" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://assets.clip-studio.com/ja-jp/detail?id=1685950">塗りぼかブラシ &#8211; CLIP STUDIO ASSETS</a>
						<span class="p-blogCard__excerpt">イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p>髪にぼかしをいれた以外はペンツールなどで<span class="swl-format-1">セルっぽい塗り</span>にしています。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="517" height="698" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-020.jpg" alt="影を整えました" class="wp-image-664" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-020.jpg 517w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-020-500x675.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-020-300x405.jpg 300w" sizes="(max-width: 517px) 100vw, 517px" /><figcaption>影を整えました</figcaption></figure>



<p>基本的には最初の大雑把に消したものを、整えたりもう少し光の部分を増やしたりしただけです。</p>



<p><span class="swl-format-2">べた塗りレイヤーなら影を削っても塗り直せば簡単にやり直せます！</span></p>



<h2 class="wp-block-heading">影にぼかしを入れていく</h2>



<p><span class="swl-format-2">［塗りぼかブラシ］</span>で<span class="swl-marker mark_orange">固い線をぼかし</span>、<span class="swl-marker mark_orange">ぼかしすぎた境界</span>を無償素材<span class="swl-format-2">［やわ肌ブラシ］</span>で<span class="swl-marker mark_orange">塗りなおし</span>、印象をやわらかくしていきます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="692" height="908" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-021.jpg" alt="セル調の影にぼかしを入れます" class="wp-image-665" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-021.jpg 692w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-021-500x656.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-021-300x394.jpg 300w" sizes="(max-width: 692px) 100vw, 692px" /><figcaption>セル調の影にぼかしを入れます</figcaption></figure>



<p><span class="swl-marker mark_orange">ぼかしを入れる場所</span>の考え方としては、</p>



<ul class="has-border -border02 has-swl-pale-02-background-color has-background wp-block-list"><li>丸みを感じさせるところ</li><li>折り目の谷から遠くにある場所</li></ul>



<p><span class="swl-format-1">ぼかしすぎるとメリハリがなくなるので注意！</span></p>


<div class="swell-block-postLink">			<div class="p-blogCard -external" data-type="type3" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">CLIP STUDIO ASSETS</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://celclipmaterialprod.s3-ap-northeast-1.amazonaws.com/51/23/1582351/thumbnail?1477509912" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://assets.clip-studio.com/ja-jp/detail?id=1582351">やわ肌ブラシ &#8211; CLIP STUDIO ASSETS</a>
						<span class="p-blogCard__excerpt">イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック&#8230;</span>					</div>
				</div>
			</div>
		</div>


<h2 class="wp-block-heading">細かい影を加えていく</h2>



<p>ここからは普通の<span class="swl-format-2">乗算レイヤーを追加</span>して<span class="swl-marker mark_orange">細かい影</span>を加えていきます。</p>



<p>最初の<span class="swl-format-1">べた塗りレイヤーの影では物足りない部分</span>に<span class="swl-marker mark_orange">同じ薄紫色で</span>立体感を<span class="swl-format-1">足していきます</span>。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-022.jpg" alt="" class="wp-image-666" width="800" height="567" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-022.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-022-500x354.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-022-300x213.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-022-768x544.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>細かい影を乗算で追加</figcaption></figure>



<p>あまりたくさん入れすぎると最初に頑張った影レイヤーが目立たなくなりますので、<span class="swl-format-2">光の当たってないと感じる部分に絞って少しだけ入れてください</span>。</p>



<p><span class="swl-marker mark_orange">ベタ塗りレイヤーの<span class="swl-format-1">マスクアイコン</span></span>を<span class="swl-format-1">[Ctrl] キーは（Macは [Command] キー）を押しながらクリック</span>し<span class="swl-format-2">選択範囲を読み込んで</span>、<span class="swl-marker mark_orange">スカートや服の影の境界に<span class="swl-format-2">［エアブラシ　柔らか］</span>でうっすら色を入れました</span>。</p>



<p>わずかに<span class="swl-format-1">グラデーションを足す</span>ことで、<span class="swl-format-1">最初の<span class="swl-marker mark_orange">影が単調にならず</span>に済みます</span>。</p>



<p>最後にわずかですが、<span class="swl-format-1">もう少し暗い色</span>でスカートの影と髪の影、そして髪の毛の天使の輪と呼ばれる光沢を強調する影を入れておきます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="567" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-023.jpg" alt="もう少し足りない場所と髪の毛に影を追加" class="wp-image-667" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-023.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-023-500x354.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-023-300x213.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-023-768x544.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>もう少し足りない場所と髪の毛に影を追加</figcaption></figure>



<p>髪の毛に関しては<span class="swl-format-1">先にハイライトを入れてから影を入れたほうがやりやすい</span>ですし、実際の描き方でも<span class="swl-marker mark_orange">最後のちょい足し影を入れる前に光のレイヤーを入れながら</span><span class="swl-format-2">全体のバランスを見て影を足して</span>作業してます。</p>



<h2 class="wp-block-heading">肌の影色を調整する</h2>



<p>イラストの方向性としてこのままでOKな場合もありますが、肌の血色をよくしたいと感じたので色を調整していきます。</p>



<p>肌のベース色を描いた<span class="swl-format-1">レイヤーのアイコンを[Ctrl] キー（Macは [Command] キー）を押しながらクリック</span>し、<span class="swl-format-2">選択範囲を読み込み</span>ます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="685" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-024.jpg" alt="肌のベース色から選択範囲を読み込み" class="wp-image-704" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-024.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-024-500x428.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-024-300x257.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-024-768x658.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>肌のベース色から選択範囲を読み込み</figcaption></figure>



<p>メニューから<span class="swl-format-1">［レイヤー］→［新規色調補正レイヤー］→［色相・彩度・明度］</span>で<span class="swl-marker mark_orange">色調補正レイヤーをマスク付きの状態で作成</span>します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="770" height="684" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-025.jpg" alt="色調補正レイヤーを肌部分に追加" class="wp-image-707" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-025.jpg 770w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-025-500x444.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-025-300x266.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-025-768x682.jpg 768w" sizes="(max-width: 770px) 100vw, 770px" /><figcaption>色調補正レイヤーを肌部分に追加</figcaption></figure>



<p>クリッピングしないと元の肌の色まで変更してしまいますので、<span class="swl-format-1">一度そのまま［OK］</span>を押してください。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="717" height="861" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-026.jpg" alt="ひとまず、そのままOKを押して色調補正レイヤーを作ります" class="wp-image-709" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-026.jpg 717w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-026-500x600.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-026-300x360.jpg 300w" sizes="(max-width: 717px) 100vw, 717px" /><figcaption>ひとまず、そのままOKを押して色調補正レイヤーを作ります</figcaption></figure>



<p><span class="swl-format-1">色調補正レイヤーを<span class="swl-marker mark_orange">べた塗りレイヤーにクリッピング</span></span>します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="251" height="693" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-027.jpg" alt="べた塗りレイヤーにマスク付きの色調補正レイヤーをクリッピング" class="wp-image-710"/><figcaption>べた塗りレイヤーにマスク付きの色調補正レイヤーをクリッピング</figcaption></figure>



<p><span class="swl-format-2">色調補正レイヤーのアイコンをダブルクリック</span>し、肌の影色を変えていきます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="251" height="693" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-029.jpg" alt="色調補正レイヤーのアイコンをダブルクリックしてパラメータを変更します" class="wp-image-711"/><figcaption>色調補正レイヤーのアイコンをダブルクリックしてパラメータを変更します</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="720" height="850" src="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-028.jpg" alt="色調補正レイヤーのパラメータを変更" class="wp-image-712" srcset="https://murasakiatsushi.com/wp-content/uploads/how-to-shade-028.jpg 720w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-028-500x590.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/how-to-shade-028-300x354.jpg 300w" sizes="(max-width: 720px) 100vw, 720px" /><figcaption>色調補正レイヤーのパラメータを変更</figcaption></figure>



<p>今回は<span class="swl-format-1">色相85・彩度12・明度32</span>が好みの感じになりました。</p>



<p>この<span class="swl-format-1">値はリアルタイムに反映</span>されますので、ご自身の絵で数字を調整しながら試してみてください。</p>



<p>今回はしませんでしたが、<span class="swl-format-1">髪や服の影色を変えたい場合は同様の手順</span>で行うことができます。</p>



<p><span class="swl-marker mark_orange">色を変更する可能性のあるもの</span>は<span class="swl-marker mark_orange"><span class="swl-format-1">最初に細かくベース色のレイヤー分けしておくと便利</span></span>です。</p>



<h2 class="wp-block-heading">まとめ</h2>



<p><span class="swl-format-2">影は細かいところから入れ始めると難しくなります</span>。</p>



<p>大きく影を入れて細部に影を入れていくことを目的に、<span class="swl-format-2">べた塗りレイヤーを使って光当たってる部分を削っていくという方法</span>をご紹介しました。</p>



<p>べた塗りレイヤーは単色のみの表現しかできませんが、途中で影色に何色を使うとか考えず立体感だけを考えるのに向いていると思います。</p>



<p>何色で塗っても消しても、べた塗りで設定された色になりますので、<span class="swl-marker mark_orange">とにかくトライ＆エラーでやっていける</span>のも良いです。</p>



<p>最後に<span class="swl-marker mark_orange">細かい影を乗算レイヤーで足せばバランスも取りやすく</span>、影塗りも楽になると思いますので、少しでも参考になれば嬉しいです！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/how-to-shade/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
