Photoshop でテキストを画像で塗りつぶす

Last updated on 2026年10月29日

「フレームに変換」機能を使用して、テキストシェイプ内に画像をクリップし、動的なテキスト編集効果を作成します。

テキストを画像で満たすと、テキスト編集とフォトを組み合わせることで、ポスターやソーシャルメディア用グラフィック、マーケティング素材に印象的な視覚効果を生み出せます。

この手法では、Photoshop のフレーム機能を使ってテキストシェイプ内に画像レイヤーをクリップします。変換後もテキストは編集可能な状態を保ち、いつでもフレーム内で画像の位置を調整できます。この方法はどのフォントでも使用でき、テキストレイヤーと画像レイヤーの少なくとも2つのレイヤーが必要です。

必要なもの：

テキストフレームを作成します

ツールバーから横書き文字ツールまたは縦書き文字ツールを選択します。

画像の上にテキストを入力します。

プロパティパネルでテキストのサイズ、フォント、色を調整します。

レイヤーパネルで、画像レイヤーをテキストレイヤーの下にドラッグします。

テキストレイヤーを右クリックし、フレームに変換を選択します。

画像はテキストシェイプ内に表示され、文字の形にクリップされます。

ツールバーから移動ツールを選択します。

文字を通して見せたい部分が表示されるまで、テキストフレーム内で画像をドラッグして位置を調整します。

ヒント

レイヤーパネルでテキストレイヤーの上に画像レイヤーを直接ドラッグすると、テキストフレームが作成されます。この方法を使う場合、レイヤーの順序は関係ありません。

フレームは、テキストシェイプと画像レイヤーの間のつながりを維持します。テキストを編集すると、画像は新しい文字の形に合わせて自動的に調整されます。

テキストを変更するには、レイヤーパネルでフレームレイヤーを選択します。

変更するには、Type ツールを使用します。

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

Photoshop の文字レイヤー

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

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

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