Photoshop设计夜光效果的霓虹字体

30次阅读

最终效果图

Photoshop 设计夜光效果的霓虹字体

图 0

1、选择“文件 / 新建”菜单,打开“新建”或者 Ctrl+ N 对话框名称为:PS 打造霓虹特效字体,宽度:为 800 像素,高度:为 600 像素,“分辨率”为 72 ,“模式”为 RGB 颜色的文档,如图 1 所示。

Photoshop 设计夜光效果的霓虹字体

图 1

2、在图层控制面板击新建图层按钮,新建一个图层 1,选择工具箱渐变工具 (快捷键 G),在工具选项栏中设置为径相渐变,然后点按可编辑渐变,弹出渐变编辑器。双击如图 3 中的 A 处,设置色彩 RGB 分别为 28、52、76。再双击图 3 中所示的 B 处,设置色彩 RGB 分别为 5、13、21。接着按键盘 Shift 不放结合鼠标从上到下拉下,给渐变效果,按键盘快捷键 Ctrl+ D 取消选区,如图 3 所示。效果图如图 2 所示。

Photoshop 设计夜光效果的霓虹字体

图 2

Photoshop 设计夜光效果的霓虹字体

图 3

3、在图层样板中,新建一个图层 1, 并选择“图层 / 智能对象 / 转换为智能对象”菜单,然后双击智能对象弹出智能对话框,点击确定,如同 4 所示,进智能对话编辑,在画面中用鼠标单击后,出现一个输入文字光标,在光标后输入“asdfght”,在工具选项栏中设置字体为“Arial”,设置字体大小为“113 点”,设置消除锯齿为“平滑”,设置字体颜色为蓝色,如图 6 所示。然后点击关闭窗口,弹出关闭窗口对话框,点击是,如图 7 所示,效果图如图 8 所示。

Photoshop 设计夜光效果的霓虹字体

图 4

Photoshop 设计夜光效果的霓虹字体

图 5

Photoshop 设计夜光效果的霓虹字体

图 6

Photoshop 设计夜光效果的霓虹字体

图 7

Photoshop 设计夜光效果的霓虹字体

图 8

4、双单击 asdfght 图层进入到图层样式,分别勾选投影、内阴影、外发光、内发光、斜面和浮雕、渐变叠加、光泽、描边选项。如图 9 所示

Photoshop 设计夜光效果的霓虹字体

图 9

5、勾选投影,设置阴影混合模式:正片叠底,点击色标处,阴影颜色设置为黑色,不透明度:58%,角度:120,勾选使用全局光,距离:0 像素,阻塞为:100%,大小:0 像素,然后点击确定按钮,如图 10 所示。

Photoshop 设计夜光效果的霓虹字体

图 10

6、勾选内阴影,设置内阴影混合模式:叠加,点击色标处,阴影颜色设置为白色,不透明度:100%,角度:120 度,勾选使用全局光,距离:0 像素,阻塞为:100%,大小:0 像素,然后点击确定按钮,如图 11 所示。

Photoshop 设计夜光效果的霓虹字体

图 11

7、勾选外发光选项,设置投影混合模式:叠加,不透明度:58%,杂色为 0%,点击点按可编辑渐变,设置前景到透明,颜色为白色透明,方法为柔和,扩展为 0%,大小为:24 像素,范围为 100%, 如图 12 所示。

Photoshop 设计夜光效果的霓虹字体

图 12

8、勾选内发光选项,设置投影混合模式:叠加,不透明度:100%,杂色:0%,点击点按可编辑渐变,设置前景到透明,颜色为白色到透明,方法为:柔光,源:边缘,阻塞:13%,大小为:2 像素,范围为:50%, 其它设置参考图 13,如图 13 所示。

Photoshop 设计夜光效果的霓虹字体

图 13

9、勾选斜面和浮雕复选项,样式:内斜面,方法:平滑,深度:144%,方向:上,大小:5 像素,软化:0 像素,角度:-90 度,高度:30 度,高光模式为:叠加,颜色为:白色,不透明度为:100%, 阴影模式为:正片叠底,颜色为:黑色,不透明度为:54%,其他设置值参考图 14,如图 14 所示。

Photoshop 设计夜光效果的霓虹字体

图 14

10、勾选光泽复选项,混合模式:叠加,点击色标处,设置光泽颜色:白色,设置不透明度:35%,角度:19 度,距离:6 像素,大小:3 像素,勾选消除锯齿和反相,如图 15 所示。

Photoshop 设计夜光效果的霓虹字体

图 15

11、勾选渐变叠加选项,混合模式:正常,设置不透明度:35%,点击渐变色标处,弹出渐变编辑器,淡绿色到透明,样式为线性,勾选与图层对齐,角度 88 度,缩放 150%,如图 16 所示。

Photoshop 设计夜光效果的霓虹字体

图 16

12、勾选描边选项,设置大小为 1 像素,位置为内部,混合模式为正常,不透明度为 26%,填充类型为颜色,颜色为蓝色,如图 17 所示,效果图如图 18 所示。

Photoshop 设计夜光效果的霓虹字体

图 17

Photoshop 设计夜光效果的霓虹字体

正文完