【初心者向け】Photoshopでテキストにアウトライン（縁取り）を付ける方法

Photoshopには、プロジェクトに合わせて個性的なテキストを作り上げるための機能が数多く用意されています。幸い、テキストのカスタマイズは写真編集の初心者でも比較的簡単に行える作業です。

その中でも特に魅力的なのが、テキストにアウトライン（輪郭線）を付けるテクニックです。ポスターやチラシなどで、ふち取りされた文字を見かけたことがある方も多いのではないでしょうか。Photoshopを使えば、お好みのフォントをそのまま活かしながら、簡単にアウトライン付きのテキストを作成できます。

この作業はとてもシンプルで、編集経験が浅い方でもプロジェクトの仕上がりを大きく向上させることができます。ここでは、Photoshopでアウトライン付きテキストを作成する方法を、基本から応用までわかりやすく解説します。

Photoshopでテキストにアウトラインを付ける基本手順

1. テキストを入力する

まず、使用したいフォントを選んでテキストを入力しましょう。その際、画像の背景がアウトラインと相性が良いかどうかを確認しておくことが大切です。背景は単色（ソリッドカラー）であるのが理想的です。

背景に模様があったり、情報量が多くて賑やかな場合は、その上で読みやすいテキストの色を選ぶようにしましょう。もしテキストが読みにくいと感じたら、後から線の太さなどのオプションで調整することも可能です（詳細は記事の後半で解説します）。

2. テキストレイヤーを編集する

テキストを入力したら、次に「レイヤー」パネルでテキストレイヤーを右クリックし、「レイヤースタイル（ブレンドオプション）」を選択します。表示されたウィンドウの左側にある項目一覧の中から「ストローク」にチェックを入れましょう。これだけで、Photoshopが自動的にテキストへアウトラインを追加してくれます。

この画面には多数の設定項目が用意されており、アウトラインの見た目を細かくコントロールできます。また、塗りつぶしを消してアウトラインだけを残すことも可能です。

3. 内側の塗りつぶしを消す

文字の輪郭だけを残したい場合は、「レイヤースタイル」ウィンドウの「詳細設定（アドバンスド・ブレンド）」セクションにある「塗りの不透明度」を0まで下げます。同じウィンドウ内で、テキストの塗りつぶし色を変更することもできます。

ストロークのカスタマイズオプション

「ストローク」の設定画面には、テキストを個性的に演出できるさまざまなオプションが揃っています。主な項目を確認していきましょう。

サイズ：スライダーを動かすことで、アウトラインのピクセル数を変更できます。数値を大きくすれば線は太くなり、小さくすれば細くなります。

位置：アウトラインをテキストのどの部分に配置するかを選べます。「内側」は文字の内側からストロークを描画し、「外側」は文字の外側に描画します。「中央」は境界線の中央から内外両方向にストロークが広がります。

描画モード：ストロークと画像背景との合成方法（ブレンドのしかた）を変更できます。

不透明度：数値を下げるとアウトラインが透け、背景になじみやすくなります。

塗りつぶしタイプ：「カラー」「グラデーション」「パターン」の3種類から選択できます。「カラー」は単色、「グラデーション」は2色をブレンドした表現、「パターン」はお好みのパターンでアウトラインを埋めることができます。

複数のアウトライン（多重フチ取り）を作る方法

レイヤーを複数使うことで、より個性的な多重アウトライン効果を作り出すこともできます。手順は以下の通りです。

まず、テキストを入力し、前述の手順で単一のアウトラインを作成します。このとき「ストローク」の「位置」は「内側」を選んでください。テキストの塗りつぶしを残すかどうかは自由ですが、中身を空にしたい場合は「塗りの不透明度」を0に設定します。

次に、テキストレイヤーを複製します。レイヤーを選択した状態でCtrl+J（MacはCommand+J）を押すか、レイヤーを右クリックして「レイヤーを複製」を選びましょう。新しく作られたレイヤーは、複製元のすぐ上に表示されます。このレイヤーを選択したまま右クリックし、「レイヤースタイル」ウィンドウを開きます。

「ストローク」の設定を開き、このレイヤーの「位置」を「外側」に変更します。あわせて色も変えておくと、新しいストロークが確認しやすくなります。

さらに多くのストロークを重ねたい場合は、レイヤーをもう一度複製し、同様に右クリックから「レイヤースタイル ＞ ストローク」を開きましょう。

今度は「位置」ではなく「サイズ」スライダーを調整して、新しいアウトラインが見えるまで太さを変えていきます。複数のストロークを区別できるよう、色の変更も忘れずに行ってください。この操作は好きな回数だけ繰り返せます。なお、複製したレイヤーは元のレイヤーより下に配置することで、すべてのストロークが正しく表示されます。

テキストレイヤーを活用した応用テクニック

複数のテキストレイヤーを組み合わせられると分かれば、その可能性は一気に広がります。たとえば「一部の文字だけスタイルを変えたい」という場合も、レイヤーを分けて作成すれば特定の文字だけを編集でき、すべてを統合した最終的な仕上がりには自然な一体感を持たせられます。

具体例として、「一部の文字はアウトライン、残りは塗りつぶし」というデザインを作ってみましょう。まず、塗りつぶしたい文字を入力したレイヤーを作成します。次に、そのレイヤーを複製し、複製側をアウトライン仕様に変更します。

続いて、元の塗りつぶしテキストをラスタライズします。元のレイヤーを右クリックして「タイプをラスタライズ」を選択してください。これで文字がピクセルデータに変換されるので、不要な部分を選択ツールで選んで削除すれば、下のレイヤーのアウトラインテキストが現れます。

ここで紹介したのは、Photoshopのテキスト機能で実現できることのほんの一例です。レイヤーとストロークを自由に組み合わせて、あなただけのオリジナルデザインをぜひ試してみてください。