ps在线教程:璀璨金属文字效果

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


一、准备工作

二、新建文档

① 创建 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 → 生成「文字副本②」层。

② 清除图层样式并重新编辑

同样右键 → 「清除图层样式」。随后打开「混合选项」并按下面的顺序添加样式:

  1. 斜面和浮雕(Bevel & Emboss)(同步骤5的参数)
  2. 等高线(Contour):波浪形(Wave)
  3. 内阴影(Inner Shadow):颜色 #2a2a2a,角度 120°,距离 2 px,大小 6 px,关闭「使用全局光」
  4. 内发光(Inner Glow):颜色 #ffb400(橙黄),模式 叠加(Overlay),大小 5 px
  5. 图案叠加(Pattern Overlay):使用同样的「Metal‑Pattern」,混合模式 叠加(Overlay)
  6. 外发光(Outer Glow):颜色 #ff7000(亮橙),混合模式 叠加(Overlay),大小 12 px,透明度 80 %
  7. 投影(Drop Shadow):混合模式 正片叠底(Multiply),颜色 #000000,距离 3 px,大小 5 px,角度 120°,关闭「使用全局光」

③ 再次把填充改为 0 %

同样在「图层」面板把该层的 填充(Fill) 设为 0 %,这样光效只保留在文字的轮廓上,形成金属文字的“酷炫外层光晕”。

八、最终效果预览

关闭所有不需要的图层(只保留三层文字),可以看到文字本体是亮黄色,表面带有金属纹理、斜面凹凸感,四周包裹着橙黄与红色光晕,显得十分炫目。

如果想要更强的金属光感,可以在「斜面和浮雕」里把「深度」调高,或在「外发光」里适当增大「大小」并调高不透明度。


参考资料

  • 在线ps
  • Adobe 官方文档
  • PS 教程网