发光字,用PS制作大气的3D荧光灯字体

本篇教程通过PS制作简单但效果超棒的3D荧光灯字体,教程篇幅不长,同学们们可以通过简单几步就能做出一个质感丰富的3D荧光灯字体,还有动效教程,高端大气,这次做的是一个暗色背景,同学们一起来制作一下看看吧。

发光字,用PS打造炫酷的荧光特效文字

本篇教程通过PS打造炫酷得意星光特效文字,整篇教程很简单,适合初学者,可以在短时间内通过PS做出来,整个效果用到最多的是图层样式,如果同学们之前有用图层样式制作过的话,相对来说就会简单很多,没有接触的过同学们可以慢慢了解,由简至难,一起来学习一下吧。

本篇教程通过PS制作简单但效果超棒的3D荧光灯字体,教程篇幅不长,同学们们可以通过简单几步就能做出一个质感丰富的3D荧光灯字体,还有动效教程,高端大气,这次做的是一个暗色背景,同学们一起来制作一下看看吧。

效果图如下:

发光字,用PS制作大气的3D荧光灯字体插图

△ 未开灯时

发光字,用PS制作大气的3D荧光灯字体插图(1)

△ 开灯后

 发光字,用PS制作大气的3D荧光灯字体插图(2)

△ 动图

工具:photoshop CC 2015 (版本没所谓的~只要不是太低都可以)

难度:(灰常简单,但是很出效果~)

操作步骤:

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

发光字,用PS制作大气的3D荧光灯字体插图(3)

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

发光字,用PS制作大气的3D荧光灯字体插图(4)

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

发光字,用PS制作大气的3D荧光灯字体插图(5)

发光字,用PS制作大气的3D荧光灯字体插图(6)

发光字,用PS制作大气的3D荧光灯字体插图(7)

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

发光字,用PS制作大气的3D荧光灯字体插图(8) 发光字,用PS制作大气的3D荧光灯字体插图(9)

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

发光字,用PS制作大气的3D荧光灯字体插图(10) 发光字,用PS制作大气的3D荧光灯字体插图(11)

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

发光字,用PS制作大气的3D荧光灯字体插图(12)

发光字,用PS制作大气的3D荧光灯字体插图(13)

发光字,用PS制作大气的3D荧光灯字体插图(14)

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

发光字,用PS制作大气的3D荧光灯字体插图(15)

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

发光字,用PS制作大气的3D荧光灯字体插图(16)

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

发光字,用PS制作大气的3D荧光灯字体插图(17)

发光字,用PS制作大气的3D荧光灯字体插图(18)

细节如下:

发光字,用PS制作大气的3D荧光灯字体插图(19)

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

发光字,用PS制作大气的3D荧光灯字体插图(20)

发光字,用PS制作大气的3D荧光灯字体插图(21)

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

发光字,用PS制作大气的3D荧光灯字体插图(22)

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

发光字,用PS制作大气的3D荧光灯字体插图(23)

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

发光字,用PS制作大气的3D荧光灯字体插图(24)

13. 接下来就是要做动效,打开时间轴面板。一张一个效果,如图:

发光字,用PS制作大气的3D荧光灯字体插图(25)

完成:

 发光字,用PS制作大气的3D荧光灯字体插图(2)

是不是很简单呢,在有些细节上留心点就可以,同学们赶快来试一下吧,说不定自己制作的比教程中展示的还要好,只有通过练习技术才会有所进步。

本篇教程通过PS制作简单但效果超棒的3D荧光灯字体,教程篇幅不长,同学们们可以通过简单几步就能做出一个质感丰富的3D荧光灯字体,还有动效教程,高端大气,这次做的是一个暗色背景,同学们一起来制作一下看看吧。

效果图如下:

发光字,用PS制作大气的3D荧光灯字体插图

△ 未开灯时

发光字,用PS制作大气的3D荧光灯字体插图(1)

△ 开灯后

 发光字,用PS制作大气的3D荧光灯字体插图(2)

△ 动图

工具:photoshop CC 2015 (版本没所谓的~只要不是太低都可以)

难度:(灰常简单,但是很出效果~)

操作步骤:

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

发光字,用PS制作大气的3D荧光灯字体插图(3)

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

发光字,用PS制作大气的3D荧光灯字体插图(4)

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

发光字,用PS制作大气的3D荧光灯字体插图(5)

发光字,用PS制作大气的3D荧光灯字体插图(6)

发光字,用PS制作大气的3D荧光灯字体插图(7)

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

发光字,用PS制作大气的3D荧光灯字体插图(8) 发光字,用PS制作大气的3D荧光灯字体插图(9)

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

发光字,用PS制作大气的3D荧光灯字体插图(10) 发光字,用PS制作大气的3D荧光灯字体插图(11)

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

发光字,用PS制作大气的3D荧光灯字体插图(12)

发光字,用PS制作大气的3D荧光灯字体插图(13)

发光字,用PS制作大气的3D荧光灯字体插图(14)

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

发光字,用PS制作大气的3D荧光灯字体插图(15)

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

发光字,用PS制作大气的3D荧光灯字体插图(16)

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

发光字,用PS制作大气的3D荧光灯字体插图(17)

发光字,用PS制作大气的3D荧光灯字体插图(18)

细节如下:

发光字,用PS制作大气的3D荧光灯字体插图(19)

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

发光字,用PS制作大气的3D荧光灯字体插图(20)

发光字,用PS制作大气的3D荧光灯字体插图(21)

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

发光字,用PS制作大气的3D荧光灯字体插图(22)

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

发光字,用PS制作大气的3D荧光灯字体插图(23)

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

发光字,用PS制作大气的3D荧光灯字体插图(24)

13. 接下来就是要做动效,打开时间轴面板。一张一个效果,如图:

发光字,用PS制作大气的3D荧光灯字体插图(25)

完成:

 发光字,用PS制作大气的3D荧光灯字体插图(2)

是不是很简单呢,在有些细节上留心点就可以,同学们赶快来试一下吧,说不定自己制作的比教程中展示的还要好,只有通过练习技术才会有所进步。

作者: 791650988

为您推荐