当前位置: 主页 > 平面设计 > PS教程 > Photoshop制作手绘霓虹字特效教程

Photoshop制作手绘霓虹字特效教程

  • 2021-08-18
  • 来源/作者: PS联盟/ Sener
  • 9 次浏览

虽然手工制作霓虹灯字符有点麻烦,但细节方法要好得多。过程:首先使用画笔书写所需的文本,然后将文本用作参考,在其上绘制一些光束,然后渲染颜色和高光,然后局部添加一些发光样式。不同的文本可以有不同的颜色。

最终效果

<a href=http://www.06ps.com/ target=_blank class=infotextkey>photoshop</a>制作超酷的手绘霓虹字教程,PS教程

1、新建一个800 * 650像素,分辨率为72的文档。选择渐变工具,颜色设置如图1,然后由中心向边角拉出紫色至黑色的径向渐变作为背景。

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

2、先来制作第一个文字,需要完成的效果如下图。

Photoshop制作超酷的手绘霓虹字教程,PS教程

3、新建一个组,在组里新建一个图层,用柔边的白色画笔画出数字“2”,如图4,然后把不透明度改为:30%。这一步做出一个参考层,画线条的时候就以画出的文字为参照。

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

4、新建一个图层,选择工具工具,属性栏设置如图6,然后在参照文字上面勾一条路径如图7,8。

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

5、把前景色设置为白色,如下图。

Photoshop制作超酷的手绘霓虹字教程,PS教程

6、选择画笔工具,按F5调出画笔预设面板,选择24号画笔,分别设置画笔笔尖形状、形状动态、散布数值如图10 - 12,设置好后再勾选湿边及平滑选项。

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

7、在属性栏把画笔不透明度及流量都设置为100%,如下图。

Photoshop制作超酷的手绘霓虹字教程,PS教程

8、选择钢笔工具,在路径上面右键选择“描边路径”。

Photoshop制作超酷的手绘霓虹字教程,PS教程

9、在弹出的对话框选择“画笔”,同时勾选模拟压力如图15,确定后按回车取消路径,效果如图16。

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

10、新建一个图层,同样的方法用钢笔勾出第二条路径,用相同的画笔描边路径,效果如图19。

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

11、新建图层,同样的方法制作更多的光束,实的线条就直接选择圆角笔刷,过程如图20 - 25。

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

12、把背景及参考文字图层隐藏,新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。

Photoshop制作超酷的手绘霓虹字教程,PS教程

13、把线条层隐藏,只保留盖印图层及背景层,效果如下图。

Photoshop制作超酷的手绘霓虹字教程,PS教程

14、在盖印图层的下面新建一个图层,用钢笔勾出下图所示的选区,羽化15个像素后填充橙红色:#E8A55D。

Photoshop制作超酷的手绘霓虹字教程,PS教程

15、回到盖印图层,给当前图层添加图层样式,选择外发光,参数设置如图29,确定后把不透明度改为:50%,效果如图30。

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

16、按Ctrl + J 把当前图层复制一层,按住Ctrl点击缩略图调出图层选区,再选择菜单:选择 > 修改 > 收缩,数值为1,确定后给图层添加蒙版,效果如图32。

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

17、新建一个图层,混合模式改为“颜色减淡”,用钢笔勾出下图所示的选区,羽化8个像素后填充橙黄色:#FFA903,效果如下图。

Photoshop制作超酷的手绘霓虹字教程,PS教程

18、新建一个图层,混合模式改为“颜色减淡”,用画笔在需要增加亮度的部分涂上橙黄色:#FDE837,如下图。

Photoshop制作超酷的手绘霓虹字教程,PS教程

19、新建一个图层,把前景颜色设置为白色,用画笔在高光部分涂上白色,如下图。

Photoshop制作超酷的手绘霓虹字教程,PS教程

20、给当前图层添加图层样式,选择外发光,参数及效果如下图。

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

21、局部增加一点高光,第一个文字基本完成。

Photoshop制作超酷的手绘霓虹字教程,PS教程

22、其它文字制作方法完全相同,效果如下图。

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程

23、现在调整一下文字颜色。在图层的最上面创建曲线调整图层,参数及效果如下图。

Photoshop制作超酷的手绘霓虹字教程,PS教程

Photoshop制作超酷的手绘霓虹字教程,PS教程