在线PS
Photoshop 金属字银色文字效果
在日常生活中，无论是社交分享、简历制作还是设计需求，我们常常需要给图片更换背景。很多人担心这种操作只能靠收费的专业软件，其实现在已经有不少 免费的在线 p 图工具可以轻松完成换背景，操作简便、无需下载安装，直接在浏览器中即可使用。下面就为大家推荐一款 好用且免费 的在线编辑器—— 在线ps（zaixianpss.com），随后我们将用它来实现银色文字效果。
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