<?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>Photoshop | まちだブログ</title>
	<atom:link href="https://machidablog.com/tag/photoshop/feed/" rel="self" type="application/rss+xml" />
	<link>https://machidablog.com</link>
	<description>おすすめ商品・サービスの情報発信</description>
	<lastBuildDate>Wed, 03 Jun 2026 14:56:22 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://machidablog.com/wp-content/uploads/2023/10/cropped-まちだ-ぶろぐ-32x32.jpg</url>
	<title>Photoshop | まちだブログ</title>
	<link>https://machidablog.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://websubhub.com/hub"/>
<atom:link rel="self" href="https://machidablog.com/tag/photoshop/feed/"/>
	<item>
		<title>【Photoshop】生成塗りつぶしのモデル別比較</title>
		<link>https://machidablog.com/photoshop-ainuritubushi/</link>
					<comments>https://machidablog.com/photoshop-ainuritubushi/#respond</comments>
		
		<dc:creator><![CDATA[まちだ]]></dc:creator>
		<pubDate>Wed, 03 Jun 2026 14:54:21 +0000</pubDate>
				<category><![CDATA[動画編集・デザイン]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[パソコン]]></category>
		<guid isPermaLink="false">https://machidablog.com/?p=3239</guid>

					<description><![CDATA[どうも、まちだです！ Photoshopの生成塗りつぶしや生成拡張って便利ですよね。 現在(2026年6月時点)、Photoshop内ではAdobeのFireflyをはじめ、GeminiのNano BananaやFLUX [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">どうも、まちだです！</p>



<p class="wp-block-paragraph">Photoshopの生成塗りつぶしや生成拡張って便利ですよね。</p>



<p class="wp-block-paragraph">現在(2026年6月時点)、Photoshop内ではAdobeのFireflyをはじめ、GeminiのNano BananaやFLUXといった画像生成AIを使用することができます。</p>



<p class="wp-block-paragraph">ただ、モデルがたくさんあるとどれを使おうか悩みますよね。</p>



<p class="wp-block-paragraph">本記事では、Photoshop内で同じ指示文により生成された画像を比較していきます！</p>



<dl class="wp-block-sbd-definition-list sbd-inner-block-init sbd-list-border">
<dt class="wp-block-sbd-definition-list-dt">本記事で分かること</dt>



<dd class="wp-block-sbd-definition-list-dd">・Photoshopの生成塗りつぶしで作成された画像の比較<br>・各生成AIモデルの消費クレジット</dd>
</dl>



<p class="wp-block-paragraph"><strong>※2026年6月2日時点での消費クレジットを記載しています。</strong><br><strong>　詳しい生成クレジットに関しては、下記公式サイトをご確認ください。</strong><br>　<a href="https://helpx.adobe.com/jp/creative-cloud/apps/generative-ai/generative-credits-faq.html" data-type="link" data-id="https://helpx.adobe.com/jp/creative-cloud/apps/generative-ai/generative-credits-faq.html">Creative Cloud<strong> </strong>ヘルプ 生成クレジット FAQ</a></p>



<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=45FUA1+G3ASDU+5SLG+60OXD">
<img fetchpriority="high" decoding="async" border="0" width="1200" height="675" alt="" src="https://www24.a8.net/svt/bgt?aid=251001865973&#038;wid=001&#038;eno=01&#038;mid=s00000027034001011000&#038;mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www17.a8.net/0.gif?a8mat=45FUA1+G3ASDU+5SLG+60OXD" alt="">



<div id="rtoc-mokuji-wrapper" class="rtoc-mokuji-content frame2 preset5 animation-none rtoc_open default" data-id="3239" data-theme="Cocoon">
			<div id="rtoc-mokuji-title" class=" rtoc_center">
			<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">Photoshopの生成塗りつぶしで作成された画像の比較</a><ul class="rtoc-mokuji mokuji_ul level-2"><li class="rtoc-item"><a href="#rtoc-2">Firefly Image1</a></li><li class="rtoc-item"><a href="#rtoc-3">Firefly 塗りつぶし&amp;拡張</a></li><li class="rtoc-item"><a href="#rtoc-4">Firefly Image5</a></li><li class="rtoc-item"><a href="#rtoc-5">Gemini 2.5(Nano Banana)</a></li><li class="rtoc-item"><a href="#rtoc-6">Gemini 3.1(Nano Banana 2)</a></li><li class="rtoc-item"><a href="#rtoc-7">Gemini 3(Nano Banana Pro)</a></li><li class="rtoc-item"><a href="#rtoc-8">FLUX Kontext pro</a></li><li class="rtoc-item"><a href="#rtoc-9">FLUX.2 pro</a></li></ul></li><li class="rtoc-item"><a href="#rtoc-10">Firefly 塗りつぶし&amp;拡張で、生成塗りつぶしを行う時の注意点</a></li><li class="rtoc-item"><a href="#rtoc-11">まとめ</a></li></ol></div><h2 id="rtoc-1"  class="wp-block-heading">Photoshopの生成塗りつぶしで作成された画像の比較</h2>



<figure class="wp-block-image size-large"><img data-dominant-color="808081" data-has-transparency="false" style="--dominant-color: #808081;" decoding="async" width="1024" height="576" src="https://machidablog.com/wp-content/uploads/2026/06/Photoshopモデル-1024x576.webp" alt="" class="wp-image-3240 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/Photoshopモデル-1024x576.webp 1024w, https://machidablog.com/wp-content/uploads/2026/06/Photoshopモデル-300x169.webp 300w, https://machidablog.com/wp-content/uploads/2026/06/Photoshopモデル-768x432.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/Photoshopモデル-120x68.webp 120w, https://machidablog.com/wp-content/uploads/2026/06/Photoshopモデル-160x90.webp 160w, https://machidablog.com/wp-content/uploads/2026/06/Photoshopモデル-320x180.webp 320w, https://machidablog.com/wp-content/uploads/2026/06/Photoshopモデル.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">上記のモデルを試していきます。</p>



<p class="wp-block-paragraph">Photoshopのバージョンは、<strong>27.7.0</strong>です。</p>



<figure class="wp-block-image size-full"><img data-dominant-color="ebeced" data-has-transparency="false" style="--dominant-color: #ebeced;" decoding="async" width="738" height="224" src="https://machidablog.com/wp-content/uploads/2026/06/Photoshopバージョン.webp" alt="" class="wp-image-3241 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/Photoshopバージョン.webp 738w, https://machidablog.com/wp-content/uploads/2026/06/Photoshopバージョン-300x91.webp 300w" sizes="(max-width: 738px) 100vw, 738px" /></figure>



<p class="wp-block-paragraph">生成塗りつぶしは、アートボード内の空のレイヤーを全選択しておこなっています。</p>



<p class="wp-block-paragraph">全選択はMacの場合<strong>「command + A」</strong>、Windowsの場合は<strong>「Ctrl + A」</strong>でできます。</p>



<figure class="wp-block-image size-large"><img data-dominant-color="7a7b7c" data-has-transparency="false" style="--dominant-color: #7a7b7c;" decoding="async" width="1024" height="671" src="https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-15.52.19-e1780396574278-1024x671.webp" alt="" class="wp-image-3246 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-15.52.19-e1780396574278-1024x671.webp 1024w, https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-15.52.19-e1780396574278-300x197.webp 300w, https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-15.52.19-e1780396574278-768x503.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-15.52.19-e1780396574278.webp 1160w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img data-dominant-color="aaaaab" data-has-transparency="false" style="--dominant-color: #aaaaab;" decoding="async" width="1024" height="758" src="https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-19.47.30-1024x758.webp" alt="" class="wp-image-3249 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-19.47.30-1024x758.webp 1024w, https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-19.47.30-300x222.webp 300w, https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-19.47.30-768x568.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-19.47.30.webp 1411w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">生成塗りつぶしをクリックして、プロンプトを入力し生成ボタンを押します。</p>



<p class="wp-block-paragraph">もしこのバー(コンテキストタスクバー)が表示されない場合は、画面上部にある<strong>ウィンドウ→コンテキストタスクバー</strong>にチェックを入れてください。</p>
</div></div>



<figure class="wp-block-image size-large"><img data-dominant-color="9d9d9d" data-has-transparency="false" style="--dominant-color: #9d9d9d;" decoding="async" width="468" height="1024" src="https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-19.42.53-468x1024.webp" alt="" class="wp-image-3248 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-19.42.53-468x1024.webp 468w, https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-19.42.53-137x300.webp 137w, https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-19.42.53-701x1536.webp 701w, https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-19.42.53.webp 726w" sizes="(max-width: 468px) 100vw, 468px" /></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">プロンプトは全て<strong>「RPGのゲームに出てくる剣士のイラスト」</strong>に統一しています。</p>



<p class="wp-block-paragraph">再生成はしておりません。</p>



<p class="wp-block-paragraph">一番最初に生成された画像を添付しています。</p>
</div></div>



<p class="wp-block-paragraph"></p>



<h3 id="rtoc-2"  class="wp-block-heading">Firefly Image1</h3>



<p class="wp-block-paragraph"><strong>Firefly Image1</strong>の消費クレジットは、<strong>ゼロ</strong>でした。</p>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">以前まではクレジットの消費があったと記憶していましたが、下記公式サイトの<strong>「生成クレジットFAQ」</strong>の項目を確認したところ、<strong>Firefly Image1</strong>に関しては未記載でした。</p>



<p class="wp-block-paragraph">上位モデルが出てきているので、下位モデルは無制限になったのかもしれませんね。</p>
</div></div>



<p class="wp-block-paragraph"><br><a href="https://helpx.adobe.com/jp/creative-cloud/apps/generative-ai/generative-credits-faq.html" data-type="link" data-id="https://helpx.adobe.com/jp/creative-cloud/apps/generative-ai/generative-credits-faq.html">Creative Cloud<strong>&nbsp;</strong>ヘルプ 生成クレジット FAQ</a></p>



<p class="wp-block-paragraph">下記はFirefly Image1で生成された画像です。</p>



<p class="wp-block-paragraph">Firefly Image1は、<strong>1回で3パターンの画像</strong>が生成されます。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img data-dominant-color="5a636c" data-has-transparency="false" style="--dominant-color: #5a636c;" decoding="async" width="1024" height="576" src="https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-1024x576.webp" alt="Firefly Image1" class="wp-image-3242 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-1024x576.webp 1024w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-300x169.webp 300w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-768x432.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-120x68.webp 120w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-160x90.webp 160w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-320x180.webp 320w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Firefly Image1</figcaption></figure>
</div>
</div>



<figure class="wp-block-image size-large"><img data-dominant-color="60636a" data-has-transparency="false" style="--dominant-color: #60636a;" decoding="async" width="1024" height="576" src="https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-のコピー-2-1024x576.webp" alt="Firefly Image1-2" class="wp-image-3244 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-のコピー-2-1024x576.webp 1024w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-のコピー-2-300x169.webp 300w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-のコピー-2-768x432.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-のコピー-2-120x68.webp 120w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-のコピー-2-160x90.webp 160w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-のコピー-2-320x180.webp 320w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-のコピー-2.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Firefly Image1</figcaption></figure>



<figure class="wp-block-image size-large"><img data-dominant-color="696968" data-has-transparency="false" style="--dominant-color: #696968;" decoding="async" width="1024" height="576" src="https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-のコピー-1024x576.webp" alt="Firefly Image1-3" class="wp-image-3243 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-のコピー-1024x576.webp 1024w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-のコピー-300x169.webp 300w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-のコピー-768x432.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-のコピー-120x68.webp 120w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-のコピー-160x90.webp 160w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-のコピー-320x180.webp 320w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image1-のコピー.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Firefly Image1</figcaption></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">剣士は剣士なのですが、敵キャラっぽい見た目ですね。</p>
</div></div>



<p class="wp-block-paragraph"></p>



<h3 id="rtoc-3"  class="wp-block-heading">Firefly 塗りつぶし&amp;拡張</h3>



<p class="wp-block-paragraph">Firefly 塗りつぶし&amp;拡張の消費クレジットも<strong>ゼロ</strong>でした。</p>



<p class="wp-block-paragraph">Firefly Image1と同様に、<strong>1回で3パターンの画像</strong>が生成されます。</p>



<figure class="wp-block-image size-large"><img data-dominant-color="918c85" data-has-transparency="false" style="--dominant-color: #918c85;" decoding="async" width="1024" height="576" src="https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-1024x576.webp" alt="Firefly 塗りつぶし&amp;拡張" class="wp-image-3252 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-1024x576.webp 1024w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-300x169.webp 300w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-768x432.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-120x68.webp 120w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-160x90.webp 160w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-320x180.webp 320w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Firefly 塗りつぶし&amp;拡張</figcaption></figure>



<figure class="wp-block-image size-large"><img data-dominant-color="6d6c71" data-has-transparency="false" style="--dominant-color: #6d6c71;" decoding="async" width="1024" height="576" src="https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-のコピー-1024x576.webp" alt="Firefly 塗りつぶし&amp;拡張2" class="wp-image-3251 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-のコピー-1024x576.webp 1024w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-のコピー-300x169.webp 300w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-のコピー-768x432.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-のコピー-120x68.webp 120w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-のコピー-160x90.webp 160w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-のコピー-320x180.webp 320w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-のコピー.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Firefly 塗りつぶし&amp;拡張</figcaption></figure>



<figure class="wp-block-image size-large"><img data-dominant-color="66595a" data-has-transparency="false" style="--dominant-color: #66595a;" decoding="async" width="1024" height="576" src="https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-のコピー-2-1024x576.webp" alt="Firefly 塗りつぶし&amp;拡張3" class="wp-image-3250 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-のコピー-2-1024x576.webp 1024w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-のコピー-2-300x169.webp 300w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-のコピー-2-768x432.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-のコピー-2-120x68.webp 120w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-のコピー-2-160x90.webp 160w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-のコピー-2-320x180.webp 320w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-塗りつぶし拡張-のコピー-2.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Firefly 塗りつぶし&amp;拡張</figcaption></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">こちらも敵キャラの剣士っぽい感じになりました。</p>



<p class="wp-block-paragraph">普段、生成拡張でしか使わないモデルだったのですが、<strong>Firefly Image1と比べて大きな違いはない</strong>ですね。</p>
</div></div>



<p class="wp-block-paragraph"></p>



<h3 id="rtoc-4"  class="wp-block-heading">Firefly Image5</h3>



<p class="wp-block-paragraph">Firefly Image5の消費クレジットは、公式サイトにもあったとおり<strong>10クレジット</strong>でした。</p>



<figure class="wp-block-image size-large"><img data-dominant-color="b5b1ab" data-has-transparency="false" style="--dominant-color: #b5b1ab;" decoding="async" width="1024" height="576" src="https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image5-1024x576.webp" alt="Firefly Image5" class="wp-image-3253 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image5-1024x576.webp 1024w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image5-300x169.webp 300w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image5-768x432.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image5-120x68.webp 120w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image5-160x90.webp 160w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image5-320x180.webp 320w, https://machidablog.com/wp-content/uploads/2026/06/Firefly-Image5.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Firefly Image5</figcaption></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">Firefly Image1とFirefly 塗りつぶし&amp;拡張に比べて絵柄や背景、人物の数などの変化が出ました。</p>



<p class="wp-block-paragraph">右端の剣が見切れている部分や左側の人物が重なっている部分など気になりますね。。。</p>
</div></div>



<p class="wp-block-paragraph"></p>



<h3 id="rtoc-5"  class="wp-block-heading">Gemini 2.5(Nano Banana)</h3>



<p class="wp-block-paragraph">次は、パートナーモデルのGeminiを比較していきます。</p>



<p class="wp-block-paragraph">Gemini 2.5(Nano Banana)の消費クレジットは、<strong>10クレジット</strong>です。</p>



<figure class="wp-block-image size-large"><img data-dominant-color="504b55" data-has-transparency="false" style="--dominant-color: #504b55;" decoding="async" width="1024" height="576" src="https://machidablog.com/wp-content/uploads/2026/06/Gemini-2.5Nano-Banana-1024x576.webp" alt="Gemini 2.5(Nano Banana)" class="wp-image-3254 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/Gemini-2.5Nano-Banana-1024x576.webp 1024w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-2.5Nano-Banana-300x169.webp 300w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-2.5Nano-Banana-768x432.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-2.5Nano-Banana-120x68.webp 120w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-2.5Nano-Banana-160x90.webp 160w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-2.5Nano-Banana-320x180.webp 320w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-2.5Nano-Banana.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Gemini 2.5(Nano Banana)</figcaption></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">やはり、流石Nano Bananaという感じですね。</p>



<p class="wp-block-paragraph">背景や人間の剣士のイラストもしっかりと生成されています。</p>
</div></div>



<p class="wp-block-paragraph"></p>



<h3 id="rtoc-6"  class="wp-block-heading">Gemini 3.1(Nano Banana 2)</h3>



<p class="wp-block-paragraph">Gemini 3.1(Nano Banana 2)の消費クレジットは、<strong>20クレジット</strong>となっています。</p>



<figure class="wp-block-image size-large"><img data-dominant-color="8e887d" data-has-transparency="false" style="--dominant-color: #8e887d;" decoding="async" width="1024" height="576" src="https://machidablog.com/wp-content/uploads/2026/06/Gemini-3.1Nano-Banana-2-1024x576.webp" alt="Gemini 3.1(Nano Banana 2)" class="wp-image-3256 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/Gemini-3.1Nano-Banana-2-1024x576.webp 1024w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-3.1Nano-Banana-2-300x169.webp 300w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-3.1Nano-Banana-2-768x432.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-3.1Nano-Banana-2-120x68.webp 120w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-3.1Nano-Banana-2-160x90.webp 160w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-3.1Nano-Banana-2-320x180.webp 320w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-3.1Nano-Banana-2.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Gemini 3.1(Nano Banana 2)</figcaption></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">画像の角にステータスや名前などが追加されました。</p>



<p class="wp-block-paragraph">Gemini 2.5(Nano Banana)と比べるとよりイラスト感が増していますね。</p>
</div></div>



<p class="wp-block-paragraph"></p>



<h3 id="rtoc-7"  class="wp-block-heading">Gemini 3(Nano Banana Pro)</h3>



<p class="wp-block-paragraph">Gemini 3(Nano Banana Pro)の消費クレジットは、<strong>40クレジット</strong>です。</p>



<figure class="wp-block-image size-large"><img data-dominant-color="676a6d" data-has-transparency="false" style="--dominant-color: #676a6d;" decoding="async" width="1024" height="576" src="https://machidablog.com/wp-content/uploads/2026/06/Gemini-3Nano-Banana-Pro-1024x576.webp" alt="Gemini 3(Nano Banana Pro)" class="wp-image-3255 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/Gemini-3Nano-Banana-Pro-1024x576.webp 1024w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-3Nano-Banana-Pro-300x169.webp 300w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-3Nano-Banana-Pro-768x432.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-3Nano-Banana-Pro-120x68.webp 120w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-3Nano-Banana-Pro-160x90.webp 160w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-3Nano-Banana-Pro-320x180.webp 320w, https://machidablog.com/wp-content/uploads/2026/06/Gemini-3Nano-Banana-Pro.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Gemini 3(Nano Banana Pro)</figcaption></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">Gemini 2.5(Nano Banana)と同じようなイラストの質感ですが、より迫力のあるイラストになりました。</p>
</div></div>



<p class="wp-block-paragraph"></p>



<h3 id="rtoc-8"  class="wp-block-heading">FLUX Kontext pro</h3>



<p class="wp-block-paragraph">最後に、FLUXを試していきます。</p>



<p class="wp-block-paragraph">FLUX Kontext proの消費クレジットは、<strong>10クレジット</strong>です。</p>



<figure class="wp-block-image size-large"><img data-dominant-color="492d1b" data-has-transparency="false" style="--dominant-color: #492d1b;" decoding="async" width="1024" height="576" src="https://machidablog.com/wp-content/uploads/2026/06/FLUX-Kontext-pro-1024x576.webp" alt="FLUX Kontext pro" class="wp-image-3257 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/FLUX-Kontext-pro-1024x576.webp 1024w, https://machidablog.com/wp-content/uploads/2026/06/FLUX-Kontext-pro-300x169.webp 300w, https://machidablog.com/wp-content/uploads/2026/06/FLUX-Kontext-pro-768x432.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/FLUX-Kontext-pro-120x68.webp 120w, https://machidablog.com/wp-content/uploads/2026/06/FLUX-Kontext-pro-160x90.webp 160w, https://machidablog.com/wp-content/uploads/2026/06/FLUX-Kontext-pro-320x180.webp 320w, https://machidablog.com/wp-content/uploads/2026/06/FLUX-Kontext-pro.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">FLUX Kontext pro</figcaption></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">ゲーム画面のような画像が生成されました。</p>



<p class="wp-block-paragraph">他のモデルと比べるとかなり違う結果となりました。</p>



<p class="wp-block-paragraph">FLUX Kontext proの説明欄に、<strong>「ターゲットを絞って迅速に編集」</strong>とあったので、<strong>画像の一部分を変更する生成</strong>に適しているのかもしれませんね。</p>
</div></div>



<p class="wp-block-paragraph"></p>



<h3 id="rtoc-9"  class="wp-block-heading">FLUX.2 pro</h3>



<p class="wp-block-paragraph">FLUX.2 proの消費クレジットは、<strong>20クレジット</strong>です。</p>



<figure class="wp-block-image size-large"><img data-dominant-color="dbd8d6" data-has-transparency="false" style="--dominant-color: #dbd8d6;" decoding="async" width="1024" height="576" src="https://machidablog.com/wp-content/uploads/2026/06/FLUX.2-pro-1024x576.webp" alt="FLUX.2 pro" class="wp-image-3258 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/FLUX.2-pro-1024x576.webp 1024w, https://machidablog.com/wp-content/uploads/2026/06/FLUX.2-pro-300x169.webp 300w, https://machidablog.com/wp-content/uploads/2026/06/FLUX.2-pro-768x432.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/FLUX.2-pro-120x68.webp 120w, https://machidablog.com/wp-content/uploads/2026/06/FLUX.2-pro-160x90.webp 160w, https://machidablog.com/wp-content/uploads/2026/06/FLUX.2-pro-320x180.webp 320w, https://machidablog.com/wp-content/uploads/2026/06/FLUX.2-pro.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">FLUX.2 pro</figcaption></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">背景はなく、アニメ調の剣士のイラストが生成されました。</p>



<p class="wp-block-paragraph">FLUX Kontext proと比べると大違いですね。</p>



<p class="wp-block-paragraph">個人的には、このイラストが一番想像していたものと近かったです！</p>



<p class="wp-block-paragraph">Photoshop内の説明には、<strong>「フォトリアリスティックな画像編集および作成が可能、高精度でさらなるリアルさを実現」</strong>と記載されていました。</p>



<p class="wp-block-paragraph"><strong>Gemini 3(Nano Banana Pro)の40クレジット</strong>と比べると<strong>半分の20クレジットで済む</strong>ので、クレジットを節約したい時にはFLUX.2 proがいいかもしれませんね。</p>
</div></div>



<p class="wp-block-paragraph"></p>



<h2 id="rtoc-10"  class="wp-block-heading">Firefly 塗りつぶし&amp;拡張で、生成塗りつぶしを行う時の注意点</h2>



<figure class="wp-block-image size-large"><img data-dominant-color="624b47" data-has-transparency="false" style="--dominant-color: #624b47;" decoding="async" width="1024" height="576" src="https://machidablog.com/wp-content/uploads/2026/06/Photoshop注意-1024x576.webp" alt="" class="wp-image-3260 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/Photoshop注意-1024x576.webp 1024w, https://machidablog.com/wp-content/uploads/2026/06/Photoshop注意-300x169.webp 300w, https://machidablog.com/wp-content/uploads/2026/06/Photoshop注意-768x432.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/Photoshop注意-120x68.webp 120w, https://machidablog.com/wp-content/uploads/2026/06/Photoshop注意-160x90.webp 160w, https://machidablog.com/wp-content/uploads/2026/06/Photoshop注意-320x180.webp 320w, https://machidablog.com/wp-content/uploads/2026/06/Photoshop注意.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">下記の画像のように、<strong>アートボードが近くにある状態</strong>でFirefly 塗りつぶし&amp;拡張の生成塗りつぶしを行うと、近くのアートボードが拡張された画像が生成されてしまいます。</p>



<figure class="wp-block-image size-large"><img data-dominant-color="8e8a82" data-has-transparency="false" style="--dominant-color: #8e8a82;" decoding="async" width="878" height="1024" src="https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-23.02.24-878x1024.webp" alt="" class="wp-image-3261 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-23.02.24-878x1024.webp 878w, https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-23.02.24-257x300.webp 257w, https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-23.02.24-768x895.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/スクリーンショット-2026-06-02-23.02.24.webp 940w" sizes="(max-width: 878px) 100vw, 878px" /></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">生成塗りつぶしや生成拡張を行う際には、新規のドキュメントで生成するかアートボードをかなり離したほうが綺麗に生成できます！</p>
</div></div>



<p class="wp-block-paragraph"></p>



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



<figure class="wp-block-image size-large"><img data-dominant-color="737272" data-has-transparency="false" style="--dominant-color: #737272;" decoding="async" width="1024" height="572" src="https://machidablog.com/wp-content/uploads/2026/06/Flow_Photoshopの生成塗りつぶし-1024x572.webp" alt="" class="wp-image-3263 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2026/06/Flow_Photoshopの生成塗りつぶし-1024x572.webp 1024w, https://machidablog.com/wp-content/uploads/2026/06/Flow_Photoshopの生成塗りつぶし-300x167.webp 300w, https://machidablog.com/wp-content/uploads/2026/06/Flow_Photoshopの生成塗りつぶし-768x429.webp 768w, https://machidablog.com/wp-content/uploads/2026/06/Flow_Photoshopの生成塗りつぶし-1536x857.webp 1536w, https://machidablog.com/wp-content/uploads/2026/06/Flow_Photoshopの生成塗りつぶし-2048x1143.webp 2048w, https://machidablog.com/wp-content/uploads/2026/06/Flow_Photoshopの生成塗りつぶし-120x68.webp 120w, https://machidablog.com/wp-content/uploads/2026/06/Flow_Photoshopの生成塗りつぶし-160x90.webp 160w, https://machidablog.com/wp-content/uploads/2026/06/Flow_Photoshopの生成塗りつぶし-320x180.webp 320w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">本記事では、Photoshopの生成塗りつぶしについてモデル別ごとに比較しました。</p>



<p class="wp-block-paragraph">かなり抽象的な指示文で試したのですが、全体的にパートナーモデルのほうが<strong>無から何かを生成する</strong>ことに適している印象を受けました。</p>



<p class="wp-block-paragraph">しかし、パートナーモデルは<strong>学習先のデータによる著作権などのリスクがゼロではない</strong>ので注意が必要です。</p>



<p class="wp-block-paragraph">Fireflyの場合は、<strong>許諾を得たデータや著作権上問題がないネット上の公開コンテンツ</strong>などから学習していると明示されているので安心して使用できます。<br>※詳細は、下記公式サイトをご参照ください。<br><a href="https://www.adobe.com/jp/ai/overview/firefly/gen-ai-approach.html" data-type="link" data-id="https://www.adobe.com/jp/ai/overview/firefly/gen-ai-approach.html">Adobe Fireflyによるアドビの生成AIへのアプローチ</a></p>



<p class="wp-block-paragraph">今回の比較が少しでも何かのお役に立てれば嬉しいです！</p>



<p class="wp-block-paragraph">それでは！</p>



<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=45FUA1+G3ASDU+5SLG+60OXD">
<img fetchpriority="high" decoding="async" border="0" width="1200" height="675" alt="" src="https://www24.a8.net/svt/bgt?aid=251001865973&#038;wid=001&#038;eno=01&#038;mid=s00000027034001011000&#038;mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www17.a8.net/0.gif?a8mat=45FUA1+G3ASDU+5SLG+60OXD" alt="">
]]></content:encoded>
					
					<wfw:commentRss>https://machidablog.com/photoshop-ainuritubushi/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【Photoshop】画像につけたドロップシャドウを2色以上に変える簡単な方法</title>
		<link>https://machidablog.com/photoshop-gradation/</link>
					<comments>https://machidablog.com/photoshop-gradation/#respond</comments>
		
		<dc:creator><![CDATA[まちだ]]></dc:creator>
		<pubDate>Tue, 28 Oct 2025 15:53:59 +0000</pubDate>
				<category><![CDATA[動画編集・デザイン]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[パソコン]]></category>
		<guid isPermaLink="false">https://machidablog.com/?p=3024</guid>

					<description><![CDATA[どうも、まちだです！ ドロップシャドウにグラデーションをかけたいなと思ったことはありませんか？ Photoshopのドロップシャドウは、境界線と違いグラデーションがつけられませんよね。 しかし、ちょっとした工夫で2色以上 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">どうも、まちだです！</p>



<p class="wp-block-paragraph">ドロップシャドウにグラデーションをかけたいなと思ったことはありませんか？</p>



<p class="wp-block-paragraph">Photoshopのドロップシャドウは、境界線と違いグラデーションがつけられませんよね。</p>



<p class="wp-block-paragraph">しかし、ちょっとした工夫で<strong>2色以上</strong>に色を変えたり、<strong>グラデーション</strong>をつけることができます。</p>



<p class="wp-block-paragraph">この記事では、そのやり方について簡単に紹介ていきます！</p>



<dl class="wp-block-sbd-definition-list sbd-inner-block-init sbd-list-border">
<dt class="wp-block-sbd-definition-list-dt">本記事で分かること</dt>



<dd class="wp-block-sbd-definition-list-dd">・画像につけたドロップシャドウにグラデーションをつける方法<br>・グラデーションツールでドロップシャドウの色を途中で変える方法</dd>
</dl>



<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=45FUA1+G3ASDU+5SLG+60WN5">
<img decoding="async" border="0" width="1200" height="675" alt="" src="https://www24.a8.net/svt/bgt?aid=251001865973&#038;wid=001&#038;eno=01&#038;mid=s00000027034001012000&#038;mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=45FUA1+G3ASDU+5SLG+60WN5" alt="">



<div id="rtoc-mokuji-wrapper" class="rtoc-mokuji-content frame2 preset5 animation-none rtoc_open default" data-id="3024" data-theme="Cocoon">
			<div id="rtoc-mokuji-title" class=" rtoc_center">
			<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">STEP.1　画像を準備する</a></li><li class="rtoc-item"><a href="#rtoc-3">STEP.2　画像のレイヤーを複製</a></li><li class="rtoc-item"><a href="#rtoc-4">STEP.3　下のレイヤーの画像にドロップシャドウをつける</a></li><li class="rtoc-item"><a href="#rtoc-5">STEP.4　ドロップシャドウをつけた画像をスマートオブジェクト化</a></li><li class="rtoc-item"><a href="#rtoc-6">STEP.5　グラデーションオーバーレイを適用</a></li><li class="rtoc-item"><a href="#rtoc-7">ドロップシャドウの幅や不透明度などを変更する</a></li></ul></li><li class="rtoc-item"><a href="#rtoc-8">グラデーションツールでドロップシャドウの色を途中で変える方法</a><ul class="rtoc-mokuji mokuji_ul level-2"><li class="rtoc-item"><a href="#rtoc-9">STEP.1 画像を配置し、ドロップシャドウをつける</a></li><li class="rtoc-item"><a href="#rtoc-10">STEP.2 レイヤーマスクを作成する</a></li><li class="rtoc-item"><a href="#rtoc-11">STEP.3 レイヤーマスクにグラデーションを追加する</a></li><li class="rtoc-item"><a href="#rtoc-12">STEP.4 画像にグラデーションをかける</a></li><li class="rtoc-item"><a href="#rtoc-13">STEP.5 一番上に画像を重ねる</a></li></ul></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 aligncenter size-large"><img data-dominant-color="e5dfdd" data-has-transparency="false" style="--dominant-color: #e5dfdd;" decoding="async" width="1024" height="1024" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ完成-1024x1024.webp" alt="" class="wp-image-3033 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ完成-1024x1024.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ完成-300x300.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ完成-150x150.webp 150w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ完成-768x769.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ完成.webp 1396w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">上記の画像のように、人物の周りのドロップシャドウを変える方法を紹介します。</p>



<h3 id="rtoc-2"  class="wp-block-heading"><strong>STEP.1</strong>　画像を準備する</h3>



<figure class="wp-block-image size-large"><img data-dominant-color="848382" data-has-transparency="false" style="--dominant-color: #848382;" decoding="async" width="1024" height="641" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ１-1024x641.webp" alt="" class="wp-image-3032 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ１-1024x641.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ１-300x188.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ１-768x481.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ１-1536x961.webp 1536w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ１-2048x1282.webp 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">グラデーションをつける透過済みのイラストを用意します。</p>



<h3 id="rtoc-3"  class="wp-block-heading"><strong>STEP.</strong>2　画像のレイヤーを複製</h3>



<figure class="wp-block-image aligncenter size-full"><img data-dominant-color="535353" data-has-transparency="false" style="--dominant-color: #535353;" decoding="async" width="570" height="572" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ２.webp" alt="" class="wp-image-3031 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ２.webp 570w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ２-300x300.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ２-150x150.webp 150w" sizes="(max-width: 570px) 100vw, 570px" /></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後-150x150.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">Mac：<strong>⌘</strong>&nbsp;+&nbsp;<strong>J</strong> （Windows：<strong>Ctrl</strong>&nbsp;+&nbsp;<strong>J</strong>&nbsp;）でレイヤーを複製します。</p>
</div></div>



<h3 id="rtoc-4"  class="wp-block-heading"><strong>STEP.</strong>3　下のレイヤーの画像にドロップシャドウをつける</h3>



<figure class="wp-block-image size-large"><img data-dominant-color="81807f" data-has-transparency="false" style="--dominant-color: #81807f;" decoding="async" width="1024" height="640" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ４-1024x640.webp" alt="" class="wp-image-3029 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ４-1024x640.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ４-300x187.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ４-768x480.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ４-1536x960.webp 1536w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ４-2048x1280.webp 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">ドロップシャドウの色は、何色でも大丈夫です。</p>
</div></div>



<figure class="wp-block-image size-large"><img data-dominant-color="5a5a5a" data-has-transparency="false" style="--dominant-color: #5a5a5a;" decoding="async" width="1024" height="670" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ３-1024x670.webp" alt="" class="wp-image-3030 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ３-1024x670.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ３-300x196.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ３-768x503.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ３-1536x1005.webp 1536w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ３.webp 1604w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 id="rtoc-5"  class="wp-block-heading"><strong>STEP.</strong>4　ドロップシャドウをつけた画像をスマートオブジェクト化</h3>



<figure class="wp-block-image size-large"><img data-dominant-color="949494" data-has-transparency="false" style="--dominant-color: #949494;" decoding="async" width="864" height="1024" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデスマートオブジェクト-e1761410800707-864x1024.webp" alt="" class="wp-image-3034 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデスマートオブジェクト-e1761410800707-864x1024.webp 864w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデスマートオブジェクト-e1761410800707-253x300.webp 253w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデスマートオブジェクト-e1761410800707-768x910.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデスマートオブジェクト-e1761410800707.webp 1072w" sizes="(max-width: 864px) 100vw, 864px" /></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">ドロップシャドウをつけた画像のレイヤーを右クリックして、<strong>「スマートオブジェクトに変換</strong>」を選択してください。</p>
</div></div>



<h3 id="rtoc-6"  class="wp-block-heading"><strong>STEP.</strong>5　グラデーションオーバーレイを適用</h3>



<figure class="wp-block-image size-large"><img data-dominant-color="5b5a5b" data-has-transparency="false" style="--dominant-color: #5b5a5b;" decoding="async" width="1024" height="662" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ６-1024x662.webp" alt="" class="wp-image-3027 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ６-1024x662.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ６-300x194.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ６-768x496.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ６-1536x993.webp 1536w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ６.webp 1606w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">スマートオブジェクト化した画像のレイヤーに、<strong>「グラデーションオーバーレイ」</strong>を適用します。</p>



<p class="wp-block-paragraph">わかりやすいように今回は虹色のグラデーションにしてみました！</p>
</div></div>



<figure class="wp-block-image size-large"><img data-dominant-color="838281" data-has-transparency="false" style="--dominant-color: #838281;" decoding="async" width="1024" height="637" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ７-1024x637.webp" alt="" class="wp-image-3026 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ７-1024x637.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ７-300x187.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ７-768x478.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ７-1536x956.webp 1536w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ７-2048x1275.webp 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">完成です！</p>



<p class="wp-block-paragraph">上の画像のレイヤーを非表示にすると、画像全体にグラデーションが適用されている状態です。<br>最初に<strong>黒のドロップシャドウをつけた部分</strong>が上の画像よりはみ出ているので、<br>画像のレイヤーを重ねることにより、グラデーションが適用されているように見えています！</p>
</div></div>



<figure class="wp-block-image size-large"><img data-dominant-color="807a7f" data-has-transparency="false" style="--dominant-color: #807a7f;" decoding="async" width="1024" height="640" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ８-1024x640.webp" alt="" class="wp-image-3025 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ８-1024x640.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ８-300x188.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ８-768x480.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ８-1536x960.webp 1536w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデ８-2048x1280.webp 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 id="rtoc-7"  class="wp-block-heading">ドロップシャドウの幅や不透明度などを変更する</h3>



<figure class="wp-block-image size-large"><img data-dominant-color="848282" data-has-transparency="false" style="--dominant-color: #848282;" decoding="async" width="1024" height="637" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma5-1024x637.webp" alt="" class="wp-image-3037 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma5-1024x637.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma5-300x187.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma5-768x478.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma5-1536x956.webp 1536w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma5-2048x1274.webp 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">スマートオブジェクト化した画像のドロップシャドウを変更します。</p>



<p class="wp-block-paragraph">下記画像の赤い四角部分をダブルクリックすると、<br>スマートオブジェクト化前の状態で編集ができるようになります。</p>
</div></div>



<figure class="wp-block-image aligncenter size-full"><img data-dominant-color="5a5959" data-has-transparency="false" style="--dominant-color: #5a5959;" decoding="async" width="564" height="560" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma.webp" alt="" class="wp-image-3039 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma.webp 564w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma-300x298.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma-150x150.webp 150w" sizes="(max-width: 564px) 100vw, 564px" /></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">黒のドロップシャドウのサイズとスプレッドの数値を小さくしました。</p>



<p class="wp-block-paragraph">スマートオブジェクト内で変更した内容を反映させるためには、<strong>必ず保存しましょう！</strong></p>
</div></div>



<figure class="wp-block-image size-large"><img data-dominant-color="575656" data-has-transparency="false" style="--dominant-color: #575656;" decoding="async" width="1024" height="637" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma2-1024x637.webp" alt="" class="wp-image-3038 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma2-1024x637.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma2-300x187.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma2-768x477.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma2-1536x955.webp 1536w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma2-2048x1273.webp 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-sbd-background-block sbd-bg-color sbd-inner-block-init">
<p class="wp-block-paragraph">【注意】<br>上記の状態で元のプロジェクトに戻ると、グラデーションが少し不自然に切れてしまいます。<br>スマートオブジェクト内のレイヤーを大きくし、切れないように調整しましょう。</p>
</div>



<figure class="wp-block-image size-large"><img data-dominant-color="848281" data-has-transparency="false" style="--dominant-color: #848281;" decoding="async" width="1024" height="635" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma4-1024x635.webp" alt="" class="wp-image-3036 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma4-1024x635.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma4-300x186.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma4-768x476.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma4-1536x952.webp 1536w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma4-2048x1269.webp 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img data-dominant-color="646463" data-has-transparency="false" style="--dominant-color: #646463;" decoding="async" width="1024" height="638" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma3-1024x638.webp" alt="" class="wp-image-3035 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma3-1024x638.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma3-300x187.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma3-768x478.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma3-1536x957.webp 1536w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma3-2048x1276.webp 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">下記画像は変更前(左)と変更後(右)の画像です。<br>最初は境界線っぽい感じでしたが、変更後はよりドロップシャドウっぽくなるようにしてみました！</p>
</div></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img data-dominant-color="d4cbc7" data-has-transparency="false" style="--dominant-color: #d4cbc7;" decoding="async" width="1024" height="805" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma比較-1024x805.webp" alt="" class="wp-image-3043 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma比較-1024x805.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma比較-300x236.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma比較-768x604.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデsuma比較.webp 1438w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<h2 id="rtoc-8"  class="wp-block-heading">グラデーションツールでドロップシャドウの色を途中で変える方法</h2>



<figure class="wp-block-image size-large"><img data-dominant-color="e0d6d3" data-has-transparency="false" style="--dominant-color: #e0d6d3;" decoding="async" width="971" height="1024" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール-971x1024.webp" alt="" class="wp-image-3055 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール-971x1024.webp 971w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール-284x300.webp 284w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール-768x810.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール.webp 1200w" sizes="(max-width: 971px) 100vw, 971px" /></figure>



<p class="wp-block-paragraph">グラデーションツールを使い、部分的にドロップシャドウの色を変更するやり方を紹介します。</p>



<h3 id="rtoc-9"  class="wp-block-heading"><strong>STEP.</strong>1 画像を配置し、ドロップシャドウをつける</h3>



<figure class="wp-block-image size-large"><img data-dominant-color="6a6968" data-has-transparency="false" style="--dominant-color: #6a6968;" decoding="async" width="1024" height="639" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール２-1024x639.webp" alt="" class="wp-image-3050 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール２-1024x639.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール２-300x187.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール２-768x479.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール２-1536x958.webp 1536w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール２-2048x1278.webp 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後-150x150.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">黒のドロップシャドウをつけた画像のレイヤーを2枚配置します。</p>



<p class="wp-block-paragraph">今回は赤と黒に色を変えるので、1枚のドロップシャドウを赤に変えます。</p>



<p class="wp-block-paragraph"><strong>※上記画像では画像のレイヤーが2枚のみですが、一番上に複製して3枚にしてください。</strong><br>　複製した3枚目の画像のレイヤーは、非表示のままで大丈夫です。</p>
</div></div>



<figure class="wp-block-image size-large"><img data-dominant-color="6d6a69" data-has-transparency="false" style="--dominant-color: #6d6a69;" decoding="async" width="1024" height="639" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール３-1024x639.webp" alt="" class="wp-image-3051 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール３-1024x639.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール３-300x187.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール３-768x479.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール３-1536x959.webp 1536w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール３-2048x1278.webp 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 id="rtoc-10"  class="wp-block-heading"><strong>STEP.</strong>2 レイヤーマスクを作成する</h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full"><img data-dominant-color="545251" data-has-transparency="false" style="--dominant-color: #545251;" decoding="async" width="600" height="120" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショレイヤーマスク.webp" alt="" class="wp-image-3059 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショレイヤーマスク.webp 600w, https://machidablog.com/wp-content/uploads/2025/10/フォトショレイヤーマスク-300x60.webp 300w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">画像のレイヤーを選択してから、下のほうにある上記画像の日本の国旗のようなアイコンをクリックします。</p>



<p class="wp-block-paragraph">すると、下記画像のようにレイヤーマスクが作成されます。</p>
</div></div>



<figure class="wp-block-image aligncenter size-full"><img data-dominant-color="575757" data-has-transparency="false" style="--dominant-color: #575757;" decoding="async" width="566" height="730" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール４.webp" alt="" class="wp-image-3052 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール４.webp 566w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール４-233x300.webp 233w" sizes="(max-width: 566px) 100vw, 566px" /></figure>



<h3 id="rtoc-11"  class="wp-block-heading"><strong>STEP.</strong>3 レイヤーマスクにグラデーションを追加する</h3>



<figure class="wp-block-image aligncenter size-large"><img data-dominant-color="70706c" data-has-transparency="false" style="--dominant-color: #70706c;" decoding="async" width="896" height="1024" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール５-1-896x1024.webp" alt="" class="wp-image-3083 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール５-1-896x1024.webp 896w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール５-1-263x300.webp 263w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール５-1-768x878.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール５-1.webp 1233w" sizes="(max-width: 896px) 100vw, 896px" /></figure>
</div>
</div>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">レイヤーマスクを選択した状態で、ツールバーにある<strong>「グラデーションツール」</strong>をクリックします。</p>



<p class="wp-block-paragraph">グラデーションは、<strong>基本の右端</strong>のものを選択します。</p>
</div></div>



<figure class="wp-block-image aligncenter size-large"><img data-dominant-color="74706f" data-has-transparency="false" style="--dominant-color: #74706f;" decoding="async" width="1024" height="541" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール６-1-1024x541.webp" alt="" class="wp-image-3081 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール６-1-1024x541.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール６-1-300x158.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール６-1-768x406.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール６-1-1536x811.webp 1536w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール６-1.webp 1678w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 id="rtoc-12"  class="wp-block-heading"><strong>STEP.</strong>4 画像にグラデーションをかける</h3>



<figure class="wp-block-image size-large"><img data-dominant-color="726e6d" data-has-transparency="false" style="--dominant-color: #726e6d;" decoding="async" width="1024" height="638" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール７-1024x638.webp" alt="" class="wp-image-3056 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール７-1024x638.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール７-300x187.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール７-768x478.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール７-1536x956.webp 1536w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール７-2048x1275.webp 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">グラデーションをかけたい方向へドラッグさせ、画像を消します。</p>



<p class="wp-block-paragraph">下の黒いドロップシャドウをかけた画像も同じように、不要な部分を消していきます。</p>
</div></div>



<figure class="wp-block-image size-large"><img data-dominant-color="6e6969" data-has-transparency="false" style="--dominant-color: #6e6969;" decoding="async" width="1024" height="635" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール９-1024x635.webp" alt="" class="wp-image-3058 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール９-1024x635.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール９-300x186.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール９-768x476.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール９-1536x952.webp 1536w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール９-2048x1269.webp 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 id="rtoc-13"  class="wp-block-heading"><strong>STEP.</strong>5 一番上に画像を重ねる</h3>



<figure class="wp-block-image size-large"><img data-dominant-color="747271" data-has-transparency="false" style="--dominant-color: #747271;" decoding="async" width="1024" height="639" src="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール１０-1024x639.webp" alt="" class="wp-image-3067 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール１０-1024x639.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール１０-300x187.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール１０-768x479.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール１０-1536x958.webp 1536w, https://machidablog.com/wp-content/uploads/2025/10/フォトショ画像にグラデツール１０-2048x1278.webp 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-1 sbd-balloon--flat sbd-balloon--l sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://machidablog.com/wp-content/uploads/2025/10/アイコンショートメガネ切り抜き後.webp" alt="まちだ" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">まちだ</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p class="wp-block-paragraph">画像のレイヤーを一番上に複製もしくは表示させ、ドロップシャドウを外せば完成です！</p>
</div></div>



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



<figure class="wp-block-image size-large"><img data-dominant-color="5a6560" data-has-transparency="false" style="--dominant-color: #5a6560;" decoding="async" width="1024" height="683" src="https://machidablog.com/wp-content/uploads/2025/10/AC-Photoshop操作する手_m-1024x683.webp" alt="" class="wp-image-3068 not-transparent" srcset="https://machidablog.com/wp-content/uploads/2025/10/AC-Photoshop操作する手_m-1024x683.webp 1024w, https://machidablog.com/wp-content/uploads/2025/10/AC-Photoshop操作する手_m-300x200.webp 300w, https://machidablog.com/wp-content/uploads/2025/10/AC-Photoshop操作する手_m-768x512.webp 768w, https://machidablog.com/wp-content/uploads/2025/10/AC-Photoshop操作する手_m-1536x1024.webp 1536w, https://machidablog.com/wp-content/uploads/2025/10/AC-Photoshop操作する手_m.webp 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"><br>本記事では、Photoshopのドロップシャドウにグラデーションや2色以上の色を加える方法をご紹介しました！</p>



<p class="wp-block-paragraph">ちょっとした工夫で、ドロップシャドウでの表現はぐっと広がります。</p>



<p class="wp-block-paragraph">境界線よりふんわりとした仕上がりになるので、ぜひ活用してみてください！</p>



<p class="wp-block-paragraph">それでは！</p>



<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=45FUA1+G3ASDU+5SLG+60WN5">
<img decoding="async" border="0" width="1200" height="675" alt="" src="https://www24.a8.net/svt/bgt?aid=251001865973&#038;wid=001&#038;eno=01&#038;mid=s00000027034001012000&#038;mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=45FUA1+G3ASDU+5SLG+60WN5" alt="">



<p class="wp-block-paragraph">動画編集CAMPやPC作業中に愛用している商品のレビュー記事はこちらから↓</p>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">

<a href="https://machidablog.com/video-editing-camp-review/" title="【レビュー】‎動画編集CAMP鹿児島校を受講してみた結果" 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 decoding="async" width="320" height="180" src="https://machidablog.com/wp-content/uploads/2024/03/動画編集CAMP　アイキャッチ.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://machidablog.com/wp-content/uploads/2024/03/動画編集CAMP　アイキャッチ.jpg 800w, https://machidablog.com/wp-content/uploads/2024/03/動画編集CAMP　アイキャッチ-320x180.jpg 320w, https://machidablog.com/wp-content/uploads/2024/03/動画編集CAMP　アイキャッチ-224x126.jpg 224w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【レビュー】‎動画編集CAMP鹿児島校を受講してみた結果</div><div class="blogcard-snippet internal-blogcard-snippet">どうも、まちだです！早速ですが、副業と言われて何を想像されますか？このブログもそうですし、その他にもデータ入力やイラスト制作、商品の袋詰めなど数多くの副業があります。そんな中で、気になっていた動画編集をチャレンジしてみようと思い立ち、あお社...</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 decoding="async" src="https://www.google.com/s2/favicons?domain=https://machidablog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">machidablog.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2024.03.27</div></div></div></div></a>
</div></figure>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">

<a href="https://machidablog.com/ergom575-review/" title="【レビュー】ロジクールERGOM575ワイヤレストラックボールマウスを使ってみた" 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 decoding="async" width="320" height="180" src="https://machidablog.com/wp-content/uploads/2023/11/ergom575アイキャッチ-1.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://machidablog.com/wp-content/uploads/2023/11/ergom575アイキャッチ-1.png 800w, https://machidablog.com/wp-content/uploads/2023/11/ergom575アイキャッチ-1-320x180.png 320w, https://machidablog.com/wp-content/uploads/2023/11/ergom575アイキャッチ-1-224x126.png 224w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【レビュー】ロジクールERGOM575ワイヤレストラックボールマウスを使ってみた</div><div class="blogcard-snippet internal-blogcard-snippet">どうも、まちだです！早速ですが、トラックボールマウスを使われたことありますか？通常のマウスはマウス本体を移動させてカーソルを動かしますが、トラックボールマウスはボールを転がすことで動かせます。作業スペースが狭いため、試しにトラックボールマウ...</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 decoding="async" src="https://www.google.com/s2/favicons?domain=https://machidablog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">machidablog.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2025.10.14</div></div></div></div></a>
</div></figure>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">

<a href="https://machidablog.com/w-u-wrist-rest-review/" title="【レビュー】ナカバヤシ、w/Uリストレストロングタイプ使ってみた" 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 decoding="async" width="320" height="180" src="https://machidablog.com/wp-content/uploads/2023/12/ナカバヤシ-リストレスト-アイキャッチ.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://machidablog.com/wp-content/uploads/2023/12/ナカバヤシ-リストレスト-アイキャッチ.jpg 800w, https://machidablog.com/wp-content/uploads/2023/12/ナカバヤシ-リストレスト-アイキャッチ-320x180.jpg 320w, https://machidablog.com/wp-content/uploads/2023/12/ナカバヤシ-リストレスト-アイキャッチ-224x126.jpg 224w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【レビュー】ナカバヤシ、w/Uリストレストロングタイプ使ってみた</div><div class="blogcard-snippet internal-blogcard-snippet">どうも、まちだです！パソコンで作業中に、手首や腕が痛くなることはありませんか？私の場合、机の端に腕を置いているので、長時間作業していると腕に机のあとがついていました。パソコンでの作業が、苦にならないようにしたいですよね。そこで私は、机自体へ...</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 decoding="async" src="https://www.google.com/s2/favicons?domain=https://machidablog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">machidablog.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2023.12.03</div></div></div></div></a>
</div></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://machidablog.com/photoshop-gradation/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
