銀色金屬字是靠圖層樣式堆出來的。斜角和浮雕做立體、漸層重疊上金屬光澤、筆畫強化邊緣,內外光暈和陰影收尾。有個關鍵:保留樣式但把填滿設為 0,質感才乾淨。
1️⃣ 新增文字層
- 工具欄選擇 文字工具 (T),在畫布上單擊並輸入你想要的文字(如
METAL)。 - 字型建議使用粗體無襯線體(Montserrat Bold、Futura Extra Bold、Impact 等),顏色先設為白色。
- 文字大小根據畫布自行調整,保持足夠的可讀性。
2️⃣ 斜角和浮雕(Bevel & Emboss)— 增厚立體感
- 在文字層上右鍵 → 混合選項 (Blending Options)。
- 勾選 斜角和浮雕,引數推薦:
| 結構 (Structure) | 深度 100% |
| 方向 (Direction) | 上 (Up) |
| 大小 (Size) | 12 px(視文字大小可調) |
| 軟化 (Soften) | 0 px |
| 光源角度 (Angle) | 120° |
| 光源高度 (Altitude) | 30° |
| 光照強度 (Gloss Contour) | 線性 |
| 高光模式 (Highlight Mode) | 顏色,加白色(#FFFFFF) 不透明度 75% |
| 陰影模式 (Shadow Mode) | 顏色,加黑色(#000000) 不透明度 45% |
這裡的斜角和浮雕負責讓文字“厚度”感初現,稍後會用其他樣式來強化金屬光澤。
3️⃣ 漸層重疊(Gradient Overlay)— 金屬屬性
繼續在同一「混合選項」面板中勾選 漸層重疊,設定如下:
| 混合模式 (Blend Mode) | 重疊(Overlay) |
| 不透明度 (Opacity) | 85% |
| 角度 (Angle) | 90°(垂直) |
| 縮放 (Scale) | 100% |
| 漸層 (Gradient) | 左側選取「銀白金屬」漸層(#E0E0E0 → #A0A0A0 → #FFFFFF)或自定義: |
自定義漸層示例(在漸層編輯器中點兩次):
- 左端點:#E5E5E5(顏色)— 位置 0%
- 中間點:#B0B0B0(顏色)— 位置 50%
- 右端點:#FFFFFF(顏色)— 位置 100%
使用
Overlay 讓亮部更亮、暗部更暗,從而產生金屬的“高光”與“陰影”。4️⃣ 筆畫(Stroke)— 強化金屬邊緣
- 仍在「混合選項」面板,勾選 筆畫。
- 引數:
| 大小 (Size) | 2 px(可根據文字大小微調) |
| 位置 (Position) | 內部 (Inside) |
| 填滿型別 (Fill Type) | 顏色 |
| 顏色 (Color) | #CCCCCC(淺灰) |
| 混合模式 (Blend Mode) | 色彩增值 (Multiply) |
| 不透明度 (Opacity) | 90% |
筆畫幫助文字在深色背景上更清晰,也讓金屬邊緣的“銳利感”更明顯。
5️⃣ 內光暈(Inner Glow)— 金屬光感
繼續勾選 內光暈,推薦配置:
| 混合模式 | 濾色 (Screen) |
| 顏色 | #FFFFFF(白) |
| 不透明度 | 30% |
| 噪點 | 0% |
| 大小 | 3 px |
| 範圍 | 內部 (Inner) |
內光暈讓文字內部出現柔和的光輝,模擬金屬受光的散射。
6️⃣ 外光暈(Outer Glow)— 進一步提升光澤
- 勾選 外光暈。
- 引數:
| 混合模式 | 線性加深 (Linear Dodge) |
| 顏色 | #FFFFFF(白) |
| 不透明度 | 25% |
| 大小 | 6 px |
| 範圍 | 外部 (Outer) |
外光暈讓文字在背景上“發光”,提升整體金屬感的層次感。
7️⃣ 陰影(Drop Shadow)— 增加立體感
勾選 陰影,常規設定如下:
| 混合模式 | 色彩增值 (Multiply) |
| 顏色 | #000000(黑) |
| 不透明度 | 45% |
| 距離 | 8 px |
| 角度 | 120° |
| 擴充套件 | 0 px |
| 大小 | 10 px |
陰影讓文字看起來真的懸浮在皮質表面上。
8️⃣ 複製文字層並再做一次斜角和浮雕——強化刀削感
- 選中文字層,Ctrl+J 複製一份,命名為
文字‑銳利化。 - 對複製層開啟「混合選項」,再次勾選 斜角和浮雕,這次略微改變引數,使高光更銳利:
| 大小 (Size) | 8 px(比原層小) |
| 軟化 (Soften) | 0 px |
| 光照角度 (Angle) | 130°(稍微偏右) |
| 光照高度 (Altitude) | 45° |
| 高光顏色 | #FFFFFF, 不透明度 80% |
| 陰影顏色 | #000000, 不透明度 30% |
複製層的斜角和浮雕讓文字邊緣出現更細的金屬刀痕,提升“銳利感”。
9️⃣ 關鍵技巧——保留圖層樣式,去掉填滿顏色
在多層重疊後,你會發現文字的原始填滿顏色仍然在起作用(尤其是白色會讓金屬光澤被沖淡)。解決辦法極其簡單:
- 在 圖層面板 選中每一個文字層(包括原層和複製層)。
- 層面板頂部有一個 填滿(Fill) 滑塊,將數值 改為 0%。
這樣文字本身的顏色被去掉,只剩下圖層樣式產生的金屬光感。
為什麼填滿要設 0%?
- “填滿”隻影響圖層本身的顏色,不會影響圖層樣式(如斜角和浮雕、外光暈等)。
- 把填滿設為 0% 後,文字只剩下效果層,金屬質感會更純粹、更銳利。
- “填滿”隻影響圖層本身的顏色,不會影響圖層樣式(如斜角和浮雕、外光暈等)。
- 把填滿設為 0% 後,文字只剩下效果層,金屬質感會更純粹、更銳利。
🔚 完成效果展示
此時你應該得到類似下圖的銀色金屬文字:
如果想要進一步微調,可自行調節斜角和浮雕的 大小、光照角度,以及 外光暈 的不透明度,讓光澤更柔或更強。
參考資料
- Adobe Photoshop官方文件
- HTML5與現代前端圖片處理原理
- 線上ps