ps在线教程:璀璨金属文字效果
在日常生活中,无论是社交分享、简历制作还是设计需求,我们常常需要给图片更换背景。很多人担心这种操作只能靠收费的专业软件,其实现在已经有不少 免费的在线 p 图工具可以轻松完成换背景,操作简便、无需下载安装,直接在浏览器中即可使用。下面就为大家推荐一款 好用且免费 的在线编辑器—— 在线ps(zaixianpss.com),随后我们将用它来实现璀璨金属文字效果。
一、准备工作
- 打开 在线ps(zaixianpss.com)
- 准备好一张金属纹理图片(例:
metal-pattern.jpg),后面会把它定义为图案。
二、新建文档
① 创建 800 × 600 px 文档,背景颜色填充为黑色
File → New → 设置 宽度 800 px, 高度 600 px, 背景内容:黑色(#000),点「创建」即可。
三、输入文字
① 选择文字工具 T,在画布中心键入需要的文字
建议使用粗体、稍大的字号(约 150 pt),颜色设为 #FDF701(亮黄色)。
四、定义纹理图案
① 打开纹理素材(metal-pattern.jpg)
File → Open,选择已经准备好的金属纹理图片。
② 定义为图案
选中纹理图层后,编辑 → 定义图案… 在弹窗中随意命名(如「Metal‑Pattern」),点击「确定」。
提示:后面的「图案叠加」样式中会用到此图案。
五、给文字图层添加首次图层样式
① 打开图层样式面板
在「文字」图层的缩略图左侧双击(蓝色区域)或右键 → 「混合选项…」
② 斜面和浮雕(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 %
对齐方式:居中
以上「斜面和浮雕」「内阴影」「内发光」「颜色叠加」「渐变叠加」「图案叠加」共同给文字一种金属、闪耀的质感。
六、创建文字副本①(内发光 + 投影)
① 复制文字图层
选中原文字层,Ctrl + J(Mac 为 ⌘ + J),生成「文字副本」层。
② 清除已有图层样式
在副本图层的缩略图上右键 → 「清除图层样式」。
③ 重新打开「混合选项」并设置
- 内发光:颜色 #e6b155,模式 叠加(Overlay),大小 7 px。
- 投影(Drop Shadow):混合模式 正片叠底(Multiply),颜色 #ff3000(橙红),距离 5 px,扩展 0 px,大小 8 px,角度 120°,取消「使用全局光」。
- 混合模式:浅色(Lighten)
(这样在叠加时只保留更亮的像素,形成外部光晕)
④ 调整填充(Fill)
在「图层」面板中,将该副本层的 填充(Fill) 改为 0 %,保留了图层样式的光效但让文字本身透明,从而在文字边缘形成淡淡的红光。
七、创建文字副本②(综合高光)
① 再复制一层
选中副本①图层,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 %,这样光效只保留在文字的轮廓上,形成金属文字的“酷炫外层光晕”。
八、最终效果预览
关闭所有不需要的图层(只保留三层文字),可以看到文字本体是亮黄色,表面带有金属纹理、斜面凹凸感,四周包裹着橙黄与红色光晕,显得十分炫目。
如果想要更强的金属光感,可以在「斜面和浮雕」里把「深度」调高,或在「外发光」里适当增大「大小」并调高不透明度。
参考资料
- 在线ps
- Adobe 官方文档
- PS 教程网
在线PS