<?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>CLIP STUDIO PAINT &#8211; 紫あつしブログ</title>
	<atom:link href="https://murasakiatsushi.com/tag/clip-studio-paint/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>CLIP STUDIO PAINT &#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>【クリスタ】天球を使って作品作りに活用してみよう！</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>【クリスタ】フォルダとクリッピングしても反映されないときの対処法！</title>
		<link>https://murasakiatsushi.com/clippingfolder/</link>
					<comments>https://murasakiatsushi.com/clippingfolder/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Fri, 15 Oct 2021 07:46:27 +0000</pubDate>
				<category><![CDATA[CGメイキング]]></category>
		<category><![CDATA[CLIP STUDIO PAINT]]></category>
		<category><![CDATA[クリスタ]]></category>
		<category><![CDATA[クリスタTIPS]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=381</guid>

					<description><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder_ic.jpg" class="webfeedsFeaturedVisual" /></p>クリスタのクリッピング機能は非常に便利で使う機会が多いのですが、レイヤーフォルダをクリッピングしたときに、 思った結果と違う！ 色が反映されない！ といったトラブルが発生して困ったことはありませんか？ 原因でもっとも考え [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder_ic.jpg" class="webfeedsFeaturedVisual" /></p>
<p>クリスタのクリッピング機能は非常に便利で使う機会が多いのですが、<span class="swl-format-1">レイヤーフォルダをクリッピングしたとき</span>に、</p>



<ul class="has-border -border02 has-swl-pale-02-background-color has-background wp-block-list"><li>思った結果と違う！</li><li>色が反映されない！</li></ul>



<p>といったトラブルが発生して困ったことはありませんか？</p>



<p>原因でもっとも考えられるのが、<span class="swl-format-2">レイヤーフォルダの「通常」と「通過」の違い</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>レイヤーフォルダの合成モード「通常」と「通過」の使い分けで問題を解決できます</li></ul>
</div></div>



<h2 class="wp-block-heading">レイヤーフォルダにクリッピングする</h2>



<p>クリッピングとは、<span class="swl-marker mark_orange">参照元にしたレイヤーの描画部分のみに着色した部分を表示する</span>機能です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="237" height="189" src="https://murasakiatsushi.com/wp-content/uploads/clipping003.jpg" alt="クリッピングされると横に赤いバーが付きます" class="wp-image-309"/><figcaption>クリッピングされると横に赤いバーが付きます</figcaption></figure>



<p>クリッピングをして、横に<span class="swl-format-1"><span class="swl-marker mark_orange">赤色のバーが付けば有効</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>Windows　<span class="swl-format-1">Ctrl + Alt + G</span></li><li>Mac　<span class="swl-format-1">Command + Option +&nbsp;G</span></li></ul>
</div></div>



<p>レイヤーは何枚でもクリッピングできますし、<span class="swl-marker mark_orange">レイヤーフォルダを使ったのクリッピングも可能</span>です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="637" height="457" src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder001.jpg" alt="レイヤーフォルダを線画にクリッピング" class="wp-image-385" srcset="https://murasakiatsushi.com/wp-content/uploads/clippingfolder001.jpg 637w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder001-500x359.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder001-300x215.jpg 300w" sizes="(max-width: 637px) 100vw, 637px" /><figcaption>レイヤーフォルダを線画にクリッピング</figcaption></figure>



<p>線画の上に<span class="swl-marker mark_orange"><span class="swl-format-1">レイヤーフォルダ</span>に入った赤色と緑色のレイヤー2枚を<span class="swl-format-1">線画にクリッピング</span></span>すると、<span class="swl-format-2">線画の部分にのみ着色が反映</span>されました。</p>



<p><span class="swl-format-1">レイヤーフォルダ</span>は<span class="swl-format-2">中にレイヤーが複数あっても、ひとつのレイヤーとして扱います</span>。</p>



<p>上の例では、レイヤーに対してレイヤーフォルダをクリッピングしており、このケースで問題が起きることは少ないです。</p>



<p>問題が起きやすいのは、<span class="swl-format-1">クリッピングする<span class="swl-marker mark_orange">参照元がレイヤーフォルダの場合</span></span>、<span class="swl-format-2">結果が大きくことなる</span>ケースがあります。</p>



<h2 class="wp-block-heading">レイヤーフォルダ、「通過」の場合に注意！</h2>



<p><span class="swl-marker mark_orange">レイヤーフォルダにクリッピング</span>する場合、うまくできない結果になるのは<span class="swl-marker mark_orange">レイヤーの合成モードが<span class="swl-format-2">［通常］</span></span>になっているか確認してください。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="684" height="493" src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder002.jpg" alt="レイヤーフォルダの合成モードが［通常］だとうまく反映されます" class="wp-image-386" srcset="https://murasakiatsushi.com/wp-content/uploads/clippingfolder002.jpg 684w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder002-500x360.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder002-300x216.jpg 300w" sizes="(max-width: 684px) 100vw, 684px" /><figcaption>レイヤーフォルダの合成モードが［通常］だとうまく反映されます</figcaption></figure>



<p>特に参照元のレイヤーフォルダが［通常］ではなく<span class="swl-format-2">［通過］の場合にクリッピングできない状態</span>になります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="699" height="394" src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder003.jpg" alt="［通過］だとクリッピングできない" class="wp-image-387" srcset="https://murasakiatsushi.com/wp-content/uploads/clippingfolder003.jpg 699w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder003-500x282.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder003-300x169.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder003-240x135.jpg 240w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder003-320x180.jpg 320w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder003-640x360.jpg 640w" sizes="(max-width: 699px) 100vw, 699px" /><figcaption>［通過］だとクリッピングできない</figcaption></figure>



<p><span class="swl-marker mark_orange">参照元</span>の線画を<span class="swl-format-1"><span class="swl-marker mark_orange">［通過］</span></span>にすると、クリッピングのアイコンが<span class="swl-format-2">赤色のバーが灰色</span>になり、<span class="swl-format-2">クリッピングに失敗</span>していることを教えてくれてます。</p>



<p>また、参照元が［通常］クリッピングするレイヤーが［通過］のケースでは、</p>



<figure class="wp-block-image size-full"><img decoding="async" width="693" height="496" src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder004.jpg" alt="クリッピングが［通過］でも［通常］扱いになる" class="wp-image-388" srcset="https://murasakiatsushi.com/wp-content/uploads/clippingfolder004.jpg 693w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder004-500x358.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder004-300x215.jpg 300w" sizes="(max-width: 693px) 100vw, 693px" /><figcaption>クリッピングが［通過］でも［通常］扱いになる</figcaption></figure>



<p>うまく反映されているように見えるので問題はないのですが、合成モードの<span class="swl-format-2">［通過］の文字が赤色</span>になり、<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>しておきましょう。</p>



<h2 class="wp-block-heading">レイヤーフォルダ、使い分け方は？</h2>



<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">
<p>フォルダの中にあるものに対してのみ効果が影響します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="708" height="486" src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder005.jpg" alt="［通常］フォルダ内で覆い焼きを使うと、線画にしか影響がない" class="wp-image-391" srcset="https://murasakiatsushi.com/wp-content/uploads/clippingfolder005.jpg 708w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder005-500x343.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder005-300x206.jpg 300w" sizes="(max-width: 708px) 100vw, 708px" /><figcaption>［通常］フォルダ内で覆い焼きを使うと、線画にしか影響がない</figcaption></figure>



<p><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>がありますが、<span class="swl-format-1">何も塗ってないところにはオレンジ色のまま</span>です。</p>



<p><span class="swl-format-2">フォルダの外にある透明部分には通常レイヤーとして処理</span>するようになります。</p>
</div></div>



<div class="swell-block-capbox cap_box is-style-small_ttl"><div class="cap_box_ttl"><span>レイヤーフォルダ［通過］</span></div><div class="cap_box_content">
<p>フォルダの外に対して、<span class="swl-format-2">貫通して影響</span>します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="694" height="497" src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder006.jpg" alt="［通過］すると、下にあるものにすべて影響を与えます" class="wp-image-392" srcset="https://murasakiatsushi.com/wp-content/uploads/clippingfolder006.jpg 694w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder006-500x358.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder006-300x215.jpg 300w" sizes="(max-width: 694px) 100vw, 694px" /><figcaption>［通過］すると、下にあるものにすべて影響を与えます</figcaption></figure>



<p><span class="swl-format-2">［通過］</span>にすると、同じ<span class="swl-marker mark_orange">覆い焼きレイヤー</span>でも下にグレーの背景色も<span class="swl-marker mark_orange">すべて明るくします</span>。</p>



<p><span class="swl-marker mark_orange">フォルダの下にあるものに対して</span>、<span class="swl-format-2">フォルダ外にも貫通して影響を与えます</span>。</p>
</div></div>



<p>レイヤーフォルダの［通過］の扱いは難しそう…と思われるかもしれませんが、具体的な制作事例を紹介しながら使い分けの方法をご紹介します。</p>



<h3 class="wp-block-heading">［通常］レイヤーフォルダの使い方</h3>



<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"><span>線画の色トレス</span></div><div class="cap_box_content">
<p>線画の色トレスとは、線画の色を着色したレイヤーとなじませる手法です。</p>



<p>線画を黒で描いたとき、着色したものから浮いて悪目立ちしてしまうケースがあります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="819" height="711" src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder007a.jpg" alt="" class="wp-image-397" srcset="https://murasakiatsushi.com/wp-content/uploads/clippingfolder007a.jpg 819w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder007a-500x434.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder007a-300x260.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder007a-768x667.jpg 768w" sizes="(max-width: 819px) 100vw, 819px" /><figcaption>色トレス</figcaption></figure>



<p><span class="swl-format-1">黒色でペン入れ</span>したレイヤーをまとめたフォルダに、新しく色のついたレイヤーでクリッピングすると<span class="swl-format-2">黒色の線画を絵の塗りになじませることができます</span>。</p>
</div></div>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="467" src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder008.jpg" alt="フォルダが［通過］だと線画もすべて通過してしまう" class="wp-image-398" srcset="https://murasakiatsushi.com/wp-content/uploads/clippingfolder008.jpg 600w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder008-500x389.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder008-300x234.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /><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-2">クリッピングできてない状態</span>です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="467" src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder007b.jpg" alt="フォルダが［通常］であれば、クリッピングして色が反映されます" class="wp-image-399" srcset="https://murasakiatsushi.com/wp-content/uploads/clippingfolder007b.jpg 600w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder007b-500x389.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder007b-300x234.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption>フォルダが［通常］なので、クリッピングして色が反映されます</figcaption></figure>



<p>フォルダが<span class="swl-format-2">［通過］以外</span>であれば、フォルダ内の複数レイヤーを1枚のレイヤーとして扱うので、<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="800" height="440" src="https://murasakiatsushi.com/wp-content/uploads/clippaint-draft0001.jpg" alt="［通過］ではレイヤーカラーが反映されない" class="wp-image-489" srcset="https://murasakiatsushi.com/wp-content/uploads/clippaint-draft0001.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clippaint-draft0001-500x275.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippaint-draft0001-300x165.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clippaint-draft0001-768x422.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>［通過］ではレイヤーカラーが反映されない</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="440" src="https://murasakiatsushi.com/wp-content/uploads/clippaint-draft0002.jpg" alt="［通常］のときにレイヤーカラーが反映される" class="wp-image-491" srcset="https://murasakiatsushi.com/wp-content/uploads/clippaint-draft0002.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clippaint-draft0002-500x275.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippaint-draft0002-300x165.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clippaint-draft0002-768x422.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>。</p>



<h3 class="wp-block-heading">［通過］レイヤーフォルダの使い方</h3>



<p><span class="swl-format-1">［通過］</span>フォルダは<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>、反映されない場合は<span class="swl-format-2">［通過］</span>にします。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="522" src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder009.jpg" alt="キャラクターが仕上がったあとに光の効果を加えた例" class="wp-image-400" srcset="https://murasakiatsushi.com/wp-content/uploads/clippingfolder009.jpg 600w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder009-500x435.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder009-300x261.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption>キャラクターが仕上がったあとに効果を加えた例</figcaption></figure>



<p>［通過］フォルダを選択すると、下にあるものに対して効果を及ぼします。</p>



<p>今回の例では一番上にあるので、キャンバス全体に効果があります。</p>



<p>この［通過］を［通常］にしてしまうと…</p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="522" src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder010.jpg" alt="［通常］だとフォルダの外に影響がなくなるので、期待した効果が得られない" class="wp-image-402" srcset="https://murasakiatsushi.com/wp-content/uploads/clippingfolder010.jpg 600w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder010-500x435.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder010-300x261.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption>［通常］だとフォルダの外に影響がなくなるので、期待した効果が得られない</figcaption></figure>



<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="241" height="357" src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder011.jpg" alt="効果に使ったレイヤー" class="wp-image-401"/><figcaption>効果に使ったレイヤー</figcaption></figure>



<p>効果の処理には<span class="swl-marker mark_orange">通常レイヤーではないもの</span>を使っています。</p>



<ul class="is-style-big_kakko_box is-style-index has-swl-pale-02-background-color has-background wp-block-list"><li>トーンカーブ</li><li>グラデーションマップ</li><li>オーバーレイ</li></ul>



<p>フォルダの外に効果を加えるには［通過］にしなければいけません。</p>



<p>また、キャラクターに着彩する場合も</p>



<figure class="wp-block-image size-full"><img decoding="async" width="745" height="698" src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder012.jpg" alt="［通過］で乗算やスクリーンの効果が反映されている" class="wp-image-404" srcset="https://murasakiatsushi.com/wp-content/uploads/clippingfolder012.jpg 745w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder012-500x468.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder012-300x281.jpg 300w" sizes="(max-width: 745px) 100vw, 745px" /><figcaption>［通過］で乗算やスクリーンの効果が反映されている</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="746" height="698" src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder013.jpg" alt="［通常］ではレイヤーフォルダの外にあるものには反映されない" class="wp-image-405" srcset="https://murasakiatsushi.com/wp-content/uploads/clippingfolder013.jpg 746w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder013-500x468.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder013-300x281.jpg 300w" sizes="(max-width: 746px) 100vw, 746px" /><figcaption>［通常］ではレイヤーフォルダの外にあるものには反映されない</figcaption></figure>



<p>［通常］では影色や反射光などを描いたレイヤーが反映されなくなります。</p>



<ul class="is-style-big_kakko_box is-style-index has-swl-pale-02-background-color has-background wp-block-list"><li>乗算</li><li>スクリーン</li><li>覆い焼き（発光）</li></ul>



<p>など、フォルダの外にあるキャラクターのベース色に効果が必要なので、［通過］にする必要があります。</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-format-1">［通過］の方が利用頻度が高く</span>、合成モードが正しく反映されるのでトラブルが少なく<span class="swl-format-1">扱いやすい</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>メニューから<span class="swl-format-1">［ファイル］→［環境設定］</span>を選択してください。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="581" height="406" src="https://murasakiatsushi.com/wp-content/uploads/clippingfolder014.jpg" alt="" class="wp-image-406" srcset="https://murasakiatsushi.com/wp-content/uploads/clippingfolder014.jpg 581w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder014-500x349.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippingfolder014-300x210.jpg 300w" sizes="(max-width: 581px) 100vw, 581px" /></figure>



<p><span class="swl-format-1">［レイヤー・コマ］</span>から<span class="swl-format-2">［レイヤーフォルダー作成時の合成モードを[通過]にする］</span>をONにすると、作成されるレイヤーフォルダは<span class="swl-format-2">デフォルトが［通過］に変更</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><span class="swl-format-2">フォルダにクリッピングするときとは［通過］以外</span></li><li><span class="swl-format-1">レイヤーカラーを使うときは［通常］</span></li><li><span class="swl-format-1">デフォルト設定は［通過］</span></li></ul>
</div></div>



<p>基本的にクリッピングのときに注意していれば、［通過］でトラブルになることはあまりないと思います。</p>



<p>フォルダとクリッピングしたときに反映されない場合は、記事を参考にしてみてください！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/clippingfolder/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【初心者向け】クリスタで覚えておきたい神機能7選！</title>
		<link>https://murasakiatsushi.com/clipstudiopaint-function/</link>
					<comments>https://murasakiatsushi.com/clipstudiopaint-function/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Thu, 14 Oct 2021 07:43:25 +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=285</guid>

					<description><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clipstudiopaint-function_ic.jpg" class="webfeedsFeaturedVisual" /></p>クリスタには非常に多くの機能があり、何から覚えたらいいか困ったことはないでしょうか？ 最初から全部覚えて始めるのはとても大変ですし、むしろ遠回りになってしまいます。 なぜなら、最初に覚えておくとクリスタで絵を描くのが楽に [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clipstudiopaint-function_ic.jpg" class="webfeedsFeaturedVisual" /></p>
<p>クリスタには非常に多くの機能があり、<span class="swl-marker mark_orange">何から覚えたらいいか困ったことはないでしょうか？</span></p>



<p>最初から全部覚えて始めるのはとても大変ですし、むしろ遠回りになってしまいます。</p>



<p>なぜなら、<span class="swl-format-1">最初に覚えておくとクリスタで絵を描くのが楽になる機能</span>があるからです！</p>



<p>この記事ではキャラクターイラストを1枚仕上げることに絞って、<span class="swl-marker mark_orange">覚えておくと絶対に便利な<span class="swl-format-1">クリスタの機能を7つに厳選</span></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>クリスタの機能を7つ覚えるだけでも、イラスト制作の作業がとても早くなります！</li></ul>
</div></div>



<h2 class="wp-block-heading">ベクターレイヤーの「交点まで消去」</h2>



<p><span class="swl-format-1">ベクターレイヤー</span>は<span class="swl-format-2">線画に向いたレイヤー</span>です。</p>



<p>色混ぜや塗りつぶしができない特殊なレイヤーですが、使いこなすと大幅に作業効率アップに繋がります。</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="400" height="250" src="https://murasakiatsushi.com/wp-content/uploads/clippaint-eraser.gif" alt="ベクターレイヤー　交点まで消去" class="wp-image-266"/><figcaption>ベクターレイヤー　交点まで消去</figcaption></figure>



<p><span class="swl-format-2">線画を描くときに絶対に使う必須機能</span>です！</p>



<p>ベクターレイヤーに関して、他の機能もより詳しく解説した”<a href="https://murasakiatsushi.com/clipstudiopaint-vectorlayer/">絶対使いこなしたい！クリスタの超優秀な「ベクターレイヤー」！</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-vectorlayer_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-vectorlayer/" target="_blank" rel="noopener noreferrer">絶対使いこなしたい！クリスタの超優秀な「ベクターレイヤー」！</a>
						<span class="p-blogCard__excerpt">クリスタには他のソフトにはあまり見ない機能があるので、使わずにスルーしてることはありませんか？ 中でもベクターレイヤーはかなり特殊なので、使う人と使わない人の&#8230;</span>					</div>
				</div>
			</div>
		</div>


<h2 class="wp-block-heading">「レイヤーカラー」でレイヤーの色を即座に変更！</h2>



<p>レイヤーの色を一度変更してしまうと、元に戻すのは手間のかかる作業になります。</p>



<p>しかし、「レイヤーカラー」をONにすると、<span class="swl-format-2">ONにしている間だけ任意の色に描画色を変えることができます</span>。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="663" height="417" src="https://murasakiatsushi.com/wp-content/uploads/layer-color001.jpg" alt="レイヤーカラーを変更してみましょう" class="wp-image-291" srcset="https://murasakiatsushi.com/wp-content/uploads/layer-color001.jpg 663w, https://murasakiatsushi.com/wp-content/uploads/layer-color001-500x314.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/layer-color001-300x189.jpg 300w" sizes="(max-width: 663px) 100vw, 663px" /><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="678" height="424" src="https://murasakiatsushi.com/wp-content/uploads/layer-color002.jpg" alt="レイヤーカラーを変更" class="wp-image-292" srcset="https://murasakiatsushi.com/wp-content/uploads/layer-color002.jpg 678w, https://murasakiatsushi.com/wp-content/uploads/layer-color002-500x313.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/layer-color002-300x188.jpg 300w" sizes="(max-width: 678px) 100vw, 678px" /><figcaption>レイヤーカラーを変更</figcaption></figure>



<p>すると、<span class="swl-marker mark_orange">レイヤーに青白アイコン</span>の付き、<span class="swl-format-1">線画が薄い青色になりました</span>。</p>



<p><span class="swl-marker mark_orange">レイヤープロパティにレイヤーカラーの設定</span>がありますが、初期設定では</p>



<figure class="wp-block-image size-full"><img decoding="async" width="236" height="157" src="https://murasakiatsushi.com/wp-content/uploads/layer-color005.jpg" alt="レイヤーカラーのレイヤープロパティ" class="wp-image-293"/><figcaption>レイヤーカラーのレイヤープロパティ</figcaption></figure>



<ul class="has-border -border02 has-swl-pale-02-background-color has-background 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-marker mark_orange">サブカラーの白色</span>に</li></ul>



<p><span class="swl-format-1">レイヤーの色が一括で変更</span>されます。</p>



<p>今回の絵で使用した緑色が薄い青色になったイメージ図は以下のようになります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="426" height="440" src="https://murasakiatsushi.com/wp-content/uploads/layer-color003.jpg" alt="レイヤーカラーの色の変化　イメージ図" class="wp-image-294" srcset="https://murasakiatsushi.com/wp-content/uploads/layer-color003.jpg 426w, https://murasakiatsushi.com/wp-content/uploads/layer-color003-300x310.jpg 300w" sizes="(max-width: 426px) 100vw, 426px" /><figcaption>レイヤーカラーの色の変化　イメージ図</figcaption></figure>



<p><span class="swl-format-1"><span class="swl-marker mark_orange">カラーはグレーに変換</span></span>されてから<span class="swl-marker mark_orange">レイヤーカラーの色として表示</span>されます。</p>



<p>明るい緑色はちょうど真ん中のグレー色に置き換わるので、レイヤーカラーをONにすると薄い青色になるわけです。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="911" height="536" src="https://murasakiatsushi.com/wp-content/uploads/layer-color004.jpg" alt="レイヤーカラーのメインカラーとサブカラー" class="wp-image-296" srcset="https://murasakiatsushi.com/wp-content/uploads/layer-color004.jpg 911w, https://murasakiatsushi.com/wp-content/uploads/layer-color004-500x294.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/layer-color004-300x177.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/layer-color004-768x452.jpg 768w" sizes="(max-width: 911px) 100vw, 911px" /><figcaption>レイヤーカラーのメインカラーとサブカラー</figcaption></figure>



<p><span class="swl-format-1"><span class="swl-marker mark_orange">真っ黒な色で描くと</span>メインカラーの<span class="swl-marker mark_orange">濃い青色</span></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><span class="swl-format-1">メインカラーの色とサブカラーの色は変更</span>が可能です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="976" height="416" src="https://murasakiatsushi.com/wp-content/uploads/layer-color006.jpg" alt="サブカラーを赤色に" class="wp-image-297" srcset="https://murasakiatsushi.com/wp-content/uploads/layer-color006.jpg 976w, https://murasakiatsushi.com/wp-content/uploads/layer-color006-500x213.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/layer-color006-300x128.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/layer-color006-768x327.jpg 768w" sizes="(max-width: 976px) 100vw, 976px" /><figcaption>サブカラーを赤色に</figcaption></figure>



<p><span class="swl-format-1">サブカラーを赤色</span>にすると、<span class="swl-marker mark_orange">白色に近い色で描くほど赤色</span>になります。</p>



<p><span class="swl-format-1">グレー色だと中間の紫色</span>になりますが、私はサブカラーは基本の白色のままにしています。</p>
</div></div>



<p>ここからは実際にどのように活用しているのか、具体例をお見せしたいと思います。</p>



<p>まずは先ほどのベクターレイヤーの例でお見せした、<span class="swl-format-2">消しゴムをかけるレイヤーの色だけ変更して分かりやすくしている</span>方法です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="400" src="https://murasakiatsushi.com/wp-content/uploads/eraser-before.jpg" alt="ベクターレイヤー　レイヤーカラー変更" class="wp-image-264" srcset="https://murasakiatsushi.com/wp-content/uploads/eraser-before.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/eraser-before-300x240.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>ベクターレイヤー　レイヤーカラー変更</figcaption></figure>



<p>色を分かりやすい青色にしたことで、<span class="swl-format-1">服や肌にかかっている髪の毛の線の場所が明確</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="343" height="483" src="https://murasakiatsushi.com/wp-content/uploads/rough-sketch001.jpg" alt="下描きイメージ" class="wp-image-299" srcset="https://murasakiatsushi.com/wp-content/uploads/rough-sketch001.jpg 343w, https://murasakiatsushi.com/wp-content/uploads/rough-sketch001-300x422.jpg 300w" sizes="(max-width: 343px) 100vw, 343px" /><figcaption>下描きイメージ</figcaption></figure>



<p>ブログ用に描いた最初の1枚の下描きですが、<span class="swl-format-1">色の付いた状態だとペン入れした線が見えにくく作業しづらい</span>ことがあります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="344" height="488" src="https://murasakiatsushi.com/wp-content/uploads/rough-sketch002.jpg" alt="" class="wp-image-300" srcset="https://murasakiatsushi.com/wp-content/uploads/rough-sketch002.jpg 344w, https://murasakiatsushi.com/wp-content/uploads/rough-sketch002-300x426.jpg 300w" sizes="(max-width: 344px) 100vw, 344px" /><figcaption>下描きイメージ　レイヤーカラーON</figcaption></figure>



<p>レイヤーカラーをONにすることで<span class="swl-format-1">青色の濃淡として表示</span>されるので、<span class="swl-format-2">黒色でペン入れをするときに描きやすさが格段に上がります！</span></p>



<p>レイヤーカラーのアイコンをもう一度クリックしてOFFにすると、また変更前の色に戻りますので活用しながら効率アップを目指してください。</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-2">レイヤーフォルダにも適用可能</span>なので、</p>



<p><span class="swl-format-1">複数レイヤーをまとめて色替え</span>することも出来ます！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="238" height="168" src="https://murasakiatsushi.com/wp-content/uploads/layer-color007.jpg" alt="レイヤーフォルダにレイヤーカラーを適用" class="wp-image-302"/><figcaption>レイヤーフォルダにレイヤーカラーを適用</figcaption></figure>



<p>また、<span class="swl-format-1">レイヤーカラーを使用</span>する場合は<span class="swl-format-2">レイヤーの合成モードを［通常］</span>にしないとレイヤーカラーが反映されないのでご注意ください！</p>
</div></div>



<h2 class="wp-block-heading">レイヤーの複製を簡単に！</h2>



<p><span class="swl-format-1">レイヤーの複製</span>はどんなソフトにもありますが、クリスタには<span class="swl-format-2">レイヤーの複製を簡単に行う方法が2つ</span>あります。</p>



<ol class="wp-block-list"><li><span class="swl-format-1">選択したレイヤーを「新規ラスターレイヤー」アイコンにドロップ</span>する</li></ol>



<figure class="wp-block-image size-full"><img decoding="async" width="240" height="337" src="https://murasakiatsushi.com/wp-content/uploads/layer-duplication001.jpg" alt="新規ラスターレイヤーアイコンにレイヤーをドロップすると複製！" class="wp-image-303"/><figcaption>新規ラスターレイヤーアイコンにレイヤーをドロップすると複製！</figcaption></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="568" height="407" src="https://murasakiatsushi.com/wp-content/uploads/layer-duplication002.jpg" alt="レイヤーを複製" class="wp-image-304" srcset="https://murasakiatsushi.com/wp-content/uploads/layer-duplication002.jpg 568w, https://murasakiatsushi.com/wp-content/uploads/layer-duplication002-500x358.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/layer-duplication002-300x215.jpg 300w" sizes="(max-width: 568px) 100vw, 568px" /><figcaption>レイヤーを複製</figcaption></figure>



<p>複製は同じ位置にされるのですが、分かりやすくするために少し移動してみました。</p>



<p>また、「新規ラスターレイヤー」にドロップなのですが、<span class="swl-format-1"><span class="swl-marker mark_orange">ベクターレイヤーはベクターレイヤーとしてちゃんと複製</span>されるので安心</span>です。</p>



<ol class="wp-block-list" start="2"><li><span class="swl-format-1">選択したレイヤーを[Alt] キー（Macは [Option] キー）を押しながらドラッグ＆ドロップ</span></li></ol>



<figure class="wp-block-image size-full"><img decoding="async" width="241" height="314" src="https://murasakiatsushi.com/wp-content/uploads/layer-duplication003.jpg" alt="レイヤーをAlt（MacはOption）を押しながらドラッグ＆ドロップで複製" class="wp-image-305"/><figcaption>レイヤーをAlt（MacはOption）を押しながらドラッグ＆ドロップで複製</figcaption></figure>



<p>レイヤーパレットで複製したい<span class="swl-marker mark_orange">レイヤーを選択してつかんだまま</span>、<span class="swl-format-2">[Alt] キー（Macは [Option] キー）を押しながら上でも下でも好きなところにドロップしてください！</span></p>



<p>この2つが手軽で時短になるレイヤー複製方法です。</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="820" height="752" src="https://murasakiatsushi.com/wp-content/uploads/clipping001.jpg" alt="クリスタのクリッピング機能解説" class="wp-image-307" srcset="https://murasakiatsushi.com/wp-content/uploads/clipping001.jpg 820w, https://murasakiatsushi.com/wp-content/uploads/clipping001-500x459.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipping001-300x275.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipping001-768x704.jpg 768w" sizes="(max-width: 820px) 100vw, 820px" /><figcaption>クリスタのクリッピング機能解説</figcaption></figure>



<p>髪の毛を塗っているレイヤーの上に新しいレイヤーを作ります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="237" height="481" src="https://murasakiatsushi.com/wp-content/uploads/clipping002.jpg" alt="レイパーパレットからクリッピング" class="wp-image-308"/><figcaption>レイパーパレットからクリッピング</figcaption></figure>



<p><span class="swl-format-2">レイヤーパレットにはクリッピング用のアイコンが用意</span>されてますのでクリックすると、メニューから操作しなくても簡単にクリッピングすることができます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="237" height="189" src="https://murasakiatsushi.com/wp-content/uploads/clipping003.jpg" alt="クリッピングされると横に赤いバーが付きます" class="wp-image-309"/><figcaption>クリッピングされると横に赤いバーが付きます</figcaption></figure>



<p>クリッピングされると横に<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>



<figure class="wp-block-image size-full"><img decoding="async" width="814" height="718" src="https://murasakiatsushi.com/wp-content/uploads/clipping004.jpg" alt="クリッピングすると、下のレイヤーの着色部分以外に色がはみ出さない" class="wp-image-310" srcset="https://murasakiatsushi.com/wp-content/uploads/clipping004.jpg 814w, https://murasakiatsushi.com/wp-content/uploads/clipping004-500x441.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipping004-300x265.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipping004-768x677.jpg 768w" sizes="(max-width: 814px) 100vw, 814px" /><figcaption>クリッピングすると、下のレイヤーの着色部分以外に色がはみ出さない</figcaption></figure>



<p><span class="swl-format-1">下のレイヤーの着色した部分にしか上のレイヤーの色が反映されなくなります！</span></p>



<p>下のレイヤーの透明部分には、上のレイヤーにいくら色を乗せても表示されません。</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><span class="swl-marker mark_orange">クリッピング元になったレイヤー</span>の<span class="swl-format-2">描画部分のみに着色したところが表示</span>される機能です。</p>



<p>レイヤーは<span class="swl-marker mark_orange">何枚も重ねてクリッピング可能</span>ですが、一番元になる<span class="swl-format-1">参照先のレイヤー</span>（今回なら髪の毛のベース色）の<span class="swl-format-2">クリッピング先の不透明度に応じて変化</span>するので、<span class="swl-marker mark_orange">大元のレイヤーの透明度を下げるとクリッピングしたものも透明度が下がります</span>。</p>
</div></div>



<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="821" height="729" src="https://murasakiatsushi.com/wp-content/uploads/clipping005.jpg" alt="クリッピングを解除するとこんな感じです。" class="wp-image-311" srcset="https://murasakiatsushi.com/wp-content/uploads/clipping005.jpg 821w, https://murasakiatsushi.com/wp-content/uploads/clipping005-500x444.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipping005-300x266.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clipping005-768x682.jpg 768w" sizes="(max-width: 821px) 100vw, 821px" /><figcaption>クリッピングを解除するとこんな感じです。</figcaption></figure>



<p>実際には大きくはみ出して塗っても、はみ出しを気にせずに色を重ねて塗ることができるので、<span class="swl-format-2">失敗を気にせずどんどん塗っていくことができます！</span></p>



<p><span class="swl-format-1">元のレイヤーを変更せず新たに加筆修正</span>できますので、使用頻度はかなり高い機能になります。</p>



<p>ただし、レイヤーフォルダにクリッピングする場合には注意が必要になることがあります。</p>



<p>注意点を解説した”<a href="https://murasakiatsushi.com/clippingfolder/">【クリスタ】フォルダとクリッピングしても反映されないときの対処法！</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/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>レイヤーを個別に変形させる機能はどのソフトにも入っています。</p>



<p>ただ、<span class="swl-format-2">選択範囲内の複数レイヤーを一緒に変形</span>させるというのは<span class="swl-marker mark_orange">クリスタ以外ではなかなか存在しません</span>。</p>



<p>今回のブログ用に描き下ろした絵なのですが、制作途中でどうしても気になる部分ができてしまいました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="463" height="656" src="https://murasakiatsushi.com/wp-content/uploads/clip-deformation001.jpg" alt="スカート丈が短すぎる気がするので直したい…" class="wp-image-326" srcset="https://murasakiatsushi.com/wp-content/uploads/clip-deformation001.jpg 463w, https://murasakiatsushi.com/wp-content/uploads/clip-deformation001-300x425.jpg 300w" sizes="(max-width: 463px) 100vw, 463px" /><figcaption>スカート丈が短すぎる気がするので直したい…</figcaption></figure>



<p>色塗りも終盤にきて全体のバランスをチェックしていると、どうしてもスカートの丈が短すぎて気になる！</p>



<p>一度気になると修正したくなりますが、影の色なども結構入れてしまったので、もう一度やり直しというのはちょっとツライ…。</p>



<p>そこで必要なレイヤーだけ選択してスカート部分だけ修正することにしました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="463" height="659" src="https://murasakiatsushi.com/wp-content/uploads/clip-deformation002.jpg" alt="スカート部分を投げなわ選択ツールで選択" class="wp-image-327" srcset="https://murasakiatsushi.com/wp-content/uploads/clip-deformation002.jpg 463w, https://murasakiatsushi.com/wp-content/uploads/clip-deformation002-300x427.jpg 300w" sizes="(max-width: 463px) 100vw, 463px" /><figcaption>スカート部分を投げなわ選択ツールで選択</figcaption></figure>



<p>修正したいスカートだけ<span class="swl-format-1">投げなわ選択ツール</span>で範囲を囲います。</p>



<p>変形をする際に、<span class="swl-marker mark_orange">クリッピングを外してしまいましたので影色のレイヤーが全部表示</span>されてます。</p>



<p>このとき、修正の必要だったレイヤーは以下の4枚です。</p>



<ul class="is-style-big_kakko_box is-style-index has-swl-pale-02-background-color has-background wp-block-list"><li>スカートの線画の描かれたレイヤー</li><li>スカートの影が入ったレイヤー</li><li>スカートのフチに入る光のレイヤー</li><li>スカートの影の入っていない基本色のレイヤー</li></ul>



<figure class="wp-block-image size-full"><img decoding="async" width="244" height="590" src="https://murasakiatsushi.com/wp-content/uploads/clip-deformation005.jpg" alt="変形したいレイヤーが飛び地にあるので全部選択" class="wp-image-328"/><figcaption>変形したいレイヤーが飛び地にあるので全部選択</figcaption></figure>



<p>制作の終盤になるとレイヤー数も増えてますので、変形したいレイヤーが上から下まで飛び地になって存在してます。</p>



<p>それでも、必要なレイヤーを<span class="swl-format-1">[Ctrl] キー</span>（Macは <span class="swl-format-1">[Command] キー</span>）を押しながら、変形したい4枚のレイヤーを選択しました。</p>



<p>選択した部分に対して<span class="swl-format-1">「自由変形」</span>を行います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="521" height="839" src="https://murasakiatsushi.com/wp-content/uploads/clip-deformation007.jpg" alt="クリスタ　自由変形メニュー" class="wp-image-331" srcset="https://murasakiatsushi.com/wp-content/uploads/clip-deformation007.jpg 521w, https://murasakiatsushi.com/wp-content/uploads/clip-deformation007-500x805.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clip-deformation007-300x483.jpg 300w" sizes="(max-width: 521px) 100vw, 521px" /><figcaption>クリスタ　自由変形メニュー</figcaption></figure>



<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>Windows　<span class="swl-format-1">Ctrl + Shift + T</span></li><li>Mac　<span class="swl-format-1">Command + Shift + T</span></li></ul>



<p>［拡大・縮小・回転］を選択したあとで、変形ボックスにある<span class="swl-format-1">四角のポイント</span>を&nbsp;<span class="swl-format-1">[Ctrl] キー</span>（Macは<span class="swl-format-1">&nbsp;[Command] キー</span>）を押しながら、ドラッグしても自由変形が可能です！</p>
</div></div>



<figure class="wp-block-image size-full"><img decoding="async" width="506" height="763" src="https://murasakiatsushi.com/wp-content/uploads/clip-deformation003.jpg" alt="複数レイヤーを自由変形" class="wp-image-330" srcset="https://murasakiatsushi.com/wp-content/uploads/clip-deformation003.jpg 506w, https://murasakiatsushi.com/wp-content/uploads/clip-deformation003-500x754.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clip-deformation003-300x452.jpg 300w" sizes="(max-width: 506px) 100vw, 506px" /><figcaption>複数レイヤーを自由変形</figcaption></figure>



<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="514" height="732" src="https://murasakiatsushi.com/wp-content/uploads/clip-deformation004.jpg" alt="変形して修正完了" class="wp-image-332" srcset="https://murasakiatsushi.com/wp-content/uploads/clip-deformation004.jpg 514w, https://murasakiatsushi.com/wp-content/uploads/clip-deformation004-500x712.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clip-deformation004-300x427.jpg 300w" sizes="(max-width: 514px) 100vw, 514px" /><figcaption>変形して修正完了</figcaption></figure>



<p>もう一度、影レイヤーのクリッピングをして修正完了となります。</p>



<p>複数レイヤーを変形させるのは自由変形だけじゃなく、<span class="swl-format-1">遠近ゆがみ</span>も<span class="swl-format-1">メッシュ変形</span>も<span class="swl-format-2">すべての変形を利用することができます</span>。</p>



<div class="swell-block-capbox cap_box is-style-small_ttl" data-colset="col1"><div class="cap_box_ttl"><span>Photoshopの場合</span></div><div class="cap_box_content">
<p>Photoshopの場合、選択範囲内の複数レイヤーの変形は各レイヤーごとになります。</p>



<p>複数レイヤーを変形させようとすると、選択範囲を無視してレイヤーすべてを変形することになります。</p>



<p><span class="swl-format-1">選択範囲内の複数レイヤーをまとめて変形させることは基本機能ではできません</span>。</p>
</div></div>



<div class="swell-block-capbox cap_box is-style-small_ttl" data-colset="col1"><div class="cap_box_ttl"><span>メディバンペイント（MediBang Paint）の場合</span></div><div class="cap_box_content">
<p>メディバンペイントの場合、選択範囲内の複数レイヤーの変形は<span class="swl-format-1">レイヤーフォルダにまとめた場合に可能</span>となります。</p>



<p>レイヤーだけを複数選択した状態では変形ツールが使えません。</p>



<p><span class="swl-format-1">飛び地にある複数レイヤーの変形は手間がかかりそうです</span>。</p>
</div></div>



<p>手元で確認できる2つのソフトと比べてみましたが、<span class="swl-format-1">クリスタの複数レイヤー変形</span>は<span class="swl-format-2">かなり柔軟で便利な設計</span>になってます。</p>



<p>下描きのときから、完成間際の急な修正まで幅広く活用できる機能です！</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="209" height="425" src="https://murasakiatsushi.com/wp-content/uploads/clip-deformation006.jpg" alt="クリスタ　補間方法　高精度" class="wp-image-333"/><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-2">［高精度（色の平均）］</span>にすると変形後もぼやけたりしなくなります。</p>
</div></div>



<h2 class="wp-block-heading">透明色で塗る！</h2>



<p><span class="swl-format-1">透明色で塗る</span>と言われてもピンとこない方もいるかと思います。</p>



<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="92" height="113" src="https://murasakiatsushi.com/wp-content/uploads/clip-transparent001.jpg" alt="透明色の切り替え" class="wp-image-337"/><figcaption>透明色の切り替え</figcaption></figure>



<p>左にツールが並んでいる一番下に色の切り替えアイコンがあります。</p>



<p><span class="swl-format-1">灰色と白色の<span class="swl-marker mark_orange">市松模様が透明色</span></span>になります。</p>



<p>初期設定では<span class="swl-format-1">［描画色と透明色を切り替え］は［C］キー</span>です。</p>



<p>透明色で塗るというのは、具体的にどのように使っているかを解説します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="803" height="619" src="https://murasakiatsushi.com/wp-content/uploads/clip-transparent003.jpg" alt="透明色で塗る前" class="wp-image-341" srcset="https://murasakiatsushi.com/wp-content/uploads/clip-transparent003.jpg 803w, https://murasakiatsushi.com/wp-content/uploads/clip-transparent003-500x385.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clip-transparent003-300x231.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clip-transparent003-768x592.jpg 768w" sizes="(max-width: 803px) 100vw, 803px" /><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>



<p>今回、透明色で塗るのにCLIP STUDIOの素材から<a href="https://assets.clip-studio.com/ja-jp/detail?id=1850648" target="_blank" rel="noreferrer noopener">［ぬる水ブラシ］</a>を使用しました。</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>ダウンロードした素材は自分の好きな場所に登録できます。</p>



<p>上部のメニューから</p>



<p><span class="swl-format-1">ウインドウ→素材→素材［ダウンロード］</span></p>



<p>から素材パレットを表示すると、中にダウンロードした素材が表示されます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="867" height="377" src="https://murasakiatsushi.com/wp-content/uploads/material001.jpg" alt="素材登録　ぬる水ブラシ" class="wp-image-350" srcset="https://murasakiatsushi.com/wp-content/uploads/material001.jpg 867w, https://murasakiatsushi.com/wp-content/uploads/material001-500x217.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/material001-300x130.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/material001-768x334.jpg 768w" sizes="(max-width: 867px) 100vw, 867px" /><figcaption>素材登録　ぬる水ブラシ</figcaption></figure>



<p>私は［水彩］のカテゴリにドラッグ＆ドロップして利用しています。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="208" height="314" src="https://murasakiatsushi.com/wp-content/uploads/clip-transparent004.jpg" alt="ぬる水ブラシ" class="wp-image-344"/><figcaption>ぬる水ブラシ</figcaption></figure>



<p> ダウンロード数を見てもすごい人気なのが分りますし、無料で使えるので是非ためしてみてください！</p>



<p>実際に透明色で塗ったものがこちらです。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="804" height="617" src="https://murasakiatsushi.com/wp-content/uploads/clip-transparent005.jpg" alt="透明色で塗った後" class="wp-image-345" srcset="https://murasakiatsushi.com/wp-content/uploads/clip-transparent005.jpg 804w, https://murasakiatsushi.com/wp-content/uploads/clip-transparent005-500x384.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clip-transparent005-300x230.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clip-transparent005-768x589.jpg 768w" sizes="(max-width: 804px) 100vw, 804px" /><figcaption> 透明色で塗った後</figcaption></figure>



<p>単純に消すのではなく、</p>



<ul class="is-style-big_kakko_box is-style-index 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>使うペンの設定を利用し、あえて<span class="swl-format-1">塗りムラやタッチを残す</span>ことができる</li></ul>



<p>使っているのは<span class="swl-format-1">塗りつぶしたレイヤーと透明色だけ</span>です。</p>



<p>今回使用させていただいた［ぬる水ブラシ］が優秀なので、さっと透明色を入れただけでも見栄えが変わったのがご確認いただけると思います。</p>



<p>どんなペンやブラシでも透明色が利用できます。</p>



<p>つまり、<span class="swl-format-2">無数の設定の消しゴムがあるのと同じ</span>というわけです！</p>



<p>なので、消すというよりも<span class="swl-format-1">透明色で塗る</span>というのが絵の幅が広げるポイントになると確信しています！</p>



<h2 class="wp-block-heading">「隙間無く囲って塗るツール」で塗り残しがなくなる！</h2>



<p>色を塗りつぶすときは<span class="swl-marker mark_orange">バケツのアイコン</span>の<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="699" height="532" src="https://murasakiatsushi.com/wp-content/uploads/clippaint-fill001.jpg" alt="塗りつぶしでは細かいところまで塗れない" class="wp-image-352" srcset="https://murasakiatsushi.com/wp-content/uploads/clippaint-fill001.jpg 699w, https://murasakiatsushi.com/wp-content/uploads/clippaint-fill001-500x381.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippaint-fill001-300x228.jpg 300w" sizes="(max-width: 699px) 100vw, 699px" /><figcaption>塗りつぶしでは細かいところまで塗れない</figcaption></figure>



<p>大木な場所は塗りつぶせるのですが、毛先や髪の線画の部分はキレイに塗りきれていません。</p>



<p>塗り残しがあると絵のクオリティを下げますし、<span class="swl-marker mark_orange">クリッピングして重ねたレイヤーも塗り残しを受け継いでしまいます</span>ので処理しておきたいところです。</p>



<p>ただ、こんな細かいところをペンで塗って、はみ出たら消しゴムで消して…とやっていたらとても大変です。</p>



<p> CLIP STUDIOの素材から <a rel="noreferrer noopener" href="https://assets.clip-studio.com/ja-jp/detail?id=1759448" target="_blank">［隙間無く囲って塗るツール］</a>をご紹介します。</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/94/1759448/thumbnail?1726114992" 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=1759448">隙間無く囲って塗るツール &#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="856" height="403" src="https://murasakiatsushi.com/wp-content/uploads/material002.jpg" alt="素材登録　隙間無く囲って塗るツール" class="wp-image-354" srcset="https://murasakiatsushi.com/wp-content/uploads/material002.jpg 856w, https://murasakiatsushi.com/wp-content/uploads/material002-500x235.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/material002-300x141.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/material002-768x362.jpg 768w" sizes="(max-width: 856px) 100vw, 856px" /><figcaption>素材登録　隙間無く囲って塗るツール</figcaption></figure>



<p>分かりやすいように、［塗りつぶし］のカテゴリにドラッグ＆ドロップしてます。</p>



<p>使い方はシンプルで、［投げなわ選択］ツールのように塗りたい場所を囲むだけです！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="933" height="643" src="https://murasakiatsushi.com/wp-content/uploads/clippaint-fill002.jpg" alt="隙間無く囲って塗るツール　使い方は塗りたい場所を囲むだけ" class="wp-image-355" srcset="https://murasakiatsushi.com/wp-content/uploads/clippaint-fill002.jpg 933w, https://murasakiatsushi.com/wp-content/uploads/clippaint-fill002-500x345.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippaint-fill002-300x207.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clippaint-fill002-768x529.jpg 768w" sizes="(max-width: 933px) 100vw, 933px" /><figcaption>隙間無く囲って塗るツール　使い方は塗りたい場所を囲むだけ</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="891" height="672" src="https://murasakiatsushi.com/wp-content/uploads/clippaint-fill003.jpg" alt="隙間無く囲って塗るツール　使用例" class="wp-image-356" srcset="https://murasakiatsushi.com/wp-content/uploads/clippaint-fill003.jpg 891w, https://murasakiatsushi.com/wp-content/uploads/clippaint-fill003-500x377.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippaint-fill003-300x226.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clippaint-fill003-768x579.jpg 768w" sizes="(max-width: 891px) 100vw, 891px" /><figcaption> 隙間無く囲って塗るツール　使用例</figcaption></figure>



<p>囲むだけで隙間までキレイに簡単に塗ることができます。</p>



<p>クリスタのデフォルトにも［囲って塗る」ツールがあるのですが、<span class="swl-format-2">ダウンロード素材の［隙間無く囲って塗るツール］が圧倒的に凄すぎ</span>ます！</p>



<p>ちびちび囲まずに、もっと前髪をザッと囲むと、</p>



<figure class="wp-block-image size-full"><img decoding="async" width="960" height="783" src="https://murasakiatsushi.com/wp-content/uploads/clippaint-fill004.jpg" alt="" class="wp-image-357" srcset="https://murasakiatsushi.com/wp-content/uploads/clippaint-fill004.jpg 960w, https://murasakiatsushi.com/wp-content/uploads/clippaint-fill004-500x408.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clippaint-fill004-300x245.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clippaint-fill004-768x626.jpg 768w" sizes="(max-width: 960px) 100vw, 960px" /></figure>



<p>一瞬で隙間が塗りつぶせます！</p>



<p>割と雑にやっても大丈夫ですが、毛先の分かれる付け根の線が濃くなってるところは少し消しゴムか透明色のペンで削ったほうがよりクオリティを上げられます。</p>



<p>修正は少しの手間で済むので、<span class="swl-format-2">［隙間無く囲って塗るツール］は必須ツールになってます！</span></p>



<h3 class="wp-block-heading">囲って塗るができない場合にチェックしてほしいこと</h3>



<ul class="is-style-big_kakko_box is-style-index has-swl-pale-02-background-color has-background wp-block-list"><li>ベクターレイヤーは塗りつぶしや囲って塗るはできません</li><li>透明色になってませんか？</li><li>選択範囲を非表示にしてませんか？（［表示］→［選択範囲の境界線］をチェックしてください）</li><li>レイヤーマスクでマスクした場所に塗ろうとしてませんか？（［レイヤー］→［レイヤーマスク］→［マスク範囲を表示］をチェック）</li></ul>



<p>囲って塗るツールはレイヤーマスクの塗りでも使えますが、透明色の切り替えやラスターレイヤーの切り替えをしていると、どちらに塗っているのか間違えることもあります。</p>



<p>レイヤーマスクの範囲表示や選択範囲の境界線の表示を使用して塗れる場所になっているか確認をしてみてください。</p>



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



<p>この記事ではクリスタでイラストを仕上げる上で、覚えておきたい機能を7つに絞って解説しました。</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>レイヤーの複製を簡単にする方法を2つ紹介</li><li>レイヤーをクリッピングしてはみ出しを気にせず塗ってしまう</li><li>複数レイヤーを選択して自由変形できるのがクリスタ</li><li>透明色で塗って表現の幅をアップ</li><li>隙間無く囲って塗るツールは最強</li></ul>
</div></div>



<p>クリスタには有用で優秀な機能がもっとありますが、紹介した7つの機能を知ってるだけで格段にイラストを描くのが楽になります。</p>



<p>ひとつずつでも試しながら作業に取り入れてみてください！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/clipstudiopaint-function/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【初心者向け】クリスタで絵を描き始める前の下準備！起動から初期設定まで完全マスター！</title>
		<link>https://murasakiatsushi.com/clipstudiopaint-start/</link>
					<comments>https://murasakiatsushi.com/clipstudiopaint-start/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Mon, 11 Oct 2021 05:54:56 +0000</pubDate>
				<category><![CDATA[CGメイキング]]></category>
		<category><![CDATA[CLIP STUDIO PAINT]]></category>
		<category><![CDATA[クリスタ]]></category>
		<category><![CDATA[初心者]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=104</guid>

					<description><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clipstudiopaint-start_ic.jpg" class="webfeedsFeaturedVisual" /></p>お絵描き系YouTubeでもよく使われている『CLIP STUDIO PAINT（クリスタ）』。 私も2012年からずっと愛用していますが、カラーイラストからモノクロ漫画まで全部こなせる、 機能豊富なデジタル作画ソフトで [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clipstudiopaint-start_ic.jpg" class="webfeedsFeaturedVisual" /></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>お絵描き系YouTubeでもよく使われている<span class="swl-format-1">『CLIP STUDIO PAINT（クリスタ）』</span>。</p>



<p>私も2012年からずっと愛用していますが、カラーイラストからモノクロ漫画まで全部こなせる、 機能豊富なデジタル作画ソフトです。</p>



<p>利用者も非常に多く、<span class="swl-format-1"><span class="swl-marker mark_orange">これさえ使っていれば安心！</span></span>というソフトなのですが、<br></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>実際にクリスタを起動すると、いろんなアイコンが並んでいたり謎の用語が並んでいたりするので、絵を描く前に挫けそうになるかもしれません。</p>



<p>この記事ではクリスタの起動から最初に悩むキャンバスの設定の悩みを解消していきます。</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>CLIP STUDIOの始め方と絵を描くキャンバスの設定でもう迷わなくなる！</li>
</ul>
</div></div>



<p>それでは始めていきましょう！</p>



<h2 class="wp-block-heading">クリスタは上位版の『EX』を選ぶのがベスト！ </h2>



<p>クリスタを持ってない方は、下のリンク先からダウンロードできます。</p>



<p><span style="background-color: rgb(255, 255, 255);"> </span><a href="https://px.a8.net/svt/ejp?a8mat=3HA7IJ+11IBW2+3AP2+61RIA" target="_blank" rel="noreferrer noopener">●CLIP STUDIO PAINT EX　無料体験版ダウンロード</a><span style="background-color: rgb(255, 255, 255);"> </span><img decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=3HA7IJ+11IBW2+3AP2+61RIA" alt="" style="background-color: rgb(255, 255, 255);"></p>



<p>クリスタを購入する場合、<span class="swl-format-1">『EX』</span>と<span class="swl-format-1">『PRO』</span>の<span class="swl-marker mark_orange">2つのラインナップ</span>があります。</p>



<p><span class="swl-format-1">『EX』</span>はすべての機能が使える上位版で<a href="https://www.clipstudio.net/ja/functional_list/" target="_blank" rel="noreferrer noopener">公式サイトに機能の違い</a>がずらっと並んでいますが、一番大きな魅力は<span class="swl-format-2">『複数ページの管理』</span>です。</p>



<p>いつもイラストを一枚ずつ単体で描いていると必要のない機能だと思うかもしれません。<br>ただ今後、</p>



<ul class="wp-block-list has-border -border02 has-swl-pale-02-background-color has-background">
<li>漫画を描いて同人誌を出したり出版社に持ち込みをしたい</li>



<li>CG集を出してオンラインで販売をしたい</li>
</ul>



<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>


<h3 class="wp-block-heading">クリスタにかかる費用の違いは大きい？</h3>



<p>クリスタには【<strong>一括払い</strong>】と【<strong>年額・月額利用プラン</strong>】の2つの利用方法があります。</p>



<p>iPadやスマホには月額払いしかありませんが、WindowsやMacといったPCの利用であれば最初の支払いだけで今後はお金を気にせずに使う一括払いができます。</p>



<p>一方で、<strong>クリスタは年に1回大型アップデート</strong>があります。</p>



<p><span class="swl-marker mark_orange">Ver3からVer4のようなアップデートではその度にお金が掛かります</span>。</p>



<p>すでにユーザーの場合は基本的に<span class="swl-format-2">優待価格</span>でアップデート出来ますが、参考までに<strong><span class="swl-marker mark_orange">Ver2からVer3のアップデートは7200円</span></strong>でした。</p>



<p>一方で、<strong>年額・月額利用プラン</strong>には、Ver3.1・Ver3.2のようなフォローアップデートという<span class="swl-marker mark_orange">最新機能追加のアップデート</span>があります。</p>



<p>Ver3.1などで<strong>フォローアップデートの累積機能</strong>は、Ver4などバージョンナンバーが上がる大型アップデートでまとめて追加されるので、<strong><span class="swl-marker mark_orange">一括払いの方は大型アップデートを待つ必要があります</span></strong>。</p>



<p>ただし、年額・月学利用プランのデメリットとして、解約してしまうと<span class="swl-marker mark_orange">契約前に所有していたバージョンに戻り</span>、<strong><span class="swl-marker mark_orange">買い切り版を持っていなかった場合は、基本的にクリスタを使用できなくなります</span></strong>。</p>



<p>つまり、<strong>EXのVer1を持っていた状態で月額プランを契約</strong>してVer3を使っていた場合、<strong>解約したらVer1に戻る</strong>ということです。</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">
<figure class="wp-block-table is-style-stripes"><table><thead><tr><th>エディション</th><th>価格</th></tr></thead><tbody><tr><td>『EX』</td><td>24900円</td></tr><tr><td>『PRO』</td><td>5900円</td></tr></tbody></table><figcaption class="wp-element-caption">初めて買う人はこちらの値段です</figcaption></figure>



<figure class="wp-block-table is-style-stripes"><table><thead><tr><th>ダウンロード優待</th><th>価格</th></tr></thead><tbody><tr><td>『EX』</td><td>7200円</td></tr><tr><td>『PRO』</td><td>2300円</td></tr></tbody></table><figcaption class="wp-element-caption">すでに利用されてる方はユーザーページから購入できます</figcaption></figure>



<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><strong>月額・年額プランを解約しても買ったバージョンをずっと利用できる</strong></li>
</ul>
</div></div>



<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>
</div></div>



<div class="swell-block-capbox cap_box is-style-small_ttl"><div class="cap_box_ttl"><span>月額・年額払い版の初期費用</span></div><div class="cap_box_content">
<figure class="wp-block-table is-style-stripes"><table><thead><tr><th>エディション</th><th>月額価格</th><th>年額価格</th></tr></thead><tbody><tr><td>『EX』</td><td>980円</td><td>8300円</td></tr><tr><td>『PRO』</td><td>480円</td><td>3000円</td></tr></tbody></table><figcaption class="wp-element-caption">初めて買う人・iPadやスマホの方はこちらの値段です</figcaption></figure>



<figure class="wp-block-table is-style-stripes"><table><thead><tr><th>アップデートプラン（WIndows/macOS)</th><th>年額価格</th></tr></thead><tbody><tr><td>『EX』</td><td>1200円</td></tr><tr><td>『PRO』</td><td>3400円</td></tr></tbody></table><figcaption class="wp-element-caption">Windws/macOSで無期限版を持っている方の優待価格です</figcaption></figure>



<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><strong>最新機能を常に利用できる</strong></li>



<li>一括払いよりも割安で利用できる</li>



<li>素材購入で利用できるCLIPPYの有効期限がない</li>
</ul>
</div></div>



<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><span class="swl-format-2">解約したら最後に購入したバージョンしか利用できない</span></li>



<li>買い切り版を持っていなかった場合は、クリスタを使用できなくなる</li>
</ul>
</div></div>
</div></div>



<p>最近はiPadやスマホも処理速度が早くなってきましたが、私は大きな画面で快適に作業ができるというメリットを活かせるPC版を使用しています。</p>



<p>基本的に<span class="swl-format-1"> 『PRO』</span>の方がかなり経済的に始めることが出来ますが、おすすめは<strong>『EX』</strong>です。</p>



<p>ただ、<span class="swl-format-2">複数ページの管理できる便利さ</span>を覚えてしまうと最終的には<span class="swl-marker mark_orange"><span class="swl-format-1">『PRO』</span>には戻れません</span>。</p>



<p><span class="swl-format-1">『EX』</span> へのアップグレードもオンラインから<span class="swl-marker mark_orange">Pro Ver2.0→EX Ver3.0</span>が<span class="swl-format-2">21300円</span>、<span class="swl-marker mark_orange">Pro Ver3.0→EX Ver3.0</span>が<span class="swl-format-2">19000円</span>で可能ですので、慣れるまで <span class="swl-format-1">『PRO』</span> を使い、あとから<span class="swl-format-1">『EX』</span>に移行するということも可能です。</p>



<p class="is-style-big_icon_check">昨今のインフレで徐々にバージョンアップの価格が上がってきています。<br>Ver2からVer4のようなバージョンをまたいだアップデートはさらに値上がりが予想されますので、ご注意ください！</p>



<p>せっかくですので、体験版はすべての機能が使える <span class="swl-format-1">『EX』</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&#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>


<h2 class="wp-block-heading">『CLIP STUDIO』を起動しよう！</h2>



<p>インストールが終わったらデスクトップのアイコンをダブルクリックします。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="100" height="100" src="https://murasakiatsushi.com/wp-content/uploads/clip-icon.jpg" alt="CLIP STUDIOアイコン" class="wp-image-150"/><figcaption class="wp-element-caption">CLIP STUDIOアイコン</figcaption></figure>



<p>すると、</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="363" src="https://murasakiatsushi.com/wp-content/uploads/clipstudio-start.jpg" alt="CLIP STUDIO起動画面" class="wp-image-151" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudio-start.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudio-start-300x218.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption class="wp-element-caption">CLIP STUDIO起動画面</figcaption></figure>



<p><span class="swl-format-1">CLIP STUDIO</span>が起動します。</p>



<p><span class="swl-format-2">CLIP STUDIOではまだ絵は描けません！</span></p>



<div class="swell-block-capbox cap_box is-style-small_ttl" data-colset="col1"><div class="cap_box_ttl"><span>CLIP STUDIOは総合案内ツール</span></div><div class="cap_box_content">
<ul class="wp-block-list">
<li><span class="swl-format-1">『PAINT』の起動</span></li>



<li>作業環境など<span class="swl-format-1">バックアップのクラウド保存</span></li>



<li><span class="swl-format-1">素材の追加</span></li>



<li>自分の作った作品の一覧</li>



<li>ライセンスの管理</li>
</ul>
</div></div>



<p>直接<span class="swl-format-1">『PAINT』</span>を起動する方法もありますが、<span class="swl-format-1">『CLIP STUDIO』</span>起動時にバックアップを自動で取ってくれたり素材を探したりと重要な役割があります。</p>



<p>カスタマイズされたブラシや3D素材には有料のものありますが、無料のものも数多く提供されています。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="404" src="https://murasakiatsushi.com/wp-content/uploads/clip-material.jpg" alt="CLIP STUDIO　素材をさがす" class="wp-image-152" srcset="https://murasakiatsushi.com/wp-content/uploads/clip-material.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/clip-material-500x253.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clip-material-300x152.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/clip-material-768x388.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">CLIP STUDIO　素材をさがす</figcaption></figure>



<p>無料素材を公開されてる方には</p>



<ul class="wp-block-list">
<li>期間限定で無料、<span class="swl-marker mark_orange">その後は有料</span>に</li>



<li>期間限定で無料公開、<span class="swl-marker mark_orange">その後は非公開</span></li>
</ul>



<p>という場合がありますので、お得な素材をゲットしそこなって後悔しないように、定期的に見ておくことをオススメします。</p>



<p>私も無料素材からいい発見があって、制作する中で本当に助かってます！</p>



<p>それではいよいよ『PAINT』を使っていきます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="231" height="326" src="https://murasakiatsushi.com/wp-content/uploads/clippaint-startup.jpg" alt="CLIP STUDIO PAINTを起動" class="wp-image-153"/><figcaption class="wp-element-caption">CLIP STUDIO PAINTを起動</figcaption></figure>



<p>左上の『PAINT』をクリックしてください。</p>



<h2 class="wp-block-heading">『CLIP STUDIO PAINT』のキャンバスサイズはA4で！</h2>



<p>『CLIP STUDIO PAINT』を起動すると以下のような画面になります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="580" src="https://murasakiatsushi.com/wp-content/uploads/paint-start.jpg" alt="CLIP STUDIO PAINT起動画面" class="wp-image-162" srcset="https://murasakiatsushi.com/wp-content/uploads/paint-start.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/paint-start-500x363.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/paint-start-300x218.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/paint-start-768x557.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">CLIP STUDIO PAINT起動</figcaption></figure>



<p class="is-style-icon_info"><span class="swl-format-1">初回起動</span>や<span class="swl-format-1">アップデート後の起動</span>では<span class="swl-marker mark_orange">イントロダクションが表示</span>されます。<br>また、今までファイルを保存したり過去にファイルを開いたりしてない場合、自動で新規キャンバスが作られます。<br>今回はどちらも閉じてください。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="500" src="https://murasakiatsushi.com/wp-content/uploads/intro.jpg" alt="クリスタ　イントロダクションの閉じ方" class="wp-image-163" srcset="https://murasakiatsushi.com/wp-content/uploads/intro.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/intro-300x300.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/intro-200x200.jpg 200w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption class="wp-element-caption">イントロダクションの閉じ方</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="308" height="230" src="https://murasakiatsushi.com/wp-content/uploads/canvas-close.jpg" alt="クリスタ　キャンバス閉じ方" class="wp-image-164" srcset="https://murasakiatsushi.com/wp-content/uploads/canvas-close.jpg 308w, https://murasakiatsushi.com/wp-content/uploads/canvas-close-300x224.jpg 300w" sizes="(max-width: 308px) 100vw, 308px" /><figcaption class="wp-element-caption">キャンバスの閉じ方</figcaption></figure>



<h3 class="wp-block-heading">新規キャンバスの解像度</h3>



<p>新たに新規キャンバスの作成しますが、<span class="swl-marker mark_orange">解像度</span>という初見で分かりにくい問題があります。</p>



<p><span class="swl-format-2">解像度</span>の大きさは<span class="swl-format-2">印刷する際に重要</span>な数値だということです。</p>



<p>必要な解像度より低い画像で印刷を行うと、ザラザラで非常に見栄えの悪い仕上がりになります。</p>



<p>印刷する際の解像度の目安は以下になります。</p>



<figure class="wp-block-table is-style-regular"><table class="has-fixed-layout"><tbody><tr><td class="has-text-align-center" data-align="center">カラー</td><td class="has-text-align-center" data-align="center"><span class="swl-format-1">350dpi</span></td></tr><tr><td class="has-text-align-center" data-align="center">モノクロ</td><td class="has-text-align-center" data-align="center"><span class="swl-format-1">600dpi</span></td></tr></tbody></table><figcaption class="wp-element-caption"><a href="https://www.ryokuyou.co.jp/doujin/manual/clip_studio.html" target="_blank" rel="noreferrer noopener">緑陽社様の原稿作成マニュアル</a>より参照</figcaption></figure>



<p>商業誌の応募要項や同人誌の印刷会社のサイトにも記載されていますので、覚えておくと便利です。</p>



<p><span class="swl-format-1">「SNSやpixivにしか投稿しないから印刷しないよ？」</span></p>



<p>という方もおられるかと思います。</p>



<p>ただ！</p>



<ul class="wp-block-list is-style-big_kakko_box is-style-index has-swl-pale-02-background-color has-background">
<li>あとからまとめて同人誌を出そうと思ったとき</li>



<li>大きくバズって出版社から単行本のオファーが来たとき</li>
</ul>



<p><span class="swl-format-2">解像度が足りないから描き直し</span>という事態を避けるためにも、普段から印刷用の解像度で描くクセをつけておいてください。</p>



<h3 class="wp-block-heading"> 新規キャンバスのサイズ </h3>



<p>新規キャンバスはずばり<span class="swl-format-2">A4がベスト</span>です。</p>



<p>印刷する際のキャンバスサイズの目安は以下になります。</p>



<figure class="wp-block-table is-style-regular"><table class="has-fixed-layout"><tbody><tr><td>商業誌</td><td class="has-text-align-center" data-align="center">B4</td></tr><tr><td>同人誌</td><td class="has-text-align-center" data-align="center">B5またはA4</td></tr></tbody></table></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="686" height="977" src="https://murasakiatsushi.com/wp-content/uploads/canvas-size-1.jpg" alt="キャンバスサイズ比較" class="wp-image-178" srcset="https://murasakiatsushi.com/wp-content/uploads/canvas-size-1.jpg 686w, https://murasakiatsushi.com/wp-content/uploads/canvas-size-1-500x712.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/canvas-size-1-300x427.jpg 300w" sizes="(max-width: 686px) 100vw, 686px" /></figure>



<p>A4をオススメする理由はフルカラーの大きめな同人誌にも対応できて、B5でも十分余裕のある大きさになります。</p>



<p>商業誌はB4なので断ち切りの外枠まで若干足りません。</p>



<p>少年漫画などで紙面のギリギリまで印刷する場合、上の図のA4黒枠までしか描かれてないと印刷がずれたときに白い余白が出来てので外枠いっぱいまで描くのが基本です。</p>



<p>ただ、<span class="swl-format-1">B4の印刷されるメインはタテ270ミリ・ヨコ180ミリ</span>なので<span class="swl-format-2">A4であれば対応しやすい大きさ</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="327" height="211" src="https://murasakiatsushi.com/wp-content/uploads/newimage.jpg" alt="クリスタ　新規作成" class="wp-image-181" srcset="https://murasakiatsushi.com/wp-content/uploads/newimage.jpg 327w, https://murasakiatsushi.com/wp-content/uploads/newimage-300x194.jpg 300w" sizes="(max-width: 327px) 100vw, 327px" /><figcaption class="wp-element-caption">「ファイル」→「新規作成」</figcaption></figure>



<p>左上のメニューから<span class="swl-format-2">「ファイル」→「新規作成」</span>を選びます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="574" src="https://murasakiatsushi.com/wp-content/uploads/image-customize-1.jpg" alt="新規ファイル設定" class="wp-image-185" srcset="https://murasakiatsushi.com/wp-content/uploads/image-customize-1.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/image-customize-1-300x344.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption class="wp-element-caption">新規ファイル設定</figcaption></figure>



<p>手順は次のようになります。</p>



<ol class="wp-block-list is-style-big_kakko_box is-style-default has-swl-pale-02-background-color has-background">
<li>作品の用途は一番左の<span class="swl-format-2">「イラスト」</span>を選択します。</li>



<li>プリセットは一番下にある<span class="swl-format-2">「カスタム」</span>にします。</li>



<li>解像度を<span class="swl-format-2">350dpi</span>にします。</li>



<li>サイズを<span class="swl-format-2">A4</span>にします。</li>



<li><span class="swl-format-2">単位を[mm]</span>にしておくと用紙のサイズがイメージしやすいです。</li>
</ol>



<p>注意が必要なのは<span class="swl-format-2">先に解像度を設定</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">
<figure class="wp-block-image size-full"><img decoding="async" width="459" height="209" src="https://murasakiatsushi.com/wp-content/uploads/image-error-1.jpg" alt="後から解像度を設定すると失敗します！" class="wp-image-189" srcset="https://murasakiatsushi.com/wp-content/uploads/image-error-1.jpg 459w, https://murasakiatsushi.com/wp-content/uploads/image-error-1-300x137.jpg 300w" sizes="(max-width: 459px) 100vw, 459px" /></figure>



<p>先に用紙サイズをA4にしてから解像度を350dpiにしても小さなサイズにしかなりません！</p>



<p>絶対に<span class="swl-format-2">解像度→用紙サイズの順で設定</span>してください。</p>
</div></div>



<h2 class="wp-block-heading" id="index_id6">クリスタ起動から初期設定のまとめ</h2>



<p>最後に重要なポイントのおさらいです。</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>絵を描くソフトは『CLIP STUDIO PAINT』が断然オススメ</li>



<li>漫画やCG集を作るなら複数ページ管理機能のある『EX』で決まり！</li>



<li>総合案内ツール『CLIP STUDIO』では、期間限定で無料素材を配布されてる方がいるので普段からチェックしておこう！</li>



<li>印刷する前提での解像度はカラー350dpi・モノクロ600dpi</li>



<li>同人誌や持ち込みなどの印刷することを考えると、キャンバスサイズはA4で</li>
</ul>
</div></div>



<p>解像度やキャンバスサイズはすでに用途が決まっているのであれば、最初から設定を合わせた方が間違いがありません。</p>



<p>作品の用途にはコミック用や持ち込み先の出版社に合わせた仕様を選ぶことも可能です。</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/clipstudiopaint-start/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
