テンプレート画像にパターンを適用

Last updated on 2026年10月29日

Pattern Fill レイヤーとクリッピングマスクを使って、モックアップテンプレートに繰り返しデザインを非破壊で追加します。

Pattern Fill レイヤーを使うと、すべての編集を完全に調整可能なまま、製品モックアップ、アパレルテンプレート、パッケージデザインでカスタムパターンを紹介できます。

このワークフローでは、Pattern Fill レイヤーとクリッピングマスクを使ってテンプレート画像にパターンを適用します。Pattern Fill レイヤーを使うとパターンを編集可能なまま維持できます。元のテンプレートに影響を与えず、いつでもパターン、拡大・縮小、角度を変更できます。この方法は、アパレルモックアップ、製品パッケージ、サーフェスデザインなど、カスタマイズ用に指定されたレイヤーを含むあらゆるテンプレートで使えます。

始める前に

テンプレートにパターンを適用する前に、「パターン」パネルで使用可能なパターンがあること、およびカスタマイズ用のレイヤーにわかりやすいラベルが付いたテンプレートファイルがあることを確認してください。

「パターン」パネルに保存されたパターン
パターン適用用のターゲットレイヤーを含むテンプレートドキュメント
Pattern Fill レイヤーを完全にサポートする Photoshop 2021 以降

Pattern Fill レイヤーを追加

テンプレートドキュメントを開き、レイヤーパネルでパターンを適用するレイヤーを見つけます。

ターゲットレイヤーを選択し、レイヤー／新規塗りつぶしレイヤー／パターンを選択します。

新規レイヤーダイアログでレイヤーのわかりやすい名前を入力し、OK を選択します。

パターンの塗りつぶしダイアログで、パターンピッカーのドロップダウンメニューからパターンを選択します。

比率スライダーを調整してパターンのサイズを変更し、必要に応じて角度を設定して回転します。

OK を選択して、Pattern Fill レイヤーを作成します。

パターンがターゲットレイヤーの上にある新しいレイヤーでカンバス全体を塗りつぶします。パターンをターゲットレイヤーの表示領域だけに制限するには、クリッピングマスクを作成します。

クリッピングマスクを作成する

Alt (Windows) または Option (macOS) を押しながら、レイヤーパネルで Pattern Fill レイヤーとそのすぐ下のレイヤーの間にある境界線の上にカーソルを置きます。

カーソルがクリッピングアイコンに変わったら、クリックしてクリッピングマスクを作成します。

パターンは、その下のレイヤーにピクセルがある部分にのみ表示されます。また、「Pattern Fill」レイヤーを選択して「レイヤー」／「クリッピングマスクを作成」を選ぶか、「Pattern Fill」レイヤーを右クリックして「クリッピングマスクを作成」を選んでも、クリッピングマスクを作成できます。

パターンを適用した後に変更するには、「パターンの塗りつぶし」レイヤーのサムネールをダブルクリックして、「パターンの塗りつぶし」ダイアログを再度開きます。ここから、別のパターンを選択したり、拡大・縮小率を調整したり、角度を変更したりできます。「レイヤー」パネルの描画モード（「乗算」、「オーバーレイ」、「ソフトライト」など）を試して、パターンと下のレイヤーとの組み合わせ方を変えることもできます。

ヒント

テンプレートの中には、デザイン領域ごとに複数のレイヤーを含むものがあります。各領域のパターン適用を個別に管理するために、領域ごとに別々の「パターンの塗りつぶし」レイヤーを作成します。

アパレルのモックアップのように複雑なレイヤー構造を持つテンプレートでは、「graphic」、「design」、「custom」などのラベルが付いたレイヤーグループを探します。これらのグループ内のプレースホルダーレイヤーは、「パターンの塗りつぶし」レイヤーを追加する前に非表示にして、視覚的な競合を避けてください。

Photoshopで魅力的な画像を作成
業界をリードする使い慣れた創造的なツールで写真を編集、レタッチ、変換できます。

アプリを開く

フレームにストロークを追加する

学ぶ

アプリ内のステップバイステップのビデオチュートリアルと実践的なガイダンスで学習できます。

コミュニティ

ディスカッションに参加し、回答を見つけ、専門家から学び、知識を共有することができます。

アドビホーム

お気に入りの Creative Cloud アプリ、サービス、ファイル管理などにアクセスできます。