当前位置: 主页 > 平面设计 > PS制作漂亮潦草的霓虹光线文字效果

PS制作漂亮潦草的霓虹光线文字效果

  • 2021-08-18
  • 来源/作者: 网络/ 网络
  • 4 次浏览

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

PS制作漂亮潦草的霓虹光线文字效果

 

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

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果  

 

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

PS制作漂亮潦草的霓虹光线文字效果

 

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

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果

 

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

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果  

 

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

PS制作漂亮潦草的霓虹光线文字效果

 

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

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果 

 

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

PS制作漂亮潦草的霓虹光线文字效果

 

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

PS制作漂亮潦草的霓虹光线文字效果  

 

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

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果

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

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果  

 

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

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果  

 

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

PS制作漂亮潦草的霓虹光线文字效果

 

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

PS制作漂亮潦草的霓虹光线文字效果

 

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

PS制作漂亮潦草的霓虹光线文字效果

 

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

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果  

 

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

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果

 

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

PS制作漂亮潦草的霓虹光线文字效果

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

PS制作漂亮潦草的霓虹光线文字效果

 

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

PS制作漂亮潦草的霓虹光线文字效果

 

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

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果  

 

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

PS制作漂亮潦草的霓虹光线文字效果

 

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

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果

 

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

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果

 

二十四、创建亮度/对比度调整图层,参数及效果如下图。

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果  

 

二十五、创建色彩平衡调整图层,对阴影,高光进行调整,参数及效果如下图。

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果 

PS制作漂亮潦草的霓虹光线文字效果

 

最后,微调细节以完成最终效果。

PS制作漂亮潦草的霓虹光线文字效果