<?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>輝度 (描画モード)| psgips</title>
	<atom:link href="https://psgips.net/tag/luminosity/feed" rel="self" type="application/rss+xml" />
	<link>https://psgips.net</link>
	<description>Photoshopの使い方がよくわかる初級講座</description>
	<lastBuildDate>Sun, 17 Mar 2024 14:57:12 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.2</generator>

<image>
	<url>https://psgips.net/wp-content/uploads/2016/04/cropped-psgips_icon512x512-1-32x32.png</url>
	<title>輝度 (描画モード)| psgips</title>
	<link>https://psgips.net</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"/>	<item>
		<title>基本がわかる！描画モードの種類と特性</title>
		<link>https://psgips.net/photoshop-reference/type-of-blending-mode</link>
		
		<dc:creator><![CDATA[古岡 ひふみ]]></dc:creator>
		<pubDate>Thu, 10 Jan 2019 23:00:28 +0000</pubDate>
				<category><![CDATA[Photoshop基本操作]]></category>
		<category><![CDATA[レイヤー]]></category>
		<category><![CDATA[CC 2019]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[RGB カラー]]></category>
		<category><![CDATA[オーバーレイ (描画モード)]]></category>
		<category><![CDATA[ショートカットキー]]></category>
		<category><![CDATA[スクリーン (描画モード)]]></category>
		<category><![CDATA[チュートリアル]]></category>
		<category><![CDATA[中性色]]></category>
		<category><![CDATA[乗算 (描画モード)]]></category>
		<category><![CDATA[参考・参照]]></category>
		<category><![CDATA[基礎知識]]></category>
		<category><![CDATA[描画モード]]></category>
		<category><![CDATA[画像を開く]]></category>
		<category><![CDATA[輝度 (描画モード)]]></category>
		<category><![CDATA[輝度 (明るさの指標)]]></category>
		<guid isPermaLink="false">https://psgips.net/?p=9072</guid>

					<description><![CDATA[<p>【Photoshop基本操作】レイヤーの重なり条件を選択できる高度な機能で、画像合成のさまざまな表現が設定できます。描画モードを設定できる画像は、Photoshop で現在作業中のレイヤーを含む画像、または、Photos [&#8230;]</p>
The post <a href="https://psgips.net/photoshop-reference/type-of-blending-mode">基本がわかる！描画モードの種類と特性</a> first appeared on <a href="https://psgips.net">psgips</a>.]]></description>
										<content:encoded><![CDATA[<div class="body20">
【Photoshop基本操作】レイヤーの重なり条件を選択できる高度な機能で、画像合成のさまざまな表現が設定できます。描画モードを設定できる画像は、Photoshop で現在作業中のレイヤーを含む画像、または、Photoshop 形式 ( .psd )で保存されたレイヤーを含む画像に限られます。</div>
<span id="more-9072"></span>
<div class="body20">
<div class="target"></div>
<div class="kadomaru00">
<div class="midashi16p">特性を大別して知ろう！</div>
<div class="body20">
描画モードは片っ端から変えてみる…捉え方は、人により画像により千差万別です。描画モードはカンタンに変更できるから、それもまた適法でしょう。しかし、描画モードの特性を「中性色」で大別しておくと、引き出しから取り出すスピードは速いですよ。</div>
</div>
</div>
<div class="border4"></div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- psgips_rectangle_top -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-2047255972754995"
     data-ad-slot="2247959512"
     data-ad-format="rectangle"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="border4"></div>
<div class="body204">
<h2 class="midashimaru48">描画モードの設定方法</h2>
<div class="body20">
これから行う操作は、レイヤーの重なり条件を [描画モード] で設定する方法です。<span class="under">基本色 (背面) に対して、合成色 (前面) のレイヤーの [ 描画モード ] が反映</span>されます。</div>
<div class="imgtb">
<img fetchpriority="high" decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_00_01.jpg" width="623" height="220" alt="前面のレイヤー(合成色)+背面(基本色)"></div>
<div class="body20">
複数のレイヤーに設定することも可能で、その場合、常に背面までの合成結果を「基本色」として、前面のレイヤーが「合成色」となります。</div>
</div>
<div class="body20">
<div class="midashi14p">【操作方法】</div>
<div class="body20">
<div class="iconnos01">素材画像をダウンロードして開きます。素材画像は、[ 幅 : 640 pixel ]、[ 高さ : 427 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。</div>
</div>
<div class="dounload20"><a href="https://psgips.net/wp-content/uploads/zip/p226.zip">素材画像をダウンロードしよう！ ( 1.9 MB )</a></div>
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_01_01.jpg" width="623" height="350" alt="素材画像を開く">
<div class="caption14">素材画像を開く</div>
</div>
</div>
<div class="body20">
<div class="body20">
<div class="iconnos02">[ レイヤー ] パネルで、描画モードを設定したい前面のレイヤーをクリックして選択します。</div>
</div>
<div class="arrow20"><a href="https://psgips.net/photoshop-reference/how-to-use-layers">基本がわかる！レイヤーの使い方</a></div>
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_01_02.jpg" width="304" height="238" alt="前面のレイヤーをクリックして選択">
<div class="caption14">前面のレイヤーをクリックして選択</div>
</div>
</div>
<div class="body20">
<div class="body20">
<div class="iconnos03">[ レイヤー ] パネル上部の [ レイヤーの描画モードを設定 ] をクリックし、表示されるメニューから、任意の描画モードを選択します。</div>
</div>
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_01_03.jpg" width="366" height="527" alt="任意の描画モードを選択">
<div class="caption14">任意の描画モードを選択</div>
</div>
</div>
<div class="body20">
<div class="body20">
<div class="iconnos04">任意の描画モードを設定することができました。</div>
</div>
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_01_04.jpg" width="623" height="350" alt="描画モードを設定することができた">
<div class="caption14">描画モードを設定することができた</div>
</div>
</div>
<div class="kadomaru">
<div class="midashichek38">描画モードをすばやく変更！</div>
<div class="body20">
選択レイヤーの描画モードを、メニューの昇順、または、降順に変更することができます。</div>
<div class="body20">
[ レイヤーの描画モードを設定 ] をクリックしメニューを表示して、[ shift ] + [ + ] キー、または、[ shift ] + [ &#8211; ] を連続して押すと、次々に描画モードが変更されるので、手早く効果を確認することができます。</div>
<div class="body20">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_01_04b.jpg" width="366" height="527" alt="メニュー順に変更することができる">
<div class="caption14">メニュー順に変更することができる</div>
</div>
<div class="body20">
このショートカットキーは、[ ブラシツール ] や [ グラデーションツール ] など、ペイント系ツールのオプションバーにある [ 描画モード ] にも使えます。</div>
<div class="body20">
同様にメニューを表示して、[ shift ] + [ + ] キー、または、[ shift ] + [ &#8211; ] を連続して押すと、次々に描画モードを変更することができます。</div>
<div class="body20">
ただし、ペイント系ツールの描画モードは、描画する前に設定するものです。描画後に [ 描画モード ] を変更しても適用されません。</div>
<div class="arrow20"><a href="https://psgips.net/photoshop-reference/shortcut-key-2">レイヤー操作を効率化する！ショートカットキー10選</a></div>
</div>
<div class="border4"></div>
<div class="kadomaru">
<div class="midashi16p">基本がわかる動画を配信中！</div>
<div class="column2">
<div class="boxin"><a href="https://youtu.be/S4gt6U5eAQc" title="サムネールの動画にリンクします。"><img decoding="async" src="https://img.youtube.com/vi/S4gt6U5eAQc/mqdefault.jpg" width="320" height="180" alt="【Photoshop講座】基本がわかる！画像解像度の設定「物理的な大きさとの関係」【2024】"></a>
<div class="boxtxt"><a href="https://psgips.net/photoshop-reference/image-size-1">基本がわかる！画像解像度の設定</a></div></div>
<div class="boxin"><a href="https://youtu.be/P1oqyTda8vA" title="サムネールの動画にリンクします。"><img decoding="async" src="https://img.youtube.com/vi/P1oqyTda8vA/mqdefault.jpg" width="320" height="180" alt="【Photoshop講座】基本がわかる！色かぶりの補正「ホワイトバランスと色温度」【2024】"></a>
<div class="boxtxt"><a href="https://psgips.net/photoshop-reference/color-cast-1">基本がわかる！色かぶりの補正</a></div></div>
</div>
<div>チャンネル登録をお願いします！</div>
<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channel="psgips" data-layout="full" data-count="undefined"></div>
</div>
<div class="border4"></div>
<div class="body20">
<h2 class="midashimaru48">描画モードの種類と特性</h2>
<div class="body20">
レイヤーの描画モードとは、基本色 (背面) と合成色 (前面) の重なり条件を選択できる機能です。描画モードの設定は、<span class="under">「基本色」</span>に対して<span class="under">「合成色」</span>で行い、合成された表示を<span class="under">「結果色」</span>といいます。</div>
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_00a.jpg" width="496" height="276" alt="描画モードの概念図">
<div class="caption14">描画モードの概念図</div>
</div>
</div>
<div class="body20">
<div class="body20">
描画モードの結果色 (表示) は、基本色と合成色によって作成されるので、ドキュメント全体の印象を予測するのは難しいです。</div>
<div class="body20">
大まかには、<span class="under">数値が乗算されるグループ (中性色 : 白)、反転された数値が乗算されるグループ (中性色 : 黒)、中間調を境界として条件を組み合わせたグループ (中性色 : 50% グレー)、その他に分けられます。</span>以下は描画モードの特性を検証したものです。</div>
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_00.jpg" width="623" height="220" alt="前面のレイヤー(合成色)※文字を除く+背面(基本色)"></div>
<div class="body20">
<div class="radio24">合成色 (前面のレイヤー)</div>
上部に色のサンプルとして、赤、黄、緑、青のチップを配置し、中性色を示す、白、50% グレー、黒、そして、各色のグラデーション (描画色から透明に) のチップを配置しました。

</div>
<div class="body20">
<div class="radio24">基本色 (背面)</div>
上部に色のサンプルとして、赤、黄、緑、青のチップを配置し、中性色を示す、白、50% グレー、黒、そして、各色のグラデーション (描画色から透明に) のチップを配置しました。

</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_01.jpg" width="400" height="267" alt="通常"></div>
<h3 class="midashikaku27">通常</h3>
<div class="midashi14p">中性色 : なし</div>
<div class="body20">
初期設定のモードで、元の画像やカラーをそのまま表示します。グループに [ 通常 ] を選択すると、グループ内で合成結果が完結され、グループ外の背面には影響しません。グループ外の背面に影響させるには [ 通過 ] を選択します。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_02.jpg" width="400" height="267" alt="ディザ合成"></div>
<h3 class="midashikaku27">ディザ合成</h3>
<div class="midashi14p">中性色 : なし</div>
<div class="body20">
ピクセルの不透明度の低い部分が、ランダムなノイズに置き換えられます。合成色がべた塗りの箇所には影響せず、元の画像やカラーをそのまま表示します。グラデーションの階調が段階的な縞状になってしまう現象「バウンディング」を防げます。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_03.jpg" width="400" height="267" alt="比較 (暗)"></div>
<h3 class="midashikaku27">比較 (暗)</h3>
<div class="midashi14p">中性色 : <span style="color:#000000">○</span></div>
<div class="body20">
合成するカラー情報を比較して、暗い部分を結果色とします。合成色は基本色より明るい部分が置き換えられるので、暗い部分が変更されないという特性を持っています。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_04.jpg" width="400" height="267" alt="乗算"></div>
<h3 class="midashikaku27">乗算</h3>
<div class="midashi14p">中性色 : <span style="color:#000000">○</span></div>
<div class="body20">
基本色と合成色のカラー情報を乗算した結果色を表示します。すべての領域でカラー情報が乗算されるので、明るい部分は暗く、暗い部分はより暗くなります。いずれかがブラックの場合、それ以上暗くできないので、結果色はブラックとなります。中性色のホワイトでは変更されません。計算方法がシンプルで予測しやすく、白トビなどの失敗も少ないので、使いやすい代表的な描画モードのひとつです。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_05.jpg" width="400" height="267" alt="焼き込みカラー"></div>
<h3 class="midashikaku27">焼き込みカラー</h3>
<div class="midashi14p">中性色 : <span style="color:#000000">○</span></div>
<div class="body20">
前面のレイヤーのカラーを反映し、基本色のカラー情報を暗くして、コントラストを強めます。合成色に中性色のホワイトを使用すると、何も変更されません。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_06.jpg" width="400" height="267" alt="焼き込み (リニア)"></div>
<h3 class="midashikaku27">焼き込み (リニア)</h3>
<div class="midashi14p">中性色 : <span style="color:#000000">○</span></div>
<div class="body20">
前面のレイヤーのカラーを反映し、基本色のカラー情報を暗くして明るさを低めます。[ 焼き込みカラー ] と比較して、コントラストが弱い結果色となります。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_07.jpg" width="400" height="267" alt="カラー比較 (暗)"></div>
<h3 class="midashikaku27">カラー比較 (暗)</h3>
<div class="midashi14p">中性色 : <span style="color:#000000">○</span></div>
<div class="body20">
合成するカラー情報を比較して、すべてのチャンネル値の合計が低い方の色を結果色として表示します。明るい部分が影響されにくく、カラーは濃くなった印象になります。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_08.jpg" width="400" height="267" alt="比較 (明)"></div>
<h3 class="midashikaku27">比較 (明)</h3>
<div class="midashi14p">中性色 : <span style="color:#000000">●</span></div>
<div class="body20">
合成するカラー情報を比較して、明るい部分を結果色とします。合成色は基本色より暗い部分が置き換えられるので、明るい部分が変更されないという特性を持っています。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_09.jpg" width="400" height="267" alt="スクリーン"></div>
<h3 class="midashikaku27">スクリーン</h3>
<div class="midashi14p">中性色 : <span style="color:#000000">●</span></div>
<div class="body20">
基本色と合成色のカラー情報を反転し、それを乗算した結果色を表示します。すべての領域でカラー情報が反転されているので、暗い部分は明るく、明るい部分はより明るくなります。いずれかがホワイトの場合、それ以上明るくできないので、結果色はホワイトとなります。中性色のブラックでは変更されません。暗いカラーには影響が少なく、明るいカラーだけを強調できるので、使いやすい代表的な描画モードのひとつです。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_10.jpg" width="400" height="267" alt="覆い焼きカラー"></div>
<h3 class="midashikaku27">覆い焼きカラー</h3>
<div class="midashi14p">中性色 : <span style="color:#000000">●</span></div>
<div class="body20">
前面のレイヤーのカラーを反映し、基本色のカラー情報を明るくしてコントラストを弱めます。まったく影響を与えない中性色のブラックから、明るくなる度合いが非常に大きいので、明るいカラーのグラデーションを活用すると面白い効果が生まれます。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_11.jpg" width="400" height="267" alt="覆い焼き (リニア) - 加算"></div>
<h3 class="midashikaku27">覆い焼き (リニア) &#8211; 加算</h3>
<div class="midashi14p">中性色 : <span style="color:#000000">●</span></div>
<div class="body20">
前面のレイヤーのカラーを反映し、基本色のカラー情報を明るくして暗さを低めます。[ 覆い焼きカラー ] と比較して、コントラストが弱い結果色となります。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_12.jpg" width="400" height="267" alt="カラー比較 (明)"></div>
<h3 class="midashikaku27">カラー比較 (明)</h3>
<div class="midashi14p">中性色 : <span style="color:#000000">●</span></div>
<div class="body20">
合成するカラー情報を比較して、すべてのチャンネル値の合計が高い方の色を結果色として表示します。暗い部分が影響されにくく、カラーは淡くなった印象になります。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_13.jpg" width="400" height="267" alt="オーバーレイ"></div>
<h3 class="midashikaku27">オーバーレイ</h3>
<div class="midashi14p">中性色 : <span style="color:#808080">●</span></div>
<div class="body20">
基本色のハイライト、シャドウを保ちながら、明るい部分はより明るく、暗い部分はより暗くします。中性色の 50% グレーを境界として、暗い部分が [ 乗算 ]、明るい部分が [ スクリーン ] といった、いいとこ取りの優れた特性があり、コントラストを強めながら明るい印象の結果色がつくり出せます。代表的な描画モードのひとつです。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_14.jpg" width="400" height="267" alt="ソフトライト"></div>
<h3 class="midashikaku27">ソフトライト</h3>
<div class="midashi14p">中性色 : <span style="color:#808080">●</span></div>
<div class="body20">
前面のレイヤーが 50% グレーより明るい部分は [ 覆い焼き ] に、暗い部分は [ 焼き込み ] になります。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_15.jpg" width="400" height="267" alt="ハードライト"></div>
<h3 class="midashikaku27">ハードライト</h3>
<div class="midashi14p">中性色 : <span style="color:#808080">●</span></div>
<div class="body20">
前面のレイヤーが 50% グレーより明るい部分は [ スクリーン ] に、暗い部分は [ 乗算 ] になります。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_16.jpg" width="400" height="267" alt="ビビッドライト"></div>
<h3 class="midashikaku27">ビビッドライト</h3>
<div class="midashi14p">中性色 : <span style="color:#808080">●</span></div>
<div class="body20">
前面のレイヤーが 50% グレーより明るい部分はコントラストを弱め、暗い部分はコントラストを強めます。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_17.jpg" width="400" height="267" alt="リニアライト"></div>
<h3 class="midashikaku27">リニアライト</h3>
<div class="midashi14p">中性色 : <span style="color:#808080">●</span></div>
<div class="body20">
前面のレイヤーが 50% グレーより明るい部分は明るさを高め、暗い部分は明るさを低めます。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_18.jpg" width="400" height="267" alt="ピンライト"></div>
<h3 class="midashikaku27">ピンライト</h3>
<div class="midashi14p">中性色 : <span style="color:#808080">●</span></div>
<div class="body20">
前面のレイヤーの 50% グレーより明るい部分は [ 比較 (明) ] に、暗い部分は [ 比較 (暗) ] になります。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_19.jpg" width="400" height="267" alt="ハードミックス"></div>
<h3 class="midashikaku27">ハードミックス</h3>
<div class="midashi14p">中性色 : なし</div>
<div class="body20">
合成するレイヤーの RGB 値を合計し、255 以上は 255、255 未満は 0 を割り当て、すべてのピクセルを原色に変換します。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_20.jpg" width="400" height="267" alt="差の絶対値"></div>
<h3 class="midashikaku27">差の絶対値</h3>
<div class="midashi14p">中性色 : <span style="color:#000000">●</span></div>
<div class="body20">
合成するレイヤーとの明るさの値を比べ、明るい部分からくらい部分を取り除きます。ホワイトとホワイトを合成すると反転してブラックになり、中性色のブラックとブラックを合成すると変化がなく、そのままのブラックが表示されます。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_21.jpg" width="400" height="267" alt="除外"></div>
<h3 class="midashikaku27">除外</h3>
<div class="midashi14p">中性色 : <span style="color:#000000">●</span></div>
<div class="body20">
合成するレイヤーとのコントラストの値を比べ、強い部分から弱い部分を取り除きます。[ 差の絶対値 ] とよく似た反転効果が望めますが、コントラストが弱い印象になります。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_22.jpg" width="400" height="267" alt="減算"></div>
<h3 class="midashikaku27">減算</h3>
<div class="midashi14p">中性色 : <span style="color:#000000">●</span></div>
<div class="body20">
基本色から合成色の RGB 値を減算します。減算結果が負の値の場合は 0 を割り当てます。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_23.jpg" width="400" height="267" alt="除算"></div>
<h3 class="midashikaku27">除算</h3>
<div class="midashi14p">中性色 : <span style="color:#000000">●</span></div>
<div class="body20">
基本色から合成色の RGB 値を除算します。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_24.jpg" width="400" height="267" alt="色相"></div>
<h3 class="midashikaku27">色相</h3>
<div class="midashi14p">中性色 : なし</div>
<div class="body20">
背面のレイヤーの輝度、彩度から、前面のレイヤーの色相を置き換えます。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_25.jpg" width="400" height="267" alt="彩度"></div>
<h3 class="midashikaku27">彩度</h3>
<div class="midashi14p">中性色 : なし</div>
<div class="body20">
背面のレイヤーの輝度、色相から、前面のレイヤーの彩度を置き換えます。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_26.jpg" width="400" height="267" alt="カラー"></div>
<h3 class="midashikaku27">カラー</h3>
<div class="midashi14p">中性色 : なし</div>
<div class="body20">
背面のレイヤーの輝度から、前面のレイヤーの色相、彩度を置き換えます。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_27.jpg" width="400" height="267" alt="輝度"></div>
<h3 class="midashikaku27">輝度</h3>
<div class="midashi14p">中性色 : なし</div>
<div class="body20">
背面のレイヤーの色相、彩度から、前面のレイヤーの輝度を置き換えます。</div>
</div>
<div class="border4"></div>
<div class="body20">
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/p226_02_28.jpg" width="400" height="267" alt="通過"></div>
<h3 class="midashikaku27">通過</h3>
<div class="midashi14p">中性色 : なし</div>
<div class="body20">
グループのみ表示される描画モードで、グループ内の描画モードが下のレイヤーにそのまま反映されます。</div>
</div>
<div class="kadomaru">
<div class="midashichek38">3つの描画モードを操る！</div>
<div class="body20">
中性色がホワイトの <span class="under">[ 乗算 ]</span>、ブラックの <span class="under">[ スクリーン ]</span>、50% グレーの <span class="under">[ オーバーレイ ]</span> が、描画モードの特徴を大まかに分けた「３つの描画モード」です。</div>
<div class="body20">
透明水彩のようにカラーを重ねて暗くなるのが [ 乗算 ]、黒板にチョークを塗りつぶして明るくなるのが [ スクリーン ]、シャドウとハイライトに分け [ 乗算 ] と [ スクリーン ] の特性をドッキングさせたのが [ オーバーレイ ] …この３つの描画モードを攻略しましょう。</div>
</div>
<div class="border4"></div><div class="saboxplugin-wrap" itemtype="http://schema.org/Person" itemscope itemprop="author"><div class="saboxplugin-tab"><div class="saboxplugin-gravatar"><img decoding="async" src="https://psgips.net/wp-content/uploads/2022/05/toonme200x200.jpg" width="100"  height="100" alt="" itemprop="image"></div><div class="saboxplugin-authorname"><a href="https://psgips.net/author/psgips" class="vcard author" rel="author"><span class="fn">古岡 ひふみ</span></a></div><div class="saboxplugin-desc"><div itemprop="description"><p>フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。</p>
</div></div><div class="saboxplugin-web "><a href="https://psgips.net" target="_self" >psgips.net</a></div><div class="clearfix"></div><div class="saboxplugin-socials "><a title="Facebook" target="_self" href="https://www.facebook.com/furuoka5" rel="nofollow noopener" class="saboxplugin-icon-grey"><svg aria-hidden="true" class="sab-facebook" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 512"><path fill="currentColor" d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"></path></svg></span></a><a title="Twitter" target="_self" href="https://twitter.com/furuoka5" rel="nofollow noopener" class="saboxplugin-icon-grey"><svg aria-hidden="true" class="sab-twitter" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg></span></a><a title="Instagram" target="_self" href="https://www.instagram.com/furuoka5" rel="nofollow noopener" class="saboxplugin-icon-grey"><svg aria-hidden="true" class="sab-instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></span></a></div></div></div><p><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fpsgips.net%2Fphotoshop-reference%2Ftype-of-blending-mode&amp;linkname=%E5%9F%BA%E6%9C%AC%E3%81%8C%E3%82%8F%E3%81%8B%E3%82%8B%EF%BC%81%E6%8F%8F%E7%94%BB%E3%83%A2%E3%83%BC%E3%83%89%E3%81%AE%E7%A8%AE%E9%A1%9E%E3%81%A8%E7%89%B9%E6%80%A7" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fpsgips.net%2Fphotoshop-reference%2Ftype-of-blending-mode&amp;linkname=%E5%9F%BA%E6%9C%AC%E3%81%8C%E3%82%8F%E3%81%8B%E3%82%8B%EF%BC%81%E6%8F%8F%E7%94%BB%E3%83%A2%E3%83%BC%E3%83%89%E3%81%AE%E7%A8%AE%E9%A1%9E%E3%81%A8%E7%89%B9%E6%80%A7" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pinterest" href="https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Fpsgips.net%2Fphotoshop-reference%2Ftype-of-blending-mode&amp;linkname=%E5%9F%BA%E6%9C%AC%E3%81%8C%E3%82%8F%E3%81%8B%E3%82%8B%EF%BC%81%E6%8F%8F%E7%94%BB%E3%83%A2%E3%83%BC%E3%83%89%E3%81%AE%E7%A8%AE%E9%A1%9E%E3%81%A8%E7%89%B9%E6%80%A7" title="Pinterest" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_evernote" href="https://www.addtoany.com/add_to/evernote?linkurl=https%3A%2F%2Fpsgips.net%2Fphotoshop-reference%2Ftype-of-blending-mode&amp;linkname=%E5%9F%BA%E6%9C%AC%E3%81%8C%E3%82%8F%E3%81%8B%E3%82%8B%EF%BC%81%E6%8F%8F%E7%94%BB%E3%83%A2%E3%83%BC%E3%83%89%E3%81%AE%E7%A8%AE%E9%A1%9E%E3%81%A8%E7%89%B9%E6%80%A7" title="Evernote" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_hatena" href="https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fpsgips.net%2Fphotoshop-reference%2Ftype-of-blending-mode&amp;linkname=%E5%9F%BA%E6%9C%AC%E3%81%8C%E3%82%8F%E3%81%8B%E3%82%8B%EF%BC%81%E6%8F%8F%E7%94%BB%E3%83%A2%E3%83%BC%E3%83%89%E3%81%AE%E7%A8%AE%E9%A1%9E%E3%81%A8%E7%89%B9%E6%80%A7" title="Hatena" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_line" href="https://www.addtoany.com/add_to/line?linkurl=https%3A%2F%2Fpsgips.net%2Fphotoshop-reference%2Ftype-of-blending-mode&amp;linkname=%E5%9F%BA%E6%9C%AC%E3%81%8C%E3%82%8F%E3%81%8B%E3%82%8B%EF%BC%81%E6%8F%8F%E7%94%BB%E3%83%A2%E3%83%BC%E3%83%89%E3%81%AE%E7%A8%AE%E9%A1%9E%E3%81%A8%E7%89%B9%E6%80%A7" title="Line" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_tumblr" href="https://www.addtoany.com/add_to/tumblr?linkurl=https%3A%2F%2Fpsgips.net%2Fphotoshop-reference%2Ftype-of-blending-mode&amp;linkname=%E5%9F%BA%E6%9C%AC%E3%81%8C%E3%82%8F%E3%81%8B%E3%82%8B%EF%BC%81%E6%8F%8F%E7%94%BB%E3%83%A2%E3%83%BC%E3%83%89%E3%81%AE%E7%A8%AE%E9%A1%9E%E3%81%A8%E7%89%B9%E6%80%A7" title="Tumblr" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_whatsapp" href="https://www.addtoany.com/add_to/whatsapp?linkurl=https%3A%2F%2Fpsgips.net%2Fphotoshop-reference%2Ftype-of-blending-mode&amp;linkname=%E5%9F%BA%E6%9C%AC%E3%81%8C%E3%82%8F%E3%81%8B%E3%82%8B%EF%BC%81%E6%8F%8F%E7%94%BB%E3%83%A2%E3%83%BC%E3%83%89%E3%81%AE%E7%A8%AE%E9%A1%9E%E3%81%A8%E7%89%B9%E6%80%A7" title="WhatsApp" rel="nofollow noopener" target="_blank"></a><a class="a2a_dd addtoany_share_save addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fpsgips.net%2Fphotoshop-reference%2Ftype-of-blending-mode&#038;title=%E5%9F%BA%E6%9C%AC%E3%81%8C%E3%82%8F%E3%81%8B%E3%82%8B%EF%BC%81%E6%8F%8F%E7%94%BB%E3%83%A2%E3%83%BC%E3%83%89%E3%81%AE%E7%A8%AE%E9%A1%9E%E3%81%A8%E7%89%B9%E6%80%A7" data-a2a-url="https://psgips.net/photoshop-reference/type-of-blending-mode" data-a2a-title="基本がわかる！描画モードの種類と特性"></a></p>The post <a href="https://psgips.net/photoshop-reference/type-of-blending-mode">基本がわかる！描画モードの種類と特性</a> first appeared on <a href="https://psgips.net">psgips</a>.]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>写真をイラスト調に！変幻自在の抽象イメージ</title>
		<link>https://psgips.net/photoshop-tutorials/gradation-abstract</link>
		
		<dc:creator><![CDATA[古岡 ひふみ]]></dc:creator>
		<pubDate>Thu, 12 Apr 2018 23:00:00 +0000</pubDate>
				<category><![CDATA[Photoshop講座]]></category>
		<category><![CDATA[写真をイラスト調に！]]></category>
		<category><![CDATA[CC 2018]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[オブジェクトを複製]]></category>
		<category><![CDATA[グラデーション]]></category>
		<category><![CDATA[グラデーションエディター]]></category>
		<category><![CDATA[ショートカットキー]]></category>
		<category><![CDATA[チュートリアル]]></category>
		<category><![CDATA[ディザ]]></category>
		<category><![CDATA[ひまわり]]></category>
		<category><![CDATA[中性色]]></category>
		<category><![CDATA[写真加工]]></category>
		<category><![CDATA[抽象イメージ]]></category>
		<category><![CDATA[描画モード]]></category>
		<category><![CDATA[画像を開く]]></category>
		<category><![CDATA[画像解像度]]></category>
		<category><![CDATA[角度]]></category>
		<category><![CDATA[輝度 (描画モード)]]></category>
		<category><![CDATA[除外 (描画モード)]]></category>
		<guid isPermaLink="false">https://psgips.net/?p=20859</guid>

					<description><![CDATA[<p>【Photoshop講座】Photoshop の描画モードは、キー操作で順番に切り替えられます。思わぬ効果や発見がある変幻自在の画像合成は、簡単でスピーディーな操作ができてこそ活かされるのではないでしょうか。次々に繰り出 [&#8230;]</p>
The post <a href="https://psgips.net/photoshop-tutorials/gradation-abstract">写真をイラスト調に！変幻自在の抽象イメージ</a> first appeared on <a href="https://psgips.net">psgips</a>.]]></description>
										<content:encoded><![CDATA[<div class="body20">
【Photoshop講座】Photoshop の描画モードは、キー操作で順番に切り替えられます。思わぬ効果や発見がある変幻自在の画像合成は、簡単でスピーディーな操作ができてこそ活かされるのではないでしょうか。次々に繰り出される適用結果から選出して、花の画像から抽象イメージを作成しましょう。
</div>
<span id="more-20859"></span>
<div class="target"></div>
<div class="kadomaru00">
<div class="midashi16p">グラデーション同士の合成技！</div>
<div class="body20">
描画モードによる画像合成は、それぞれが対等である1対1で考えるよりも、基本色と合成色という関係性で捉えた方が、より結果色を予測しやすくなります。
</div>
<div class="body20">
写真素材をキーヴィジュアルとして使用する場合は、上から重ねて行く合成ではなく、複数のレイヤーからなるバックグラウンドを敷くという発想の転換も必要です。グラデーション同士の合成技に着目しましょう！
</div>
</div>

<div class="border4"></div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- psgips_rectangle_top -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-2047255972754995"
     data-ad-slot="2247959512"
     data-ad-format="rectangle"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="border4"></div>

<div id="ut202-toc-01" class="center"><div class="midashi14p">写真をイラスト調に！</div><div class="midashi14p">変幻自在の抽象イメージ</div>
<div class="body20">
<div class="caption14">[ STEP-01 ]</div>
<div><a href="https://psgips.net/photoshop-tutorials/gradation-abstract">レイヤーに変換する</a></div>
<div class="caption14">[ STEP-02 ]</div>
<div><a href="https://psgips.net/photoshop-tutorials/gradation-abstract/2">グラデーションを作成する</a></div>
<div class="caption14">[ STEP-03 ]</div>
<div><a href="https://psgips.net/photoshop-tutorials/gradation-abstract/3">角度を変更する</a></div>
<div class="caption14">[ STEP-04 ]</div>
<div><a href="https://psgips.net/photoshop-tutorials/gradation-abstract/4">描画モードで合成する</a></div>
<div class="caption14">[ STEP-05 ]</div>
<div><a href="https://psgips.net/photoshop-tutorials/gradation-abstract/5">画像を合成する</a></div>
</div>
<img decoding="async" src="https://psgips.net/wp-content/uploads/2015/04/iconpb_prev.png" width="32" height="32" alt="prev"><span class="space8"></span><a href="https://psgips.net/photoshop-tutorials/gradation-abstract/2"><img decoding="async" src="https://psgips.net/wp-content/uploads/2015/04/iconpa_next.png" width="32" height="32" alt="next"></a></div>
<div class="border4"></div>

<h2 class="midashimaru48">写真を抽象イメージに加工</h2>
<div class="body20">
これから行う操作は、写真をグラデーションの抽象イメージ (アブストラクト) に加工する方法です。カラフルなグラデーションを重ね合わせて、その上から、写真素材を描画モードで合成します。
</div>
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/ut202_00_01.jpg" width="623" height="223" alt="変幻自在の抽象イメージに加工">
</div>
<div class="body20">
そのため、<span class="under">画像解像度やドキュメントサイズには、直接影響しません。</span>他の素材に応用する場合は、そのドキュメントサイズをそのまま使用してください。
</div>
<div class="arrow20top"><a href="#ut202-toc-01">目次に戻る</a></div>
<div class="border4"></div>

<h3 class="midashino1">レイヤーに変換する</h3>
<div class="body204">
素材画像の背面に、グラデーションを敷くため、[ 背景 ] をレイヤーに変換しましょう。
</div>

<div class="body20">
<div class="midashi14">【操作方法】</div>
<div class="iconnos01">素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1280 pixel ]、[ 高さ : 853 pixel ] 、[ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。加工する素材は、<span class="under">コントラストが強く滑らかな階調がある花や小物</span>など、ディテールが単純な写真が好ましいです。</div>
</div>
<div class="arrow20"><a href="https://psgips.net/wp-content/uploads/2018/04/nature-3053618_1280.jpg">素材画像をダウンロードしよう！ (429 KB)</a></div>
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/ut202_01_01.jpg" width="623" height="350" alt="素材画像を開く">
<div class="caption14">素材画像を開く</div>
<div class="caption14">photo by hihiterryau</div>
</div>

<div class="body20">
<div class="iconnos02">素材画像が開けたら、[ レイヤー ] パネルで、[ 背景 ] を [ option ( Alt ) ] キーを押しながら<span class="under">ダブルクリック</span>して、[ レイヤー 0 ] に変換します。</div>
</div>
<div class="arrow20"><a href="https://psgips.net/photoshop-reference/how-to-use-layers">基本がわかる！レイヤーの使い方</a></div>
<div class="imgtb">
<img decoding="async" src="https://psgips.net/wp-content/uploads/2021/10/ut202_01_02.jpg" width="623" height="286" alt="[レイヤー0]に変換">
</div>

<div class="kadomaru">
<div class="midashichek38">背景からレイヤーに変換</div>
<div class="body20">
[ 背景 ] とは、ドキュメントサイズと同じ大きさを持つピクセル領域で、ドキュメントの基礎となる部分です。JPEG 形式などで保存された画像を開くと、そのピクセル領域はすべて [ 背景 ] として読み込まれます。
</div>
<div class="body20">
Photoshop では、ドキュメントにレイヤーを追加することができますが、[ 背景 ] の下層に作成することはできません。[ 背景 ] から [ レイヤー 0 ] に変換することで、重ね順を自由に入れ替えることが可能になります。
</div>
</div>
<div class="arrow20top"><a href="#ut202-toc-01">目次に戻る</a></div>
<div class="border4"></div>

<div class="center"><div class="midashi14">続きは↓下の番号をクリック！</div>
<img decoding="async" src="https://psgips.net/wp-content/uploads/2015/04/iconpb_1.png" width="32" height="32" alt="1"><span class="space8"></span><a href="https://psgips.net/photoshop-tutorials/gradation-abstract/2"><img decoding="async" src="https://psgips.net/wp-content/uploads/2015/04/iconpa_2.png" width="32" height="32" alt="2"></a><span class="space8"></span><a href="https://psgips.net/photoshop-tutorials/gradation-abstract/3"><img decoding="async" src="https://psgips.net/wp-content/uploads/2015/04/iconpa_3.png" width="32" height="32" alt="3"></a><span class="space8"></span><a href="https://psgips.net/photoshop-tutorials/gradation-abstract/4"><img decoding="async" src="https://psgips.net/wp-content/uploads/2015/04/iconpa_4.png" width="32" height="32" alt="4"></a><span class="space8"></span><a href="https://psgips.net/photoshop-tutorials/gradation-abstract/5"><img decoding="async" src="https://psgips.net/wp-content/uploads/2015/04/iconpa_5.png" width="32" height="32" alt="5"></a>
</div>
<div class="border4"></div><div class="saboxplugin-wrap" itemtype="http://schema.org/Person" itemscope itemprop="author"><div class="saboxplugin-tab"><div class="saboxplugin-gravatar"><img decoding="async" src="https://psgips.net/wp-content/uploads/2022/05/toonme200x200.jpg" width="100"  height="100" alt="" itemprop="image"></div><div class="saboxplugin-authorname"><a href="https://psgips.net/author/psgips" class="vcard author" rel="author"><span class="fn">古岡 ひふみ</span></a></div><div class="saboxplugin-desc"><div itemprop="description"><p>フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。</p>
</div></div><div class="saboxplugin-web "><a href="https://psgips.net" target="_self" >psgips.net</a></div><div class="clearfix"></div><div class="saboxplugin-socials "><a title="Facebook" target="_self" href="https://www.facebook.com/furuoka5" rel="nofollow noopener" class="saboxplugin-icon-grey"><svg aria-hidden="true" class="sab-facebook" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 512"><path fill="currentColor" d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"></path></svg></span></a><a title="Twitter" target="_self" href="https://twitter.com/furuoka5" rel="nofollow noopener" class="saboxplugin-icon-grey"><svg aria-hidden="true" class="sab-twitter" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg></span></a><a title="Instagram" target="_self" href="https://www.instagram.com/furuoka5" rel="nofollow noopener" class="saboxplugin-icon-grey"><svg aria-hidden="true" class="sab-instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></span></a></div></div></div><p><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fpsgips.net%2Fphotoshop-tutorials%2Fgradation-abstract&amp;linkname=%E5%86%99%E7%9C%9F%E3%82%92%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E8%AA%BF%E3%81%AB%EF%BC%81%E5%A4%89%E5%B9%BB%E8%87%AA%E5%9C%A8%E3%81%AE%E6%8A%BD%E8%B1%A1%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fpsgips.net%2Fphotoshop-tutorials%2Fgradation-abstract&amp;linkname=%E5%86%99%E7%9C%9F%E3%82%92%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E8%AA%BF%E3%81%AB%EF%BC%81%E5%A4%89%E5%B9%BB%E8%87%AA%E5%9C%A8%E3%81%AE%E6%8A%BD%E8%B1%A1%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pinterest" href="https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Fpsgips.net%2Fphotoshop-tutorials%2Fgradation-abstract&amp;linkname=%E5%86%99%E7%9C%9F%E3%82%92%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E8%AA%BF%E3%81%AB%EF%BC%81%E5%A4%89%E5%B9%BB%E8%87%AA%E5%9C%A8%E3%81%AE%E6%8A%BD%E8%B1%A1%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8" title="Pinterest" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_evernote" href="https://www.addtoany.com/add_to/evernote?linkurl=https%3A%2F%2Fpsgips.net%2Fphotoshop-tutorials%2Fgradation-abstract&amp;linkname=%E5%86%99%E7%9C%9F%E3%82%92%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E8%AA%BF%E3%81%AB%EF%BC%81%E5%A4%89%E5%B9%BB%E8%87%AA%E5%9C%A8%E3%81%AE%E6%8A%BD%E8%B1%A1%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8" title="Evernote" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_hatena" href="https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fpsgips.net%2Fphotoshop-tutorials%2Fgradation-abstract&amp;linkname=%E5%86%99%E7%9C%9F%E3%82%92%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E8%AA%BF%E3%81%AB%EF%BC%81%E5%A4%89%E5%B9%BB%E8%87%AA%E5%9C%A8%E3%81%AE%E6%8A%BD%E8%B1%A1%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8" title="Hatena" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_line" href="https://www.addtoany.com/add_to/line?linkurl=https%3A%2F%2Fpsgips.net%2Fphotoshop-tutorials%2Fgradation-abstract&amp;linkname=%E5%86%99%E7%9C%9F%E3%82%92%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E8%AA%BF%E3%81%AB%EF%BC%81%E5%A4%89%E5%B9%BB%E8%87%AA%E5%9C%A8%E3%81%AE%E6%8A%BD%E8%B1%A1%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8" title="Line" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_tumblr" href="https://www.addtoany.com/add_to/tumblr?linkurl=https%3A%2F%2Fpsgips.net%2Fphotoshop-tutorials%2Fgradation-abstract&amp;linkname=%E5%86%99%E7%9C%9F%E3%82%92%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E8%AA%BF%E3%81%AB%EF%BC%81%E5%A4%89%E5%B9%BB%E8%87%AA%E5%9C%A8%E3%81%AE%E6%8A%BD%E8%B1%A1%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8" title="Tumblr" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_whatsapp" href="https://www.addtoany.com/add_to/whatsapp?linkurl=https%3A%2F%2Fpsgips.net%2Fphotoshop-tutorials%2Fgradation-abstract&amp;linkname=%E5%86%99%E7%9C%9F%E3%82%92%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E8%AA%BF%E3%81%AB%EF%BC%81%E5%A4%89%E5%B9%BB%E8%87%AA%E5%9C%A8%E3%81%AE%E6%8A%BD%E8%B1%A1%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8" title="WhatsApp" rel="nofollow noopener" target="_blank"></a><a class="a2a_dd addtoany_share_save addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fpsgips.net%2Fphotoshop-tutorials%2Fgradation-abstract&#038;title=%E5%86%99%E7%9C%9F%E3%82%92%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E8%AA%BF%E3%81%AB%EF%BC%81%E5%A4%89%E5%B9%BB%E8%87%AA%E5%9C%A8%E3%81%AE%E6%8A%BD%E8%B1%A1%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8" data-a2a-url="https://psgips.net/photoshop-tutorials/gradation-abstract" data-a2a-title="写真をイラスト調に！変幻自在の抽象イメージ"></a></p>The post <a href="https://psgips.net/photoshop-tutorials/gradation-abstract">写真をイラスト調に！変幻自在の抽象イメージ</a> first appeared on <a href="https://psgips.net">psgips</a>.]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
