Photoshop制作柔美的蓝色数码霓虹字教程

2016-03-18 02:41 0 1 收藏

下面图老师小编跟大家分享Photoshop制作柔美的蓝色数码霓虹字教程，一起来学习下过程究竟如何进行吧！喜欢就赶紧收藏起来哦~

【 tulaoshi.com - PS 】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

12下一页

来源:https://www.tulaoshi.com/n/20160318/1870359.html

上一篇： Photoshop在冰雪上制作漂亮的划痕连写字教程
下一篇： PS图层样式制作光滑的淡蓝色塑料文字教程

看过《Photoshop制作柔美的蓝色数码霓虹字教程》的人还看了以下文章更多>>

Photoshop制作冷艳的2018蓝色霓虹字

【PS文字特效】Photoshop制作冷艳的2012蓝色霓虹字教程的字体效果有很多类似的，不过这次介绍的最为详细。文字大致分为三个部分：第一部分是文字描边部分的制作，可以用图层样式来完成。第二部分是中间高光部分的制作，需要用到路径描边及图层样式来制作。最后一部分就是整体高光的渲染，这一步很重要，可以让文字更加艳丽。 &nbs...

photoshop制作霓虹字

【PS文字特效】photoshop制tulaoshi作霓虹字效果图：操作过程： 1. 使用File菜单的New命令建立一个RGB文件，背景为黑色，大小为12×6cm。 2. 打开Channels（通道）面板，单击面板底部的“Create New Channel”按钮，创建一个新通道Alpha 1。 3. 将前景色设置为白色，然后使用文本工具输入“霓虹字”三个字，...

Photoshop设计冷艳的蓝色霓虹字效果教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

来源：教程网作者：飘零的枫叶本教程的字体效果有很多类似的，不过这次介绍的最为详细。文字大致分为三个部分：第一部分是文字描边部分的制作，可以用图层样式来完成。第二部分是中间高光部分的制作，需要用到路径描边及图层样式来制作。最后一部分就是整体高光的渲染，这一步很重要，可以让文字更加艳丽。最终效果 1、新建（CTRL+N）一个1...

Photoshop制作蓝色光效的霓虹艺术字

标签： PS PS基础

今天飞屋睿UIdesign同学带来的是曾经风靡一时的霓虹效果文字，教程界面全中文，有什么不懂的地方可以下载教程的源文件，包你即学即会。喜欢的朋友一起来学习吧。教程源文件下载：唯美的霓虹艺术字教程PSD教程源文件前言飞屋睿UIdesign：刚开始学设计时，师傅对我说，你要练就炉火纯青的地步，那就是看到任何广告图都能马上知...

Photoshop制作塑料效果霓虹字教程

【PS文字特效】Photoshop制作塑料效果霓虹字教程 ps教程学习如何用photoshop图层样式制作塑料霓虹字，先看效果图。新建文档1024x768像素，背景黑色，新建图层填充黑色，添Tulaoshi.Com加图层样式。效果如下。新建图层，画一白色对号。选择修改收缩10像素。相关教程： PhotoShop制作透明质感...

查看更多精彩>>