【Photoshop】パターン画像を書き出す方法【簡単】

         

photoshop

【Photoshop】パターン画像を書き出す方法【簡単】

2021年07月17日 8:00 

【Photoshop】パターン画像を書き出す方法【簡単】

こんにちは、hgmです。

今回はPhotoshopのパターンオーバーレイの書き出す方法をご紹介します。

 

背景画像として利用することも多いパターンですが、スライスで書き出すとうまく繋がらず不自然に見えることも…。

今回ご紹介する方法であれば簡単に書き出す事ができ、リピート使用できるのでぜひ参考になれば幸いです✨



手順

まずレイヤーから書き出すパターンオーバーレイを参照します。

レイヤースタイルが開いたらパターンオーバーレイを選択し、下記画像の赤枠にポインタを置くとそのパターンの情報が表示され、「〇〇 x 〇〇 ピクセル」と出るので数字を覚えておきます。

今回の場合は「200 x 200 ピクセル」でした。

続いて長方形ツールで先程表示されたサイズで新規作成します。

 

作成した長方形にパターンオーバーレイを追加し、「OK」をクリックします。

あとは画像を書き出すだけ!簡単にできました。

 

関連記事

この記事を書いた人

hgm

農業高校出身フロントエンドエンジニアの社員hgmです。 猫センサー搭載済みの愛猫家。 広い視野を持って日々邁進していきます!