WEB業界で働く人や興味がある人に役立つ情報サイト“qam（カム）”

投稿者： とみー
カテゴリー： デザイン >Photoshop

人や物などの被写体の後ろにテキストが入っているのを見たことありませんか？
今回はPhotoshopを使用して簡単に制作する方法をご紹介します。

制作方法

Photoshopで画像を開く

Photoshopで加工したい画像を開きます。

任意のテキストを入力する

被写体の後ろに配置する用にテキストを入力します。（後から変更できるのでこの段階では何でもOK）

お好みの選択ツールを使用して、被写体を選択します。

選択範囲をテキストレイヤーにマスクする

選択ツールで選択した選択範囲を、先ほど入力したテキストレイヤーにマスクします。

マスクを反転させる

レイヤーマスクは白いところが見えて黒いところが見えないので、テキストレイヤーのマスクをクリックして選択し、マスクを反転させます。（Ctrl + i）

テキストとマスクを別々にする

このままではテキストを動かすとマスクも一緒に動いてしまい、テキストの調整ができないので、テキストレイヤーのチェーンマークをクリックしてテキストとマスクを別々に動かせるようにします。

テキストの調整

テキストのサイズや色など調整して完成です！（ここでテキストの内容を変えてもOK）

完成

こちらが完成した画像になります。
before（画像にテキストを配置しただけの画像）

after（画像に今回紹介した加工を加えた画像）

まとめ

今回はPhotoshopを使用した「テキストを被写体の後ろに配置する方法」をご紹介しました。
慣れてしまえば数分で出来るようになるので、人以外の物などにも応用してチャレンジしてみてください。