【Photoshop】パターン登録したストライプの色を後から変える方法

こんにちは、mito(@mito_works)です。

Photoshopにパターンで登録している斜めストライプや直線ストライプなどを使う機会、多いと思います。

mito

登録したストライプの色を後から変えたい..と思った時にみなさんどうしますか？

momo

色々な方法があると思うけれど、今回は簡単にできる方法を紹介するよ！

実現したいこと

1. 白＋透明のストライプパターンを使用して背景ストライプを作る
2. 背景に青色の塗りをしき、ストライプパターンを適応させ、白＋青のストライプとして使用
3. ストライプを緑＋黄に変更

momo

イメージは以下のように左のストライプから右のストライプへ色を変更します！

mito

それでは早速みていきましょう！

パターンの登録

mito

今回はこちらのサイトよりパターンを登録させていただきました！

PAT形式のファイルをPhotoshopに登録する方法

momo

今回ダウンロードしたものはPAT形式だったので、PAT形式のファイルを登録する方法を説明するよ！

mito

簡単ですね！

背景の塗りを作成

背景(レイヤー1)を青色にする

まずは、土台となる背景を作ります。

青背景を複製する

先ほど作成したレイヤー1にあたる青背景を複製し、レイヤー2を作成します。

ストライプのパターンを適応させる

複製した青背景(レイヤー2)にストライプのパターンを適応させる

複製した青背景(レイヤー2)に対してパターンを適応させます。

塗りを0%にする

同じレイヤー（複製した青背景(レイヤー2)）の塗りを0%にします。

momo

塗りを0%にするということが今回の一番のポイントだよ！

ストライプのパターンの色を変更

複製した青背景(レイヤー2)をスマートオブジェクトに変換します。

レイヤ＞スマートオブジェクト＞スマートオブジェクトの変換をクリックします。

青背景(レイヤー1)を緑に変更

青背景の塗りを緑に変更します。

複製した青背景(レイヤー2)

複製した青背景(レイヤー2)をレイヤースタイルのカラーオーバーレイから色を黄色に変更します。

-END-

ABOUT ME

mito

こんにちは！mitoです。 フロントエンド開発、デザイン全般をやっているクリエイターです。 学ぶことと教えることが好きです。 子育てをする中で、自分の生活に働き方を合わせたいと思うようになり、2020年4月からフリーランスになりました。 好奇心旺盛でやりたいこと多め、ワクワクすると止まれない性格です。 同じように一緒にチャレンジする人の背中そっと押せたり、励ましあえるようなブログになるといいなと思っています。