PS教程！手把手教你制作大气的3D荧光灯字体

编者按：简单但效果超棒的PS教程！今天的教程只要12步，就能做出一个质感丰富的3D 荧光灯字体，附上动效教程，秒变高端大气。

这次做的是一个暗色背景，用的是一个数字“2”来模拟荧光灯开灯的效果（原型是韩国的一个游戏网站），笔者简单做了一个排版和气氛烘托，效果图如下：

△ 未开灯时

△ 开灯后

△ 动图

工具：photoshop CC 2015 （版本没所谓的~只要不是太低都可以）

难度：★★☆☆☆（灰常简单，但是很出效果~）

1. 新建画布900 x 600px，分辨率72，用渐变工具拉一个渐变作为背景：

2. 用钢笔工具绘制出中间的数字2，并复制它，将之前绘制的2先隐藏起来，如下图：

3. 复制2，然后点击"3D-从所选路径新建3D模型"，在属性面板中，关闭捕捉阴影和投影，调整一下凸出深度（看自己喜好，大一点就深一点）如下图设置：

4. 把刚刚创建的3d模型栅格化，变成一张图片，应用图层样式，如下图

5. 打开之前绘制的2，并将它至于3d层的上方。并应用图层样式，设置如下：

6. 先找到一张纹理，然后在2的图层上，执行ctrl+鼠标左键运用蒙版功能，剪切出2的形状，将图层混合模式选为 叠加。如图：

7. 给2绘制阴影，可以用笔刷画，然后用变形工具调整。这里就不细讲，如图：

8. 用钢笔工具绘制电线，并添加阴影。

9. 依然是钢笔工具绘制未通电的灯管，将描边设置为5，填充设为0.这个里粗细可以按照自己喜好设置。添加阴影和内发光。如下图：

细节如下：

10. 用椭圆工具绘制连接灯管的洞，这里就不详细讲，很简单，这样基本效果就出来了~如图：

11. 分别复制未通电的灯管，复制两份。一个作为通电后的效果，一个作为叠加通电后最亮的那个效果，如图：

整体效果就是这样~目前基本完成效果图：

12. 为了不是画面单调，给图片简单的排个版~（今后再将怎么排版），顿时效果就出来了~装逼成功~如图：

13. 接下来就是要做动效，打开时间轴面板。一张一个效果，这里笔者就不细讲怎么做了~不懂的看之前的教程：《新手指南！手把手教你玩转PS时间轴之基础操作篇》。如图：

这样整体效果就出来了~~

为了方便大家学习，我把PSD上传到网盘吧~有需要的同学可以去下来看看~

链接：https://pan.baidu.com/s/1o7L8C2m

密码: qne3

总结：

同样的制作方法，用在不同的氛围下，呈现的是截然不同的效果，高手和普通选手的区别在于知道将一个效果用在最恰当的地方，那样才事半功倍呢。所以学会方法后，就要去想怎么才能将学到用在最对的地方，那样别人就会在意你的能力，而不是你的技术哦。

欢迎关注作者的微信公众号：折腾先生

「折腾先生」的好文合集：

1. 《PS教程！手把手教你绘制萌萌哒的小鸟卡通形象》
2. 《PS教程！手把手教你制作冲击力超强的美漫风格海报》
3. 《省时高效！7个资深设计师常用的PS实用技巧》

【优设网 原创文章 投稿邮箱：yuan@uisdc.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量190万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com