如果您喜欢『PS学习网』,请推荐给您身边的朋友!本站永久域名:www.ps-xxw.cn
当前位置 : PS学习网 > 文字效果 > 正文

用PS制作艺术唯美霓虹光效文字图片

来源:网络作者:网络时间:2015-1-18 13:46:20点击:

  本教程主要使用Photoshop制作唯美的霓虹光效艺术字教程,这个教程在几年前有人翻译过,但是当初没有给素材,而且界面全部都是英文版,今天飞屋睿UIdesign老师使用中文版有重新制作了一遍,喜欢的朋友可以跟着教程一起来学习吧。

 

 

 

  自己动手操作过类似霓虹效果广告图制作和打造冷酷的金属质感符号这类教程的同学也许会深深明白,如果用暗夜星空氛围打造光感效果的确是非常炫目的。特别是在制作海报或广告时,氛围的营造有时就得靠这种暗夜里光感来震撼到观众。

 

  今天我会教大家一个教程,可以说是这个教程是前面我提到的两个教程的融合。另外,在此教程中,我们会用到此前教程使用的方法,还会介绍一些新技巧运用。还是那样一句老话,最终效果不是目的,最重要是制作过程中,大家能乐在其中就好。

用PS制作艺术唯美霓虹光效文字图片

 

  在此,我是用西文来作为案例使用的,中文也可以采用此种效果,只是由于中文的笔画方向往四个方向散开,制作的时候需要颇费些心思才可以把握住文字的协调性。

 

  一、打开PS,新建一个1920px*1200px的文档,新建一个图层,填充图层为黑色 #1f1e1e。为这个图层增加渐变叠加的图层样式,在图层样式的面板中,设置渐变色从深灰色#707070到白色#ffffff的径向渐变,渐变的混合模式为“正片叠底”,透明度降低为60%。在径向渐变的中心为白色,这让背景呈现中间亮四周暗的效果。

用PS制作艺术唯美霓虹光效文字图片

 

  二、渐变叠加后,大家可以仔细看到,径向渐变会出现一圈圈的类似“年轮”的纹路。解决这个纹路的方法有很多,在此我用杂色滤镜来处理。进入【滤镜>杂色>添加杂色】,在滤镜设置面板中,杂色数量为2%,高斯分布,并选中单色。很多刚开始学PS的同学总是对面板中一些奇怪的参数感到好奇,其实大家未必一定要一开始就掌握所有的参数的意义。经过多次对参数应用,就能慢慢理解它的意思。

用PS制作艺术唯美霓虹光效文字图片

 

  三、好了,让我们开始写字了。我选用了西文字体Kunstler Script Regular,字体选用上要注意,一定要体现“艺术感”,也就是说如果是普通的教正规的字体,效果运用可能就不会这么理想。这也根据不同的字体,我们要选用不同的效果,甚至从文字表达的意思上也要统一风格。我在此先写一个"Design"。

用PS制作艺术唯美霓虹光效文字图片

 

四、再写剩下的"by"和"Ray",每个词不必都一样大小,根据字形的特点对词进行简单排版,字与字之间最好能连在一起。

用PS制作艺术唯美霓虹光效文字图片

 

  五、这时,我们还可以选择一些矢量图案来装饰。我在这里提供了矢量花纹的下载,大家也可以利用手边的素材,根据字形特点装饰。这里我只简单做了一点修饰,增加一些卷曲的线条。

用PS制作艺术唯美霓虹光效文字图片

 

  六、应用图层样式的效果,文字的外形做好了,让我们将文字和装饰一起合并为一个图层,取名为“text”,快捷键为选中文字和装饰后点击ctrl+alt+E。将原有的图层关掉。把这个新的合并图层变为智能对象。点击图层右键后,选中“转为只能对象”的选项。

用PS制作艺术唯美霓虹光效文字图片

 

  七、转为智能对象后,这个图层就能在原有像素范围内自由伸缩,而且在使用部分滤镜时,还能将滤镜作为智能滤镜,方便对效果的控制和编辑。

 

  这时,我们要对“text”图层应用渐变叠加的图层样式,渐变的色彩我选择的是橙色-粉红-蓝绿色的线性渐变,角度为90度。在颜色的选择上,你可以任意选择,但要注意的是尽量使用亮度和纯度都较高的色彩,这样才能体现出这种“闪亮”的效果。面板样式和渐变效果如下图所示。

用PS制作艺术唯美霓虹光效文字图片

 

  八、应用渐变叠加后,让我们为图层增加一个投影。虽然,在暗色的背景上应用投影看起来不那么明显,但是我们要知道的就是,不管一个小小的效果是否能第一眼就引起注意,正是这些细节部分才能构成最终效果,所以不可轻视。这个投影的模式为正片叠底的黑色投影,透明度为100%,距离为5,大小为20,方向为120度。详细的参数参考如下图。

用PS制作艺术唯美霓虹光效文字图片

 

  九、然后,来到最重要的一个效果了,我认为这个效果的运用其实在所有同类效果中都是非常有效的。那就是为图层添加“斜面和浮雕”。凡是所有要朝拟物方向设计的组件,你都可以先考虑是否可以用上这个效果。对于面板参数,大家并没有必要第一次使用就完全记住,只要经过多次的不断尝试调试后,你自然会理解面板中每个参数的作用。大家可以先看看我的面板参数:

用PS制作艺术唯美霓虹光效文字图片

 

  十、就像字面意思一样,例如角度、高光、阴影、深度、大小这些就较好理解,对于参数数值也并不是恒定不变,它们会根据环境和你设计文件的大小而改变。因此,你可以试着将每个滑块都左右滑动下,一边滑动一边查看效果,直到找到最合适的那一点。

用PS制作艺术唯美霓虹光效文字图片

本站公告
  PS学习网是一个专业的学习交流Photoshop的网站,本站致力于向广大PS爱好者提供一个学习与交流的平台,想要学习提高自己的PS水平,马上从这里开始吧…
  Photoshop 8.0免费下载地址
  Photoshop CS2免费下载地址
  Photoshop CS3免费下载地址
  Photoshop基础入门视频教程
  Photoshop CS5软件视频教程