PS教程!教你打造酷炫的荧光灯字体效果 - 优设网 - UISDC

PS教程!教你打造酷炫的荧光灯字体效果

2015/10/12 42218评论区

photoshop-fluorescence-font-effect-1

大家经常问这个效果怎么做,@Veles 帅哥如及时雨一般把最近很火的荧光灯字体做成了教程(请戳大图),希望你们看完能学习到一点儿做字技巧,人生的意义在于分享,希望大家一起进步。

第一步

新建画板 宽度(W):1000像素 高度(H):800像素

分辨率(R):72像素/英寸 颜色模式:RGB颜色 8位 背景:白色

5tg20151012

第二步

1.快捷键(T) 输入文字

2.文字填充基础色 黄色 色值:fae475

3.底色填充黑色渐变

2tg20151012

第三步

1.新建2个空心矩形,分别命名 (外框)(内框)

2.不知道空心矩形如何设置?那一步一步说一下吧~

3.把上面的参数调成下面的就可以得到 边为6点 的空心矩形(外框)

同理制作一个小一些的 (内框)边为3点。

3tg20151012

第四步

1.基本图形已经弄出来了 下面准备开始弄效果,就是混合选项的设置。

先看看效果先如下:

4tg20151012

2.图层样式如下:

用到描边,颜色叠加,外发光

斜面和浮雕

5tg20151012

3.(外框)混合图层 具体参数如下:

6tg20151012

7tg20151012 8tg20151012

到这里 (外框)基本设置完毕啦~~继续下一步。

4.(内框)混合图层 具体参数如下:

9tg20151012

10tg2015101211tg20151012

噔噔噔噔~!是不是已经完成了,有以下的画面呢?

是的话成功一半啦,继续往下看。

12tg20151012

第五步

在背景下面 增加一个铁丝网,让荧光字在铁丝网上面,增加一些质感,效果如下图:

13tg20151012

14tg20151012

此时你的图层是不是这样的?好吧一定要有整理的习惯好好分类。哈哈~此时网格又不知道怎做嘛~

我继续说说 制作网格的原理~~好吧 其实就是傻瓜式的~

15tg20151012

01.新建一个长方形矩形,然后快捷键 (CTRL+J) 复制一层,这时你的图层会多了一个 矩形拷贝的图层,对不对?

16tg20151012

02.点击图层 矩形拷贝 (CTRL+T)一下,然后按着SHIT键 再按一下方向键向右 移动(移动多少距离你们随意,我移动了两下)

17tg20151012

然后按下回车键!!!!最后,历史时刻!按下shit+ctrl+alt+t ,按一下你发现多一层,最后形成上边的样子,对不对?

18tg20151012

03.最后通过上述方法 得到这个网 (看不懂的用笨方法自己排也行)最后 右键点击这个网的图层 – 混合选项,设置一些参数如上图。

19tg20151012

04.最后通过上述方法,你就会得到最后这个效果啦!已经有点儿效果的吧~然后下面开始 弄字体啦!

第六步

这时到做字体质感样式的时候啦~先看看下面的效果图。

20tg20151012

21tg20151012

VELESBOX 调节参数

22tg20151012 25tg20151012 24tg20151012 23tg20151012

2015 D&G 调节参数

26tg20151012 28tg20151012 27tg20151012

copyright 调节参数

29tg20151012 30tg20151012

第七步

基本大体已经完成,开始刻画细节,填充下字体一些闪光元素。

31tg20151012

闪光用圆形工具做出,然后添加投影+发光,参数如下

32tg20151012 33tg20151012

34tg20151012

在上面补多了一个框框,然后增加了一下边缘的细节,荧光灯通常是一节一节的,所以要增加一些间隔如上图。

间隔做法就是一个矩形,放在上面颜色如下:

35tg20151012

第八步

深入刻画细节,一些小夹子,电线之类的感觉,还有通常荧光灯应该不是闭合的,所以中间要断开下加点感觉:

36tg20151012

这里先把 (外框)(内框)变成智能图层然后添加蒙版,把中间一些用黑色擦一擦,去掉后 继续下一步

37tg20151012

38tg20151012 39tg20151012

再来看看图,最后三个细节,小铁架+电线+螺丝钉这里就分解来说,应该会比较容易懂:

40tg20151012

螺丝钉的做法如上图所展示,大概就两个图层,加上一些样式就可以达到效果啦~ 样式参数如下:

41tg20151012 42tg20151012

然后继续分解下小铁夹是如何组成的呢~基本就是3层,加上渐变叠加 弄出一些金属质感出来~

43tg20151012 44tg20151012

最后就是装饰电线的做法了~电线就是比较随意穿插的线条~具体怎么做呢?继续往下看~

45tg20151012 46tg20151012

电线的做法很多,看你想快,还是想要矢量的。

01.矢量的,直接用钢笔画,没什么技巧可言多运用就可以啦~

02.也是用钢笔画一个路径,画完之后,对着路径右键,有一个描边路径选择,会根据你的画笔。大小来沿着你的路径画出一条线。画完线记得把路径删除喔~

47tg20151012

画完了线,右键添加样式-鞋面和浮雕看看是不是马上有立体效果了,一些穿插效果,可以用蒙版遮罩一下~基本技巧就到这里了!

48tg20151012 50tg20151012 49tg20151012

最后在画好的电线下面 记得加一些投影,在一些地方可以适当加上一些光晕柔和下画面~让整体更加通透一些~

菜鸟写一下设计心得,写得不太好,希望对你们有点儿帮助,你们的支持是继续分享心得的力量,谢谢

更多学习交流可以微博 聊聊~谢谢大家啦~

【优设热门字体教程合集】

效果以假乱真的牛仔布缝字教程!
《PS进阶教程!手把手教你绘制牛仔布上缝字的效果》

初中时火遍QQ空间的字体效果有木有?
《PS新手教程!手把手教你创建星光闪烁的文字效果》

钢铁侠家里的字体效果教程!
《PS新手教程!手把手教你创建未来科技感的扫描字体效果》

投稿者:@Veles

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

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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-fluorescence-font-effect

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

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

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

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