当前位置:首页>ps入门教程>ps文字教程>普通字效>教程内容

ps发光字!教大家用ps做荧光霓虹灯字效果。

来源:优设网 作者:飞屋睿UIdesign 学习:57089人次
作者也是利用图层样式来制作霓虹字,只是制作的时候更注重细节,不仅增加了烟雾背景,同时还加入了倒影,这样画面更逼真。

最终效果

ps发光字!教大家用ps做荧光霓虹灯字效果。

1、新建一个1920px*1080的文件,这个尺寸正是mac的尺寸。我们做网页的滚动播放的广告图时,这个大小最为适合。不过具体的尺寸,仍然是看你的项目实际的需求。

填充一个黑色背景图层,然后再新建一个图层。将前景色设置为黑色,背景色设置为白色,进入【滤镜>渲染>云彩】,对该图层添加云彩。如果一次云彩效果不够,你还可以使用快捷键组合“ctrl+f”重复操作几次。

ps发光字!教大家用ps做荧光霓虹灯字效果。

2、在云彩图层上方再新建一个图层,使用渐变工具,设置一个蓝色(#15aec4)到黑色(#000000)的径向渐变(这里的蓝色也即是我在本例中所使用的主色调,你可以参考,也可使用自己的配色)。渐变层做好后,将渐变层的图层混合模式调整为“正片叠底”。

ps发光字!教大家用ps做荧光霓虹灯字效果。

3、改为正片叠底后之后,样式如下。

ps发光字!教大家用ps做荧光霓虹灯字效果。
4、现在让我们将这个图层再复制(ctrl+J)出两个图层,其中一个混合模式改为“叠加”,置于图层最上方,另一个图层在原图层上方,混合模式不变。

然后,用自由变换工具,将顶部的图层缩短为原来大小的三分之二,另一个图层缩短为原来的三分之一。这是为了营造环境的立体感,因此,非但我们的主要对象的背景需要色彩效果,还要有倒影的感觉。那么,从字面上理解仍然不很清楚的同学,可以看下图。

到了这一步,背景就算是制作完成了。可以将上面做的图层放到新建组“背景”当中,再在背景之上继续做剩下的步骤。

ps发光字!教大家用ps做荧光霓虹灯字效果。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
刘一芊2018-02-21 12:56
网友求助请回答
网友4935620652017-06-01 04:07
求字体
糖听波ken2017-05-27 06:11
严重学习,但这图片有种端着自己脑袋的感觉,慎!
孝感鸭王2017-05-27 05:37
非常想学习
吴法不二凡2017-05-27 04:54
谢楼主分享!!!!!!
阳光下的小妞2017-05-27 12:02
来学习一下~
你永远的港湾92017-05-27 09:44
学习了
白兔地上蹦2017-05-27 06:49
谢老师分享!!!!!!
灵幻之艾薇2017-05-27 03:22
挖。真的吗。老师大爱
王旋2016-11-01 05:06
第六部,将标识的图层--- 是哪个图层啊?看不懂
王旋2016-11-01 05:11
第六部,将标识的图层--- 是哪个图层啊?看不懂
zjuzjuqaf2014-12-30 05:18
简单的一个事情被你说的这么复杂也是一种能力
zjuzjuqaf2014-12-30 05:12
简单的一个事情被你说的这么复杂也是一种能力

关注大神微博加入>>

网友求助,请回答!