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

2017/03/20 23060

编者按:简单但效果超棒的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

总结:

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

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

3947576c9e210000012e7ebec4cd.jpg

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

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

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

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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/photoshop-3d-fluorescent-fonts

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里