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

<channel>
	<title>初心者 &#8211; 紫あつしブログ</title>
	<atom:link href="https://murasakiatsushi.com/tag/%E5%88%9D%E5%BF%83%E8%80%85/feed/" rel="self" type="application/rss+xml" />
	<link>https://murasakiatsushi.com</link>
	<description>紫あつしのCGメイキング公開中</description>
	<lastBuildDate>Thu, 24 Oct 2024 06:17:16 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

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

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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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


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


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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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


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



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



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


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


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



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


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


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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



<p>わかりにくい点や質問がございましたら、コメント欄にコメントを頂ければ幸いです。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/clipstudio-texture/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【クリスタ】3Dデッサン人形を下描きに使った顔の描き方講座！</title>
		<link>https://murasakiatsushi.com/clipstudio-drawingdoll-trace/</link>
					<comments>https://murasakiatsushi.com/clipstudio-drawingdoll-trace/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Fri, 15 Jul 2022 08:30:25 +0000</pubDate>
				<category><![CDATA[CGメイキング]]></category>
		<category><![CDATA[クリスタ]]></category>
		<category><![CDATA[クリスタTIPS]]></category>
		<category><![CDATA[デッサン人形]]></category>
		<category><![CDATA[初心者]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=1500</guid>

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



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



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



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


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


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


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


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



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


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



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



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



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



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



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



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



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



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



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



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



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



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



<p>続いて</p>



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



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



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



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



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



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



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



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



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



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



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


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


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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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


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


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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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


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


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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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


<div class="p-adBox -normal -border-off" data-id="1474" data-ad="normal"><div class="p-adBox__body"><div class="p-adBox__img"><a href="https://px.a8.net/svt/ejp?a8mat=3HA7IJ+11IBW2+3AP2+62U35" rel="nofollow">
<img decoding="async" border="0" width="468" height="60" alt="" src="https://www26.a8.net/svt/bgt?aid=210428299063&wid=001&eno=01&mid=s00000015383001021000&mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www18.a8.net/0.gif?a8mat=3HA7IJ+11IBW2+3AP2+62U35" alt=""></div></div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/clipstudio-drawingdoll-trace/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【サブスクは必要？】クリスタとメディバンペイントを使い比べ！</title>
		<link>https://murasakiatsushi.com/clipstudio-comparison/</link>
					<comments>https://murasakiatsushi.com/clipstudio-comparison/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Tue, 16 Nov 2021 06:57:20 +0000</pubDate>
				<category><![CDATA[制作環境]]></category>
		<category><![CDATA[クリスタ]]></category>
		<category><![CDATA[メディバンペイント]]></category>
		<category><![CDATA[初心者]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=882</guid>

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



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



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



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



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



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



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


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



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



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



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



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



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


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


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



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



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



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


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


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



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



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



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



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



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



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


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


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



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



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



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



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



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



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



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



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



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


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


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



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



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



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



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



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


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


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



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



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



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



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



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



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



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



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



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



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



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



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



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



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


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


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



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



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



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



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



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


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


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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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


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


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



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



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



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



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



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



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



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



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



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



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



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


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



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



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



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



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



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



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



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



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



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



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


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


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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



<p><a rel="noreferrer noopener" href="https://medibangpaint.com/" target="_blank">メディバンペイントは無料</a>です。</p>


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


<p>クリスタ体験版は3ヶ月無料で利用できます。</p>



<p>どちらでもいいので、まずは行動することから始めましょう。</p>



<p><span class="swl-format-2">慣れてきてもっと機能が欲しいと思ったらサブスクに加入するのが良いと思います</span>。</p>



<p>青色申告をしている人は年一回の経費処理する手間が増える程度と考えればいいと思ってます。</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type2" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/doujin-electronic-ledger_ic-500x281.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://murasakiatsushi.com/doujin-electronic-ledger/">【2024年1月から】知らないとマズイ？同人活動に関わる電子帳簿保存法</a>
						<span class="p-blogCard__excerpt">同人活動してる方にとって税金ってわかりにくいものがあります。 特に会社員だと税金が抜き取られた状態の手取りしか残らないので、税金や確定申告といったものは縁のな&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p>以上、少しでも参考になれば嬉しいです！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/clipstudio-comparison/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【クリスタ】線画と塗りをなじませるお手軽色トレスのやり方解説！</title>
		<link>https://murasakiatsushi.com/color-trace/</link>
					<comments>https://murasakiatsushi.com/color-trace/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Mon, 08 Nov 2021 05:48:00 +0000</pubDate>
				<category><![CDATA[CGメイキング]]></category>
		<category><![CDATA[クリスタ]]></category>
		<category><![CDATA[クリスタTIPS]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[色トレス]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=847</guid>

					<description><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/color-trace_ic.jpg" class="webfeedsFeaturedVisual" /></p>多くの人が線画は黒色で描いてると思いますが、着色が終わったあとで線画がなじんでないと感じることはないでしょうか？ 黒というのは非常に強い色ですので、どうしても目を引きます。 逆に考えると、線画の色が黒でなくなれば、線の強 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/color-trace_ic.jpg" class="webfeedsFeaturedVisual" /></p>
<p>多くの人が<span class="swl-format-1">線画は黒色で描いてる</span>と思いますが、<span class="swl-marker mark_orange">着色が終わったあとで線画がなじんでない</span>と感じることはないでしょうか？</p>



<p><span class="swl-format-1"><span class="swl-marker mark_orange">黒</span></span>というのは非常に<span class="swl-format-1">強い色</span>ですので、<span class="swl-marker mark_orange">どうしても目を引きます</span>。</p>



<p>逆に考えると、<span class="swl-marker mark_orange">線画の色が黒でなくなれば</span>、<span class="swl-marker mark_orange"><span class="swl-format-1">線の強さが弱まり絵の印象を柔らかくなる</span></span>ということです。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="400" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-001.jpg" alt="色トレス前と色トレス後の比較" class="wp-image-851" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-001.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/color-trace-001-500x250.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-001-300x150.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/color-trace-001-768x384.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>色トレス前と色トレス後の比較</figcaption></figure>



<p><span class="swl-format-1">線画の色を変える</span>ことをアニメ業界用語で<span class="swl-format-2">色トレス</span>と呼んでます。</p>



<p>線の色を手作業で変えていくのは結構な手間ですが、ここでは<span class="swl-marker mark_orange"><span class="swl-format-1">お手軽で簡単な色トレスのやり方</span></span>をご紹介します。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/profile.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">紫あつし</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>一度やり方を覚えれば、<span class="swl-marker mark_orange">次からさらに作業が簡単にできる</span><span class="swl-format-2">オートアクションの登録方法</span>もあわせて紹介します！<br>まず最初の一回をこの記事を見ながら試してください！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">色トレスの手順</h2>



<p>実際に黒色で描かれた線画を塗りになじませていきましょう！</p>



<h3 class="wp-block-heading">着色を完成させる</h3>



<p>まず、着色まで終わらせます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="570" height="800" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-003.jpg" alt="着色が終わった状態です。" class="wp-image-854" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-003.jpg 570w, https://murasakiatsushi.com/wp-content/uploads/color-trace-003-500x702.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-003-300x421.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" /><figcaption>着色が終わった状態です。</figcaption></figure>



<p>この段階まで<span class="swl-format-1">黒色で描いた線画</span>に着色してます。</p>



<p>黒色が主張しすぎているので、<span class="swl-marker mark_orange">塗りにあわせて線画の色を変えて柔らかい印象</span>にしていきます。</p>



<h3 class="wp-block-heading">着色レイヤーだけを表示状態にする</h3>



<p><span class="swl-format-1">線画と背景や［用紙］レイヤーを非表示</span>にして<span class="swl-format-2">着色レイヤーのみを表示</span>します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="570" height="800" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-004.jpg" alt="線画と背景を非表示にして、着色レイヤーのみにしました" class="wp-image-855" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-004.jpg 570w, https://murasakiatsushi.com/wp-content/uploads/color-trace-004-500x702.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-004-300x421.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" /><figcaption>線画と背景を非表示にして、着色レイヤーのみにしました</figcaption></figure>



<p>目は別レイヤーでまとめてますので、目も非表示にしてます。</p>



<h3 class="wp-block-heading">表示している着色レイヤーのコピーを作成する</h3>



<p>表示されているレイヤーをどれでもいいので選択した状態で、<span class="swl-format-1">右クリック</span>または<span class="swl-format-1">レイヤーウインドウの横三本線アイコン</span>から<span class="swl-format-2">［表示レイヤーのコピーを結合］</span>を行います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="502" height="713" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-005.jpg" alt="表示レイヤーのコピーを結合" class="wp-image-856" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-005.jpg 502w, https://murasakiatsushi.com/wp-content/uploads/color-trace-005-500x710.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-005-300x426.jpg 300w" sizes="(max-width: 502px) 100vw, 502px" /><figcaption>表示レイヤーのコピーを結合</figcaption></figure>



<p class="is-style-icon_info">ひとつ上の<span class="swl-format-1">［表示レイヤーの結合］をしたらすぐにCtrl（Macだと[Command]）＋Zキー</span>で元に戻してください！<br><span class="swl-format-2">元の着色レイヤーがなくなると大変</span>なことになるので注意してください！</p>



<h3 class="wp-block-heading">コピーしたレイヤーにガウスぼかし</h3>



<p>新しくコピーされたレイヤーにメニューから［フィルター］→［ぼかし］→<span class="swl-format-2">［ガウスぼかし］</span>を行います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="570" height="800" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-006.jpg" alt="ガウスぼかしを実行" class="wp-image-857" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-006.jpg 570w, https://murasakiatsushi.com/wp-content/uploads/color-trace-006-500x702.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-006-300x421.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" /><figcaption>ガウスぼかしを実行</figcaption></figure>



<p><span class="swl-marker mark_orange">ぼかす数値は絵の大きさによっても変わります</span>が、大きめのA4で描いているので<span class="swl-format-2">ぼかす範囲の数値は30</span>にしました。</p>



<h3 class="wp-block-heading">ぼかしたレイヤーを2枚複製する</h3>



<p>ぼかし幅を大きめにしたので、<span class="swl-format-1">線画に乗せた際に<span class="swl-marker mark_orange">色が出やすい</span></span>ようにレイヤーを重ねます。</p>



<p><span class="swl-format-2">［レイヤーを複製］</span>で<span class="swl-format-1"><span class="swl-marker mark_orange">2枚</span></span>複製してください</p>



<figure class="wp-block-image size-full"><img decoding="async" width="501" height="713" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-007.jpg" alt="レイヤーを複製を2回行います。" class="wp-image-858" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-007.jpg 501w, https://murasakiatsushi.com/wp-content/uploads/color-trace-007-300x427.jpg 300w" sizes="(max-width: 501px) 100vw, 501px" /><figcaption>レイヤーを複製を2回行います。</figcaption></figure>



<p><span class="swl-format-1">ぼかしたレイヤーは<span class="swl-marker mark_orange">合計3枚</span>になっている</span>状態です。</p>



<h3 class="wp-block-heading">下のレイヤーと結合する</h3>



<p>複製したレイヤーを上から順番に<span class="swl-format-2">［下のレイヤーと結合］</span>を<span class="swl-format-1">2回実行</span>して、<span class="swl-marker mark_orange">ぼかしたレイヤーを1枚に</span>まとめます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="490" height="737" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-008.jpg" alt="下のレイヤーと結合する" class="wp-image-859" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-008.jpg 490w, https://murasakiatsushi.com/wp-content/uploads/color-trace-008-300x451.jpg 300w" sizes="(max-width: 490px) 100vw, 490px" /><figcaption>下のレイヤーと結合する</figcaption></figure>



<p><span class="swl-marker mark_orange">上から順番に2回</span>実行すれば1枚にまとまります！</p>



<h3 class="wp-block-heading">色調補正でレイヤーの色を変更</h3>



<p>ぼかして2回複製して1枚にまとめたレイヤーを、メニューから［編集］→［色調補正］→<span class="swl-format-2">［色相・彩度・明度］</span>で色の変更を加えます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="570" height="800" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-009.jpg" alt="ぼかしたレイヤーに色調補正" class="wp-image-860" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-009.jpg 570w, https://murasakiatsushi.com/wp-content/uploads/color-trace-009-500x702.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-009-300x421.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" /><figcaption>ぼかしたレイヤーに色調補正</figcaption></figure>



<p>ひとまず数値は</p>



<ul class="has-border -border02 wp-block-list"><li>色相　－10</li><li>彩度　60</li><li>明度　－70</li></ul>



<p>にしてます。</p>



<p><span class="swl-format-1">線画は明るすぎると塗りと馴染みすぎて埋もれてしまう</span>ので、<span class="swl-format-1"><span class="swl-marker mark_orange">明度はかなり落としています</span></span>。</p>



<p><span class="swl-format-1">合ってないと感じたとき</span>には、また線画にクリッピングしたあとで、<span class="swl-format-1">もう一度［色相・彩度・明度］を実行</span>すれば大丈夫です！</p>



<h3 class="wp-block-heading">線画にクリッピングする</h3>



<p>色を変更したレイヤーを線画にクリッピングして、線画の色を変更します。</p>



<p>メニューから［レイヤー］→［レイヤー設定］→<span class="swl-format-2">［下のレイヤーでクリッピング］</span>を行います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="241" height="549" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-010.jpg" alt="線画にクリッピング" class="wp-image-861"/><figcaption>線画にクリッピング</figcaption></figure>



<p><span class="swl-marker mark_orange">線画をフォルダにまとめている場合</span>には<span class="swl-format-1">レイヤーフォルダ</span>の合成モードは<span class="swl-format-2">［通常］</span>にしてください。</p>



<p><span class="swl-format-1">［通過］</span>だとクリッピングしたレイヤーが<span class="swl-format-1">線画を貫通</span>して、線画を覆い隠してしまうので注意してください。</p>



<p>詳しくは別記事”<a href="https://murasakiatsushi.com/clippingfolder/#toc4" target="_blank" rel="noreferrer noopener">【クリスタ】フォルダとクリッピングしても反映されないときの対処法！</a>”で解説しているので参考にしてください。</p>



<p>クリッピングした色トレス用レイヤーは通常のままでも大丈夫です。</p>



<p>完成するとこのようになってます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="570" height="800" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-002.jpg" alt="色トレスした線画が完成！" class="wp-image-852" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-002.jpg 570w, https://murasakiatsushi.com/wp-content/uploads/color-trace-002-500x702.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-002-300x421.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" /><figcaption>色トレスした線画が完成！</figcaption></figure>



<p>この状態でしっくりこない場合は、クリッピングした色トレス用レイヤーを先ほどの<span class="swl-format-2">［色相・彩度・明度］</span>で調整してみてください。</p>



<p>色トレスだけの状態だとこのようになってます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="542" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-011.jpg" alt="色トレスの線画" class="wp-image-863" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-011.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/color-trace-011-500x339.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-011-300x203.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/color-trace-011-768x520.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>色トレスの線画</figcaption></figure>



<p><span class="swl-marker mark_orange">単純な黒一色だと塗りになじみにくい</span>ですが、色トレスすることで塗りとなじみます！</p>



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



<h2 class="wp-block-heading">オートアクションに登録しよう！</h2>



<p>クリスタには<span class="swl-format-2">操作を記録して再生する機能</span>があり、この機能を<span class="swl-format-2">［オートアクション］</span>といいます。</p>



<p>繰り返し同じ作業をする場合、<span class="swl-format-1">一度記録しておくと次からはクリックひとつで済む</span>ようになる便利な機能です！</p>



<p>色トレスは何度も使える作業手順ですので、記録して登録しておくとこの記事を読み返さなくても大丈夫になります！</p>



<p>それでは手順を解説していきます。</p>



<p>まずオートアクションのタブから横三本線アイコンをクリックし、<span class="swl-format-2">［オートアクションの追加］</span>を選択します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="506" height="677" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-013.jpg" alt="オートアクションの追加" class="wp-image-865" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-013.jpg 506w, https://murasakiatsushi.com/wp-content/uploads/color-trace-013-500x669.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-013-300x401.jpg 300w" sizes="(max-width: 506px) 100vw, 506px" /><figcaption>オートアクションの追加</figcaption></figure>



<p>追加された新規のアクションは分かりやすく［色トレス］と変更しておきます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="365" height="419" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-014.jpg" alt="オートアクションの記録を開始" class="wp-image-866" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-014.jpg 365w, https://murasakiatsushi.com/wp-content/uploads/color-trace-014-300x344.jpg 300w" sizes="(max-width: 365px) 100vw, 365px" /><figcaption>オートアクションの記録を開始</figcaption></figure>



<p>一番下にある赤丸の<span class="swl-format-2">［オートアクションの記録を開始します］</span>を押すと、作業した操作が記録されていきます。</p>



<p>ここまで解説した<span class="swl-marker mark_orange">色トレスの手順を<span class="swl-format-2">［ガウスぼかし］から［色相・彩度・明度］</span>まで行ってください</span>。</p>



<div class="swell-block-capbox cap_box is-style-small_ttl" data-colset="col1"><div class="cap_box_ttl"><span>オートアクションで記録する作業</span></div><div class="cap_box_content">
<ul class="wp-block-list"><li>ガウスぼかし</li><li>レイヤーの複製</li><li>レイヤーの複製（2回目）</li><li>下のレイヤーと結合</li><li>下のレイヤーと結合（2回目）</li><li>［色相・彩度・明度］</li></ul>
</div></div>



<p>以上を記録して、<span class="swl-format-1">クリッピングまでは記録しないでください</span>。</p>



<p>レイヤーの順番を入れ替えたりといった操作も記録されてしまいますが、<span class="swl-marker mark_orange">次に描く絵のレイヤーも同じ並びになっているとは限らない</span>ので、変なところにクリッピングされるのを防ぐためです。</p>



<p>また、<span class="swl-format-1">途中で違う作業を行うとそれも記録されてしまう</span>ので、オートアクションを実行したときに意図しない結果になることがあるので注意しながら行いましょう！</p>



<p>操作の記録が終わったら赤い四角ボタンを押して記録を停止します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="356" height="402" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-015.jpg" alt="オートアクションの記録を停止します" class="wp-image-867" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-015.jpg 356w, https://murasakiatsushi.com/wp-content/uploads/color-trace-015-300x339.jpg 300w" sizes="(max-width: 356px) 100vw, 356px" /><figcaption>オートアクションの記録を停止します</figcaption></figure>



<p>上の図のように6つの作業が記録されていれば成功です！</p>



<p>次からは<span class="swl-format-2">［▶］の再生ボタン</span>を押せば、<span class="swl-format-2">ワンクリックで色トレス</span>できます！</p>



<h2 class="wp-block-heading">ぼかして重ねる色トレスの注意点！</h2>



<p>今回の方法は楽に色トレスができますが、注意点があります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="766" src="https://murasakiatsushi.com/wp-content/uploads/color-trace-012.jpg" alt="ぼかして重ねると思わぬところに意図しない色が入ることもあります" class="wp-image-864" srcset="https://murasakiatsushi.com/wp-content/uploads/color-trace-012.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/color-trace-012-500x479.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/color-trace-012-300x287.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/color-trace-012-768x735.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>ぼかして重ねると思わぬところに意図しない色が入ることもあります</figcaption></figure>



<p>色調の違う色が入っていると、<span class="swl-format-1">ぼかして重ねているので思わぬところに意図していない色が入ることがあります</span>。</p>



<p>上の例で見ていくと、制服の胸のあたりなどは一番手前にあるので<span class="swl-format-1">最奥の髪の色が反映されるのは不自然</span>です。</p>



<p>また、<span class="swl-format-1">顔の輪郭に彩度の高い緑色が入っているとやはり不自然</span>です。</p>



<p>こういった箇所は<span class="swl-format-2">色トレス用レイヤーに直接修正した色を描き入れたほうが完成度が高くなります！</span></p>



<p class="has-text-align-center has-xs-font-size"><span class="swl-format-1">＼デジ絵をするならやっぱり液タブ／</span></p>


		<div class="pochipp-box"
			data-id="1448"
			data-img="l"
			data-lyt-pc="dflt"
			data-lyt-mb="vrtcl"
			data-btn-style="dflt"
			data-btn-radius="off"
			data-sale-effect="flash"
			 data-cvkey="c5d57fb6"		>
							<div class="pochipp-box__image">
					<a href="https://af.moshimo.com/af/c/click?a_id=3058107&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB07BH4KP5H" rel="nofollow">
						<img decoding="async" src="https://m.media-amazon.com/images/I/51hJ7-KiniL._SL400_.jpg" alt="" width="120" height="120" />					</a>
				</div>
						<div class="pochipp-box__body">
				<div class="pochipp-box__title">
					<a href="https://af.moshimo.com/af/c/click?a_id=3058107&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB07BH4KP5H" rel="nofollow">
						Wacom Cintiq Pro 24 TDTK-2420/K0					</a>
				</div>

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


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



<p>今回は色トレスについてご紹介しました。</p>



<p>最初は手間が多いと感じるかもしれませんが、一度手順をオートアクションに記録してしまえば今後は非常に楽になります。</p>



<p><span class="swl-format-1">この記事を参考にオートアクションに登録</span>して、あとは<span class="swl-format-1">細かい修正をするだけ</span>で線と塗りがなじんで<span class="swl-marker mark_orange">絵の見栄えも変わってきます</span>！</p>



<p>今回の記事が少しでも参考になれば嬉しいです！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/color-trace/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>イラストの仕上げでもっとキレイに！簡単に見栄えを上げる加工方法！</title>
		<link>https://murasakiatsushi.com/adjustment-effect/</link>
					<comments>https://murasakiatsushi.com/adjustment-effect/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Tue, 02 Nov 2021 10:31:19 +0000</pubDate>
				<category><![CDATA[CGメイキング]]></category>
		<category><![CDATA[クリスタ]]></category>
		<category><![CDATA[クリスタTIPS]]></category>
		<category><![CDATA[仕上げ]]></category>
		<category><![CDATA[初心者]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=801</guid>

					<description><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect_ic.jpg" class="webfeedsFeaturedVisual" /></p>イラストを完成させて満足感があったのに、翌日改めて自分の絵を見ていると「もうちょっと見栄えを上げられないかな…」と悩むことはありませんか？ 絵を寝かせるとよく言われるのですが、完成して少し時間を空けると作業中には気づかな [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect_ic.jpg" class="webfeedsFeaturedVisual" /></p>
<p>イラストを完成させて満足感があったのに、翌日改めて自分の絵を見ていると<span class="swl-format-1">「もうちょっと見栄えを上げられないかな…」</span>と悩むことはありませんか？</p>



<p><span class="swl-format-1">絵を寝かせる</span>とよく言われるのですが、完成して少し時間を空けると作業中には気づかなかった部分が見えてきます。</p>



<p>そこで今回は、<span class="swl-format-1">簡単なひと手間</span>で<span class="swl-format-1">イラストを見栄えよく仕上げる方法</span>をご紹介します。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/profile.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">紫あつし</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>絵を寝かせたあとだと、ご紹介する加工方法でのクオリティアップが実感しやすいと思いますのでぜひ試してみてください！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">オーバーレイレイヤーを使って鮮やかに</h2>



<p><span class="swl-format-2">オーバーレイ</span>レイヤーには<span class="swl-format-2">発色を良くする効果</span>があり、<span class="swl-format-1">色味に統一感</span>が与えやすくなります。</p>



<p><span class="swl-format-1">仕上げによく使われるのがオーバーレイレイヤー</span>による加工です。</p>



<p>使用するイラストは、別記事”<a rel="noreferrer noopener" href="https://murasakiatsushi.com/painting-hair/" target="_blank">【メイキング】透明感とツヤのある髪の塗り方を詳細解説！</a>”で行いました着色後からさらに加工していきたいと思います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="827" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-013.jpg" alt="ひとまず着色が終わった状態で絵を寝かせました。" class="wp-image-821" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-013.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-013-300x496.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>ひとまず着色が終わった状態で絵を寝かせました。</figcaption></figure>



<p>絵を寝かせたあとで、<span class="swl-format-2">オーバーレイレイヤーを新規作成</span>して色を乗せました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="827" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-014.jpg" alt="" class="wp-image-822" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-014.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-014-300x496.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>オーバーレイで加工後</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="827" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-015.jpg" alt="オーバーレイで色みを描き加えた場所" class="wp-image-823" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-015.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-015-300x496.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>オーバーレイで色みを描き加えた場所</figcaption></figure>



<p><span class="swl-marker mark_orange">光の当たってると考えている場所に明るい色</span>、<span class="swl-marker mark_orange">影になっていると考えている場所に暗めの色</span>を<span class="swl-format-2">［エアブラシ　柔らか］</span>で入れていきました。</p>



<p>もし<span class="swl-format-1">光源の色が決まっている</span>のであれば、<span class="swl-format-1">その色をエアブラシで</span>入れていくのが効果的です。</p>



<p><span class="swl-format-1">オーバーレイで色を入れる考え方</span>ですが、</p>



<ul class="has-border -border02 wp-block-list"><li>昼間の太陽光は黄色系</li><li>夕日ならオレンジ色</li><li>森の中なら緑色系</li><li>水辺の近くや空の色を反映するなら青色系</li></ul>



<p>このように、<span class="swl-format-2">周辺の反射光</span>などをオーバーレイで乗せていくと<span class="swl-format-2">空気感を出すことができます！</span></p>



<p>ブログ用に描いた最初の絵も同じような感じで色を<span class="swl-format-1">オーバーレイ</span>レイヤーで<span class="swl-format-1">左上に彩度の高い黄色</span>、<span class="swl-format-1">右下に暗い紫色</span>を入れてます。</p>



<p>通常レイヤーに戻すとこんな感じになってます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="688" height="978" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-016.jpg" alt="オーバーレイで入れた場所を通常レイヤーで表示した状態" class="wp-image-824" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-016.jpg 688w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-016-500x711.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-016-300x426.jpg 300w" sizes="(max-width: 688px) 100vw, 688px" /><figcaption>オーバーレイで入れた場所を通常レイヤーで表示した状態</figcaption></figure>



<p><span class="swl-format-2">鮮やかさや光の加減</span>を加えるのに<span class="swl-format-2">オーバーレイは最適</span>ですが、あまり<span class="swl-marker mark_orange">やりすぎて絵全体の彩度が高くなりすぎないように注意</span>してください。</p>



<h2 class="wp-block-heading">グロー効果で発光感を演出する</h2>



<p><span class="swl-format-1">グロー</span>とは<span class="swl-format-2">発光</span>のことです。</p>



<p>アニメでも<span class="swl-marker mark_orange">キャラクターを柔らかく光らせてる描写</span>を見ることがあると思います。</p>



<p><span class="swl-format-1">グロー効果</span>はイラストに<span class="swl-marker mark_orange">華やかさや色の変化を足す</span>ことができるので見栄えが一気に上がるのですが、慣れてない方には難しいので<span class="swl-format-1">クリスタを使った非常に簡単な方法</span>をご紹介します。</p>



<p><span class="swl-format-1">クリスタの無償素材</span>に<span class="swl-format-2">［グラデーションマップで色を選ぶグロー効果］</span>というものがありますので、こちらを使用します！</p>


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


<p>素材をダウンロードしたあと、使用できるように設定していきます。</p>



<p>デフォルトだと<span class="swl-marker mark_orange">レイヤーパレットの一番右側</span>に<span class="swl-format-2">［オートアクション］のタブ</span>があります。</p>



<p>［オートアクション］タブを選んで、左上の三本横線のアイコンから<span class="swl-format-2">［オートアクションを追加］</span>を選択します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="270" height="669" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-001.jpg" alt="オートアクションを追加" class="wp-image-805"/><figcaption>オートアクションを追加</figcaption></figure>



<p>すると、以下のような画面が出てきます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="610" height="529" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-002.jpg" alt="新規のオートアクションを追加" class="wp-image-806" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-002.jpg 610w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-002-500x434.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-002-300x260.jpg 300w" sizes="(max-width: 610px) 100vw, 610px" /><figcaption>新規のオートアクションを追加</figcaption></figure>



<p>初めて追加する素材の場合は、<span class="swl-format-1">［パレットに未追加の素材］</span>をクリックすると表示されます。</p>



<p><span class="swl-marker mark_orange">追加する素材を選んで<span class="swl-format-1">［パレットに追加］</span></span>するとオートアクションが使えるようになります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="249" height="238" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-003.jpg" alt="新しいオートアクションが追加されました" class="wp-image-807"/><figcaption>新しいオートアクションが追加されました</figcaption></figure>



<p>オートアクションは<span class="swl-format-1">あらかじめ設定したクリスタの機能を自動で実行</span>してくれるもので、同じ作業を繰り返すときなどは自分で登録もできるので作業の時短ができるようになります。</p>



<p>今回、こちらの絵にグロー効果を与えたいと思います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="750" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-006.jpg" alt="加工前イメージ" class="wp-image-809" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-006.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-006-300x450.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>加工前イメージ</figcaption></figure>



<p>先ほど追加したオートアクションから<span class="swl-format-2">［ハイライトのみ］</span>を選択します。</p>



<p><span class="swl-format-1">［グラデーションマップでグロー］</span>を行うと、<span class="swl-marker mark_orange">明るい部分と暗い部分の<span class="swl-format-1">両方に変化</span></span>を加えるので<span class="swl-format-1">コントロールが難しい</span>と感じるかもしれません。</p>



<p><span class="swl-marker mark_orange">明るい部分にグローを行う<span class="swl-format-1">［ハイライトのみ］</span></span>、<span class="swl-marker mark_orange">暗い部分にグローを行う<span class="swl-format-1">「シャドーのみ］</span></span>の<span class="swl-format-1">どちらか一方をまず試してみるのをオススメ</span>します。</p>



<p>今回は<span class="swl-format-2">［ハイライトのみ］をダブルクリック</span>、またはオートアクションタブの一番下にある<span class="swl-format-2">［▶］</span><span class="swl-format-1">（オートアクションの再生を開始します）をクリック</span>してください。</p>



<p>すると以下のような数値入力画面が出てきます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="750" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-007.jpg" alt="グローさせるエリアを決めます。" class="wp-image-810" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-007.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-007-300x450.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>グローさせるエリアを決めます。</figcaption></figure>



<p><span class="swl-marker mark_orange">数値を下げすぎると画面全体に発光効果</span>を与えてしまいますので、<span class="swl-format-1">今回はそのまま</span>変更せず明るい部分にグロー効果を加えます。</p>



<p>次に発光効果を与える色合いを決める画面になります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="750" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-008.jpg" alt="グローさせる色のグラデーションマップを決める" class="wp-image-811" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-008.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-008-300x450.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>グローさせる色のグラデーションマップを決める</figcaption></figure>



<p><span class="swl-format-2">グラデーションマップ</span>は<span class="swl-marker mark_orange"><span class="swl-format-1">元の画像の濃淡に応じて色を変化</span></span>させる機能です。</p>



<p>ここではグローで発光させる色合いを<span class="swl-format-1">グラデーションマップ</span>で決めていきます。</p>



<p>今回使用したのは<span class="swl-format-2">SoftToneグラデ</span>という有償素材ですが、無償素材にもいいものがたくさんありますので、自分の好みのものをダウンロードしてみてください！</p>


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


<p><span class="swl-format-1">CLIP STUDIOの［素材を探す］</span>から”<span class="swl-format-1">グラデーションマップ</span>”と入力し、<span class="swl-marker mark_orange">人気順</span>にするといい感じの素材が見つかると思います！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="788" height="251" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-011.jpg" alt="グラデーションマップ素材の探し方" class="wp-image-813" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-011.jpg 788w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-011-500x159.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-011-300x96.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-011-768x245.jpg 768w" sizes="(max-width: 788px) 100vw, 788px" /><figcaption>グラデーションマップ素材の探し方</figcaption></figure>



<p>また、<span class="swl-format-1">新たにダウンロードしたグラデーションマップの追加方法</span>は以下の通りです。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="510" height="521" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-004.jpg" alt="新しいグラデーションマップ素材の追加方法" class="wp-image-814" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-004.jpg 510w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-004-500x511.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-004-300x306.jpg 300w" sizes="(max-width: 510px) 100vw, 510px" /><figcaption>新しいグラデーションマップ素材の追加方法</figcaption></figure>



<p>グラデーションセットの横にある<span class="swl-format-2">スパナアイコン</span>から<span class="swl-format-2">［グラデーションの追加］</span>を選びます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="610" height="529" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-005.jpg" alt="グラデーションセットの追加" class="wp-image-815" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-005.jpg 610w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-005-500x434.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-005-300x260.jpg 300w" sizes="(max-width: 610px) 100vw, 610px" /><figcaption>グラデーションセットの追加</figcaption></figure>



<p>CLIP STUDIO ASSETSからダウンロードして初めての素材は<span class="swl-format-1">［未追加の素材］</span>から表示されますので、<span class="swl-marker mark_orange">新規の素材を選んで</span><span class="swl-format-2">［追加］</span>ボタンを押してください。</p>



<p>先ほどの<span class="swl-format-1">［ハイライトのみ］に赤色系のグロー効果を加えた結果</span>はこのようになりました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="750" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-009.jpg" alt="ハイライトのみにグロー効果" class="wp-image-816" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-009.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-009-300x450.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>ハイライトのみにグロー効果</figcaption></figure>



<p>発光した感じになりましたが、ちょっと<span class="swl-format-1">効果が強く感じます</span>。</p>



<p><span class="swl-marker mark_orange">元の色が薄い場合</span>などは<span class="swl-format-2">白飛びしてしまうことがあります</span>ので、<span class="swl-format-2">レイヤーの不透明度を下げて調節</span>してください。</p>



<p>今回は<span class="swl-format-1">レイヤーの不透明度を17％</span>がちょうどいいかなと感じました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="750" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-010.jpg" alt="グロー効果のスクリーンレイヤーの不透明度を下げて効果を弱めました" class="wp-image-818" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-010.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-010-300x450.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>グロー効果のスクリーンレイヤーの不透明度を下げて効果を弱めました</figcaption></figure>



<p><span class="swl-marker mark_orange">あまり派手に効果をかけない</span>ほうがキャラが引き立ちます。</p>



<p><span class="swl-format-2">グロー効果のグラデーションマップはあとから変更可能</span>ですので、色の調整も納得行くまで簡単にできます！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="246" height="296" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-012.jpg" alt="グラデーションマップの左のアイコンをダブルクリック" class="wp-image-819"/><figcaption>グラデーションマップの左のアイコンをダブルクリック</figcaption></figure>



<p><span class="swl-format-1">グラデーションマップの左のアイコンをダブルクリック</span>すると、もう一度グラデーションマップの選択画面が出てきますので好きな色に変更してください。</p>



<h2 class="wp-block-heading">加算（発光）レイヤーを使う</h2>



<p>文字通り<span class="swl-format-1">発光効果に使うレイヤー</span>です。</p>



<p>強い光を感じさせる効果がありますので、<span class="swl-format-2">ポイントを絞って光らせるとアクセント</span>になります。</p>



<p>また、<span class="swl-marker mark_orange">同じような効果に<span class="swl-format-1">［覆い焼き（発光）］</span></span>レイヤーがあり、<span class="swl-format-1">覆い焼きのほうが発光が派手になりすぎない</span>という使い方ができます。</p>



<p><span class="swl-format-1">背景</span>は無償素材の光効果ブラシを使って<span class="swl-format-1">［覆い焼き（発光）］</span>レイヤーに描いてます。</p>


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


<p><span class="swl-format-1">散布系のブラシがあると背景を埋めることが出来</span>て、アイデアがないときに重宝します！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="801" height="629" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-017.jpg" alt="加算レイヤーで発光効果を追加" class="wp-image-827" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-017.jpg 801w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-017-500x393.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-017-300x236.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-017-768x603.jpg 768w" sizes="(max-width: 801px) 100vw, 801px" /><figcaption>加算レイヤーで発光効果を追加</figcaption></figure>



<p>薄い色で入れてるので画像が分かりにくく申し訳ありませんが、頭部左上の髪の毛にもうっすら色を入れてます。</p>



<p><span class="swl-format-2">アクセントなのであまり主張しすぎない</span>のが良いかと思ってます！</p>



<h2 class="wp-block-heading">トーンカーブで色を調整する</h2>



<p>デジタルであまり慣れてない方は馴染みのない機能かもしれませんが、<span class="swl-format-2">トーンカーブで細かい色調整</span>ができますのでぜひ活用してみてください！</p>



<p><span class="swl-format-2">トーンカーブ</span>は<span class="swl-format-1">全体の明暗</span>と<span class="swl-format-1">赤（R）・緑（G）・青（B）の個別の色調整</span>を行うことができます。</p>



<p>言葉ではピンとこないかもしれませんので、実際の画面を使って説明していきます。</p>



<p>まず、メニューから<span class="swl-format-1">［新規色調補正レイヤー］</span>→<span class="swl-format-1">［トーンカーブ］</span>からトーンカーブレイヤーを作ります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="502" height="639" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-018.jpg" alt="トーンカーブレイヤーを新規作成" class="wp-image-829" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-018.jpg 502w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-018-500x636.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-018-300x382.jpg 300w" sizes="(max-width: 502px) 100vw, 502px" /><figcaption>トーンカーブレイヤーを新規作成</figcaption></figure>



<p>まず、<span class="swl-format-2">［RGB］</span>から全体の色の明暗を調整していきます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="580" height="950" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-019.jpg" alt="全体のトーンを暗くします" class="wp-image-831" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-019.jpg 580w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-019-500x819.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-019-300x491.jpg 300w" sizes="(max-width: 580px) 100vw, 580px" /><figcaption>全体のトーンを暗くします</figcaption></figure>



<p>今回は<span class="swl-marker mark_orange">オーバーレイ</span>や<span class="swl-marker mark_orange">グラデーションマップ</span>の効果で<span class="swl-marker mark_orange">色を明るく</span>していったので、<span class="swl-format-1"><span class="swl-marker mark_orange">全体のトーンを少し暗めに落とすことにしました</span></span>。</p>



<p>逆にカーブを持ち上げると、全体のトーンが明るくすることが可能です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="580" height="950" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-020.jpg" alt="Redのカーブを上げる" class="wp-image-832" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-020.jpg 580w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-020-500x819.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-020-300x491.jpg 300w" sizes="(max-width: 580px) 100vw, 580px" /><figcaption>Redのカーブを上げる</figcaption></figure>



<p><span class="swl-marker mark_orange">肌の色を血色良く</span>したいと思ったので左上のプルダウンメニューから変更した<span class="swl-format-2">Redの曲線を少し持ち上げました</span>。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="580" height="950" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-021.jpg" alt="Blueのカーブを上げる" class="wp-image-833" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-021.jpg 580w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-021-500x819.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-021-300x491.jpg 300w" sizes="(max-width: 580px) 100vw, 580px" /><figcaption>Blueのカーブを上げる</figcaption></figure>



<p><span class="swl-format-2">Buleのカーブも少し上げて</span>愛ちゃんの<span class="swl-marker mark_orange">イメージカラーの青を少し強く</span>しようと思いました。</p>



<p>今回、Greenに関しては特に変更しませんでした。</p>



<p>また、<span class="swl-format-1">Red・Green・Blue</span>の<span class="swl-marker mark_orange">それぞれのカーブを下げる</span>と、<span class="swl-marker mark_orange">カラーサークルの反対色を強くする効果</span>になります。</p>



<p>例えば、<span class="swl-format-1">Blueのカーブを下げてみると黄色が強くなります</span>。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="580" height="950" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-022.jpg" alt="Blueのカーブを下げると補色の黄色が強くなる" class="wp-image-834" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-022.jpg 580w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-022-500x819.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-022-300x491.jpg 300w" sizes="(max-width: 580px) 100vw, 580px" /><figcaption>Blueのカーブを下げると補色の黄色が強くなる</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="210" height="228" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-023.jpg" alt="カラーサークルでみたイメージ図" class="wp-image-835"/><figcaption>カラーサークルでみたイメージ図</figcaption></figure>



<p><span class="swl-marker mark_orange">カラーサークルの反対にある色</span>を<span class="swl-format-2">補色</span>と言いますが、<span class="swl-format-1">Red・Green・Blue</span>のコントロールをする際にカラーサークルを見ると分かりやすくなります。</p>



<h2 class="wp-block-heading">スクリーンレイヤーで空気感を演出する</h2>



<p>よく使われる手法として<span class="swl-format-2">スクリーンレイヤー</span>を使うことで<span class="swl-format-2">空気感を演出</span>できます。</p>



<p>スクリーンは乗せた色に対して白に近づけていく効果があります。</p>



<p><span class="swl-format-1">空気遠近法</span>として、<span class="swl-marker mark_orange">遠くが青白く霞んで見える効果</span>を使うのに<span class="swl-format-2">スクリーンレイヤーが向いている</span>ということになります。</p>



<p>ブログ用に最初に描いた絵で説明していきます！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="700" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-023-1.jpg" alt="加工前の状態" class="wp-image-836" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-023-1.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-023-1-300x420.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>加工前の状態</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="700" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-024.jpg" alt="スクリーンレイヤーを追加" class="wp-image-837" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-024.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-024-300x420.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>スクリーンレイヤーを追加</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="700" src="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-025.jpg" alt="スクリーンレイヤーを描き加えた場所" class="wp-image-838" srcset="https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-025.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/adjustment-effect-025-300x420.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>スクリーンレイヤーを描き加えた場所</figcaption></figure>



<p><span class="swl-format-1">明るくしたい場所</span>や<span class="swl-format-1">奥にあると感じさせたい場所</span>（今回だと長い髪の毛の下側先端です）にスクリーンレイヤーで<span class="swl-format-2">青系の色</span>をエアブラシで入れると<span class="swl-format-2">空気感を演出</span>できます。</p>



<p>すべての効果に関して共通ですが、<span class="swl-format-1">やりすぎると絵の印象がぼやけたり彩度が上がりすぎたりしてしまうので注意</span>してください！</p>



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



<p>今回は見栄えを上げる方法をメインに、光の演出を加える加工方法をご紹介しました。</p>



<div class="swell-block-capbox cap_box is-style-small_ttl" data-colset="col1"><div class="cap_box_ttl"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em"><path fill="currentColor" d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path></svg><span>CHECK</span></div><div class="cap_box_content">
<ul class="-list-under-dashed wp-block-list"><li>オーバーレイレイヤーを使って鮮やかにする</li><li>グロー効果で光の印象を強くする。</li><li>加算（発光）レイヤーで強い光をアクセントに少しだけ入れる。</li><li>トーンカーブを使った色の調整方法</li><li>スクリーンレイヤーを使い青系の色で空気感を出す</li></ul>
</div></div>



<p>主に<span class="swl-format-1">明るく鮮やかにする方法</span>になりますので、<span class="swl-format-1">渋めの色やトーンを抑えた色の場合はまた使用するレイヤーも異なってきます</span>。</p>



<p>効果は加えると華やかになりますが、あまり<span class="swl-marker mark_orange">やりすぎるとキャラクターが埋もれてしまいます</span>ので適度な効果の量を見つけてください。</p>



<p>今回の記事が少しでも参考になれば嬉しいです！</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20210203","msmaflink");msmaflink({"n":"ゾンビランドサガLIVE~フランシュシュ 佐賀よ共にわいてくれ~ [Blu-ray]","b":"","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/61jTNfTzmRL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/B09GW9KNHV","t":"amazon","r_v":""},"v":"2.1","b_l":[{"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/B09GW9KNHV","a_id":3058107,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0,"id":2},{"id":1,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E3%82%BE%E3%83%B3%E3%83%93%E3%83%A9%E3%83%B3%E3%83%89%E3%82%B5%E3%82%ACLIVE~%E3%83%95%E3%83%A9%E3%83%B3%E3%82%B7%E3%83%A5%E3%82%B7%E3%83%A5%20%E4%BD%90%E8%B3%80%E3%82%88%E5%85%B1%E3%81%AB%E3%82%8F%E3%81%84%E3%81%A6%E3%81%8F%E3%82%8C~%20%5BBlu-ray%5D\/","a_id":3058103,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"y0hq6","s":"l"});</script><div id="msmaflink-y0hq6">リンク</div><!-- MoshimoAffiliateEasyLink END -->
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/adjustment-effect/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【メイキング】透明感とツヤのある髪の塗り方を詳細解説！</title>
		<link>https://murasakiatsushi.com/painting-hair/</link>
					<comments>https://murasakiatsushi.com/painting-hair/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Sun, 31 Oct 2021 06:30:07 +0000</pubDate>
				<category><![CDATA[CGメイキング]]></category>
		<category><![CDATA[クリスタ]]></category>
		<category><![CDATA[クリスタTIPS]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[髪の塗り方]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=739</guid>

					<description><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/painting-hair_ic.jpg" class="webfeedsFeaturedVisual" /></p>キャラクターの髪を塗るときに、いきなり上手な絵師さんの塗り方を目標にしても、どうやって塗ってるのか全然わからない状態で困っているなんてことはありませんか？ 実際、髪の毛の塗り方は流行り廃りがあり、難易度が高いと感じる方も [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/painting-hair_ic.jpg" class="webfeedsFeaturedVisual" /></p>
<p><span class="swl-format-1">キャラクターの髪</span>を塗るときに、いきなり上手な絵師さんの塗り方を目標にしても、<span class="swl-format-1">どうやって塗ってるのか全然わからない状態で困っている</span>なんてことはありませんか？</p>



<p>実際、髪の毛の塗り方は<span class="swl-marker mark_orange"><span class="swl-format-1">流行り廃り</span></span>があり、難易度が高いと感じる方もいるかと思います。</p>



<p>そこで今回は髪の毛の塗り方をなるべく<span class="swl-marker mark_orange">簡単な塗り方から始めて</span>、<span class="swl-marker mark_orange">徐々に情報量を増やして</span>透明感とツヤのある髪の塗り方をご紹介します。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/profile.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">紫あつし</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>影よりも光を意識していくことで透明感を出せるようになりますよ！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>ひとつひとつ手順を踏んで解説していきますので参考にしてください！</p>



<h2 class="wp-block-heading">昔と今の髪の毛の塗り方を比較してみる</h2>



<p>私の絵でほぼ10年前に描いた2012年のものと2021年に描いたものを比べてみましょう。</p>



<p>まず2012年に描いたものです。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="580" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-001.jpg" alt="昔は髪の房の面積に対して半分程度の影を入れている。" class="wp-image-753" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-001.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-001-500x363.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-001-300x218.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-001-768x557.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>昔は髪の房の面積に対して半分程度の影を入れている。</figcaption></figure>



<p><span class="swl-format-1">影の入れた場所</span>を分かりやすく<span class="swl-format-1">青線でラインを入れてみました</span>が、昔は<span class="swl-format-1"><span class="swl-marker mark_orange">髪の房ごとに面積の半分程度</span></span>の影を入れてるものが多かったです。</p>



<p>どちらかというと以前は影を意識して描いて入れるイメージです。</p>



<p>こちらは2021年に描いたものです。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="580" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-002.jpg" alt="先端のわずかな箇所や髪の影の落ちる箇所など、影を入れる場所が小さくなっている。" class="wp-image-754" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-002.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-002-500x363.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-002-300x218.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-002-768x557.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>先端のわずかな箇所や髪の影の落ちる箇所など、影を入れる場所が小さくなっている。</figcaption></figure>



<p>最近は<span class="swl-marker mark_orange">髪の先端や影の落ちるところ</span>に<span class="swl-format-2">小さく影を入れて</span>いく、<span class="swl-marker mark_orange">光を意識</span>した描き方という印象ですね。</p>



<p>特に<span class="swl-format-1">目と髪の毛は絵師さんによって特徴が出る部分</span>ですので、<span class="swl-marker mark_orange">好みや目指す方向に正解はありません</span>。</p>



<p>今風が良いというわけでもありませんが、<span class="swl-format-1">髪の毛の房に影を入れすぎないのが流行りかな</span>と感じてます。</p>



<p>手間だけを考えるなら昔のほうが大変だったので、<span class="swl-format-1">時短で見栄えを上げる今風のやり方</span>を取り入れるのは良いアイデアになります！</p>



<p>以上を踏まえまして、今回は<span class="swl-format-1">ゾンビランドサガの水野愛</span>ちゃんを描いてみました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="580" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-003.jpg" alt="ゾンビランドサガ　水野愛" class="wp-image-755" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-003.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-003-500x363.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-003-300x218.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-003-768x557.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>ゾンビランドサガ　水野愛</figcaption></figure>



<p>最終的にこの絵を完成させる手順を、ステップごとに解説していきます！</p>



<h2 class="wp-block-heading">アニメ塗りで考えてみる</h2>



<p>それらしく見せるにはどうしたらいいか、<span class="swl-format-1">アニメ塗りでシンプルに考える</span>ところから始めていきましょう。</p>



<p>アニメはキャラクターデザインのイラストを元に特徴だけを残して描くので、シンプルに考えるのに向いています。</p>



<h3 class="wp-block-heading">髪のベース色を塗る</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-004.jpg" alt="髪の毛のベース色を塗ったところ" class="wp-image-761" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-004.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-004-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-004-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-004-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>髪の毛のベース色を塗ったところ</figcaption></figure>



<p>ベース色の塗り終わったところから始めますが、ベースの塗り分けは<span class="swl-format-2">［隙間無く囲って塗る］</span>ツールが便利ですので別記事”<a rel="noreferrer noopener" href="https://murasakiatsushi.com/clipstudiopaint-function/#toc7" target="_blank">「隙間無く囲って塗るツール」で塗り残しがなくなる！</a>”をぜひ参考にしてください。</p>



<h3 class="wp-block-heading">エアブラシで大まかな立体感を入れる</h3>



<p><span class="swl-format-1">次に大まかな立体感</span>を入れていきます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-005.jpg" alt="髪の下にエアブラシで大まかな立体感の影を入れる" class="wp-image-762" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-005.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-005-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-005-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-005-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>髪の下にエアブラシで大まかな立体感の影を入れる</figcaption></figure>



<p>今回、<span class="swl-format-2">光源は左上</span>に設定して描いていきます。</p>



<p>頭の球体をイメージしながら、<span class="swl-format-2">［エアブラシ　柔らか］</span>で球の下半分に影を入れた状態です。</p>



<p> <span class="swl-format-2">細かい影はあとで考えましょう！</span> </p>



<p>頭は球体ですので、<span class="swl-format-1">上から光</span>が当たっている場合は<span class="swl-format-1">下が暗く</span>なります。</p>



<h3 class="wp-block-heading">髪の毛先などに影を入れる</h3>



<p>次に<span class="swl-format-1">毛先や影の落ちてそうな場所</span>に<span class="swl-format-2">［もよん髪ブラシ1］</span>で影を少し入れました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-006.jpg" alt="髪の房の影を入れる" class="wp-image-763" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-006.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-006-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-006-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-006-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>髪の房の影を入れる</figcaption></figure>



<p>髪の房にはあまり<span class="swl-format-1">たくさん影を入れないほうがいい</span>かと思います。</p>


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


<p><span class="swl-format-1">もよん髪ブラシ</span>は硬めのエッジでありながら硬すぎないタッチと入り抜きのしやすさでオススメのブラシです。</p>



<h3 class="wp-block-heading">光の当たってる髪の上部にリムライトを入れていく</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-007.jpg" alt="髪の輪郭にリムライトを入れる" class="wp-image-764" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-007.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-007-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-007-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-007-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>髪の輪郭にリムライトを入れる</figcaption></figure>



<p><span class="swl-marker mark_orange">後ろからの光</span>は<span class="swl-format-2">リムライト</span>と呼ばれ、後ろから光をキャラクターに当てたときに発生する効果なのですが、強い光源がなくても単純に<span class="swl-format-2">キャラクターを浮かび上がらせて強調する</span>用途で使われてます。</p>



<p>今回は上の方が光が強く、下に行くほど弱くなるというイメージです。</p>



<p><span class="swl-format-1">リムライト</span>に<span class="swl-format-2">スクリーンレイヤー</span>を使用してますが、明るくピッタリ合う色を入れるのであれば通常レイヤーや加算レイヤーなどでも構いません。</p>



<h3 class="wp-block-heading">髪の影に沿うような、弧を描くようにハイライトの点を置いていく</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-008.jpg" alt="ハイライトの点を入れる" class="wp-image-765" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-008.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-008-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-008-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-008-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>ハイライトの点を入れる</figcaption></figure>



<p><span class="swl-format-1">ハイライトの形</span>は<span class="swl-format-2">絵師さんごとにかなり個性が出ます</span>。</p>



<p>今回はアニメと同様に<span class="swl-marker mark_orange">シンプルで誰でも真似しやすい単純な楕円</span>にしていますが、好きな絵師さんのハイライトの形にも注目してみると結構違っているのが分かると思います。</p>



<p>色々な絵師さんのハイライトの形に注目して観察してみてください！</p>



<h3 class="wp-block-heading">スクリーンレイヤーで髪の奥にうっすら光を入れて奥行き感を出す</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-009.jpg" alt="一番下の髪の奥まった場所を少し明るくしました" class="wp-image-767" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-009.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-009-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-009-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-009-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>一番下の髪の奥まった場所を少し明るくしました</figcaption></figure>



<p>髪の毛の一番下の奥に当たる部分に、<span class="swl-format-1">薄い青色</span>を<span class="swl-format-2">［エアブラシ　柔らか］</span>で<span class="swl-marker mark_orange">空気感の演出</span>として入れました。</p>



<h3 class="wp-block-heading">オーバーレイで光の印象を追加</h3>



<p>最後に<span class="swl-format-2">オーバーレイレイヤー</span>を追加して、軽く<span class="swl-format-1">頭頂部</span>に<span class="swl-format-1">明るい色</span>を入れて<span class="swl-format-2">鮮やか</span>にします。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-010.jpg" alt="頭部の左上にエアブラシで光の効果を追加" class="wp-image-768" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-010.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-010-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-010-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-010-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>頭部の左上にエアブラシで光の効果を追加</figcaption></figure>



<p>以上で完成です！</p>



<p><span class="swl-format-1">影を入れる場所が思ってるよりも少ない</span>と感じられるのではないでしょうか？</p>



<p><span class="swl-format-2">最初はシンプルに</span>考えましょう！</p>



<p>基本は</p>



<div class="swell-block-capbox cap_box is-style-small_ttl" data-colset="col1"><div class="cap_box_ttl"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle-check" class="svg-inline--fa fa-circle-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em"><path fill="currentColor" d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM371.8 211.8C382.7 200.9 382.7 183.1 371.8 172.2C360.9 161.3 343.1 161.3 332.2 172.2L224 280.4L179.8 236.2C168.9 225.3 151.1 225.3 140.2 236.2C129.3 247.1 129.3 264.9 140.2 275.8L204.2 339.8C215.1 350.7 232.9 350.7 243.8 339.8L371.8 211.8z"></path></svg><span>POINT</span></div><div class="cap_box_content">
<ul class="wp-block-list"><li>全体を見て大まかなバランスを決める。</li><li>細かい影はあと！</li><li>光の効果を足していく</li></ul>
</div></div>



<p>それではここから少しずつ手を加えていきましょう！</p>



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



<h2 class="wp-block-heading">アニメ塗りからより細かく塗っていく</h2>



<p>幕張で行われたライブっぽく衣装もチェンジして気分一新して塗っていきます。</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20210203","msmaflink");msmaflink({"n":"ゾンビランドサガLIVE~フランシュシュ 佐賀よ共にわいてくれ~ [Blu-ray]","b":"","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/61jTNfTzmRL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/B09GW9KNHV","t":"amazon","r_v":""},"v":"2.1","b_l":[{"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/B09GW9KNHV","a_id":3058107,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":0,"id":2},{"id":1,"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%E3%82%BE%E3%83%B3%E3%83%93%E3%83%A9%E3%83%B3%E3%83%89%E3%82%B5%E3%82%ACLIVE~%E3%83%95%E3%83%A9%E3%83%B3%E3%82%B7%E3%83%A5%E3%82%B7%E3%83%A5%20%E4%BD%90%E8%B3%80%E3%82%88%E5%85%B1%E3%81%AB%E3%82%8F%E3%81%84%E3%81%A6%E3%81%8F%E3%82%8C~%20%5BBlu-ray%5D\/","a_id":3058103,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":1}],"eid":"y0hq6","s":"l"});</script><div id="msmaflink-y0hq6">リンク</div><!-- MoshimoAffiliateEasyLink END -->



<h3 class="wp-block-heading">線画の情報量を追加</h3>



<p>髪の線画に関して、『ゾンビランドサガ　リベンジ』のブルーレイ第1巻のパッケージイラストを見ながら少し情報量を足してみました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-011.jpg" alt="線画の情報量を追加" class="wp-image-769" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-011.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-011-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-011-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-011-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>線画の情報量を追加</figcaption></figure>



<p>最初のアニメ塗りで使った線画に、</p>



<ul class="has-border -border02 has-swl-pale-02-background-color has-background wp-block-list"><li>輪郭のシルエットの情報量を増やした</li><li>細かい毛の流れを［鉛筆］の線で描き加えた</li></ul>



<p>大きく印象が変わったのは<span class="swl-format-1">髪型のシルエット</span>になります。</p>



<p>どの程度まで情報量を足すのがいいか、というのが絵師さんの好みや個性になってくるのかなと感じてます。</p>



<h3 class="wp-block-heading">エアブラシで大まかな立体感を入れる</h3>



<p>最初は<span class="swl-format-2">［エアブラシ　柔らか］</span>で<span class="swl-format-1">髪の下側に大まかな影</span>を入れるのは変わりません。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-012.jpg" alt="エアブラシで大まかな影を入れます" class="wp-image-771" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-012.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-012-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-012-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-012-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>エアブラシで大まかな影を入れます</figcaption></figure>



<p>今度は球体を意識しながら<span class="swl-format-2">上にもわずかに影</span>を入れて、<span class="swl-marker mark_orange">より球状感</span>を出すことにしました。</p>



<h3 class="wp-block-heading">髪の毛先などに影を入れる</h3>



<p>先ほどよりも入っている<span class="swl-marker mark_orange">影の量は多くなりましたが</span>、<span class="swl-format-1">基本的な考え方は変わりません</span>。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-013.jpg" alt="" class="wp-image-772" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-013.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-013-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-013-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-013-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>先端部や影の落ちてると感じる部分に影を入れてます。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/profile.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">紫あつし</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>あまり影がうるさくなりすぎない程度が良い気がするので、改めて見ると<span class="swl-format-1">もう少し減らしても…</span>と思わなくもないですね…。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h3 class="wp-block-heading">天使の輪を入れてツヤ感を出す</h3>



<p><span class="swl-format-2">スクリーンレイヤー</span>を新規作成して、<span class="swl-format-1">天使の輪のハイライト</span>を<span class="swl-format-2">［ぬる水ブラシ］</span>で入れました。</p>



<p><span class="swl-format-1">天使の輪</span>とは、髪の毛に光が拡散反射してできる<span class="swl-format-1">リング状の光の帯</span>です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-014.jpg" alt="きれいな髪には天使の輪と呼ばれるハイライトが発生します" class="wp-image-773" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-014.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-014-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-014-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-014-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>きれいな髪には天使の輪と呼ばれるハイライトが発生します</figcaption></figure>



<p><span class="swl-format-1">ぬる水ブラシ</span>は細く描くとエッジをくっきり出すことができ、太く描くとぼかしながら描けるので、<span class="swl-format-1"><span class="swl-marker mark_orange">ブラシサイズの調節でタッチを変えられる</span></span>ので大変便利です！</p>


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


<p><span class="swl-format-1"><span class="swl-marker mark_orange">透明色を使って軽く消したり</span>また描画色で描いたり</span>と、<span class="swl-marker mark_orange">なじむよう</span>に描いていきます。</p>



<p>透明色に関しては別記事”<a rel="noreferrer noopener" href="https://murasakiatsushi.com/clipstudiopaint-function/#toc6" target="_blank">透明色で塗る！</a>”で詳しく書いてますので、ぜひ参考にしてください！</p>



<p><span class="swl-format-1">スクリーンレイヤー</span>は<span class="swl-format-2">不透明度を40％</span>に下げて目立ちすぎないようにしてます。</p>



<h3 class="wp-block-heading">天使の輪の下に影を入れる</h3>



<p><span class="swl-marker mark_orange">天使の輪の下</span>に<span class="swl-format-2">乗算レイヤー</span>を追加して、同じようなタッチで影を入れます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-015.jpg" alt="天使の輪を目立たせるように、ハイライトの下に影を入れます" class="wp-image-774" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-015.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-015-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-015-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-015-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>天使の輪を目立たせるように、ハイライトの下に影を入れます</figcaption></figure>



<p>明るいところと暗いところの<span class="swl-format-2">コントラストがはっきりしていると光沢感が出ます</span>。</p>



<p>金属を塗るときなどは<span class="swl-marker mark_orange">明暗差のある色</span>を隣り合わせにして<span class="swl-marker mark_orange"><span class="swl-format-1">コントラストを大きくつける</span>ことで<span class="swl-format-1">光沢感</span></span>を出すテクニックなので覚えておくと色々と応用できます！</p>



<h3 class="wp-block-heading">光の当たってる髪の上部にリムライトを入れていく</h3>



<p>アニメ塗りと同じように、新規作成した<span class="swl-format-2">スクリーンレイヤー</span>に<span class="swl-format-1">リムライト</span>を入れます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-016.jpg" alt="リムライトを入れる" class="wp-image-775" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-016.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-016-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-016-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-016-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>リムライトを入れる</figcaption></figure>



<p>考え方はアニメ塗りと変わりません。</p>



<p>まとめて<span class="swl-format-1">髪の奥部分</span>にうっすら<span class="swl-marker mark_orange">エアブラシで明るくして</span><span class="swl-format-2">空気感</span>を足しているのも同様です。</p>



<h3 class="wp-block-heading">髪の影に沿うような、弧を描くようにハイライトの点を置いていく</h3>



<p><span class="swl-format-2">ハイライトの点</span>も基本的に同じように<span class="swl-format-2">スクリーンレイヤー</span>に入れています。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-017.jpg" alt="ハイライトの点を追加" class="wp-image-776" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-017.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-017-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-017-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-017-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>ハイライトの点を追加</figcaption></figure>



<p>ハイライトに関しては、天使の輪とその下に乗算の影を追加したくらいで、<span class="swl-marker mark_orange">基本的にはアニメ塗りと変わりません</span>。</p>



<h3 class="wp-block-heading">光の効果を追加する</h3>



<p>一番<span class="swl-marker mark_orange">印象を変えるのは光の当て方</span>になります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-018.jpg" alt="目の周辺と髪の上下に光の効果を加えました" class="wp-image-777" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-018.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-018-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-018-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-018-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>目の周辺と髪の上下に光の効果を加えました</figcaption></figure>



<p>新規作成した<span class="swl-format-2">スクリーンレイヤー</span>に<span class="swl-format-2">［エアブラシ　柔らか］</span>で<span class="swl-format-1">目の周辺を肌色で明るく</span>して、<span class="swl-marker mark_orange">肌の透け感を髪に加えてます</span>。</p>



<p>また、<span class="swl-format-1">天使の輪の上</span>と<span class="swl-format-1">髪の毛の一番下</span>の箇所に<span class="swl-format-2">［ニュアンスブラシ　ネオンニュアンス］</span>で軽く色を入れて、<span class="swl-marker mark_orange">光の反射を感じさせるように</span>しました。</p>


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


<p>レイヤー単体で表示すると以下のようになります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-019.jpg" alt="光の効果を追加した単体レイヤーの表示" class="wp-image-778" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-019.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-019-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-019-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-019-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>光の効果を追加した単体レイヤーの表示</figcaption></figure>



<p><span class="swl-format-1">目の周辺の髪を明るくする</span>というのは結構以前から使われている手法で、私の絵で確認してみたところ2013年から使ってました。</p>



<p><span class="swl-format-1">ネオンニュアンス</span>は<span class="swl-marker mark_orange">光の情報量を足すのにかなり効果が高い</span>のでオススメです！</p>



<h3 class="wp-block-heading">オーバーレイを使ってさらに光の効果を追加する</h3>



<p>一番上に<span class="swl-format-2">オーバーレイレイヤー</span>を新規作成し、<span class="swl-format-2">［エアブラシ　柔らか］</span>で<span class="swl-marker mark_orange">明るい青色を髪の毛の左上に入れて</span>、髪を明るく鮮やかにして<span class="swl-marker mark_orange">光の印象を強く</span>しました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-020.jpg" alt="" class="wp-image-779" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-020.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-020-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-020-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-020-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>オーバーレイで頭頂部に明るさと鮮やかさを追加</figcaption></figure>



<p><span class="swl-format-1">オーバーレイで明るく鮮やかに</span>するというのも<span class="swl-marker mark_orange">アニメ塗りのときと同じ効果</span>です。</p>



<p><span class="swl-marker mark_orange">髪の毛の塗り方</span>自体は<span class="swl-marker mark_orange">アニメ塗りとほとんど変わらない</span>のですが、<span class="swl-marker mark_orange"><span class="swl-format-1">光のレイヤーを加えていくことで印象が変わっていく</span></span>のが見て頂けたのではと思います。</p>



<p>注意点として、<span class="swl-format-2">オーバーレイや加算（発光）を使うと自然と彩度が上がっていきます</span>ので、<span class="swl-marker mark_orange">ベースの髪の色や影色は<span class="swl-format-1">彩度低め</span>に</span>描いておくのをオススメします。</p>



<p>完成したときに<span class="swl-format-1">彩度が上がりすぎると目が痛くなる絵になります</span>ので要注意！</p>



<h3 class="wp-block-heading">色調補正レイヤーで色を整える</h3>



<p>メニューから<span class="swl-format-1">［レイヤー］→［新規色調補正レイヤー］→</span><span class="swl-format-2">［明るさ・コントラスト］</span>を使用して全体の色を調整しました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="680" src="https://murasakiatsushi.com/wp-content/uploads/painting-hair-021.jpg" alt="色調補正で色を整えました" class="wp-image-788" srcset="https://murasakiatsushi.com/wp-content/uploads/painting-hair-021.jpg 800w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-021-500x425.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-021-300x255.jpg 300w, https://murasakiatsushi.com/wp-content/uploads/painting-hair-021-768x653.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>色調補正で色を整えました</figcaption></figure>



<p>ややコントラストを上げて明るさを下げました。</p>



<p>この辺は自分の好む色合いに調整していきましょう！</p>



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



<p>今回は髪の塗り方をアニメ塗り方から手を加えていく考え方をご紹介しました。</p>



<p>光源にもよりますが、細かい影はあまり入れずに<span class="swl-format-2">光の印象を強めることで手数を減らして華やかに見せる</span>方法となります。</p>



<p><span class="swl-format-1">情報量を足すというのは時間を掛ける</span>ということでもあります。</p>



<p>時間が限られてるときなど、どこまで作業をできるかという見極めも大事になってきます。</p>



<p><span class="swl-format-1"><span class="swl-marker mark_orange">髪の毛の影</span>という情報量を<span class="swl-marker mark_orange">どの程度足すのか</span></span>という考え方の参考になれば嬉しいです！</p>



<p>最後まで読んでいただき、ありがとうございます！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/painting-hair/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【初心者向け】クリスタで覚えておきたい神機能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-vectorlayer/</link>
					<comments>https://murasakiatsushi.com/clipstudiopaint-vectorlayer/#respond</comments>
		
		<dc:creator><![CDATA[紫 あつし]]></dc:creator>
		<pubDate>Tue, 12 Oct 2021 13:28:50 +0000</pubDate>
				<category><![CDATA[CGメイキング]]></category>
		<category><![CDATA[クリスタ]]></category>
		<category><![CDATA[ベクターレイヤー]]></category>
		<category><![CDATA[初心者]]></category>
		<guid isPermaLink="false">https://murasakiatsushi.com/?p=193</guid>

					<description><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clipstudiopaint-vectorlayer_ic.jpg" class="webfeedsFeaturedVisual" /></p>クリスタには他のソフトにはあまり見ない機能があるので、使わずにスルーしてることはありませんか？ 中でもベクターレイヤーはかなり特殊なので、使う人と使わない人の好みが分かれる機能です。 主線ごと塗り重ねる厚塗りには向かない [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://murasakiatsushi.com/wp-content/uploads/clipstudiopaint-vectorlayer_ic.jpg" class="webfeedsFeaturedVisual" /></p>
<p>クリスタには他のソフトにはあまり見ない機能があるので、<span class="swl-marker mark_orange">使わずにスルーしてることはありませんか？</span></p>



<p>中でも<span class="swl-format-1">ベクターレイヤーはかなり特殊</span>なので、使う人と使わない人の好みが分かれる機能です。</p>



<p><span class="swl-marker mark_orange">主線ごと塗り重ねる厚塗りには向かない</span>のですが、<span class="swl-format-2">線画を活かしてイラストや漫画を描く場合に最適なのがベクターレイヤー</span>です。</p>



<p>この記事では<span class="swl-marker mark_orange">イラストを描くことに絞って</span>、絶対に<span class="swl-format-2">覚えておきたいクリスタのベクターレイヤーの機能</span>をご紹介します！</p>



<div class="swell-block-capbox cap_box is-style-onborder_ttl2" 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>



<h3 class="wp-block-heading">レイヤーは透明シートのようなもの</h3>



<p>クリスタに限らず、ペイント系ソフトには<span class="swl-format-1">「レイヤー」</span>という機能があります。</p>



<p><span class="swl-format-1">「レイヤー」</span>を日本語に直訳すると<span class="swl-format-1">「層」</span>。</p>



<p>昔は<span class="swl-format-1">手描きアニメのセル画</span>、もっと昔は<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-2">レイヤー</span>と言います。</p>



<p>具体例を見てみましょう。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="700" src="https://murasakiatsushi.com/wp-content/uploads/layer-image-1.jpg" alt="レイヤーのイメージ図" class="wp-image-214" srcset="https://murasakiatsushi.com/wp-content/uploads/layer-image-1.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/layer-image-1-300x420.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>レイヤーのイメージ図</figcaption></figure>



<ul class="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><li>青色のレイヤーには<span class="swl-format-1">キャラクターのベースとなる基本の色</span></li></ul>



<p>上から黄色→緑色→赤色→青色の順番で重ねると以下のように完成します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="350" height="500" src="https://murasakiatsushi.com/wp-content/uploads/fix-image-1.jpg" alt="すべてのレイヤーを重ねた完成図" class="wp-image-215" srcset="https://murasakiatsushi.com/wp-content/uploads/fix-image-1.jpg 350w, https://murasakiatsushi.com/wp-content/uploads/fix-image-1-300x429.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /><figcaption>すべてのレイヤーを重ねた完成図</figcaption></figure>



<p class="is-style-icon_info"><span class="swl-format-1">透明なシートを何枚も重ねて描くイメージです</span>。</p>



<h3 class="wp-block-heading">レイヤーを分けるメリットは修正のしやすさ</h3>



<p><span class="swl-format-1">わざわざレイヤーを分けるメリット</span>は、塗り分けていると<span class="swl-format-2">ピンポイントでの修正が楽になる</span>からです。</p>



<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> レイヤーを分けておくと 、その<span class="swl-format-1">レイヤーだけの色味や形の調整が短時間で終わります</span>。</p>



<p>一方でレイヤーのデメリットとしては、<span class="swl-format-2">レイヤーを増やしすぎると管理が難しくなる</span>ことです。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -circle"><img decoding="async" src="https://murasakiatsushi.com/wp-content/uploads/profile.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">紫あつし</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>もうどこに何を塗ったのかさっぱり分からない…</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>ということも日常茶飯事ですので、自分なりの最適なレイヤー数を探りながら描いていきましょう。</p>



<h2 class="wp-block-heading">ベクターレイヤーの作り方</h2>



<p>イラストを描くのに使うレイヤーは</p>



<ul class="wp-block-list"><li>ラスターレイヤー</li><li>ベクターレイヤー</li></ul>



<p>2種類のレイヤーが基本になります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="475" height="230" src="https://murasakiatsushi.com/wp-content/uploads/new-layer.jpg" alt="新規レイヤー作成方法" class="wp-image-217" srcset="https://murasakiatsushi.com/wp-content/uploads/new-layer.jpg 475w, https://murasakiatsushi.com/wp-content/uploads/new-layer-300x145.jpg 300w" sizes="(max-width: 475px) 100vw, 475px" /><figcaption>新規レイヤー作成方法</figcaption></figure>



<p>初期設定では画面の右側にあるレイヤーパレットのアイコンをクリックすると、それぞれのレイヤーが作られます。</p>



<p><span class="swl-marker mark_orange">ラスターレイヤー</span>はアナログで描く水彩画や油彩画のようなキャンバスと同じです。</p>



<p>色を塗ったり重ねたり消したり塗りつぶしたり、<span class="swl-format-2">着色の基本となるのがラスターレイヤー</span>です。</p>



<p><span class="swl-marker mark_orange">ベクターレイヤー</span>は特殊なレイヤーで、<span class="swl-format-1">描いた線の中に筆圧や使った色やペンの情報を記録として残してる</span>のが特徴です。</p>



<p>類似機能としてはWindowsのペイントソフト<a rel="noreferrer noopener" href="https://www.systemax.jp/ja/sai/devdept.html" target="_blank">SAI</a>の<span class="swl-marker mark_orange">ペン入れレイヤー</span>があります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="433" src="https://murasakiatsushi.com/wp-content/uploads/clipstudiopaint-vector-line.jpg" alt="ベクターレイヤーで描画した線" class="wp-image-231" srcset="https://murasakiatsushi.com/wp-content/uploads/clipstudiopaint-vector-line.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/clipstudiopaint-vector-line-300x260.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>ベクターレイヤーで描画した線</figcaption></figure>



<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-2">画像を劣化させずに線の描画を変える</span>ことが可能です。</p>



<p>もちろん、制御点をひとつずつ動かすような面倒なことをしなくても大丈夫なツールがあります！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="198" height="265" src="https://murasakiatsushi.com/wp-content/uploads/vector-pinch01.jpg" alt="ベクター線つまみツール" class="wp-image-251"/><figcaption>ベクター線つまみツール</figcaption></figure>



<p> 初期設定では<span class="swl-format-1">［Y］キーを押して線修正ツール</span>から<span class="swl-format-2">ベクター線つまみ</span>を選びます。 </p>



<p>ベクター線つまみツールには3つのオプションがありますので、うまく使い分けていきましょう。</p>



<h3 class="wp-block-heading">ベクター線つまみ　両端固定</h3>



<p> ベクター線つまみツールの下にある<span class="swl-format-1">ツールプロパティ</span>から<span class="swl-format-2">「両端固定」</span>を選びます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="212" height="251" src="https://murasakiatsushi.com/wp-content/uploads/vector-pinch02.jpg" alt="ベクター線つまみ　両端固定" class="wp-image-252"/><figcaption>ベクター線つまみ　両端固定</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="400" height="250" src="https://murasakiatsushi.com/wp-content/uploads/vector-pinch-anime01.gif" alt="ベクター線つまみ　両端固定の動作" class="wp-image-253"/><figcaption> ベクター線つまみ　両端固定の動作</figcaption></figure>



<p>両端固定することでベクター線のつまんだ場所を膨らませたり凹ませたりできます。</p>



<p>顔の輪郭を微調整するときに使ったりしてます。</p>



<h3 class="wp-block-heading"> ベクター線つまみ　一方の端を固定 </h3>



<p> ベクター線つまみツールの下にある<span class="swl-format-1">ツールプロパティ</span>から<span class="swl-format-2">「一方の端を固定」</span>を選びます。 </p>



<figure class="wp-block-image size-full"><img decoding="async" width="249" height="251" src="https://murasakiatsushi.com/wp-content/uploads/vector-pinch03.jpg" alt="ベクター線つまみ　一方の端を固定" class="wp-image-254"/><figcaption> ベクター線つまみ　一方の端を固定</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="400" height="250" src="https://murasakiatsushi.com/wp-content/uploads/vector-pinch-anime02.gif" alt="ベクター線つまみ　一方の端を固定の動作" class="wp-image-255"/><figcaption> ベクター線つまみ　一方の端を固定の動作</figcaption></figure>



<p>片方の端を固定するので細かい調整がしやすいです。</p>



<p>髪の毛の微調整などでよく使っています。</p>



<h3 class="wp-block-heading"> ベクター線つまみ　両端自由  </h3>



<p> ベクター線つまみツールの下にある<span class="swl-format-1">ツールプロパティ</span>から<span class="swl-format-2">「両端自由」</span>を選びます。 </p>



<figure class="wp-block-image size-full"><img decoding="async" width="233" height="238" src="https://murasakiatsushi.com/wp-content/uploads/vector-pinch04.jpg" alt="ベクター線つまみ　両端自由" class="wp-image-256"/><figcaption> ベクター線つまみ　両端自由</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="400" height="250" src="https://murasakiatsushi.com/wp-content/uploads/vector-pinch-anime03.gif" alt="ベクター線つまみ　両端自由の動作" class="wp-image-257"/><figcaption> ベクター線つまみ　両端自由の動作</figcaption></figure>



<p>両端自由にすると線を丸ごと動かすことができます。</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>



<p>つまみ加減の数値5だと以下のようになります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="372" height="263" src="https://murasakiatsushi.com/wp-content/uploads/pinch-trouble01.jpg" alt="ベクター線つまみ　つまみ加減5だと狭い範囲しか動きません！" class="wp-image-259" srcset="https://murasakiatsushi.com/wp-content/uploads/pinch-trouble01.jpg 372w, https://murasakiatsushi.com/wp-content/uploads/pinch-trouble01-300x212.jpg 300w" sizes="(max-width: 372px) 100vw, 372px" /><figcaption> ベクター線つまみ　つまみ加減5だと狭い範囲しか動きません！</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="254" height="238" src="https://murasakiatsushi.com/wp-content/uploads/vector-pinch05.jpg" alt="ベクター線つまみ　つまみ加減" class="wp-image-258"/><figcaption>ベクター線つまみ　つまみ加減100</figcaption></figure>



<p>私は大きく調整するため、今回の例でも<span class="swl-format-2">つまみ加減の数値を100</span>にしてます。</p>
</div></div>



<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="480" height="302" src="https://murasakiatsushi.com/wp-content/uploads/pinch-trouble02.jpg" alt="ベクター線つまみは細かい線がたくさんあると苦手" class="wp-image-260" srcset="https://murasakiatsushi.com/wp-content/uploads/pinch-trouble02.jpg 480w, https://murasakiatsushi.com/wp-content/uploads/pinch-trouble02-300x189.jpg 300w" sizes="(max-width: 480px) 100vw, 480px" /><figcaption>ベクター線つまみは細かい線がたくさんあると苦手</figcaption></figure>



<p>なるべく長い線を描いて一本だけ動かすようにすると調整しやすいです。</p>
</div></div>



<p><span class="swl-marker mark_orange">ベクターレイヤーは線の情報を保持</span>してますので、<span class="swl-format-2">拡大縮小したり変形してもラスターレイヤーのように劣化しないというのは大きなメリット</span>です。</p>



<h2 class="wp-block-heading">ベクターの線幅修正</h2>



<p>ベクターは線を細くしたり太くしたりといったこともキレイで簡単なのが特徴です。</p>



<p>初期設定では<span class="swl-format-1">［Y］キーを押すと線修正ツール</span>から<span class="swl-format-2">線幅修正</span>を選びます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="360" height="450" src="https://murasakiatsushi.com/wp-content/uploads/vector-line-adjustment01.jpg" alt="クリスタ　ベクター線幅修正" class="wp-image-234" srcset="https://murasakiatsushi.com/wp-content/uploads/vector-line-adjustment01.jpg 360w, https://murasakiatsushi.com/wp-content/uploads/vector-line-adjustment01-300x375.jpg 300w" sizes="(max-width: 360px) 100vw, 360px" /><figcaption>クリスタ　ベクター線幅修正</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="403" height="393" src="https://murasakiatsushi.com/wp-content/uploads/vector-line-adjustment02.jpg" alt="クリスタ　ベクター線幅修正で細く" class="wp-image-235" srcset="https://murasakiatsushi.com/wp-content/uploads/vector-line-adjustment02.jpg 403w, https://murasakiatsushi.com/wp-content/uploads/vector-line-adjustment02-300x293.jpg 300w" sizes="(max-width: 403px) 100vw, 403px" /><figcaption>クリスタ　ベクター線幅修正で細く</figcaption></figure>



<p><span class="swl-format-2">線幅修正ツールを使うと線の太さも柔軟に変えることが</span><span class="swl-format-2">でき</span><span class="swl-format-2">ます。</span></p>



<p>ラスターレイヤーでも線幅修正は可能ですが、きれいに上手くやるのが結構難しいです。</p>



<h2 class="wp-block-heading">ベクターの線はブラシ形状を変更できる！</h2>



<p>先ほど、<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>ベクターで変更可能なもの</span></div><div class="cap_box_content">
<ul class="wp-block-list"><li>線の色</li><li>線の太さ（ブラシサイズ）</li><li>ブラシの形状</li></ul>
</div></div>



<p>ベクターの線を一本一本選択して変えることも可能ですが、今回は<span class="swl-format-1">ベクターレイヤーを一括で変更</span>してみます。</p>



<p><span class="swl-format-1"><span class="swl-marker mark_orange">変更したいベクターレイヤーをレイヤーパレットで選択</span></span>した状態で、左側に並んでいるアイコンから<span class="swl-format-2">オブジェクト操作ツール</span>を選びます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="205" height="226" src="https://murasakiatsushi.com/wp-content/uploads/subtool-object.jpg" alt="オブジェクト操作ツール" class="wp-image-245"/><figcaption>オブジェクト操作ツール</figcaption></figure>



<p>初期設定ではすぐ下にある<span class="swl-format-2">ツールプロパティから様々な変更</span>が可能です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="170" height="293" src="https://murasakiatsushi.com/wp-content/uploads/clippaint-object-tool.jpg" alt="オブジェクト操作ツールのブラシ形状を変更" class="wp-image-236"/><figcaption>オブジェクト操作ツールのブラシ形状を変更</figcaption></figure>



<p>オブジェクト操作ツールから<span class="swl-format-1">ブラシ形状を変更</span>します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="201" height="418" src="https://murasakiatsushi.com/wp-content/uploads/object-tool2.jpg" alt="今回は水彩を選択" class="wp-image-238"/><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="353" height="244" src="https://murasakiatsushi.com/wp-content/uploads/object-tool3.jpg" alt="オブジェクト操作ツールでブラシサイズも変更します。" class="wp-image-239" srcset="https://murasakiatsushi.com/wp-content/uploads/object-tool3.jpg 353w, https://murasakiatsushi.com/wp-content/uploads/object-tool3-300x207.jpg 300w" sizes="(max-width: 353px) 100vw, 353px" /><figcaption>ブラシサイズも変更してみます。</figcaption></figure>



<p>ちょっと分かりやすくするために<span class="swl-format-1">ブラシサイズを太め</span>にしてみました。</p>



<p>その結果どうなるかというと…</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="625" src="https://murasakiatsushi.com/wp-content/uploads/vector-before.jpg" alt="ベクター　ブラシ形状変更前" class="wp-image-240" srcset="https://murasakiatsushi.com/wp-content/uploads/vector-before.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/vector-before-300x375.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>ベクター　ブラシ形状変更前</figcaption></figure>



<p>この元絵が</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="625" src="https://murasakiatsushi.com/wp-content/uploads/vector-after.jpg" alt="ベクター　ブラシ形状変更後" class="wp-image-241" srcset="https://murasakiatsushi.com/wp-content/uploads/vector-after.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/vector-after-300x375.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption>ベクター　ブラシ形状変更後</figcaption></figure>



<p>こんな感じになります！</p>



<p>表情の線画だけ変更しなかったのですが、<span class="swl-format-2">絵のタッチを一瞬で変える驚異の機能</span>です！</p>



<p>普段は漫画の背景のコマでしかベクターのブラシ形状変更をしたことがなかったので、予想以上の結果に感動してます。</p>



<h2 class="wp-block-heading">ベクターは消しゴムを使うときに便利！</h2>



<p>クリスタでベクターレイヤーを使う一番の理由は、<span class="swl-format-2">消しゴムの「交点まで消す」</span>があるからと言い切れるほど一番使う機能です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="207" height="266" src="https://murasakiatsushi.com/wp-content/uploads/clip-eraser.jpg" alt="消しゴムのオプションベクター消去「交点まで」" class="wp-image-262"/><figcaption>消しゴムのオプションベクター消去「交点まで」</figcaption></figure>



<p>消しゴムのツールプロパティで<span class="swl-format-2">ベクター消去にチェックボックスをオン</span>にして、「交点まで」を選びます。</p>



<p>これでベクターの線が交差するところまで自動で消してくれる便利な機能なのです！</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>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="400" src="https://murasakiatsushi.com/wp-content/uploads/eraser-after.jpg" alt="ベクター線交点まで消去後" class="wp-image-265" srcset="https://murasakiatsushi.com/wp-content/uploads/eraser-after.jpg 500w, https://murasakiatsushi.com/wp-content/uploads/eraser-after-300x240.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><figcaption> ベクター線　交点まで消去後</figcaption></figure>



<p><span class="swl-format-1">髪の線画は別レイヤー</span>に描いておくと、<span class="swl-format-1">洋服の線を気にせずに青い線だけ消しゴムで消すだけ</span>で、はみ出しが一気に消せてしまいます！</p>



<p>実際に使っているところを動画で見てもらうと分かりやすいと思います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="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-1">長い髪の毛は勢いで描いた方がきれい</span>に描けますので、一気に線を引いてしまいます。</p>



<p>その<span class="swl-format-1">あとで消しゴムでササッと消して</span>しまったほうが、<span class="swl-format-2">仕上がりがキレイになり作業の時短にもなり利点しかありません</span>！</p>



<p>先に述べた、<span class="swl-format-1">レイヤーを分けておくと修正が楽というのは本当に役に立ちます！</span></p>



<p>また、<span class="swl-marker mark_orange">「交点まで」消す</span>以外のオプションは次の2つです。</p>



<ul class="wp-block-list"><li>触れた部分</li><li>線全体</li></ul>



<figure class="wp-block-image size-full"><img decoding="async" width="210" height="269" src="https://murasakiatsushi.com/wp-content/uploads/eraser-option01.jpg" alt="ベクター消しゴム　触れた部分" class="wp-image-276"/><figcaption>ベクター消しゴム　触れた部分</figcaption></figure>



<p><span class="swl-format-1">「触れた部分」</span>は文字通り、<span class="swl-marker mark_orange">消しゴムカーソルの触れた部分だけ</span>を消します。</p>



<p><span class="swl-marker mark_orange">ラスターレイヤーで消す</span><span class="swl-marker mark_orange">の</span><span class="swl-marker mark_orange">と同じような使い勝手</span>です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="215" height="254" src="https://murasakiatsushi.com/wp-content/uploads/eraser-option02.jpg" alt="ベクター消しゴム　線全体" class="wp-image-277"/><figcaption>ベクター消しゴム　線全体</figcaption></figure>



<p><span class="swl-format-1">「線全体」</span>は<span class="swl-marker mark_orange">消しゴムカーソルの触れた線を一気に消します</span>。</p>



<p><span class="swl-marker mark_orange">大幅に描き直したい</span>とき、<span class="swl-marker mark_orange">長いストロークの描線を一回で消したい</span>ときに最適です。</p>



<h2 class="wp-block-heading">ベクターレイヤーのデメリット</h2>



<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-2">厚塗りはできない</span>。</li><li><span class="swl-format-2">線が増えると処理は重くなりがち</span>になる。</li><li>細かくて短いタッチの線を何本も重ねて描く人にはベクターの交点消去は使いにくい。</li></ul>



<p>色混ぜや塗りつぶしができないので、着色では使いにくいです。</p>



<p>色混ぜの具体例をお見せします。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="414" height="230" src="https://murasakiatsushi.com/wp-content/uploads/color-mixing001.jpg" alt="緑色で色混ぜ
" class="wp-image-280" srcset="https://murasakiatsushi.com/wp-content/uploads/color-mixing001.jpg 414w, https://murasakiatsushi.com/wp-content/uploads/color-mixing001-300x167.jpg 300w" sizes="(max-width: 414px) 100vw, 414px" /><figcaption>緑色で色混ぜ</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="400" height="703" src="https://murasakiatsushi.com/wp-content/uploads/color-mixing002.jpg" alt="ベクターでは色が混ざらない" class="wp-image-281" srcset="https://murasakiatsushi.com/wp-content/uploads/color-mixing002.jpg 400w, https://murasakiatsushi.com/wp-content/uploads/color-mixing002-300x527.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" /><figcaption>ベクターでは色が混ざらない</figcaption></figure>



<p><span class="swl-marker mark_orange">左側にラスターレイヤー</span>、<span class="swl-marker mark_orange">右側にベクターレイヤー</span>で描いた紫色と緑色の線があります。</p>



<p>色混ぜツールを使い、2本の線の境界を緑色でなじませてみましたが、ベクターレイヤーではまったく色が混ざらず新しい緑色の線が描かれてしまいました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="396" height="460" src="https://murasakiatsushi.com/wp-content/uploads/color-mixing003.jpg" alt="ベクターは線自体に個別の情報を持っている" class="wp-image-282" srcset="https://murasakiatsushi.com/wp-content/uploads/color-mixing003.jpg 396w, https://murasakiatsushi.com/wp-content/uploads/color-mixing003-300x348.jpg 300w" sizes="(max-width: 396px) 100vw, 396px" /><figcaption>ベクターは線自体に個別の情報を持っている</figcaption></figure>



<p><span class="swl-marker mark_orange">ベクターは線一本一本に個別の情報を記録</span>しているので、<span class="swl-format-2">色混ぜツールの線も独立した情報になってしまう</span>ためです。</p>



<p>肌の着色などでは色をなじませることが多いので、<span class="swl-format-2">着色はラスターレイヤー</span>で行うほうが思い通りの色使いが実現できます。</p>



<p>基本的に<span class="swl-format-1">線画がはっきり</span>している、<span class="swl-marker mark_orange">アニメ系の絵に向いてるのが<span class="swl-format-1">ベクターレイヤー</span></span>だと思います。</p>



<p>厚塗りなどするならベクターレイヤーをメニューの<span class="swl-format-1">［レイヤー］→［ラスタライズ］</span>をして<span class="swl-format-1">ラスターレイヤーに変換して着色</span>するのがオススメです。</p>



<p>ただし、一度<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>レイヤーの基本のお話</li><li>レイヤーは分けておくと修正が楽になる</li><li>ベクターレイヤーは劣化させずに変形させることができる。</li><li>ベクター線はあとからでも色もブラシも変えられる！</li><li>ベクター線の交点消去で線画の時短を！</li><li>ベクターレイヤーのデメリット</li></ul>
</div></div>



<p>私の絵の方向性と描き方がベクターレイヤーに合っていたので、この便利な機能が手放せません！</p>



<p>うまくベクターレイヤーを活用して、絵の幅を広げる参考になれば嬉しいです！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://murasakiatsushi.com/clipstudiopaint-vectorlayer/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>
