金属らしさの6割はパターンオーバーレイで決まります。まずテクスチャ素材をパターンとして定義し、その上にベベルとエンボス、内側の光彩、パターンオーバーレイを順に重ねると、文字の表面に本物のような金属の粒立ちが出ます。パターンが見つからないときは、手持ちのテクスチャを加工して使えば十分です。
1. 準備
- オンラインPS（zaixianps.cc）を開きます
- 金属のテクスチャ画像（例：
metal-pattern.jpg）を用意します。後でこれをパターンとして定義します。
2. 新規ドキュメントの作成
① 800 × 600 px のドキュメントを作成し、背景を黒で塗りつぶす
File → New → 幅 800 px、高さ 600 px、背景内容：黒（#000）を設定し、「作成」をクリックします。
3. 文字を入力する
① 文字ツール T を選び、カンバスの中央に文字を入力する
太めの書体で、少し大きめのサイズ（約150 pt）がおすすめです。色は#FDF701（明るい黄色）にします。
4. テクスチャをパターンとして定義する
① テクスチャ素材（metal-pattern.jpg）を開く
File → Open で、用意しておいた金属テクスチャ画像を選びます。
② パターンとして定義する
テクスチャレイヤーを選んだ状態で編集 → パターンを定義…を実行し、ダイアログで任意の名前（例：「Metal‑Pattern」）を付けて「OK」をクリックします。
ヒント：このパターンは、後の「パターンオーバーレイ」で使います。
5. 文字レイヤーに最初のレイヤースタイルを追加する
① レイヤースタイルパネルを開く
「文字」レイヤーのサムネールの左側（青い部分）をダブルクリックするか、右クリック →「描画モード…」を選びます。
② ベベルとエンボス（Bevel & Emboss）
| パラメータ | 値・オプション |
|---|---|
| スタイル | 内側ベベル（Inner Bevel） |
| 技法 | スムーズ（Smooth） |
| 深さ | 100 % |
| 方向 | 上（Up） |
| サイズ | 5 px |
| ぼかし | 0 px |
| 光源の角度 | 120° |
| 光源の高度 | 30° |
| ハイライトの色 | 描画モード：オーバーレイ（Overlay） 色：#FFFFFF |
| シャドウの色 | 描画モード：乗算（Multiply） 色：#000000 （「グローバルライトを使用」のチェックを外す） |
| 輪郭（Contour） | 波形（Wave） |
③ 内側のシャドウ（Inner Shadow）
| パラメータ | 値・オプション |
|---|---|
| 描画モード | 乗算（Multiply） |
| 色 | #3F3F3F |
| 角度 | 120° |
| 距離 | 3 px |
| スプレッド | 0 px |
| サイズ | 8 px |
| 輪郭 | 波形（Wave） |
| 「グローバルライトを使用」を外す | ✔ |
④ 内側の光彩（Inner Glow）
| パラメータ | 値・オプション |
|---|---|
| 描画モード | オーバーレイ（Overlay） |
| 色 | #e6b155（オレンジイエロー） |
| ノイズ | 0 % |
| グラデーション／光源 | 中心 100 %（既定） |
| サイズ | 5 px |
⑤ カラーオーバーレイ（Color Overlay）
描画モード：オーバーレイ（Overlay）
色：#ffb400（オレンジイエロー）
⑥ グラデーションオーバーレイ（Gradient Overlay）
「白 → 透明」の線形グラデーションを使い、描画モードはオーバーレイ（Overlay）、「反転」はチェックしません。
⑦ パターンオーバーレイ（Pattern Overlay）
パターン：先ほど定義した「Metal‑Pattern」
描画モード：オーバーレイ（Overlay）
不透明度：100 %
拡大・縮小：100 %
位置合わせ：中央
以上の「ベベルとエンボス」「内側のシャドウ」「内側の光彩」「カラーオーバーレイ」「グラデーションオーバーレイ」「パターンオーバーレイ」が重なって、文字に金属的で輝く質感が生まれます。
6. 文字のコピー①を作成（内側の光彩＋ドロップシャドウ）
① 文字レイヤーを複製する
元の文字レイヤーを選び、Ctrl + J（Macは⌘ + J）で「文字のコピー」レイヤーを作ります。
② 既存のレイヤースタイルを消去する
コピーレイヤーのサムネールを右クリック →「レイヤースタイルを消去」。
③ 「描画モード」を開き直して設定する
- 内側の光彩：色 #e6b155、描画モード オーバーレイ（Overlay）、サイズ 7 px。
- ドロップシャドウ（Drop Shadow）：描画モード 乗算（Multiply）、色 #ff3000（オレンジレッド）、距離 5 px、スプレッド 0 px、サイズ 8 px、角度 120°、「グローバルライトを使用」のチェックを外す。
- 描画モード：明るく（Lighten）
（重ねるときに明るいピクセルだけが残り、外側の光の輪ができます）
④ 塗り（Fill）を調整する
「レイヤー」パネルで、このコピーレイヤーの塗り（Fill）を0 %にします。レイヤースタイルの光は残したまま文字自体が透明になり、文字の輪郭に淡い赤い光が生まれます。
7. 文字のコピー②を作成（総合ハイライト）
① もう一度複製する
コピー①レイヤーを選び、Ctrl + J →「文字のコピー②」レイヤーができます。
② レイヤースタイルを消去して作り直す
同じく右クリック →「レイヤースタイルを消去」。続いて「描画モード」を開き、以下の順でスタイルを追加します。
- ベベルとエンボス（Bevel & Emboss）（手順5と同じ設定）
- 輪郭（Contour）：波形（Wave）
- 内側のシャドウ（Inner Shadow）：色 #2a2a2a、角度 120°、距離 2 px、サイズ 6 px、「グローバルライトを使用」をオフ
- 内側の光彩（Inner Glow）：色 #ffb400（オレンジイエロー）、描画モード オーバーレイ（Overlay）、サイズ 5 px
- パターンオーバーレイ（Pattern Overlay）：同じ「Metal‑Pattern」、描画モード オーバーレイ（Overlay）
- 外側の光彩（Outer Glow）：色 #ff7000（明るいオレンジ）、描画モード オーバーレイ（Overlay）、サイズ 12 px、不透明度 80 %
- ドロップシャドウ（Drop Shadow）：描画モード 乗算（Multiply）、色 #000000、距離 3 px、サイズ 5 px、角度 120°、「グローバルライトを使用」をオフ
③ もう一度塗りを 0 % にする
「レイヤー」パネルでこのレイヤーの塗り（Fill）も0 %にします。光は文字の輪郭だけに残り、金属文字の「かっこいい外側の光の輪」になります。
8. 最終結果のプレビュー
不要なレイヤーをすべて非表示にして（3つの文字レイヤーだけを残します）、仕上がりを確認します。文字本体は明るい黄色で、表面には金属のテクスチャとベベルの凹凸があり、周囲をオレンジと赤の光が包んで、とても華やかに見えます。
さらに金属の光沢を強めたいときは、「ベベルとエンボス」の「深さ」を上げるか、「外側の光彩」の「サイズ」を大きくして不透明度を上げてください。
参考資料
- オンラインPS
- Adobe 公式ドキュメント
- PS チュートリアルサイト