季枫红 发表于 2016-9-11 04:30:48

设计发光的霓虹灯字体效果

设计一张霓虹灯牌图片，这个字体效果可以用于海报，想学的动动手，一起练习一下。先看看效果：
http://pic.16xx8.com/allimg/160821/04321K0Q-0.jpg
作者：醉悠枫ROSW 出处：站酷

季枫红 发表于 2016-9-11 04:30:48

1、建一个1920*546像素的画布
2、导入背景素材，因为霓虹灯多数出现在晚上，所以我们要加上一层深蓝色
蒙版
，让场景变暗，增加一些冷色调：

http://pic.16xx8.com/allimg/160821/0355363621-0.jpg
www.16xx8.com

http://pic.16xx8.com/allimg/160821/03553B345-1.jpg

季枫红 发表于 2016-9-11 04:30:48

3、粗略建立之前构建好的场景：
http://pic.16xx8.com/allimg/160821/03553C2J-2.jpg

季枫红 发表于 2016-9-11 04:30:48

4、钢架处理：
（1）构建钢架结构：上边的钢架结构用直线工具画出来，下边的钢架是导入的素材。把两个放在合适的位置。
（2）做出钢架的立体效果：把直线工具画出来的钢架建一个组，设置图层样式，如下：
导入的钢架素材，同样设置图层样式，如下：
（3）钢架细节处理：做出纲架的投影、阴影
http://pic.16xx8.com/allimg/160821/03553C295-3.jpg

http://pic.16xx8.com/allimg/160821/0355361541-4.jpg

http://pic.16xx8.com/allimg/160821/0355362520-5.jpg

http://pic.16xx8.com/allimg/160821/03553641E-6.jpg

http://pic.16xx8.com/allimg/160821/03553BF4-7.jpg

http://pic.16xx8.com/allimg/160821/03553A339-8.jpg

http://pic.16xx8.com/allimg/160821/03553C1U-9.jpg

http://pic.16xx8.com/allimg/160821/0355361C2-10.jpg

http://pic.16xx8.com/allimg/160821/0355364D5-11.jpg

http://pic.16xx8.com/allimg/160821/0355362217-12.jpg

季枫红 发表于 2016-9-11 04:30:48

5.极致服务霓虹字制作：
（1）网格立体背景制作：
①用矩形工具拉出一个深蓝色矩形，用钢笔工具设置成如下形状;
http://pic.16xx8.com/allimg/160821/0355363011-13.jpg

http://pic.16xx8.com/allimg/160821/03553BQ2-14.jpg

季枫红 发表于 2016-9-11 04:30:48

②对背景进行图层样式设置，做出立体感，设置过程如下：
http://pic.16xx8.com/allimg/160821/03553BW9-15.jpg

http://pic.16xx8.com/allimg/160821/0355361924-16.jpg

http://pic.16xx8.com/allimg/160821/03553C107-17.jpg

季枫红 发表于 2016-9-11 04:30:48

③网格制作：新建一个50*50像素的画布；在画布上画一个灰色描边的矩形，如下；把矩形翻转45°，隐藏背景图层；编辑-定义图案：
http://pic.16xx8.com/allimg/160821/0355361B2-18.jpg

http://pic.16xx8.com/allimg/160821/03553BZ9-19.jpg

季枫红 发表于 2016-9-11 04:30:48

④在背景上方建一个比背景大的黑色矩形，创建剪切蒙版，填充之前设置好的网格图案，双击设置图层样式，如下：
http://pic.16xx8.com/allimg/160821/0355362H5-20.jpg

http://pic.16xx8.com/allimg/160821/0355363323-21.jpg

季枫红 发表于 2016-9-11 04:30:48

⑤为了营造一种立体感，在网格上面新建一个图层，用黑色柔光画笔画一层阴影，营造凹凸立体感。因为咱们的“极致服务”四个字要做蓝色效果，所以咱们要用蓝色柔光毛笔画一层浅蓝色柔光图层，创建剪切蒙版，透明度降低如下：
http://pic.16xx8.com/allimg/160821/03553A3c-22.jpg

http://pic.16xx8.com/allimg/160821/03553B005-23.jpg

季枫红 发表于 2016-9-11 04:30:48

（2）灯牌的一圈灯光制作：先制作一个小灯泡：画一个白色的大小合适的小圆，设置图层样式如下。把小灯泡复制，调整合适的间距，做成一圈。OK!小灯泡就完成了。
http://pic.16xx8.com/allimg/160821/0355361151-24.jpg

http://pic.16xx8.com/allimg/160821/03553632Z-25.jpg

http://pic.16xx8.com/allimg/160821/0355362158-26.jpg

http://pic.16xx8.com/allimg/160821/0355363351-27.jpg

季枫红 发表于 2016-9-11 04:30:48

（3）“极致服务”文字制作：
①第一层-深蓝色文字：用文字工具写“极致服务”四个字，思源粗字体，字号105，填充深蓝色：
http://pic.16xx8.com/allimg/160821/0355362460-28.jpg

季枫红 发表于 2016-9-11 04:30:48

②第二层-灯管：同样按住ctrl键，单击中文字图层，形成选框，新建图层，在新建图层上做浅蓝色3像素描边，图层命名为灯管。如下：
http://pic.16xx8.com/allimg/160821/03553643N-29.jpg

季枫红 发表于 2016-9-11 04:30:48

选中该图层，形成选区；把选区收缩1像素，再选择羽化一个像素，填充成白色，这一层图层作为灯管，如图：
http://pic.16xx8.com/allimg/160821/03553635X-30.jpg

季枫红 发表于 2016-9-11 04:30:48

相信大家注意到了，有的霓虹灯没有封闭，有开始和结尾的地方，有空隙，接下来，我们要做空隙处理了：用橡皮擦擦一下就行了，如图：
http://pic.16xx8.com/allimg/160821/03553C135-31.jpg

季枫红 发表于 2016-9-11 04:30:48

灯管的空隙处也可以做一些小灯泡，小灯泡制作过程和之前一样，做完之后，把小灯泡移动到空隙的衔接处，如图：
http://pic.16xx8.com/allimg/160821/0355364644-32.jpg
页: [1] 2
查看完整版本: 设计发光的霓虹灯字体效果