一步步教你教你绘制逼真的霓虹字效赏析
霓虹字效是经典款教程，从很久之前到现在都没过时，非常值得学起来。今天@AverageJoseph 给同学们一个特别容易上手的方法，帮大家迅速掌握这类效果的绘制操作 >>>霓虹灯效极富酷感深邃之美，用PS创建霓虹字效其实超简单。本期教程，选用粉色作为灯光色，如果你偏好蓝色或者绿色，也可稍作尝试。第一步：创建文字图层首先，PS新建大小为1400*525像素的文件，当然咯，创建文件大小并无严格要求，合适即可。背景填充深灰蓝（#2b3036）。输入黑色文字：NEON LIGHT，选用字体Myriad Pro，不过，使用常见的Ariel 或Helvetica字体同样奏效，然后，稍微调整一下字体大小使其美观即可。http://img.jcwcn.com/attachment/portal/201505/22/0700475b5fuxcxmbuzethm.jpg在文字的上下边缘添加两条参考线。http://img.jcwcn.com/attachment/portal/201505/22/070048lufm0lh8lbs5rffh.jpg新建图层，命名为：垂线，在该图层用画笔工具，绘制字体上所有的竖线部分，笔刷大小10像素。按住shift键，打造完美直线。http://img.jcwcn.com/attachment/portal/201505/22/070049k8kkv8jeni22bkik.jpg同理，再新建一层图层，命名为：水平线。画出所有水平的线条，注意，在本该连接的关节处留下空隙。http://img.jcwcn.com/attachment/portal/201505/22/070049s5boqq8sj7ssy77u.jpg至于文字中的曲线部分，可以使用钢笔工具，绘制出平滑路径，再点击画笔工具，大小设置为10像素，按下回车键即可。http://img.jcwcn.com/attachment/portal/201505/22/070049htfh66bbztgbdo76.jpg现在，可以将刚开始的黑色文字图层删除，得到如下效果。http://img.jcwcn.com/attachment/portal/201505/22/0700492qbh958fovs56m53.jpg第二步：添加水平光效将“水平线”图层的图层填充设置为0，复制该图层，得到“水平线图层副本”，接下来，再为“水平线”图层设置图层样式，样式参数详情见下图。http://img.jcwcn.com/attachment/portal/201505/22/070050k8vkf2chqvmeequ5.jpg http://img.jcwcn.com/attachment/portal/201505/22/07005070r5lghbdifw1g7b.jpghttp://img.jcwcn.com/attachment/portal/201505/22/070050l9j4m13en6ds441h.jpg
http://img.jcwcn.com/attachment/portal/201505/22/070050kmvmpp9o93mkzopk.jpg http://img.jcwcn.com/attachment/portal/201505/22/070051awwxslq8e28l5x0a.jpg一步步教你教你绘制逼真的霓虹字效2
这时，达到的效果如下图：http://img.jcwcn.com/attachment/portal/201505/22/0700536vg7ajja6ja7wj07.jpg设置“水平线图层副本”的图层样式，参数设置详情见下图：http://img.jcwcn.com/attachment/portal/201505/22/070053ybotebntbooybozb.jpg http://img.jcwcn.com/attachment/portal/201505/22/0700533mf7p7c57mzmvfpz.jpg http://img.jcwcn.com/attachment/portal/201505/22/0700538wc7wz1w8wve918q.jpg http://img.jcwcn.com/attachment/portal/201505/22/070053zmlloogu9naomtze.jpg http://img.jcwcn.com/attachment/portal/201505/22/070054uaym6661y3ezjejm.jpg这时，你将看到的效果是这样的：http://img.jcwcn.com/attachment/portal/201505/22/070054g0ztgmghxz0ozdtm.jpg第三步：添加垂直光效同理，将“垂线”图层的图层填充设置为0，复制该图层，得到“垂线图层副本”。接着，设置“垂线”图层的图层样式，详细参数见下图。http://img.jcwcn.com/attachment/portal/201505/22/070054dufudd0ouiu2ifo3.jpg http://img.jcwcn.com/attachment/portal/201505/22/0700558mnd9d2bmbtydztg.jpg http://img.jcwcn.com/attachment/portal/201505/22/070055624tqd1ooqowbqq4.jpg http://img.jcwcn.com/attachment/portal/201505/22/070055nx2sczhgvrv5jphd.jpg一步步教你教你绘制逼真的霓虹字效3
这时，你将看到的效果是这样的：http://img.jcwcn.com/attachment/portal/201505/22/070055ytggyen3ssjjujnv.jpg至于“垂线图层副本”的图层样式，详细参数如下图：http://img.jcwcn.com/attachment/portal/201505/22/070056mmemtfd95ofe6bom.jpg第四步：添加光效 优化细节做到此处时，耐心可嘉，接下来的步骤则会简易有趣。新建图层，选用粉色系，大号柔软笔刷，为文字周围添加光效。该图层混合模式设置为：叠加，确保其在文字图层的底层。http://img.jcwcn.com/attachment/portal/201505/22/070056k8k9aqdkm9dtqxdt.jpg为了让文字光效更为明显，可以在所有图层之上，用白色笔刷添加些许高光效果。图层叠加样式设置为：叠加，下图是一些可以添加高光的细节点。http://img.jcwcn.com/attachment/portal/201505/22/0700566vkxc1wwwkduouwo.jpg http://img.jcwcn.com/attachment/portal/201505/22/070056y3ywynyz6u279k16.jpg第五步：连接霓虹灯文字为了让霓虹灯效更为逼真，在文字底层再新建一个图层，选用笔刷工具，颜色：黑色，大小：7像素，画直线，如图，这一细节的描绘，让字效整体看来更为自然。http://img.jcwcn.com/attachment/portal/201505/22/070056xfzcq28aw8q8cofc.jpg第六步：添加背景纹理最后一步，细化背景图层，可以在网上找一张划痕背景图，放置于背景图层之上，不透明度设置为30%，以便让原来灰蓝色的背景层显现出来。http://img.jcwcn.com/attachment/portal/201505/22/070056169kcv6htovkk6hp.jpg接着，添加一层线性渐变图层，渐变颜色设置参考下图，不透明度设置为40%，模式：叠加。http://img.jcwcn.com/attachment/portal/201505/22/070056ggghwewhw77rd3hd.jpg至此，完成，效果展示：http://img.jcwcn.com/attachment/portal/201505/22/070057r6ljdyg3nrdgp03m.jpg
页:
[1]