如何在 Adobe Photoshop 中创建多彩闪亮的文字效

如果您想学习如何在 Photoshop 中制作光面文字,在本教程中,我将向您展示如何使用“图层样式”面板来创建光面字母。您不需要特殊的闪亮字体——只需按照以下步骤操作即可!
如果你想节省时间,你可以使用Envato Elements来找到其他闪亮的效果,例如这个:

您将在此光面文本教程中学到什么
- 如何在 Photoshop 中制作闪亮的字母
- 如何创建没有闪亮字体的闪亮文字标志
- 如何使文本看起来像 3D
- 如何使用图层样式使某些东西看起来有光泽
教程资产
本教程中使用了以下资产:
- 字体:龙虾 1.4
- 本教程附带的 zip 文件中的背景和轮廓
1.如何在 Photoshop 中添加闪耀效果
步骤1
转到File > Open,然后打开背景图像。

第2步
使用以下设置选择横排文字工具 (T):
- 字体:龙虾 1.4
- 尺寸:210 磅
- 抗锯齿模式: Sharp
-
白颜色
#ffffff

第 3 步
写下“Shiny”并将其放在文档的中央。
要居中图层,请按Control-A选择文档,然后选择移动工具 (V)并单击对齐垂直中心 和对齐水平中心 图标。

第四步
双击Shiny图层打开图层样式窗口。
随意打开和关闭以下效果,看看有什么变化。让我们从渐变叠加开始;通过这种方式,您将能够更好地了解正在发生的事情。
使用以下设置添加渐变叠加:
- 混合模式:正常
- 抖动:未选中
- 不透明度:100%
- 反向:未选中
- 风格:线性
- 与图层对齐:选中
- 角度:90º
- 比例:100%
单击渐变栏并使用以下设置进行渐变:
-
第一站颜色:
#ffc600
- 第一站位置:0%
-
第二站颜色:
#f8e45f
- 第二停止位置:100%

第 5 步
使用以下设置添加斜面和浮雕:
- 风格:浮雕
- 技术:平滑
- 深度:286%
- 方向:向上
- 尺寸:10 像素
- 软化:0像素
- 使用全局光:未选中
- 角度:96º
- 海拔: 16º
- 光泽轮廓:单击轮廓框并加载文件Shiny Contour.shc(zip 文件)
- 抗锯齿:选中
- 高亮模式:屏幕
-
高光模式颜色:
#ffee93
- 高光模式不透明度:67%
- 阴影模式:正常
-
阴影模式颜色:
#190a20
- 阴影模式不透明度:9%

第 6 步
使用以下设置添加描边:
- 尺寸:4像素
- 位置:外
- 混合模式:正常
- 不透明度:100%
- 叠印:未选中
- 填充类型:颜色
-
颜色:
#7344ac

第 7 步
使用以下设置添加投影:
- 混合模式:正常
-
颜色:
#ae00f6
- 不透明度:100%
- 使用全局光:未选中
- 角度:120º
- 距离:5像素
- 点差:100%
- 尺寸:5像素
- 轮廓:线性
- 抗锯齿:未选中
- 噪音:0%
- 图层敲除阴影:选中

您的图像应如下所示:

第 8 步
选择Shiny图层并按Control-J复制它。然后右键单击并选择将其重命名为Shiny TOP。

步骤 9
用鼠标右键单击该闪亮TOP层,然后选择清除图层样式。然后双击图层打开图层样式窗口。
使用以下设置添加斜面和浮雕:
- 款式:内斜面
- 技术:平滑
- 深度:551%
- 方向:向上
- 尺寸:16 像素
- 软化:0像素
- 使用全局光:未选中
- 角度:96º
- 海拔:16º
- 光泽轮廓:海湾 - 浅
- 高亮模式:屏幕
-
高光模式颜色:
#ffee93
- 高光模式不透明度:67%
- 阴影模式:正常
-
阴影模式颜色:
#190a20
- 阴影模式不透明度:9%

第 10 步
使用以下设置添加内阴影:
- 混合模式:相乘
-
颜色:
#bf8c01
- 不透明度:21%
- 使用全局光:未选中
- 角度:-45º
- 距离:5像素
- 扼流圈:0%
- 尺寸:5像素
- 轮廓:线性
- 抗锯齿:未选中
- 噪音:0%

第 11 步
使用以下设置添加渐变叠加:
- 混合模式:颜色加深
- 抖动:未选中
- 不透明度:100%
- 风格:线性
- 与图层对齐:选中
- 角度:90º
- 比例:100%
单击渐变栏并使用以下设置进行渐变:
-
第一站颜色:
#a5a5a5
- 第一站位置:4%
-
第二站颜色:
#ffffff
- 第二站位置:27%
-
第三站颜色:
#e2e2e2
- 第三站位置:74%
-
第四站颜色:
#b2b2b2
- 第四站位置:100%

第 12 步
使用以下设置添加外发光:
- 混合模式:屏幕
- 不透明度:75%
- 噪音:0%
-
颜色:
#eac919
- 技术:更柔和
- 点差:0%
- 尺寸:0像素
- 轮廓:线性
- 抗锯齿:未选中
- 范围:50%
- 抖动:0%

第 13 步
使用以下设置添加投影:
- 混合模式:排除
-
颜色:
#1eff00
- 不透明度:100%
- 使用全局光:未选中
- 角度:120º
- 距离:3像素
- 点差:100%
- 尺寸:3像素
- 轮廓:线性
- 抗锯齿:选中
- 噪音:0%
- 图层敲除阴影:选中
之后,单击确定

第 14 步
现在按住Control 键 并单击Shiny和Shiny TOP图层以选择两者。然后按Control-G对图层进行分组。

第 15 步
双击图层组打开图层样式窗口。
使用以下设置添加投影:
- 混合模式:正常
-
颜色:
#000000
- 不透明度:30%
- 使用全局光:未选中
- 角度:120º
- 距离:3像素
- 点差:39%
- 尺寸:5像素
- 轮廓:线性
- 抗锯齿:选中
- 噪音:0%
- 图层敲除阴影:选中
之后,单击OK。
结果是:

恭喜,你现在完成了!
在本教程中,您学习了如何在 Adobe Photoshop 中创建彩色闪亮的文本效果。我们首先创建了一个图层样式,然后我们在其上添加了另一个图层样式以补充效果。现在您知道如何在 Photoshop 中制作光面效果了!
不要忘记保存样式,以便您可以将它们用于其他项目!
其他闪亮字母文字效果
在 Photoshop 中有很多方法可以制作闪亮的字母,所以如果你想要不同的效果,以下是Envato Elements上的一些建议:
蓝色闪耀文字效果(PSD)

这种效果与我们在教程中创建的效果非常相似——字母看起来是 3D 的,而且它们有漂亮的闪亮边缘。要使用此效果,您只需将文字替换为您自己的文字即可!
超写实反光文字效果 III (PSD)

如果您需要真正的光泽,这种高级效果将使您的文字看起来独一无二!您不需要特殊的闪亮字体——只需使用您喜欢的任何字体并用您自己的字体替换文本即可。
3D 铬生成器(ATN、PSD、PDF)

如果您想为文本徽标添加美丽的光泽,此操作将为您提供最逼真的效果——就像真正的镀铬一样,您的字母将反映环境的颜色(即您使用的背景!)。它是可定制的且非常易于使用,但如果您需要额外的帮助,请使用随附的视频说明。
全息玻璃文字效果(PSD)

您不必知道如何在 Photoshop 中制作一些有光泽的东西来实现这样的效果——只需替换此文件中的文本,您将在几秒钟内获得丰富多彩、闪闪发光的文本效果!
7 款闪亮的 Photoshop 样式 2(PSD、ASL)

如果您想要与我们在本教程中创建的效果相同的效果,GraphicRiver上的此套装包含七种不同颜色的闪亮样式 — 适合各种场合!
本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处:https://www.yangyangzhi.cn/PS/800.html