PS教程!手把手教你创建迷醉的多彩霓虹灯文字

甄大力

甄大力

2016-01-29 09:11

PS教程!手把手教你创建迷醉的多彩霓虹灯文字,周末最佳练手教程!今天@飞屋睿UIdesign同学带来的是曾经风靡一时的霓虹效果文字,教程界面全中文,素材已打包微盘,文末有源文件下载,包你即学即会! 前言 @飞屋睿UIdesign:刚开始学设计时,师傅对我 ...

编者按:周末最佳练手教程!今天@飞屋睿UIdesign 同学带来的是曾经风靡一时的霓虹效果文字,教程界面全中文,素材已打包微盘,文末有源文件下载,包你即学即会!

前言

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

@飞屋睿UIdesign :刚开始学设计时,师傅对我说,你要练就炉火纯青的地步,那就是看到任何广告图都能马上知道在PS里如何实现。这不是技术分析,慢慢它会变成设计师的一种本能,好像嗅觉一样。于是,我常常在逛街的时候留意各种海报,各种图形。的确,在设计这条路上,和软件相处融洽,自己的创意才能发挥得更完全。

好了,说完技术含量的表达,我依然坚持己见,那就是技术永远不可能排在第一位。灵感才是第一位的。今天,我们学习的这个教程就是《关于如何在PS中做出霓虹效果的文字》。也许有很多人以前看过这方面的教程了,但我要说的是,绝对不是每个效果的方法都是千篇一律的。的确,运用技术也需要灵感。在这条路上,我们还有很多路要走。

(提示:本教程末尾提供最终效果图的PSD文档下载)

一、制作背景

要制作霓虹效果的文字,首先我们要说说背景。背景必须得是暗黑型,为什么?在《PS教程!手把手教你绘制多彩飘逸的抽象光》里我已经谈到过原理了。大家有兴趣可以去看看。

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

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

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

改为正片叠底后之后,样式如下:

现在让我们将这个图层再复制(ctrl+J)出两个图层,其中一个混合模式改为“叠加”,置于图层最上方,另一个图层在原图层上方,混合模式不变。

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

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

二、打造霓虹效果文字

将做好的文字型标识拖入其中,置于图层上方,并放于正中,刚好让它立于刚刚三分效果背景图的分界处稍下的位置。这样会让它看起来更具有立体感。

将标识的图层复制一层,然后暂时关掉复制层。再为标识图层添加“渐变叠加”的混合样式。渐变的设置可以参考我给的配色,当然要和主色调搭配才行,角度为0的线性渐变。渐变叠加后再为该图层增加【滤镜模糊高斯模糊】,模糊大小为18px,这里的大小主要看你的标识大小,做到最终效果如下图所示即可。

这时可以打开刚刚隐藏的复制层,将复制层先栅格化,按住ctrl键去点选该图层,目的是为了调出该图层的选区。然后进入【选择修改收缩】,将选区收缩2个像素。然后将该图层关掉,保持选区的情况下新建一个图层,在选区内填充白色。

我们收缩选区的目的,是为了建立一个比原有文字更细的标识,这是在打造光感效果的时候我时常用到的方法,尤其是光感效果是比较细的条状图形时,顶部图层的收缩就会产生一种聚光效果。

接下来,我们将这个顶部图层也添加高斯模糊,模糊大小为2px。

然后,让我们为其增加图层样式,首先,我将这个图层的透明度降为90%,填充降低为0。接着,我要为它增加外发光的,外发光的设置面板参数如下:

12
展开更多 50%)
分享

猜你喜欢

PS教程!手把手教你创建迷醉的多彩霓虹灯文字

PS PS教程
PS教程!手把手教你创建迷醉的多彩霓虹灯文字

PS教你创建迷醉的多彩霓虹灯文字

电脑网络
PS教你创建迷醉的多彩霓虹灯文字

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

PS教程!手把手教你打造霓虹光线框文字效果

PS PS教程
PS教程!手把手教你打造霓虹光线框文字效果

PS制作霓虹灯文字效果教程

电脑网络
PS制作霓虹灯文字效果教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

PS教程!手把手教你绘制多彩飘逸的抽象光

PS PS教程
PS教程!手把手教你绘制多彩飘逸的抽象光

PS制作霓虹灯文字效果

电脑网络
PS制作霓虹灯文字效果

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

《全民英雄》8管体力怎么升级

《全民英雄》8管体力怎么升级

配色达人速成

配色达人速成
下拉加载更多内容 ↓