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

<channel>
	<title>クリスタ | アリッシアの朝</title>
	<atom:link href="https://alicia-ing.com/tag/%E3%82%AF%E3%83%AA%E3%82%B9%E3%82%BF/feed/" rel="self" type="application/rss+xml" />
	<link>https://alicia-ing.com</link>
	<description></description>
	<lastBuildDate>Sun, 20 Jul 2025 21:37:12 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.3</generator>

<image>
	<url>https://alicia-ing.com/wp-content/uploads/2023/05/cropped-alicia-32x32.webp</url>
	<title>クリスタ | アリッシアの朝</title>
	<link>https://alicia-ing.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【XP-PEN左手デバイス】クリスタでおすすめしたい設定</title>
		<link>https://alicia-ing.com/creative/paint/xp-pen-left-device-setting/</link>
					<comments>https://alicia-ing.com/creative/paint/xp-pen-left-device-setting/#respond</comments>
		
		<dc:creator><![CDATA[アリッシア]]></dc:creator>
		<pubDate>Sun, 27 Apr 2025 22:00:00 +0000</pubDate>
				<category><![CDATA[イラスト]]></category>
		<category><![CDATA[クリスタ]]></category>
		<guid isPermaLink="false">https://alicia-ing.com/?p=8652</guid>

					<description><![CDATA[左手デバイスは、動画編集やゲームなどクリエイティブな活動から娯楽まで様々な用途で使用されます。その中でもクリスタのようなイラスト作成では必要不可欠です。 左手デバイスはショートカットキー（コマンドキー）を設定しておくこと [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box has-border-color has-red-border-color cocoon-block-faq is-style-default"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">左手デバイスはイラスト制作に必要？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p><strong>使用頻度が高いショートカットを自由に登録できるので、今すぐに導入するべき！</strong></p>
</div></dd></dl></div>



<p>左手デバイスは、動画編集やゲームなどクリエイティブな活動から娯楽まで様々な用途で使用されます。その中でも<strong>クリスタのようなイラスト作成</strong>では必要不可欠です。</p>



<p>左手デバイスはショートカットキー（コマンドキー）を設定しておくことで<strong>PCのキーボードを操作せずショートカットキー</strong>を<strong>実行</strong>されます。</p>



<p>例えば、線画を書き直したいとき1つ前の操作に戻るUNDOは「Ctrl+Z」を同時押しして実行します。他にも、クリスタで自由変形をする場合は「Ctrl+Shift+T」と<strong>３つもキーを同時押し</strong>しないといけません。</p>



<p>コマンドを実行するときに片手で３つのキーを押すことは難しく、<strong>ペンをそのたびに置く</strong>必要が出てきます。</p>



<p>このようなクリスタの便利な機能を使うとするときに、<strong>無駄な動きがストレスになり絵の上達を妨げる</strong>ことになります。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://alicia-ing.com/wp-content/uploads/2023/05/alicia.webp" alt="著者の体験談" class="speech-icon-image"/></figure><div class="speech-name">著者の体験談</div></div><div class="speech-balloon">
<p>私自身、絵を描くことをやめるかもしれないから、もう少し上達したら買おうと<strong>左手デバイスの購入を先延ばし</strong>にしていました。しかし、<strong>もっと早く導入しておけばと後悔</strong>しています。</p>
</div></div>



<p>本記事は、実際に私が使っている左手デバイス「XP-Pen AC19」で「<a rel="nofollow" target="_self" href="https://px.a8.net/svt/ejp?a8mat=3TJMXS+BZ1UR6+3AP2+61RIA">CLIP STUDIO PAINT EX</a>
<img decoding="async" border="0" width="1" height="1" src="https://www15.a8.net/0.gif?a8mat=3TJMXS+BZ1UR6+3AP2+61RIA" alt="">」（クリスタ）、おすすめショートカットキー設定を紹介します。</p>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box cocoon-block-label-box"><div class="label-box-label block-box-label box-label fab-check"><span class="label-box-label-text block-box-label-text box-label-text">本記事は次の人におすすめ</span></div><div class="label-box-content block-box-content box-content">
<ul class="wp-block-list">
<li>XP-PENの左手デバイスについて知りたい。</li>



<li>クリスタでおすすめのショートカットキー設定を知りたい。</li>



<li>左手デバイスの選び方を知りたい。</li>
</ul>
</div></div>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-border-color has-blue-border-color cocoon-block-tab-caption-box"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text">イラスト始めるならクリスタ</span></div><div class="tab-caption-box-content block-box-content box-content">
<div class="wp-block-cocoon-blocks-column-2 column-wrap column-2 column-2-3-1-2 layout-box">
<div class="wp-block-cocoon-blocks-column-left column-left">
<a rel="nofollow" target="_self" href="https://px.a8.net/svt/ejp?a8mat=3TJMXS+BZ1UR6+3AP2+63OY9">
<img fetchpriority="high" decoding="async" border="0" width="300" height="250" alt="" src="https://www20.a8.net/svt/bgt?aid=231023584724&#038;wid=001&#038;eno=01&#038;mid=s00000015383001025000&#038;mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www18.a8.net/0.gif?a8mat=3TJMXS+BZ1UR6+3AP2+63OY9" alt="">
</div>



<div class="wp-block-cocoon-blocks-column-right column-right">
<ul class="wp-block-list">
<li>採用している<strong>学校・企業・絵師多数</strong></li>



<li>機能豊富で、<strong>絵の上達を実感</strong>しやすい</li>



<li>英語・台湾・スペイン・フランス語圏、<strong>世界中で人気</strong></li>



<li><strong>PhotoShop</strong>をはじめ他のソフトウェアと互換性が高い</li>



<li><strong>情報の網羅性</strong>が高い</li>



<li>素材が豊富で、<strong>商用利用も可能</strong></li>
</ul>
</div>
</div>



<div class="wp-block-cocoon-blocks-micro-balloon-2 alignleft micro-balloon micro-top mc-circle micro-copy"><span class="micro-balloon-content micro-content">詳細はこちら</span></div>



<a rel="nofollow" target="_self" href="https://px.a8.net/svt/ejp?a8mat=3TJMXS+BZ1UR6+3AP2+5YRHE">ペイントツールのスタンダード【CLIP STUDIO PAINT PRO】</a> 

<img loading="lazy" decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=3TJMXS+BZ1UR6+3AP2+5YRHE" alt="">
</div></div>



<div id="rtoc-mokuji-wrapper" class="rtoc-mokuji-content frame3 preset1 animation-none rtoc_open default" data-id="8652" data-theme="Cocoon Child">
			<div id="rtoc-mokuji-title" class=" rtoc_left">
			<button class="rtoc_open_close rtoc_open"></button>
			<span>目次</span>
			</div><ol class="rtoc-mokuji decimal_ol level-1"><li class="rtoc-item"><a href="#rtoc-1">クリスタでおすすめの左手デバイス設定</a><ul class="rtoc-mokuji mokuji_ul level-2"><li class="rtoc-item"><a href="#rtoc-2">ドライバーダウンロード</a></li><li class="rtoc-item"><a href="#rtoc-3">線画のショートカットキー</a></li><li class="rtoc-item"><a href="#rtoc-4">色塗りのショートカットキー</a></li><li class="rtoc-item"><a href="#rtoc-5">共通のショートカットキー</a></li></ul></li><li class="rtoc-item"><a href="#rtoc-6">まとめ</a></li></ol></div><h2 id="rtoc-1"  class="wp-block-heading">クリスタでおすすめの左手デバイス設定</h2>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1536" height="1024" src="https://alicia-ing.com/wp-content/uploads/2025/04/left_hand_device_artwork.webp" alt="" class="wp-image-8658" srcset="https://alicia-ing.com/wp-content/uploads/2025/04/left_hand_device_artwork.webp 1536w, https://alicia-ing.com/wp-content/uploads/2025/04/left_hand_device_artwork-300x200.webp 300w, https://alicia-ing.com/wp-content/uploads/2025/04/left_hand_device_artwork-1024x683.webp 1024w, https://alicia-ing.com/wp-content/uploads/2025/04/left_hand_device_artwork-768x512.webp 768w" sizes="(max-width: 1536px) 100vw, 1536px" /></figure>



<p>クリスタの標準のショートカットは数多くあります。その中でも以下の表にまとめたコマンドは非常によく使います。</p>



<figure class="wp-block-table"><div class="scrollable-table"><table class="has-fixed-layout"><thead><tr><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">Ctrl + Z</td><td class="has-text-align-center" data-align="center">Undo(操作を１つ戻る)</td></tr><tr><td class="has-text-align-center" data-align="center">Ctrl + Y</td><td class="has-text-align-center" data-align="center">Redo（Undoを取り消す）</td></tr><tr><td class="has-text-align-center" data-align="center">Ctrl + D</td><td class="has-text-align-center" data-align="center">選択解除</td></tr><tr><td class="has-text-align-center" data-align="center">Ctrl + A</td><td class="has-text-align-center" data-align="center">全選択</td></tr><tr><td class="has-text-align-center" data-align="center">Ctrl + T</td><td class="has-text-align-center" data-align="center">自由変形</td></tr><tr><td class="has-text-align-center" data-align="center">B</td><td class="has-text-align-center" data-align="center">ブラシ</td></tr><tr><td class="has-text-align-center" data-align="center">E</td><td class="has-text-align-center" data-align="center">消しゴム</td></tr><tr><td class="has-text-align-center" data-align="center">I</td><td class="has-text-align-center" data-align="center">スポイト</td></tr><tr><td class="has-text-align-center" data-align="center">G</td><td class="has-text-align-center" data-align="center">塗りつぶし</td></tr><tr><td class="has-text-align-center" data-align="center">M</td><td class="has-text-align-center" data-align="center">投げ縄</td></tr><tr><td class="has-text-align-center" data-align="center">P</td><td class="has-text-align-center" data-align="center">ペン</td></tr><tr><td class="has-text-align-center" data-align="center">U</td><td class="has-text-align-center" data-align="center">定規・図形</td></tr><tr><td class="has-text-align-center" data-align="center">Space</td><td class="has-text-align-center" data-align="center">キャンバス移動</td></tr><tr><td class="has-text-align-center" data-align="center">Shift + Space</td><td class="has-text-align-center" data-align="center">回転</td></tr></tbody></table></div></figure>



<p>参考ページ：「<a target="_self" href="https://help.clip-studio.com/ja-jp/manual_jp/780_shortcuts/780_shortcuts.htm">ショートカット一覧 &#8211; Clip Studio Paint User Guide</a>」</p>



<p>表に挙げた項目はほんの一部で本当はもっと使用しています。このようにクリスタには星の数ほどショートカットキー機能があり、イラスト制作においてコマンド入力は必要不可欠です。</p>



<p>さて、ショートカットキー一覧から分かるようにXP-Pen AC19や現在販売されている<a target="_self" href="https://www.amazon.co.jp/%E5%B7%A6%E6%89%8B%E3%83%87%E3%83%90%E3%82%A4%E3%82%B9-%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%AB%E3%83%83%E3%83%88%E3%83%AA%E3%83%A2%E3%83%BC%E3%83%88-%E7%89%87%E6%89%8B%E3%82%AD%E3%83%BC%E3%83%9C%E3%83%BC%E3%83%89-Bluetooth%E5%AF%BE%E5%BF%9C-%E4%BD%9C%E6%A5%AD%E5%8A%B9%E7%8E%87%E5%90%91%E4%B8%8A/dp/B0BWJVXGSY?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=2ABFPLCRM8M56&amp;dib=eyJ2IjoiMSJ9.uN5iZCSgqe7JJnW4Spnn29cgEVZ__fM5-gYxRioRx4qTvltGIVPPHWRUOaBHXYB3UBT6AfkXeDPvJdCsT_DF3wHk3GPkxeCbd5hAEVyXsjkDV1U2FPo9Ci7hcHLb55ofEnm6PWBhUxkhNboiRKyjlQlHyEulceGjc2ixQ9LLqHH30r_enAX-t8icW_ytr0yrDU-LegSf0U3_-M_iRgqh_lb7jAMDxOC4lMbsiYv087NoYvAdNDbkCK5D0qXmvsxqUl4gloxBqvB3Z5tfECGmrwdVA4CjaCV4iw6L5CT1q1k.KfKf9LI9hEmLr6OrEq57yHK3dNtlA7N1LTDlHxcVAts&amp;dib_tag=se&amp;keywords=XP-pen+%E3%83%87%E3%83%90%E3%82%A4%E3%82%B9&amp;qid=1745732099&amp;sprefix=xp-pen+%E3%83%87%E3%83%90%E3%82%A4%E3%82%B9%2Caps%2C170&amp;sr=8-2-spons&amp;sp_csd=d2lkZ2V0TmFtZT1zcF9hdGY&amp;psc=1&amp;linkCode=ll1&amp;tag=b0420e-22&amp;linkId=342f7379ea32839d01194aaca0044998&amp;language=ja_JP&amp;ref_=as_li_ss_tl">XP-Pen ACK05</a>のボタンの数を見てみると<strong>ダイヤル含めて10個程度</strong>しかありません。</p>


		<div class="pochipp-box"
			data-id="6357"
			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="7f9c89d9"		>
							<div class="pochipp-box__image">
					<a rel="nofollow" target="_self" href="https://www.amazon.co.jp/dp/B0BWJVXGSY?tag=b0420e-22&#038;linkCode=ogi&#038;th=1&#038;psc=1">
						<img loading="lazy" decoding="async" src="https://m.media-amazon.com/images/I/313pjgh3j0L._SL500_.jpg" alt="" width="120" height="120" />					</a>
				</div>
						<div class="pochipp-box__body">
				<div class="pochipp-box__title">
					<a rel="nofollow" target="_self" href="https://www.amazon.co.jp/dp/B0BWJVXGSY?tag=b0420e-22&#038;linkCode=ogi&#038;th=1&#038;psc=1">
						XPPen 左手デバイス ショートカットリモート 片手キーボード Bluetooth対応 ワイヤレス ペンタブ 液タブ用 ノートパソコン対応 作業効率向上 イラスト 画像 動画編集 ACK05					</a>
				</div>

				
									<div class="pochipp-box__price">
						¥5,599						<span>（2025/11/01 16:58時点 | Amazon調べ）</span>
					</div>
				
							</div>
				<div class="pochipp-box__btns"
		data-maxclmn-pc="fit"
		data-maxclmn-mb="1"
	>
					<div class="pochipp-box__btnwrap -amazon">
								<a rel="nofollow" target="_self" href="https://www.amazon.co.jp/dp/B0BWJVXGSY?tag=b0420e-22&#038;linkCode=ogi&#038;th=1&#038;psc=1" class="pochipp-box__btn">
					<span>
						Amazon					</span>
									</a>
			</div>
							<div class="pochipp-box__btnwrap -rakuten">
								<a rel="nofollow" target="_self" href="https://af.moshimo.com/af/c/click?a_id=4016319&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%25E5%25B7%25A6%25E6%2589%258B%25E3%2583%2587%25E3%2583%2590%25E3%2582%25A4%25E3%2582%25B9" class="pochipp-box__btn">
					<span>
						楽天市場					</span>
					<img loading="lazy" decoding="async" src="https://i.moshimo.com/af/i/impression?a_id=4016319&#038;p_id=54&#038;pc_id=54&#038;pl_id=616" width="1" height="1" style="border:none;">				</a>
			</div>
										<div class="pochipp-box__btnwrap -yahoo -long-text">
								<a rel="nofollow" target="_self" href="https://shopping.yahoo.co.jp/search?p=%E5%B7%A6%E6%89%8B%E3%83%87%E3%83%90%E3%82%A4%E3%82%B9" class="pochipp-box__btn">
					<span>
						Yahooショッピング					</span>
									</a>
			</div>
									</div>
								<div class="pochipp-box__logo">
					<img loading="lazy" decoding="async" src="https://alicia-ing.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png" alt="" width="32" height="32">
					<span>ポチップ</span>
				</div>
					</div>
	


<p>要するに、<strong>ショートカットキー登録は数が限られます。</strong><br>そこで私が絵を描くときは、「線画」と「塗り」のときで分けています。</p>



<p>例えば、スペースキーは「線画」と「塗り」で必要です。<br>しかし、<strong>塗りつぶしは「塗り」でしか使わない</strong>ので、「線画」では設けてません。</p>



<p>以下では、限られた入力の中で線画と塗りでおすすめなショートカットキー設定を紹介します。</p>



<h3 id="rtoc-2"  class="wp-block-heading">ドライバーダウンロード</h3>



<p>購入してすぐの左手デバイスはデフォルトのままなので、ドライバーをインストールして変更する必要があります。<a target="_self" title="Xp-pen AC19ドライバーダウンロードページ" href="https://www.xp-pen.jp/download-330.html">Xp-pen AC19ドライバーダウンロードページ</a>でドライバーをPC内にインストールすしてください。</p>



<div class="wp-block-cocoon-blocks-micro-text micro-text micro-copy micro-top"><span class="micro-text-content micro-content"><span class="micro-text-icon micro-icon fab-info-circle"></span>XP-Pen AC19の紹介をしています。</span></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-together">

<a target="_self" href="https://alicia-ing.com/life/best-buy/xppen-ac19/" title="AC19-イラストや動画編集にも使えるXP-Pen左手デバイス" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://alicia-ing.com/wp-content/uploads/2023/01/xppen-ac19-160x90.webp" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://alicia-ing.com/wp-content/uploads/2023/01/xppen-ac19-160x90.webp 160w, https://alicia-ing.com/wp-content/uploads/2023/01/xppen-ac19-120x68.webp 120w, https://alicia-ing.com/wp-content/uploads/2023/01/xppen-ac19-320x180.webp 320w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">AC19-イラストや動画編集にも使えるXP-Pen左手デバイス</div><div class="blogcard-snippet internal-blogcard-snippet">XP-Penの左手デバイス「AC19」はClip Studio Paintで利用可能です。iPadやBluetooth接続はできませんが、コスパが高く非常に扱いやすい左手デバイスです。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://alicia-ing.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">alicia-ing.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2025.08.11</div></div></div></div></a>
</div>



<p>インストールと登録が完了すると、このようなページが開きます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="639" src="https://alicia-ing.com/wp-content/uploads/2023/10/setting-1024x639.webp" alt="" class="wp-image-4038" srcset="https://alicia-ing.com/wp-content/uploads/2023/10/setting-1024x639.webp 1024w, https://alicia-ing.com/wp-content/uploads/2023/10/setting-300x187.webp 300w, https://alicia-ing.com/wp-content/uploads/2023/10/setting-768x479.webp 768w, https://alicia-ing.com/wp-content/uploads/2023/10/setting.webp 1388w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 id="rtoc-3"  class="wp-block-heading">線画のショートカットキー</h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="562" src="https://alicia-ing.com/wp-content/uploads/2023/10/line-drawing-1024x562.webp" alt="" class="wp-image-4039" srcset="https://alicia-ing.com/wp-content/uploads/2023/10/line-drawing-1024x562.webp 1024w, https://alicia-ing.com/wp-content/uploads/2023/10/line-drawing-300x165.webp 300w, https://alicia-ing.com/wp-content/uploads/2023/10/line-drawing-768x421.webp 768w, https://alicia-ing.com/wp-content/uploads/2023/10/line-drawing.webp 1209w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>以下の設定は、<strong>アタリやラフ、線画などで効率が上がる設定</strong>となります。</p>



<p>下書きの段階では、違和感を修正する機会が多いので、これらの登録をおすすめします。</p>



<figure class="wp-block-table alignfull"><div class="scrollable-table"><table><thead><tr><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">K1</td><td class="has-text-align-center" data-align="center">レイヤー移動</td></tr><tr><td class="has-text-align-center" data-align="center">K2</td><td class="has-text-align-center" data-align="center">自由選択</td></tr><tr><td class="has-text-align-center" data-align="center">K3</td><td class="has-text-align-center" data-align="center">選択範囲</td></tr><tr><td class="has-text-align-center" data-align="center">K4</td><td class="has-text-align-center" data-align="center">左右反転</td></tr></tbody></table></div></figure>



<p>レイヤー移動(K1)は、<strong>選択しているレイヤー全体を移動</strong>させることができます。</p>



<p>自由選択(K2)は、<strong>囲んだ範囲で変形</strong>させることができます。</p>



<p>範囲選択(K3)は、<strong>囲んだ範囲を移動(ドラッグ)</strong>させたり、<strong>消去（Deleteキー）</strong>したりなど様々な操作ができます。</p>



<p>左右反転(K4)は、紙をひっくり返しているイメージです。<strong>左右を反転させる</strong>ことで絵の癖を取り除く効果があります。</p>



<p>輪郭や頭身など絵師によって個性が出ますが、目は縦長に描いたり、横長にしたりなど特に個性が出ます。</p>



<p>絵の特徴が、個性ではなく、中途半端な絵となり癖であることを避けるために反転して違和感を出さないように左右反転を使います。</p>



<h3 id="rtoc-4"  class="wp-block-heading">色塗りのショートカットキー</h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="561" src="https://alicia-ing.com/wp-content/uploads/2023/10/Coloring-1024x561.webp" alt="" class="wp-image-4040" srcset="https://alicia-ing.com/wp-content/uploads/2023/10/Coloring-1024x561.webp 1024w, https://alicia-ing.com/wp-content/uploads/2023/10/Coloring-300x164.webp 300w, https://alicia-ing.com/wp-content/uploads/2023/10/Coloring-768x420.webp 768w, https://alicia-ing.com/wp-content/uploads/2023/10/Coloring.webp 1211w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>以下の設定は、色塗りで効率が上がる設定となります。</p>



<figure class="wp-block-table alignfull"><div class="scrollable-table"><table class="has-fixed-layout"><thead><tr><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">K1</td><td class="has-text-align-center" data-align="center">スポイト</td></tr><tr><td class="has-text-align-center" data-align="center">K2</td><td class="has-text-align-center" data-align="center">塗りつぶし</td></tr><tr><td class="has-text-align-center" data-align="center">K3</td><td class="has-text-align-center" data-align="center">レイヤー指定</td></tr><tr><td class="has-text-align-center" data-align="center">K4</td><td class="has-text-align-center" data-align="center">範囲選択</td></tr></tbody></table></div></figure>



<p>スポイト(K1)は、レイヤー関係なく色の上にカーソルを置いて、<strong>クリックすると同じ色</strong>を取得できます。</p>



<p>塗りつぶし(K2)は、<strong>クリックしたところの色を塗りつぶし</strong>ます。<br>線がつながっていないと、用紙全部が塗られてしまうので、清書の線は丁寧に仕上げてください。</p>



<p>レイヤー指定(K3)は、<strong>その線や色がどのレイヤーに描かれているか調べる</strong>ときに、カーソルを置いて、クリックすると自動的にレイヤーを探して教えてくれます。</p>



<p>範囲選択(K4)は、<strong>クリックした空間を点線で選択</strong>して、範囲外のところには線を描かないようにするため、厚塗りやブラシ塗りなど色を塗るときに飛び出ないようにします。</p>



<h3 id="rtoc-5"  class="wp-block-heading">共通のショートカットキー</h3>



<p>以下は、線画と色塗りともに共通しているショートカットキーです。</p>



<figure class="wp-block-table alignfull"><div class="scrollable-table"><table><thead><tr><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">K5</td><td class="has-text-align-center" data-align="center">用紙移動</td></tr><tr><td class="has-text-align-center" data-align="center">K6</td><td class="has-text-align-center" data-align="center">回転</td></tr><tr><td class="has-text-align-center" data-align="center">K7</td><td class="has-text-align-center" data-align="center">１つ進む</td></tr><tr><td class="has-text-align-center" data-align="center">K8</td><td class="has-text-align-center" data-align="center">１つ戻る</td></tr><tr><td class="has-text-align-center" data-align="center">K9</td><td class="has-text-align-center" data-align="center">選択解除</td></tr><tr><td class="has-text-align-center" data-align="center">K10</td><td class="has-text-align-center" data-align="center">保存</td></tr><tr><td class="has-text-align-center" data-align="center">ホイール</td><td class="has-text-align-center" data-align="center">ズーム</td></tr></tbody></table></div></figure>



<p>用紙移動(K5)は、<strong>ズームをしたときに用紙がずれているときに自分が描きやすい位置</strong>にするために使います。</p>



<p>回転(K6)は、<strong>正面のままだと線が描きにくかったり、色を塗りにくかったり</strong>するときに回転させて自分が作業しやすいところに移動させます。</p>



<p>１つ進む(K7)・戻る(K8)は、<strong>やり直すときは、一つ戻り、戻りすぎた場合は、１つ進みます。</strong></p>



<p>選択解除(K9)は、<strong>範囲を選択している</strong>ときに、その選択を無効にします。</p>



<p>保存(K10)は、<strong>作品を保存</strong>します。</p>



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



<p>クリスタでイラスト制作をする場合は、左手デバイスを導入しましょう。クリスタには豊富な機能が多いため割り当てのおすすめ設定は、線画と塗りでショートカットキーを分けることです。</p>



<p>左手デバイスを使わずに絵を描いていると、絵を描く速度が遅く、キーボードで入力していると腱鞘炎になります。</p>



<p>ぜひ、導入としてXP-PENの左手デバイスを手に取ってみてください。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://alicia-ing.com/creative/paint/xp-pen-left-device-setting/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【クリスタ】イラスト作成PCはWindowsとMacどっち？</title>
		<link>https://alicia-ing.com/creative/paint/csp-mac-windows/</link>
					<comments>https://alicia-ing.com/creative/paint/csp-mac-windows/#respond</comments>
		
		<dc:creator><![CDATA[アリッシア]]></dc:creator>
		<pubDate>Sun, 16 Mar 2025 22:00:00 +0000</pubDate>
				<category><![CDATA[イラスト]]></category>
		<category><![CDATA[クリスタ]]></category>
		<guid isPermaLink="false">https://alicia-ing.com/?p=8509</guid>

					<description><![CDATA[クリスタは、CLIP STUDIO PAINT（クリップスタジオペイント）の略で、多くのイラストレーターが使用しているソフトウェアです。 PCのクリスタでイラスト制作を始めたいけど、WindowsとMacのどちらを選ぶべ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>クリスタは、CLIP STUDIO PAINT（クリップスタジオペイント）の略で、<strong>多くのイラストレーターが使用している</strong>ソフトウェアです。</p>



<p>PCのクリスタでイラスト制作を始めたいけど、WindowsとMacのどちらを選ぶべきと悩まれる人も多いでしょう。</p>



<p>本記事では、WindowsとMacのコストや性能、周辺機器との互換性などからどちらがおすすめか解説します。また、iPadとPCはどちらの方が良いか比較も行います。</p>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box cocoon-block-label-box"><div class="label-box-label block-box-label box-label fab-check"><span class="label-box-label-text block-box-label-text box-label-text">本記事は次の人におすすめ</span></div><div class="label-box-content block-box-content box-content">
<ul class="wp-block-list">
<li>クリスタはWindowsとMacどっちにインストールすればよいか気になる人</li>



<li>Mac版のクリスタは使いにくいのか気になる方</li>



<li>クリスタに最適なデバイスを知りたい方</li>



<li>WindowsとMacでの操作性の違いが心配な方</li>



<li>コストパフォーマンスを重視している方</li>



<li>スマホとの連携（データ転送）が気になる方</li>
</ul>
</div></div>



<div id="rtoc-mokuji-wrapper" class="rtoc-mokuji-content frame3 preset1 animation-none rtoc_open default" data-id="8509" data-theme="Cocoon Child">
			<div id="rtoc-mokuji-title" class=" rtoc_left">
			<button class="rtoc_open_close rtoc_open"></button>
			<span>目次</span>
			</div><ol class="rtoc-mokuji decimal_ol level-1"><li class="rtoc-item"><a href="#rtoc-1">クリスタが使いやすいのはWindowsとMacどっち？</a><ul class="rtoc-mokuji mokuji_ul level-2"><li class="rtoc-item"><a href="#rtoc-2">コストパフォーマンスを徹底比較</a></li><li class="rtoc-item"><a href="#rtoc-3">周辺機器の互換性（液タブ、左手デバイスなど）</a></li><li class="rtoc-item"><a href="#rtoc-4">クリスタはmacでは使いにくい？</a></li><li class="rtoc-item"><a href="#rtoc-5">スマホ連携の利便性</a></li></ul></li><li class="rtoc-item"><a href="#rtoc-6">iPadでのクリスタの利用について</a></li><li class="rtoc-item"><a href="#rtoc-7">まとめ</a></li></ol></div><h2 id="rtoc-1"  class="wp-block-heading">クリスタが使いやすいのはWindowsとMacどっち？</h2>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1200" height="630" src="https://alicia-ing.com/wp-content/uploads/2025/03/clipstudio-mac-windows.webp" alt="" class="wp-image-8513" srcset="https://alicia-ing.com/wp-content/uploads/2025/03/clipstudio-mac-windows.webp 1200w, https://alicia-ing.com/wp-content/uploads/2025/03/clipstudio-mac-windows-300x158.webp 300w, https://alicia-ing.com/wp-content/uploads/2025/03/clipstudio-mac-windows-1024x538.webp 1024w, https://alicia-ing.com/wp-content/uploads/2025/03/clipstudio-mac-windows-768x403.webp 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></figure>



<p>結論から言うと、現在使用中のパソコンのOSをそのまま使い続けるのがベストです。実際、<strong>WindowsとMacでクリスタの性能差はほとんどなく</strong>、どちらを使っても基本的な操作感は変わりません。</p>



<p>むしろOSを変えてしまうと、<strong>コマンドキーやショートカットキーを初めから覚え直さなければならず</strong>、生産性が落ちてしまう恐れがあります。</p>



<p>WindowsからMacへ乗り換えをしたユーザーの多くが、ショートカットキーの位置や操作性の違いに戸惑い、<strong>慣れるまでにかなりの時間を費やします。</strong></p>



<p>普段から使い慣れているOSを変える理由が特にない限り、<strong>そのまま使い続ける</strong>ことをおすすめします。<br>私自身、メインPCはWindowsを使用していますが、特に不満はありません。</p>



<p>とはいえ、<strong>これから新しくPCを購入しようとしている方</strong>のために、コストパフォーマンス、周辺機器の互換性、スマホ連携の観点からさらに詳しく解説していきます。</p>



<h3 id="rtoc-2"  class="wp-block-heading">コストパフォーマンスを徹底比較</h3>



<p><strong>コスト面では圧倒的にWindowsが有利</strong>です。</p>



<p>クリスタ公式が推奨するWindowsPC性能は次の通りです。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-border-color has-light-blue-border-color not-nested-style cocoon-block-tab-caption-box" style="--cocoon-custom-border-color:#2ca9e1"><div class="tab-caption-box-label block-box-label box-label fab-bookmark"><span class="tab-caption-box-label-text block-box-label-text box-label-text">WindowsPC性能</span></div><div class="tab-caption-box-content block-box-content box-content">
<figure class="wp-block-table"><div class="scrollable-table"><table class="has-fixed-layout"><tbody><tr><td>OS</td><td>Windows 10<br>Windows 11</td></tr><tr><td>CPU</td><td>SSE2に対応したIntel、AMD製CPU</td></tr><tr><td>GPU</td><td>OpenGL 3.3に対応したGPU</td></tr><tr><td>メモリ</td><td>2GB以上のメモリ必須　8GB以上推奨</td></tr><tr><td>ストレージ</td><td>3GB以上の空き容量のあるストレージ</td></tr></tbody></table></div></figure>



<p>参考：「<a target="_self" href="https://www.clipstudio.net/ja/dl/system/">CLIP STUDIO PAINT動作環境</a>」</p>
</div></div>



<p>参考にしたデータからクリスタを快適に使うには、最低でも<strong>ミドルレンジCPU</strong>（corei5やRyzen5）と<strong>8GBのメモリ</strong>が必要です。Windowsの場合、性能を満たすPCが<strong>6万円台で購入</strong>できます。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://alicia-ing.com/wp-content/uploads/2023/05/alicia.webp" alt="著者の体験談" class="speech-icon-image"/></figure><div class="speech-name">著者の体験談</div></div><div class="speech-balloon">
<p>近年、メモリ8GBではなく<strong>16GBが標準</strong>になってきました。</p>



<p><strong>2022年に購入</strong>したとき、ミドルレンジCPUは8GBとセットだったので自分でメモリを増設する必要がありました。</p>
</div></div>



<p>一方、<strong>Macの場合は最低でも10万円以上</strong>かかるため、初期費用がやや高めになってしまいます。</p>



<p>PCの性能を左右する重要な要素がCPUとメモリで、CPUは頭脳、メモリは机の広さに例えられます。<br>CPUは<strong>大きいブラシ</strong>や<strong>ぼかしツール</strong>のカクカクを防ぎます。<br>メモリは<strong>レイヤーの枚数</strong>や同時にアプリを開く<strong>マルチタスク</strong>ができます。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-border-color has-blue-border-color not-nested-style cocoon-block-tab-caption-box" style="--cocoon-custom-border-color:#0095d9"><div class="tab-caption-box-label block-box-label box-label fab-edit"><span class="tab-caption-box-label-text block-box-label-text box-label-text">イラスト制作中にかかる負荷</span></div><div class="tab-caption-box-content block-box-content box-content">
<ul class="wp-block-list">
<li>数百枚のレイヤー（プロは、これぐらい分ける）</li>



<li>YouTubeやアニメを見ながら絵を描く。</li>



<li>参考イラスト、3Dモデルを画面に出す。</li>
</ul>
</div></div>



<p>私が使用しているPCは<strong>Ryzen5のCPUに16GBのメモリを搭載したWindows環境</strong>を使用しています。<br>参考イラストを開きながら、YouTubeでニュースを見てます。満足いく絵にならないので何度もレイヤーを増やしています。</p>



<p>しかし、クリスタがカクつくことは今までにありませんでした。</p>



<p>Macに関しては、<strong>どの機種でも一定以上の性能</strong>を備えており、私のようなクリスタの使用において特に問題はありません。ただし、初期費用が高く、性能に余裕がある分、予算に制限がある方には負担が大きくなる可能性があります。</p>



<h3 id="rtoc-3"  class="wp-block-heading">周辺機器の互換性（液タブ、左手デバイスなど）</h3>



<p>イラスト制作には<strong>ペンタブレット（液タブや板タブ）</strong>や<strong>左手デバイス</strong>、<strong>外付けモニター</strong>などの周辺機器が重要になります。ここでも<strong>Windowsが有利</strong>で、ほとんどの周辺機器が問題なく動作しますが、<strong>Macの場合は一部製品の中には非対応</strong>なものもあります。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-2 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://alicia-ing.com/wp-content/uploads/2023/05/cropped-alicia.webp" alt="筆者" class="speech-icon-image"/></figure><div class="speech-name">筆者</div></div><div class="speech-balloon">
<p>やはり、Windowsユーザーが多いため周辺機器もWindows中心が多い傾向があります。</p>
</div></div>



<p>私が使っているXP-Pen <a target="_self" href="https://www.amazon.co.jp/%E3%83%9A%E3%83%B3%E3%82%BF%E3%83%96%E3%83%AC%E3%83%83%E3%83%88-Deco%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-%E3%83%9A%E3%82%A4%E3%83%B3%E3%83%88%E3%82%BD%E3%83%95%E3%83%88%E4%BB%98%E3%81%8D-%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E3%82%B3%E3%83%B3%E3%83%86%E3%82%B9%E3%83%88%E8%A8%98%E5%BF%B5%E7%89%88-Deco01V2/dp/B07Z9B85GN?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=BRSP16EN9IR3&amp;dib=eyJ2IjoiMSJ9.Q1aO8wBxCGFbTmnvI0sg3_1_BpRn3hygueUd4bpAma0gva_-hXUZQu-Wa2BSSkGNaRvKwZKEnfMWRabjh22543lShnl5egjY_7bPE6dWQJDmRnVNpI_lLqNCAK2gA8onJ9QcdHa56TOJU7sWCSYKg_K3jTF8TJVKbm9w6tPHdtcXLauVBsjbeibUYzdK4sKyNfPv5VfO5Dqsdys_qbUexe-tnLVGLzxf8cuCge-4urSinxEHsALt7fPuM_qVCUMjrXbm8iKlKCGGg0FIjy3DTXvP8ybhSNmKanOHzMlLJf8.KA8EsGc4k1hS_6pfznErJ_SFGzDDSGR-fSCmlxqn_XU&amp;dib_tag=se&amp;keywords=deco01+v2&amp;qid=1741969710&amp;sprefix=deco01v2%2Caps%2C194&amp;sr=8-1-spons&amp;sp_csd=d2lkZ2V0TmFtZT1zcF9hdGY&amp;psc=1&amp;linkCode=ll1&amp;tag=b0420e-22&amp;linkId=95d6d831bfd57fabffad9f3664b20b09&amp;language=ja_JP&amp;ref_=as_li_ss_tl" data-type="link" data-id="https://www.amazon.co.jp/%E3%83%9A%E3%83%B3%E3%82%BF%E3%83%96%E3%83%AC%E3%83%83%E3%83%88-Deco%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-%E3%83%9A%E3%82%A4%E3%83%B3%E3%83%88%E3%82%BD%E3%83%95%E3%83%88%E4%BB%98%E3%81%8D-%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E3%82%B3%E3%83%B3%E3%83%86%E3%82%B9%E3%83%88%E8%A8%98%E5%BF%B5%E7%89%88-Deco01V2/dp/B07Z9B85GN?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=BRSP16EN9IR3&amp;dib=eyJ2IjoiMSJ9.Q1aO8wBxCGFbTmnvI0sg3_1_BpRn3hygueUd4bpAma0gva_-hXUZQu-Wa2BSSkGNaRvKwZKEnfMWRabjh22543lShnl5egjY_7bPE6dWQJDmRnVNpI_lLqNCAK2gA8onJ9QcdHa56TOJU7sWCSYKg_K3jTF8TJVKbm9w6tPHdtcXLauVBsjbeibUYzdK4sKyNfPv5VfO5Dqsdys_qbUexe-tnLVGLzxf8cuCge-4urSinxEHsALt7fPuM_qVCUMjrXbm8iKlKCGGg0FIjy3DTXvP8ybhSNmKanOHzMlLJf8.KA8EsGc4k1hS_6pfznErJ_SFGzDDSGR-fSCmlxqn_XU&amp;dib_tag=se&amp;keywords=deco01+v2&amp;qid=1741969710&amp;sprefix=deco01v2%2Caps%2C194&amp;sr=8-1-spons&amp;sp_csd=d2lkZ2V0TmFtZT1zcF9hdGY&amp;psc=1&amp;linkCode=ll1&amp;tag=b0420e-22&amp;linkId=95d6d831bfd57fabffad9f3664b20b09&amp;language=ja_JP&amp;ref_=as_li_ss_tl">Deco01V2</a>という板タブレットは、Windows・Mac両方に対応しており、快適に使えています。また、同じくXP-Pen <a target="_self" href="https://www.amazon.co.jp/gp/aw/d/B09HKTYBV2?_encoding=UTF8&amp;pd_rd_plhdr=t&amp;aaxitk=2a160385914df607a7f268cc22a9ee5a&amp;hsa_cr_id=7394311480703&amp;qid=1741969736&amp;sr=1-1-ac08f2b1-eb5b-4f1a-aa64-9e8f448c33ed&amp;pd_rd_w=qsxKO&amp;content-id=amzn1.sym.ea91fbda-5568-44df-b5b0-99202f731686%3Aamzn1.sym.ea91fbda-5568-44df-b5b0-99202f731686&amp;pf_rd_p=ea91fbda-5568-44df-b5b0-99202f731686&amp;pf_rd_r=3MZ7HZ9WHZMV2CK3K99P&amp;pd_rd_wg=uUWVo&amp;pd_rd_r=02e0716c-522c-4a9f-bbec-cd848d17aed0&amp;linkCode=ll1&amp;tag=b0420e-22&amp;linkId=66956703dcf653fd53dc0a7e259f058c&amp;language=ja_JP&amp;ref_=as_li_ss_tl">Artist 12</a>セカンドという液晶タブレットも、両OSに対応しています。</p>



<p>左手デバイスに関しては、XP-Pen(<a target="_self" href="https://www.amazon.co.jp/%E5%B7%A6%E6%89%8B%E3%83%87%E3%83%90%E3%82%A4%E3%82%B9-%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%AB%E3%83%83%E3%83%88%E3%83%AA%E3%83%A2%E3%83%BC%E3%83%88-%E7%89%87%E6%89%8B%E3%82%AD%E3%83%BC%E3%83%9C%E3%83%BC%E3%83%89-Bluetooth%E5%AF%BE%E5%BF%9C-%E4%BD%9C%E6%A5%AD%E5%8A%B9%E7%8E%87%E5%90%91%E4%B8%8A/dp/B0BWJVXGSY?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=2DIY4E12E1S0T&amp;dib=eyJ2IjoiMSJ9.yV-oGYLsC7QoBHP8VLcnXJeMbnYxH8P6GwEEAgvhtMCjpA1KQFDzw8Q6nmqcVg5Oil_xwRbL8VDP-gGZqT5BqUPHMjGtrhx7zwf0q8IoXNFsBCJLwziqitri-rXnpr-xaUnBKJ7jCtY7Va0zrev1GF0Kf7wbFhvnBvmqdOomhhh9ryT5Qw1vw7hifHqyn8wRsm7trFB1HjPfGI02fnJHZ6wZSCAjPtc7luftbTqFqji0iliim5aMqS__7KtdXl-f5knODL0cSQu6yimFkNAvtImUjGKubhebrwFyT5NzUprAZzk3VJabBzdvk_Y8Lw7eucFQf-grnbZLfLoawldjwYSVUN6NrbsFOU_JAONGtcOiogeqMltvCNobXimL24LbXHCw7AEDijjzY1ZsPXldiWJxH3iBDJ7YtRYVes39qkxU9TjqH0yB857PJju5n7jw.XeTVKyZGyh_b1vlJC6pUlGr-eG4FNlepfcif6hnhP4U&amp;dib_tag=se&amp;keywords=xp-pen&amp;qid=1741969794&amp;sprefix=xp-pen%2Caps%2C191&amp;sr=8-6&amp;linkCode=ll1&amp;tag=b0420e-22&amp;linkId=9af546afdb089774af53f13f18d5edbf&amp;language=ja_JP&amp;ref_=as_li_ss_tl">ACK05</a>)だけではなく、今話題の<strong><a target="_self" href="https://www.amazon.co.jp/%E3%83%84%E3%82%A2%E3%83%BC%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E3%83%8D%E3%82%AA%E3%80%81%E5%B7%A6%E6%89%8B%E3%83%87%E3%83%90%E3%82%A4%E3%82%B9-%E7%89%87%E6%89%8B%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%A9%E3%83%BC%E3%80%81%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88-%E7%B7%A8%E9%9B%86%E3%80%81%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E3%82%AD%E3%83%BC%E3%83%9C%E3%83%BC%E3%83%89%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%AB%E3%83%83%E3%83%88%E3%80%81%E3%83%8E%E3%83%BC%E3%83%AB%E3%83%83%E3%82%AF%E4%BD%9C%E6%A5%AD%E5%8F%AF%E8%83%BD%E3%80%81Clip-Photoshop-Illustrator%E3%80%81%E3%82%BF%E3%83%96%E3%83%AC%E3%83%83%E3%83%88/dp/B08HCV1JGB?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=1EJ7SHDP9VUU6&amp;dib=eyJ2IjoiMSJ9.hYwRswVbVLxdJEZL6bb1RdwyA1f56s6rJtSZshc8mJ7HM7NnmdCrhA63Y_uwdXwQH5E4d1A-RcEdgUmOWkl6L8nGth7s2yLpjZHotP-PIAYjsP3cHJ_AQw1__r3Alx4S_hg0Mj3jlcbwgSP8fzbAmUOdmaY8Qns9uJGJE4EAldjwaBb54gWaFVBrg3s6n9VdC2-43Xhgl-CnSCf3lljyv1rpijhWScdi_dKGNGaPrWeY_a86fAPfGgl4HSsWA8aSZXvYteLHMi-a05h1gcHaFfoBd5cMdjuB7rII7gCEx8A.Zxr4RClt0Ry-O0rSrCDNrQ_EkBu16AKOPvvJIPMyIg0&amp;dib_tag=se&amp;keywords=Tourbox&amp;qid=1741969819&amp;sprefix=tourbox%2Caps%2C187&amp;sr=8-2-spons&amp;sp_csd=d2lkZ2V0TmFtZT1zcF9hdGY&amp;th=1&amp;linkCode=ll1&amp;tag=b0420e-22&amp;linkId=9340ea4c7ffd5a31ae941d5dc99ba760&amp;language=ja_JP&amp;ref_=as_li_ss_tl">Tourbox</a>も両OSで対応</strong>しています。<br>モニターは、<strong>USB-CやHDMI端子で接続</strong>します。それぞれのインターフェイスにUSB-CやHDMIが差し込めるか確認してください。</p>



<p>WindowsとMac両方対応している製品が増えてきてますが、未だにWindows有利です。<br>本記事で紹介したもの以外がよく、コストを抑えたい方にはMacOSが若干限定的になるでしょう。</p>



<h3 id="rtoc-4"  class="wp-block-heading">クリスタはmacでは使いにくい？</h3>



<p>巷では、mac版のクリスタが使いにくいという感じる人がいます。</p>



<p>これはソフトそのものの問題ではなく、OSの特性や前述した使える周辺環境との相性によるものが多く、対処法を知れば快適に使うことも可能です。</p>



<p>Windowsに慣れている人は、前に戻るときに「Ctrl + Z」を多用します。しかし、macにはCtrlキーがなく「Command + Z」を使います。</p>



<p>このように<strong>ショートカットキーが全く異なります</strong>。しかし、このトラブルは、左手デバイスを使えば解決が可能です。</p>



<p>左手デバイスは、ボタンを押すだけでショートカットキーの処理を可能にします。したがって、Macでクリスタが使いにくいと感じる場合は、<strong>左手デバイスの導入</strong>で解決ができるかと思います。</p>



<div class="wp-block-cocoon-blocks-micro-text micro-text micro-copy micro-top"><span class="micro-text-content micro-content"><span class="micro-text-icon micro-icon fab-info-circle"></span>左手デバイスの設定について紹介しています。</span></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-together">

<a target="_self" href="https://alicia-ing.com/creative/paint/xp-pen-left-device-setting/" title="【XP-PEN左手デバイス】クリスタでおすすめしたい設定" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://alicia-ing.com/wp-content/uploads/2025/04/xp-pen-left-device-setting-160x90.webp" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://alicia-ing.com/wp-content/uploads/2025/04/xp-pen-left-device-setting-160x90.webp 160w, https://alicia-ing.com/wp-content/uploads/2025/04/xp-pen-left-device-setting-120x68.webp 120w, https://alicia-ing.com/wp-content/uploads/2025/04/xp-pen-left-device-setting-320x180.webp 320w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【XP-PEN左手デバイス】クリスタでおすすめしたい設定</div><div class="blogcard-snippet internal-blogcard-snippet">XP-Pen左手デバイスをクリスタでフル活用するためのおすすめ設定とキー割り当てを徹底解説。ブラシ切り替えやズーム、取り消しをワンタッチ化し、作業効率を大幅アップ！初心者向けマクロ設定やプロファイル例付きで即導入可能。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://alicia-ing.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">alicia-ing.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2025.04.29</div></div></div></div></a>
</div>



<h3 id="rtoc-5"  class="wp-block-heading">スマホ連携の利便性</h3>



<p><strong>iPhoneユーザーにとってはMacが非常に便利</strong>です。</p>



<p><strong>AirDrop</strong>という機能を使うことで写真やファイルを手軽に共有できるため、イラスト制作で構図を撮影したり、紙での下描きを取り込む作業がスムーズになります。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://alicia-ing.com/wp-content/uploads/2023/05/alicia.webp" alt="著者の体験談" class="speech-icon-image"/></figure><div class="speech-name">著者の体験談</div></div><div class="speech-balloon">
<p>自分自身でポージングして写真を撮るイラストレーターは多いです。また、自分の手を参考にする人がほとんどです。</p>
</div></div>



<p>私はWindows環境なので、AirDropではなくOneDriveなどの<strong>オンラインストレージ</strong>を使用してスマホとのデータ共有を行っています。やや手間はありますが、特段大きな問題にはなりませんでした。</p>



<p>頻繁に<strong>スマホとPCでデータをやり取りする方にとってはMac</strong>の方が快適に感じるかもしれません</p>



<h2 id="rtoc-6"  class="wp-block-heading">iPadでのクリスタの利用について</h2>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1200" height="630" src="https://alicia-ing.com/wp-content/uploads/2025/03/clipstudio-ipad.webp" alt="" class="wp-image-8514" srcset="https://alicia-ing.com/wp-content/uploads/2025/03/clipstudio-ipad.webp 1200w, https://alicia-ing.com/wp-content/uploads/2025/03/clipstudio-ipad-300x158.webp 300w, https://alicia-ing.com/wp-content/uploads/2025/03/clipstudio-ipad-1024x538.webp 1024w, https://alicia-ing.com/wp-content/uploads/2025/03/clipstudio-ipad-768x403.webp 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></figure>



<p>クリスタは、<strong>パソコンだけではなくiPadやスマホにも対応</strong>していて、幅広いプラットフォームで絵描きを支えています。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-border-color has-light-blue-border-color not-nested-style cocoon-block-tab-caption-box" style="--cocoon-custom-border-color:#2ca9e1"><div class="tab-caption-box-label block-box-label box-label fab-edit"><span class="tab-caption-box-label-text block-box-label-text box-label-text">クリスタが対応しているOS</span></div><div class="tab-caption-box-content block-box-content box-content">
<ul class="wp-block-list">
<li>Windows</li>



<li>macOS</li>



<li>iOS</li>



<li>iPadOS</li>



<li>Android</li>



<li>ChromeOS</li>
</ul>
</div></div>



<p>iPadはどこでも手軽に作業ができるという利点がありますが、一方で<strong>周辺機器が限定されている</strong>点や<strong>iPad版クリスタがサブスクリプション制</strong>である点がデメリットとして挙げられます。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>iPad版やiPhone版のCLIP STUDIO PAINTは、月額利用プランでの提供となり、無期限ライセンスの提供はございません。</p>



<p>App Storeからダウンロードして月額利用プランをお申込みください。</p>
<cite><a target="_self" href="https://support.clip-studio.com/ja-jp/faq/articles/20190088">[iPad/iPhone]CLIP STUDIO PAINTの無期限ライセンスはありますか？</a></cite></blockquote>



<p>Bluetooth対応の左手デバイスは高価であり、2000円のスタイラスペンは勉強には向いていますが、線<strong>の強弱をつけるならApple Pencil</strong>を購入する必要があります。</p>



<p>私は研究で論文を読むためにiPadを持っていますが、<strong>無料で使えるアイビスペイントで構想段階のメモや簡単なスケッチ</strong>に留め、<strong>本格的な作業はPC</strong>で行っています。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://alicia-ing.com/wp-content/uploads/2023/05/alicia.webp" alt="著者の体験談" class="speech-icon-image"/></figure><div class="speech-name">著者の体験談</div></div><div class="speech-balloon">
<p>Twitterやインスタで流れてくるイラストは、iPadで描いている人も多い。<strong>絵の上手な人はデバイスへのこだわりはない</strong>です。</p>
</div></div>



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



<p>イラスト作成におけるPC選びでは、現在使用中のOSを変えずに継続使用することが最も快適です。</p>



<p>ただし、新たに購入する場合は、<strong>コスパ重視ならWindows、スマホとの連携を重要視するならMac</strong>が良い選択となります。</p>



<p>周辺機器の互換性や自身の使い方をよく検討して、これらから購入する方は最適なPCを選びましょう。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://alicia-ing.com/creative/paint/csp-mac-windows/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【クリスタ】ドット絵の作成-ゲームや動画で使えるように書き出し</title>
		<link>https://alicia-ing.com/creative/paint/csp-dot/</link>
					<comments>https://alicia-ing.com/creative/paint/csp-dot/#respond</comments>
		
		<dc:creator><![CDATA[アリッシア]]></dc:creator>
		<pubDate>Tue, 01 Oct 2024 06:33:54 +0000</pubDate>
				<category><![CDATA[イラスト]]></category>
		<category><![CDATA[クリスタ]]></category>
		<guid isPermaLink="false">https://alicia-ing.com/?p=7092</guid>

					<description><![CDATA[クリスタ（CLIP STUDIO PAINT）は、イラストレータや漫画家、アニメータまで多くの絵描きに愛されているペイントソフトです。 また、クリスタではドット絵の制作もできます。ドット絵は、レトロ感を表現できてゲームや [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>クリスタ（CLIP STUDIO PAINT）は、イラストレータや漫画家、アニメータまで多くの絵描きに愛されている<strong>ペイントソフト</strong>です。</p>



<a rel="nofollow" target="_self" href="https://px.a8.net/svt/ejp?a8mat=3TJMXS+BZ1UR6+3AP2+60OXD">
<img loading="lazy" decoding="async" border="0" width="468" height="60" alt="" src="https://www27.a8.net/svt/bgt?aid=231023584724&#038;wid=001&#038;eno=01&#038;mid=s00000015383001011000&#038;mc=1"></a>
<img loading="lazy" decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=3TJMXS+BZ1UR6+3AP2+60OXD" alt="">



<p>また、クリスタではドット絵の制作もできます。<br>ドット絵は、レトロ感を表現できてゲームや動画内で現在でも使用されます。</p>



<p>本記事ではドット絵の描き始めから画像に書き出しまでのクリスタの設定を紹介し、<br>Unityやymm4でゲーム開発や動画制作において実際に使用できる形式での書き出し方法を解説します。</p>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box cocoon-block-label-box"><div class="label-box-label block-box-label box-label fab-check"><span class="label-box-label-text block-box-label-text box-label-text">本記事は次の人におすすめ</span></div><div class="label-box-content block-box-content box-content">
<ul class="wp-block-list">
<li>ドット絵の制作工程を学びたいクリエイター</li>



<li>クリスタでのドット絵制作に興味がある方</li>



<li>ゲーム開発でドット絵を取り入れたい方</li>



<li>動画制作でピクセルアートを使用したい方</li>



<li>Unityでドット絵をスムーズに使いたい方</li>
</ul>
</div></div>



<div id="rtoc-mokuji-wrapper" class="rtoc-mokuji-content frame3 preset1 animation-none rtoc_open default" data-id="7092" data-theme="Cocoon Child">
			<div id="rtoc-mokuji-title" class=" rtoc_left">
			<button class="rtoc_open_close rtoc_open"></button>
			<span>目次</span>
			</div><ol class="rtoc-mokuji decimal_ol level-1"><li class="rtoc-item"><a href="#rtoc-1">ドット絵とは？</a><ul class="rtoc-mokuji mokuji_ul level-2"><li class="rtoc-item"><a href="#rtoc-2">何に使う？</a></li></ul></li><li class="rtoc-item"><a href="#rtoc-3">クリスタでドット絵を描く準備</a><ul class="rtoc-mokuji mokuji_ul level-2"><li class="rtoc-item"><a href="#rtoc-4">キャンパスの作成（ピクセルの指定）</a></li><li class="rtoc-item"><a href="#rtoc-5">参考絵の読み込み</a></li><li class="rtoc-item"><a href="#rtoc-6">グリッド線の表示</a></li></ul></li><li class="rtoc-item"><a href="#rtoc-7">下絵の用意</a><ul class="rtoc-mokuji mokuji_ul level-2"><li class="rtoc-item"><a href="#rtoc-8">ドット絵で使うペン</a></li></ul></li><li class="rtoc-item"><a href="#rtoc-9">色塗り</a></li><li class="rtoc-item"><a href="#rtoc-10">画像を出力</a><ul class="rtoc-mokuji mokuji_ul level-2"><li class="rtoc-item"><a href="#rtoc-11">画面の解像度を拡大</a></li></ul></li><li class="rtoc-item"><a href="#rtoc-12">ymm4で使うタイミング</a></li><li class="rtoc-item"><a href="#rtoc-13">Unityでドット絵を使うタイミング</a></li><li class="rtoc-item"><a href="#rtoc-14">まとめ</a></li></ol></div><h2 id="rtoc-1"  class="wp-block-heading">ドット絵とは？</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="528" src="https://alicia-ing.com/wp-content/uploads/2024/10/dot-illustration-1024x528.webp" alt="" class="wp-image-7112" srcset="https://alicia-ing.com/wp-content/uploads/2024/10/dot-illustration-1024x528.webp 1024w, https://alicia-ing.com/wp-content/uploads/2024/10/dot-illustration-300x155.webp 300w, https://alicia-ing.com/wp-content/uploads/2024/10/dot-illustration-768x396.webp 768w, https://alicia-ing.com/wp-content/uploads/2024/10/dot-illustration-1536x791.webp 1536w, https://alicia-ing.com/wp-content/uploads/2024/10/dot-illustration.webp 1980w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>ドット絵とは、<strong>ピクセルアート</strong>とも呼ばれ、ピクセル単位で構成されるグラフィックの一種です。</p>



<p>8ビットや16ビットで表現されて、80年代から90年代の<strong>レトロゲーム</strong>でよく見られます。<br>限られた色とサイズで表現されるその特徴的なスタイルが、<strong>現代でも人気</strong>です。</p>



<p>ドット絵は、簡潔なデザインでありながらも、細かい工夫や色使いで大きな表現力を持つことができ、<br>インディーズゲームやモバイルゲーム、<strong>SNSアイコンで使用しやすい</strong>です。</p>



<h3 id="rtoc-2"  class="wp-block-heading">何に使う？</h3>



<p>ドット絵はゲームやアニメーション、動画中などさまざまな場面で活用されています。</p>



<p>例えば、レトロ風ゲームのキャラクターやアイテムデザインに使われたり、YouTubeやニコニコ動画での映像作品にドット風の演出を加えることも可能です。</p>



<p>また、SNSのアイコンやバナーとしても人気です。</p>



<h2 id="rtoc-3"  class="wp-block-heading">クリスタでドット絵を描く準備</h2>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-border-color has-red-border-color not-nested-style cocoon-block-tab-caption-box" style="--cocoon-custom-border-color:#e60033"><div class="tab-caption-box-label block-box-label box-label fab-info-circle"><span class="tab-caption-box-label-text block-box-label-text box-label-text">お借りした素材</span></div><div class="tab-caption-box-content block-box-content box-content">
<p>ドット絵は、<a target="_self" href="https://www.ah-soft.com/kiritan/">東北きりたん</a>を使用させていただきました。</p>
</div></div>



<p>ドット絵を描くためには、クリスタの設定を正確に行う必要があります。</p>



<p>ここでは、ピクセル数やグリッド線の表示など、<br>作業をスムーズに進めるための初期設定について解説します。</p>



<h3 id="rtoc-4"  class="wp-block-heading">キャンパスの作成（ピクセルの指定）</h3>



<p>まず、作業するキャンバスのサイズをドット絵に適したピクセル数に設定します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="537" src="https://alicia-ing.com/wp-content/uploads/2024/10/Setup-1024x537.webp" alt="" class="wp-image-7099" srcset="https://alicia-ing.com/wp-content/uploads/2024/10/Setup-1024x537.webp 1024w, https://alicia-ing.com/wp-content/uploads/2024/10/Setup-300x157.webp 300w, https://alicia-ing.com/wp-content/uploads/2024/10/Setup-768x403.webp 768w, https://alicia-ing.com/wp-content/uploads/2024/10/Setup-1536x805.webp 1536w, https://alicia-ing.com/wp-content/uploads/2024/10/Setup.webp 1919w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>一般的には16×16や<strong>32×32</strong>、64×64などの正方形が使われます。<br>ピクセルが大きい方がクオリティが高いものが作れますが、<br>その分塗る量が多くなります。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://alicia-ing.com/wp-content/uploads/2024/10/32-32-1024x536.webp" alt="" class="wp-image-7098" srcset="https://alicia-ing.com/wp-content/uploads/2024/10/32-32-1024x536.webp 1024w, https://alicia-ing.com/wp-content/uploads/2024/10/32-32-300x157.webp 300w, https://alicia-ing.com/wp-content/uploads/2024/10/32-32-768x402.webp 768w, https://alicia-ing.com/wp-content/uploads/2024/10/32-32-1536x804.webp 1536w, https://alicia-ing.com/wp-content/uploads/2024/10/32-32.webp 1919w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>ドット絵は、表現が足りない感じがいいので<strong>解像度は大きくし過ぎない</strong>方がよいです。<br>クリスタの新規作成画面で、幅と高さをピクセル単位で指定することが重要です。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-2 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://alicia-ing.com/wp-content/uploads/2023/05/cropped-alicia.webp" alt="筆者" class="speech-icon-image"/></figure><div class="speech-name">筆者</div></div><div class="speech-balloon">
<p><strong>32×32がおすすめ！</strong><br>小さすぎると描きにくい、大きすぎると書くのが大変。</p>
</div></div>



<h3 id="rtoc-5"  class="wp-block-heading">参考絵の読み込み</h3>



<p>プロであればいきなりドット絵を描くことも可能ですが、<br>普通に描いた<strong>絵をトレースしてドット絵を仕上げる</strong>のが一般的です。</p>



<p>下絵をキャンパス内に読み込みます。<br>上部の<strong>メニューラベル</strong>から選択します。</p>



<div class="wp-block-cocoon-blocks-timeline timeline-box cf block-box has-point-color has-blue-point-color not-nested-style cocoon-block-timeline" style="--cocoon-custom-point-color:#0095d9"><div class="timeline-title">下絵を読み込む</div><ul class="timeline">
<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label"></div><div class="timeline-item-content cf"><div class="timeline-item-title">ファイル</div><div class="timeline-item-snippet">
<p></p>
</div></div></li>



<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label"></div><div class="timeline-item-content cf"><div class="timeline-item-title">読み込み</div><div class="timeline-item-snippet"></div></div></li>



<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label"></div><div class="timeline-item-content cf"><div class="timeline-item-title">画像</div><div class="timeline-item-snippet"></div></div></li>
</ul></div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="537" src="https://alicia-ing.com/wp-content/uploads/2024/10/input-image-1024x537.webp" alt="" class="wp-image-7100" srcset="https://alicia-ing.com/wp-content/uploads/2024/10/input-image-1024x537.webp 1024w, https://alicia-ing.com/wp-content/uploads/2024/10/input-image-300x157.webp 300w, https://alicia-ing.com/wp-content/uploads/2024/10/input-image-768x403.webp 768w, https://alicia-ing.com/wp-content/uploads/2024/10/input-image-1536x805.webp 1536w, https://alicia-ing.com/wp-content/uploads/2024/10/input-image.webp 1919w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>しかし、読み込んだ下絵はサイズが大きすぎて、全体を表示できません。<br>したがって、<strong>画像の位置調整が必要</strong>で、自由位置からキャンバスに変更します。</p>



<div class="wp-block-cocoon-blocks-timeline timeline-box cf block-box has-point-color has-blue-point-color not-nested-style cocoon-block-timeline" style="--cocoon-custom-point-color:#0095d9"><div class="timeline-title">下絵の位置調整</div><ul class="timeline">
<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label"></div><div class="timeline-item-content cf"><div class="timeline-item-title">オブジェクト</div><div class="timeline-item-snippet">
<p></p>
</div></div></li>



<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label"></div><div class="timeline-item-content cf"><div class="timeline-item-title">ツールプロパティ</div><div class="timeline-item-snippet"></div></div></li>



<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label"></div><div class="timeline-item-content cf"><div class="timeline-item-title">位置調整</div><div class="timeline-item-snippet">
<p></p>
</div></div></li>



<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label"></div><div class="timeline-item-content cf"><div class="timeline-item-title">自由位置から<strong>キャンバスに</strong></div><div class="timeline-item-snippet"></div></div></li>
</ul></div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="537" src="https://alicia-ing.com/wp-content/uploads/2024/10/Position-adjustment-1024x537.webp" alt="" class="wp-image-7102" srcset="https://alicia-ing.com/wp-content/uploads/2024/10/Position-adjustment-1024x537.webp 1024w, https://alicia-ing.com/wp-content/uploads/2024/10/Position-adjustment-300x157.webp 300w, https://alicia-ing.com/wp-content/uploads/2024/10/Position-adjustment-768x403.webp 768w, https://alicia-ing.com/wp-content/uploads/2024/10/Position-adjustment-1536x805.webp 1536w, https://alicia-ing.com/wp-content/uploads/2024/10/Position-adjustment.webp 1919w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>画像を読み込むと、画像が粗いです。<br>下絵は、あくまで参考に過ぎず、<br>色を塗る方が分かりやすいかもしれません。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="540" src="https://alicia-ing.com/wp-content/uploads/2024/10/rough-image-1024x540.webp" alt="" class="wp-image-7103" srcset="https://alicia-ing.com/wp-content/uploads/2024/10/rough-image-1024x540.webp 1024w, https://alicia-ing.com/wp-content/uploads/2024/10/rough-image-300x158.webp 300w, https://alicia-ing.com/wp-content/uploads/2024/10/rough-image-768x405.webp 768w, https://alicia-ing.com/wp-content/uploads/2024/10/rough-image-1536x810.webp 1536w, https://alicia-ing.com/wp-content/uploads/2024/10/rough-image.webp 1919w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 id="rtoc-6"  class="wp-block-heading">グリッド線の表示</h3>



<p>ピクセル単位での作業をしやすくするために、クリスタのグリッド機能を活用しましょう。<br><strong>グリッド線を表示</strong>して、作業領域を明確にすることで、ドットの位置を正確に把握できます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="537" src="https://alicia-ing.com/wp-content/uploads/2024/10/grid-setup-1024x537.webp" alt="" class="wp-image-7101" srcset="https://alicia-ing.com/wp-content/uploads/2024/10/grid-setup-1024x537.webp 1024w, https://alicia-ing.com/wp-content/uploads/2024/10/grid-setup-300x157.webp 300w, https://alicia-ing.com/wp-content/uploads/2024/10/grid-setup-768x403.webp 768w, https://alicia-ing.com/wp-content/uploads/2024/10/grid-setup-1536x806.webp 1536w, https://alicia-ing.com/wp-content/uploads/2024/10/grid-setup.webp 1919w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>上部のメニューラベルの「表示」から「<strong>グリッド・ルーラーの設定</strong>」を選択します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="538" src="https://alicia-ing.com/wp-content/uploads/2024/10/detail-grid-1024x538.webp" alt="" class="wp-image-7104" srcset="https://alicia-ing.com/wp-content/uploads/2024/10/detail-grid-1024x538.webp 1024w, https://alicia-ing.com/wp-content/uploads/2024/10/detail-grid-300x158.webp 300w, https://alicia-ing.com/wp-content/uploads/2024/10/detail-grid-768x404.webp 768w, https://alicia-ing.com/wp-content/uploads/2024/10/detail-grid-1536x808.webp 1536w, https://alicia-ing.com/wp-content/uploads/2024/10/detail-grid.webp 1919w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>「グリッド設定」の「間隔」を1pxにして、「分割数」を1にします。<br>「グリッド・ルーラーの原点」はデフォルト（左上）のままで大丈夫です。</p>



<p>再度、上部のメニューラベルの「表示」から「<strong>グリッド</strong>」を選択すると、補助線が表示されます。</p>



<h2 id="rtoc-7"  class="wp-block-heading">下絵の用意</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="528" src="https://alicia-ing.com/wp-content/uploads/2024/10/draft-1024x528.webp" alt="" class="wp-image-7115" srcset="https://alicia-ing.com/wp-content/uploads/2024/10/draft-1024x528.webp 1024w, https://alicia-ing.com/wp-content/uploads/2024/10/draft-300x155.webp 300w, https://alicia-ing.com/wp-content/uploads/2024/10/draft-768x396.webp 768w, https://alicia-ing.com/wp-content/uploads/2024/10/draft-1536x791.webp 1536w, https://alicia-ing.com/wp-content/uploads/2024/10/draft.webp 1980w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>ドット絵の下書きは、簡単なラインアートやシルエットを描くことから始めます。<br>ここでは、主に使用するペンツールの設定や使い方について説明します。</p>



<h3 id="rtoc-8"  class="wp-block-heading">ドット絵で使うペン</h3>



<p>クリスタにはドット絵専用のペン（<strong>ドットペン</strong>）があります。<br>このペンを使用することで、自動的に1ピクセルずつ描画できます。<br>ペンの硬さは100%に設定し、アンチエイリアスをオフにすることで、クリアな輪郭線が描けます。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-2 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://alicia-ing.com/wp-content/uploads/2023/05/cropped-alicia.webp" alt="筆者" class="speech-icon-image"/></figure><div class="speech-name">筆者</div></div><div class="speech-balloon">
<p><strong>マーカー</strong>、あるいはペンに保管されています。</p>
</div></div>



<h2 id="rtoc-9"  class="wp-block-heading">色塗り</h2>



<p>色の配置はドット絵の表現力を決定づける重要なステップです。</p>



<p><strong>影はあまり入れ過ぎない</strong>ことに注意してください。<br>ハイライトも全体ではなく、<strong>光源が当たるところに少し白</strong>を加える。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="859" height="665" src="https://alicia-ing.com/wp-content/uploads/2024/10/highlight.webp" alt="" class="wp-image-7111" srcset="https://alicia-ing.com/wp-content/uploads/2024/10/highlight.webp 859w, https://alicia-ing.com/wp-content/uploads/2024/10/highlight-300x232.webp 300w, https://alicia-ing.com/wp-content/uploads/2024/10/highlight-768x595.webp 768w" sizes="(max-width: 859px) 100vw, 859px" /></figure>



<p>限られたピクセル内で立体感や陰影を表現するために、色選びや配置のテクニックを工夫しましょう。</p>



<h2 id="rtoc-10"  class="wp-block-heading">画像を出力</h2>



<p>完成したドット絵をゲームや動画で使用できる形式で書き出します。<br>書き出し時には、拡大縮小や背景の透過設定に注意しましょう。</p>



<p>初めに最下層の用紙を非表示にします。<br>これにより背景が透過できます。</p>



<p>主な画像の形式は基本的に「<strong>.png</strong>」、「.jpg」、「.bmp」「.gif」、「.webp」があります。</p>



<p>背景透過できる拡張子は、「.png」か「.webp」であり、<br>クリスタが対応していて互換性の高い「<strong>.png</strong>」で出力します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://alicia-ing.com/wp-content/uploads/2024/10/storage-1024x536.webp" alt="" class="wp-image-7105" srcset="https://alicia-ing.com/wp-content/uploads/2024/10/storage-1024x536.webp 1024w, https://alicia-ing.com/wp-content/uploads/2024/10/storage-300x157.webp 300w, https://alicia-ing.com/wp-content/uploads/2024/10/storage-768x402.webp 768w, https://alicia-ing.com/wp-content/uploads/2024/10/storage-1536x804.webp 1536w, https://alicia-ing.com/wp-content/uploads/2024/10/storage.webp 1919w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 id="rtoc-11"  class="wp-block-heading">画面の解像度を拡大</h3>



<p>出力した画像を見て分かるように、画像が小さいです。<br>しかし、拡大すると画像は非常に粗くなります。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://alicia-ing.com/wp-content/uploads/2024/10/kiritan-1024x576.webp" alt="" class="wp-image-7110" srcset="https://alicia-ing.com/wp-content/uploads/2024/10/kiritan-1024x576.webp 1024w, https://alicia-ing.com/wp-content/uploads/2024/10/kiritan-300x169.webp 300w, https://alicia-ing.com/wp-content/uploads/2024/10/kiritan-768x432.webp 768w, https://alicia-ing.com/wp-content/uploads/2024/10/kiritan-1536x864.webp 1536w, https://alicia-ing.com/wp-content/uploads/2024/10/kiritan-120x68.webp 120w, https://alicia-ing.com/wp-content/uploads/2024/10/kiritan-160x90.webp 160w, https://alicia-ing.com/wp-content/uploads/2024/10/kiritan-320x180.webp 320w, https://alicia-ing.com/wp-content/uploads/2024/10/kiritan.webp 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>この粗さを解消するには、画面解像度を拡大する必要があります。</p>



<p>メニューラベルの「編集」から「<strong>画面解像度を変更</strong>」を選択します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="538" src="https://alicia-ing.com/wp-content/uploads/2024/10/resolution-1024x538.webp" alt="" class="wp-image-7106" srcset="https://alicia-ing.com/wp-content/uploads/2024/10/resolution-1024x538.webp 1024w, https://alicia-ing.com/wp-content/uploads/2024/10/resolution-300x158.webp 300w, https://alicia-ing.com/wp-content/uploads/2024/10/resolution-768x404.webp 768w, https://alicia-ing.com/wp-content/uploads/2024/10/resolution-1536x808.webp 1536w, https://alicia-ing.com/wp-content/uploads/2024/10/resolution.webp 1919w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>「幅」・「高さ」をそれぞれ<strong>400前後</strong>に変更し、<br>「補間方法」を「ハードな輪郭」にします。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://alicia-ing.com/wp-content/uploads/2024/10/detail-resolution-1024x536.webp" alt="" class="wp-image-7107" srcset="https://alicia-ing.com/wp-content/uploads/2024/10/detail-resolution-1024x536.webp 1024w, https://alicia-ing.com/wp-content/uploads/2024/10/detail-resolution-300x157.webp 300w, https://alicia-ing.com/wp-content/uploads/2024/10/detail-resolution-768x402.webp 768w, https://alicia-ing.com/wp-content/uploads/2024/10/detail-resolution-1536x804.webp 1536w, https://alicia-ing.com/wp-content/uploads/2024/10/detail-resolution.webp 1919w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>これにより、解像度は変更されて、粗さを解消できます。</p>



<h2 id="rtoc-12"  class="wp-block-heading">ymm4で使うタイミング</h2>



<p>動画制作ソフトであるymm4（ゆっくりムービーメーカー4）は、ドット絵を効果的に使用できます</p>



<p>例えば、ずんだもんのような立ち絵がありますが、この立ち絵をドット絵にする方法があります。</p>



<div class="wp-block-cocoon-blocks-micro-text micro-text micro-copy micro-top"><span class="micro-text-content micro-content"><span class="micro-text-icon micro-icon fab-info-circle"></span>ymm4で立ち絵の口パクと瞬きの導入を紹介しています。</span></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-together">

<a target="_self" href="https://alicia-ing.com/creative/video/ymm-mouth-blink/" title="【ymm4】ずんだもんの立ち絵を口パク・まばたきさせる方法" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://alicia-ing.com/wp-content/uploads/2023/08/ymm-mouth-blink-160x90.webp" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://alicia-ing.com/wp-content/uploads/2023/08/ymm-mouth-blink-160x90.webp 160w, https://alicia-ing.com/wp-content/uploads/2023/08/ymm-mouth-blink-120x68.webp 120w, https://alicia-ing.com/wp-content/uploads/2023/08/ymm-mouth-blink-320x180.webp 320w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【ymm4】ずんだもんの立ち絵を口パク・まばたきさせる方法</div><div class="blogcard-snippet internal-blogcard-snippet">ゆっくりムービーメーカー（ymm4）でずんだもんの立ち絵を口パク・まばたきさせるには、psdを使用します。また、ymm4の立ち絵が口パクしない原因と対処法を紹介。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://alicia-ing.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">alicia-ing.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2025.03.09</div></div></div></div></a>
</div>



<p>立ち絵はpng画像でもできますが、<br><strong>.psd</strong>というAdobeが開発した拡張子を使うと質の高い動画が作れます。</p>



<p>「複製を保存」から「<strong>.psd</strong>」を選択します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="538" src="https://alicia-ing.com/wp-content/uploads/2024/10/psd-1024x538.webp" alt="" class="wp-image-7108" srcset="https://alicia-ing.com/wp-content/uploads/2024/10/psd-1024x538.webp 1024w, https://alicia-ing.com/wp-content/uploads/2024/10/psd-300x158.webp 300w, https://alicia-ing.com/wp-content/uploads/2024/10/psd-768x403.webp 768w, https://alicia-ing.com/wp-content/uploads/2024/10/psd-1536x807.webp 1536w, https://alicia-ing.com/wp-content/uploads/2024/10/psd.webp 1919w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>これを保存すると、psdファイルの書き出しができます。</p>



<p>ymm4で東北きりたんが話すと、口パクやまばたきをします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1920" height="950" src="https://alicia-ing.com/wp-content/uploads/2024/10/Complete.gif" alt="" class="wp-image-7116"/></figure>


		<div class="pochipp-box"
			data-id="6352"
			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="efecf173"		>
							<div class="pochipp-box__image">
					<a rel="nofollow" target="_self" href="https://www.amazon.co.jp/dp/B0C5QSJJY6?tag=b0420e-22&#038;linkCode=ogi&#038;th=1&#038;psc=1">
						<img loading="lazy" decoding="async" src="https://m.media-amazon.com/images/I/51fITePdIFL._SL500_.jpg" alt="" width="120" height="120" />					</a>
				</div>
						<div class="pochipp-box__body">
				<div class="pochipp-box__title">
					<a rel="nofollow" target="_self" href="https://www.amazon.co.jp/dp/B0C5QSJJY6?tag=b0420e-22&#038;linkCode=ogi&#038;th=1&#038;psc=1">
						VOICEPEAK 東北きりたん|ダウンロード版					</a>
				</div>

				
									<div class="pochipp-box__price">
						¥9,711						<span>（2025/11/09 17:45時点 | Amazon調べ）</span>
					</div>
				
							</div>
				<div class="pochipp-box__btns"
		data-maxclmn-pc="fit"
		data-maxclmn-mb="1"
	>
					<div class="pochipp-box__btnwrap -amazon">
								<a rel="nofollow" target="_self" href="https://www.amazon.co.jp/dp/B0C5QSJJY6?tag=b0420e-22&#038;linkCode=ogi&#038;th=1&#038;psc=1" class="pochipp-box__btn">
					<span>
						Amazon					</span>
									</a>
			</div>
							<div class="pochipp-box__btnwrap -rakuten">
								<a rel="nofollow" target="_self" href="https://af.moshimo.com/af/c/click?a_id=4016319&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%25E6%259D%25B1%25E5%258C%2597%25E3%2581%258D%25E3%2582%258A%25E3%2581%259F%25E3%2582%2593" class="pochipp-box__btn">
					<span>
						楽天市場					</span>
					<img loading="lazy" decoding="async" src="https://i.moshimo.com/af/i/impression?a_id=4016319&#038;p_id=54&#038;pc_id=54&#038;pl_id=616" width="1" height="1" style="border:none;">				</a>
			</div>
										<div class="pochipp-box__btnwrap -yahoo -long-text">
								<a rel="nofollow" target="_self" href="https://shopping.yahoo.co.jp/search?p=%E6%9D%B1%E5%8C%97%E3%81%8D%E3%82%8A%E3%81%9F%E3%82%93" class="pochipp-box__btn">
					<span>
						Yahooショッピング					</span>
									</a>
			</div>
									</div>
								<div class="pochipp-box__logo">
					<img loading="lazy" decoding="async" src="https://alicia-ing.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png" alt="" width="32" height="32">
					<span>ポチップ</span>
				</div>
					</div>
	


<h2 id="rtoc-13"  class="wp-block-heading">Unityでドット絵を使うタイミング</h2>



<p>Unityはゲームを開発するエンジンソフトで、個人から企業まで使用されています。<br><strong>ドット絵はインディーズゲームと相性がいい</strong>ので、利用者は多いです。</p>



<p>Unityにインポートする際は、テクスチャの設定で「Filter Mode」を「Point (no filter)」に、「Compression」を「None」に設定することで、ドット絵本来の見た目を保持できます。</p>



<p>Unityでは、<strong>psdやgif画像を読み込むことができる</strong>ので、<br>アニメーションに対応させることができます。</p>



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



<p>クリスタでのドット絵作成は、正確な設定とツールの使い方がカギとなります。ゲームや動画制作で使えるドット絵を作るための基本的な手順を学び、様々なプロジェクトに活用してください。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-border-color has-blue-border-color not-nested-style cocoon-block-tab-caption-box" style="--cocoon-custom-border-color:#0095d9"><div class="tab-caption-box-label block-box-label box-label fab-info-circle"><span class="tab-caption-box-label-text block-box-label-text box-label-text">お借りした素材</span></div><div class="tab-caption-box-content block-box-content box-content">
<p>今回のドット絵で、<a target="_self" href="https://www.ah-soft.com/kiritan/">東北きりたん</a>を使用させていただきました。</p>
</div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://alicia-ing.com/creative/paint/csp-dot/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
