方舟 发表于 2015-5-22 16:04:14

手把手教你绘制逼真的霓虹字效赏析

http://jy.sccnn.com/zb_users/upload/2015/5/2015052133171005.jpg

霓虹灯效极富酷感深邃之美,用PS创建霓虹字效其实超简单。本期教程,选用粉色作为灯光色,如果你偏好蓝色或者绿色,也可稍作尝试。第一步:创建文字图层首先,PS新建大小为1400*525像素的文件,当然咯,创建文件大小并无严格要求,合适即可。背景填充深灰蓝(#2b3036)。输入黑色文字:NEON LIGHT,选用字体Myriad Pro,不过,使用常见的Ariel 或Helvetica字体同样奏效,然后,稍微调整一下字体大小使其美观即可。http://jy.sccnn.com/zb_users/upload/2015/5/2015052133032349.jpg在文字的上下边缘添加两条参考线。http://jy.sccnn.com/zb_users/upload/2015/5/2015052133032521.jpg新建图层,命名为:垂线,在该图层用画笔工具,绘制字体上所有的竖线部分,笔刷大小10像素。按住shift键,打造完美直线。http://jy.sccnn.com/zb_users/upload/2015/5/2015052133032551.jpg同理,再新建一层图层,命名为:水平线。画出所有水平的线条,注意,在本该连接的关节处留下空隙。http://jy.sccnn.com/zb_users/upload/2015/5/2015052133032583.jpg至于文字中的曲线部分,可以使用钢笔工具,绘制出平滑路径,再点击画笔工具,大小设置为10像素,按下回车键即可。http://jy.sccnn.com/zb_users/upload/2015/5/2015052133032629.jpg现在,可以将刚开始的黑色文字图层删除,得到如下效果。http://jy.sccnn.com/zb_users/upload/2015/5/2015052133032661.jpg第二步:添加水平光效将“水平线”图层的图层填充设置为0,复制该图层,得到“水平线图层副本”,接下来,再为“水平线”图层设置图层样式,样式参数详情见下图。http://jy.sccnn.com/zb_users/upload/2015/5/2015052133032709.jpghttp://jy.sccnn.com/zb_users/upload/2015/5/2015052133032739.jpg
http://jy.sccnn.com/zb_users/upload/2015/5/2015052133032787.jpg
http://jy.sccnn.com/zb_users/upload/2015/5/2015052133032833.jpghttp://jy.sccnn.com/zb_users/upload/2015/5/2015052133032865.jpg这时,达到的效果如下图:http://jy.sccnn.com/zb_users/upload/2015/5/2015052133032911.jpg设置“水平线图层副本”的图层样式,参数设置详情见下图:http://jy.sccnn.com/zb_users/upload/2015/5/2015052133032943.jpghttp://jy.sccnn.com/zb_users/upload/2015/5/2015052133032989.jpghttp://jy.sccnn.com/zb_users/upload/2015/5/2015052133033037.jpghttp://jy.sccnn.com/zb_users/upload/2015/5/2015052133033083.jpghttp://jy.sccnn.com/zb_users/upload/2015/5/2015052133033115.jpg这时,你将看到的效果是这样的:http://jy.sccnn.com/zb_users/upload/2015/5/2015052133033161.jpg第三步:添加垂直光效同理,将“垂线”图层的图层填充设置为0,复制该图层,得到“垂线图层副本”。接着,设置“垂线”图层的图层样式,详细参数见下图。http://jy.sccnn.com/zb_users/upload/2015/5/2015052133033193.jpghttp://jy.sccnn.com/zb_users/upload/2015/5/2015052133033239.jpghttp://jy.sccnn.com/zb_users/upload/2015/5/2015052133033287.jpghttp://jy.sccnn.com/zb_users/upload/2015/5/2015052133033317.jpg这时,你将看到的效果是这样的:http://jy.sccnn.com/zb_users/upload/2015/5/2015052133033365.jpg至于“垂线图层副本”的图层样式,详细参数如下图:http://jy.sccnn.com/zb_users/upload/2015/5/2015052133033411.jpg第四步:添加光效 优化细节做到此处时,耐心可嘉,接下来的步骤则会简易有趣。新建图层,选用粉色系,大号柔软笔刷,为文字周围添加光效。该图层混合模式设置为:叠加,确保其在文字图层的底层。http://jy.sccnn.com/zb_users/upload/2015/5/2015052133033443.jpg为了让文字光效更为明显,可以在所有图层之上,用白色笔刷添加些许高光效果。图层叠加样式设置为:叠加,下图是一些可以添加高光的细节点。http://jy.sccnn.com/zb_users/upload/2015/5/2015052133033489.jpghttp://jy.sccnn.com/zb_users/upload/2015/5/2015052133033521.jpg第五步:连接霓虹灯文字为了让霓虹灯效更为逼真,在文字底层再新建一个图层,选用笔刷工具,颜色:黑色,大小:7像素,画直线,如图,这一细节的描绘,让字效整体看来更为自然。http://jy.sccnn.com/zb_users/upload/2015/5/2015052133033567.jpg第六步:添加背景纹理最后一步,细化背景图层,可以在网上找一张划痕背景图,放置于背景图层之上,不透明度设置为30%,以便让原来灰蓝色的背景层显现出来。http://jy.sccnn.com/zb_users/upload/2015/5/2015052133033599.jpg接着,添加一层线性渐变图层,渐变颜色设置参考下图,不透明度设置为40%,模式:叠加。http://jy.sccnn.com/zb_users/upload/2015/5/2015052133033645.jpg至此,完成,效果展示:http://jy.sccnn.com/zb_users/upload/2015/5/2015052133033693.jpg

页: [1]
查看完整版本: 手把手教你绘制逼真的霓虹字效赏析