<?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>画像加工 | imakat.com</title>
	<atom:link href="https://imakat.com/tag/%E7%94%BB%E5%83%8F%E5%8A%A0%E5%B7%A5/feed/" rel="self" type="application/rss+xml" />
	<link>https://imakat.com</link>
	<description>工夫と改善で人生をちょっと豊かに</description>
	<lastBuildDate>Mon, 01 Dec 2025 05:33:54 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://i0.wp.com/imakat.com/wp-content/uploads/2023/07/cropped-80d64ecd340db4e2ca3224859b04caed.png?fit=32%2C32&#038;ssl=1</url>
	<title>画像加工 | imakat.com</title>
	<link>https://imakat.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">160909258</site>	<item>
		<title>【Macクイックアクション】線画イラストを切り抜く方法　その３</title>
		<link>https://imakat.com/2025/05/29/26297/</link>
		
		<dc:creator><![CDATA[imakat]]></dc:creator>
		<pubDate>Thu, 29 May 2025 06:18:00 +0000</pubDate>
				<category><![CDATA[デジタル]]></category>
		<category><![CDATA[ものづくり]]></category>
		<category><![CDATA[Automator]]></category>
		<category><![CDATA[ChatGPT]]></category>
		<category><![CDATA[クイックアクション]]></category>
		<category><![CDATA[画像加工]]></category>
		<category><![CDATA[Python3]]></category>
		<category><![CDATA[シェルスクリプト]]></category>
		<guid isPermaLink="false">https://imakat.com/?p=26297</guid>

					<description><![CDATA[課題 Macのクイックアクションには標準で「背景を削除」があるのですが、どうも精度が今ひとつです。 画像ファイルの上で、右クリック→クイックアクション、「背景を削除」を選びます。非常に便利です。 普通の写真、動物や人物の [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h5 class="wp-block-heading">課題</h5>



<p>Macのクイックアクションには標準で「背景を削除」があるのですが、どうも精度が今ひとつです。</p>



<p>画像ファイルの上で、右クリック→クイックアクション、「背景を削除」を選びます。非常に便利です。</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=F5IeAUW3.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=F5IeAUW3.png" alt=""/></a></figure>



<p>普通の写真、動物や人物の映った普通の写真からの、背景削除は綺麗に出来ます。ここまでは問題ないです。</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=TKt5rZl2.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=TKt5rZl2.png" alt=""/></a></figure>



<p>ところが、私は、線だけで描いたイラストをよく使うのですが、その背景削除は、なかなか上手にいきません。下のように、白塗りは不正確、線も不正確です。</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=X2Gm36eF.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=X2Gm36eF.png" alt=""/></a></figure>



<h3 class="wp-block-heading">ポイント解説：</h3>



<p>ということで、これまで、線画イラストを切り抜く方法の、その１、その２と紹介してきましたが、今回は、その３です。Macを使う人にとっては、一番、使いやすいかもしれません。</p>



<p>まず最初に、ChatGPTにスクリプトの記述を依頼します。</p>



<p>以下が、依頼文(プロンプト）です。</p>



<h5 class="wp-block-heading">プロンプト</h5>



<figure class="wp-block-flexible-table-block-table"><table class="has-fixed-layout"><tbody><tr><td><strong>MacのAutomator,Python、シェルスクリプト、その他必要な言語を使って、下記フローの記述をお願いします。<br><br>１　MacのPDFまたは画像ファイル(pdf png jpg jpeg gif)の上で右クリックしてクイックアクションを起動する。クイックアクション名を&#8221;PDFまたは画像から切り抜き画像の生成&#8221;とする。<br>２　PDFファイルはJPG画像に変換して、他はそのままで、画像1とする。<br>３　画像1から、輪郭線と線だけを元の色(黒色)、不透明で抽出し、それ以外は、完全に透明にした画像(線と輪郭線だけの透過PNG画像)を作成する。注意点として、線の中は中空にせず線の色で塗り埋めること。これをPNG画像2とする。<br>４　PNG画像2から、線によって閉じた輪郭線（外周線)を検出して、その輪郭線の内側を白塗りにして、白塗り以外の部分を透明にして、PNG画像3を生成する。<br>５　PNG画像３を下にして、PNG画像2を上にして、重ねて、PNG画像４を生成する。PNG画像４が完成した画像となる。<br>６　PNG画像４、を読み込んだファイルと同じフォルダに書き込む。ファイル名は”読み込んだファイルのファイル名から拡張子を除いた部分&#8221;&amp;&#8221;_cropped.png&#8221;とする。<br>７　画像１、PNG画像２、PNG画像３、は削除する。<br>以上</strong></td></tr></tbody></table></figure>



<h5 class="wp-block-heading">スクリプト</h5>



<p>何回か修正、微調整を行なって、正しく処理されるようになったスクリプトの記述は以下です。そのままコピペで使えますが、<span class="blue">python3のパスは書き換えてください</span>。<strong>Automator、シェルスクリプト、Python3</strong>、を利用しています。</p>



<figure class="wp-block-flexible-table-block-table"><table class="has-fixed-layout"><tbody><tr><td>要約：PDFまたは画像から自動で切り抜き画像を作成する Automator ワークフローの内容である。入力ファイルの拡張子に応じて処理を分岐し、PDFは300dpiのJPEGに変換、GIFは最初のフレームをJPEG化、その他の画像はコピーして処理用JPEGとする。その後、Python スクリプトにファイル情報を引き渡し、OpenCV で画像を2倍拡大、濃い線部分を抽出して太らせ、線画のみの PNG（_lineonly）、外周塗りつぶし PNG（_filled）を生成。さらに両者を合成して最終的な切り抜き PNG（_cropped）を出力する。最後に中間ファイルを削除して処理を終了する。</td></tr><tr><td>クイックアクション<br>ワークフローが受け取る現在の項目：ファイルまたはフォルダ<br>検索対象：Finder.app<br>シェル：/bin/bash<br>入力の引き渡し方法：引数として<br>「シェルスクリプトを実行」を挿入</td></tr><tr><td><a href="https://imakat.com/?pubtxt=PDFまたは画像から切り抜き画像の生成workflow_pub.txt" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=zrU95MiY.png" alt="" style="width:120px; height:auto;"></a></td></tr></tbody></table></figure>



<h5 class="wp-block-heading">結果</h5>



<p>このスクリプトを実行します。<br>PDFまたは画像ファイルの上で右クリックして、クイックアクションから、選択します。</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=5mJerXQl.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=5mJerXQl.png" alt=""/></a></figure>



<p>ファイル名の末尾に、_cropped.pngと入ったファイルが出来るので、これをクリックして確認します。</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=4Da84efa.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=4Da84efa.png" alt=""/></a></figure>



<p><br>私の個人的な設定ですが、スクリーンショットはPDFで保存するようにしています。その理由は、PDFファイルですと図形や文字などを追記することができ、その追記も後から修正ができるからです。そのため、画像ファイルでもPDFでも、切り抜きができるようにしたかったのです。<br><br>以上です。<br></p>



<p></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">26297</post-id>	</item>
		<item>
		<title>【ChatGPT】線画イラストを切り抜く方法　その２</title>
		<link>https://imakat.com/2025/05/28/26274/</link>
		
		<dc:creator><![CDATA[imakat]]></dc:creator>
		<pubDate>Wed, 28 May 2025 08:49:44 +0000</pubDate>
				<category><![CDATA[デジタル]]></category>
		<category><![CDATA[ものづくり]]></category>
		<category><![CDATA[ChatGPT]]></category>
		<category><![CDATA[GPTs]]></category>
		<category><![CDATA[画像加工]]></category>
		<guid isPermaLink="false">https://imakat.com/?p=26274</guid>

					<description><![CDATA[今回は、前の記事の作業をChatGPTで行った場合です。 前回の方法では、切り抜くキャラクターを、一つずつコピペするやり方になりますが、今回の方法では、複数のキャラクターでも作成が可能です。 最初に、お絵描きアプリなどで [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>今回は、前の記事の作業をChatGPTで行った場合です。</p>



<p>前回の方法では、切り抜くキャラクターを、一つずつコピペするやり方になりますが、<strong>今回の方法では、複数のキャラクターでも作成が可能です</strong>。</p>



<p>最初に、お絵描きアプリなどで、イラスト画像を作ります。</p>



<figure class="wp-block-image size-large is-resized"><a href="https://imakat.com/rd.php?id=HBCV6p4M.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=HBCV6p4M.png" alt="" style="width:459px;height:auto"/></a></figure>



<p>次に、ChatGPTでプロンプトを書きます。プロンプトというと難しく聞こえますが、要は、依頼文書です。以下の文書を、ChatGPTの「質問してみましょう」のところへ、ペーストします。</p>



<h5 class="wp-block-heading">プロンプト</h5>



<figure class="wp-block-flexible-table-block-table"><table class="has-fixed-layout"><tbody><tr><td><strong>アップロードされた画像から、輪郭線と線だけを元の色(黒色)、不透明で抽出し、それ以外は完全に透明にしたレイヤー画像(線と輪郭線だけの透過PNG)の画像1を作ってください。但し線の中は中空にせず線の色で塗り埋めてください。次に、画像１の外周に沿って閉じた図形の内側を白塗りにして、外周の外側は透明にした画像2を作ってください。次に、白塗りにした画像2を下にして、その上に画像1を重ねて、画像3をPNGで作ってください。画像3が完成です。<br>※PDFファイルは、処理がうまく進まない場合があります。</strong></td></tr></tbody></table></figure>



<p>、次に「質問してみましょう」のボックスの上から、イラスト画像のファイルをドロップする、あるいは、左下の＋のマークをクリックして、フォルダからファイルを選んで入力します。ChatGPTの画面は以下のようになります。</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=NuqoDmg4.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=NuqoDmg4.png" alt=""/></a></figure>



<p>これで準備は終わりです。</p>



<p>実行します。質問ボックスの右下にある↑をクリックします。</p>



<p>20秒程度待つと、下のように処理が終わります。必要なものは完成画像だけでしょうから、それをクリックしてダウンロードします。すると下画像の左にあるように、外周を切り抜いて、白塗りした画像が出来上がります。<br></p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=AHmHnEs2.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=AHmHnEs2.png" alt=""/></a></figure>



<p>画像のダウンロードは、時間が過ぎると、エラーになります。<br></p>



<figure class="wp-block-image size-large is-resized"><a href="https://imakat.com/rd.php?id=JAe7DGH9.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=JAe7DGH9.png" alt="" style="width:818px;height:auto"/></a></figure>



<p>以上ですが、完成画像の精度ですが、細かいイラストですと、線が潰れたり滲んだりしてしまうことが多いです。上に例で取り上げた程度の細かさなら、実用に耐える、といった感じです。もう少し精度を上げたいなら、次に掲載する、その３、が適していると思います。</p>



<p>以上です。</p>



<p></p>



<p><br></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">26274</post-id>	</item>
	</channel>
</rss>
