psschool 发表于 2017-3-28 00:00:00

Photoshop制作大气的3D荧光灯艺术字设计教程

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

http://www.06ps.com/d/file/2017/0328/1490660901593.png

未开灯时

http://www.06ps.com/d/file/2017/0328/1490660903586.png

开灯后

http://www.06ps.com/d/file/2017/0328/1490660905765.gif

动图

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

http://www.06ps.com/d/file/2017/0328/1490660906570.png

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

http://www.06ps.com/d/file/2017/0328/1490660907173.png

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

http://www.06ps.com/d/file/2017/0328/1490660909129.png

http://www.06ps.com/d/file/2017/0328/1490660910896.png

http://www.06ps.com/d/file/2017/0328/1490660911783.png

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

http://www.06ps.com/d/file/2017/0328/1490660913366.png

http://www.06ps.com/d/file/2017/0328/1490660914723.png

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

http://www.06ps.com/d/file/2017/0328/1490660915350.png

http://www.06ps.com/d/file/2017/0328/1490660917355.png


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

http://www.06ps.com/d/file/2017/0328/1490660921708.png

http://www.06ps.com/d/file/2017/0328/1490660923136.png

http://www.06ps.com/d/file/2017/0328/1490660924328.png

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

http://www.06ps.com/d/file/2017/0328/1490660926206.png

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

http://www.06ps.com/d/file/2017/0328/1490660927343.png

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

http://www.06ps.com/d/file/2017/0328/1490660929298.png

http://www.06ps.com/d/file/2017/0328/1490660930210.png

细节如下：

http://www.06ps.com/d/file/2017/0328/1490660932444.png


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

http://www.06ps.com/d/file/2017/0328/1490660933711.png

http://www.06ps.com/d/file/2017/0328/1490660935914.png

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

http://www.06ps.com/d/file/2017/0328/1490660936541.png

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

http://www.06ps.com/d/file/2017/0328/1490660938134.png

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

http://www.06ps.com/d/file/2017/0328/1490660903586.png

13. 接下来就是要做动效，打开时间轴面板。一张一个效果，这里笔者就不细讲怎么做了。如图：

http://www.06ps.com/d/file/2017/0328/1490660942894.png

http://www.06ps.com/d/file/2017/0328/1490660905765.gif

这样整体效果就出来了。
页: [1]
查看完整版本: Photoshop制作大气的3D荧光灯艺术字设计教程