Photoshopで文字の枠線を二重に付ける３つの方法

※ Adobe Photoshop 2024の画像で解説しています。
※文字に縁取りを付ける背景に使用した写真は「Adobe Stock」でクレジットを取得したフリー素材です。（サイト掲載の写真・画像について）

【方法１】レイヤースタイルの「境界線」を二重設定して文字に二重の枠線を作る

1. 既に最初の境界線（10px・グレー・外側）を設定してある文字レイヤーをダブルクリックする
2. 「レイヤースタイル」ダイアログボックスが開く
3. 「境界線」の横の「＋」をクリックする



4. ２つ目の「境界線」が上に追加される
5. 新しい「境界線」のサイズを「5px」に変更する
6. 新しい「境界線」の色を「白」に変更する
7. 新しい「境界線」の位置を「内側」に設定する

レイヤースタイルの「境界線」を追加設定し、文字の輪郭に二重の枠線を付けた結果です。

【方法２】レイヤースタイルの「境界線」を「グラデーション」にして文字に二重の枠線を作る

この例ではデフォルトの黒白２色グラデーションで縁取りを作ります。

1. レイヤースタイルの「境界線」の「塗りつぶしタイプ」を「カラー」から「グラデーション」に変更する



2. グラデーションの「スタイル」を「シェイプバースト」に設定する



3. グラデーションのサムネイル画像をクリックする



4. グラデーションエディターが開く
5. 白の終了点をクリックして「位置」を50にする



6. 黒の終了点をクリックして「位置」を50にする



7. 「OK」をクリックしてグラデーションエディターを閉じる
8. 「境界線」に戻り、「OK」をクリックする

レイヤースタイルの「境界線」を「グラデーション」➔「シェイプバースト」にして文字の輪郭に二重の枠線を付けた結果です。

【方法３】文字周りに境界線を描いて二重の枠線を作る

Photoshopで文字に縁取りを付けて目立たせるテクニックの「Photoshopの「編集」機能で文字に縁取りを付ける手順」を実行し、文字レイヤーの上に新規レイヤーを追加して枠線を付け、名前を「縁取り１」にしておきます。

1. 「縁取り１」レイヤーの上に新規レイヤーを追加し、名前を「縁取り２」にする
2. Ctrlキーを押しながら「縁取り１」レイヤーの小窓をクリックしてアウトラインを選択する
3. 続いてShiftとCtrlキーを押しながら「T」レイヤーの小窓をクリックし、選択範囲に追加する



4. 「編集」➔「境界線を描く」をクリックする



5. 線幅・色を設定し、位置を「外側」にして「OK」をクリックする

文字周りに境界線を描いて、文字の輪郭に二重の枠線を付けた結果です。

この方法では「テキスト」「縁取り１」「縁取り２」を別レイヤーに簡単に分けられるので、それぞれ個別に加工できます。
下図は「テキスト」の不透明度を50％に、「縁取り１」をバベルとエンボス外側で立体に、「縁取り２」にリニアライトでグラデーションオーバレイを適用したサンプルです。

合わせて読みたい

Photoshopの「色の置き換え」でイメージの色を変更する方法

※ Adobe Photoshop 2024の画像で解説しています。 ※「色の置き換え」に使用した写真は「写真AC」のフリー素材です。（サイト掲載の写真・画像について） CGDOOR 写真の一部の色を変更したい時、Phot[…]