当前栏目:动画天地
如何用PS制作闪烁的霓虹灯文字
来源:eNet硅谷动力
作者:Sweetwitch
浏览:
加入时间:2008-5-8 16:17:52

这个实例结合Photoshop和Imageready制作了一个霓虹灯文字闪烁的漂亮效果,主要用到高斯模糊滤镜,先看下效果吧:


图:最终效果

  制作步骤:

  1、新建一个宽500像素,高350像素的文件,将背景填充为黑色。


图:将背景填充为黑色

  2、选择文字工具,打上自己喜欢的文字,设置一个喜欢的字体和合适的大小,颜色不限。


图:颜色不限


图:字体设置

 3、按住Ctrl键在图层面板单击文字图层载入其选区,新建一个图层,执行编辑/描边,颜色为红色。

Photoshop制作闪烁的霓虹灯文字(2)
图:编辑/描边

Photoshop制作闪烁的霓虹灯文字(2)
图:描边

  4、删除文字图层,Ctrl+J复制图层1得到图层1副本。

Photoshop制作闪烁的霓虹灯文字(2)
图:Ctrl+J复制图层1得到图层1副本

  5、选择图层1副本,执行滤镜/模糊/高斯模糊1个像素左右。

Photoshop制作闪烁的霓虹灯文字(2)
图:滤镜/模糊/高斯模糊

6、选择图层1,执行滤镜/模糊/高斯模糊5个像素左右。

Photoshop制作闪烁的霓虹灯文字(3)
图:滤镜/模糊/高斯模糊

  7、此时霓虹灯效果就出来了。

Photoshop制作闪烁的霓虹灯文字(3)
图:高斯模糊

  8、选择矩形路径工具,圆角半径设为10个像素左右,画出一个圆角矩形框。

Photoshop制作闪烁的霓虹灯文字(3)
图:画出一个圆角矩形框

  9、Ctrl+Enter转路径为选区,新建一个图层,红色描边如下。

Photoshop制作闪烁的霓虹灯文字(3)
图:红色描边

 10、Ctrl+J复制图层2得到副本,对图层2副本高斯模糊1个像素。

Photoshop制作闪烁的霓虹灯文字(4)
图:对图层2副本高斯模糊1个像素

  11、对图层2高斯模糊5个像素。

Photoshop制作闪烁的霓虹灯文字(4)
图:对图层2高斯模糊5个像素

  12、选择移动工具,按住Shift键在图层面板选中所有图层,点水平居中和垂直居中按钮将它们对齐。

Photoshop制作闪烁的霓虹灯文字(4)
图:点水平居中和垂直居中按钮将它们对齐

  13、将除背景层外所有图层合并为图层1。

Photoshop制作闪烁的霓虹灯文字(4)
图:将除背景层外所有图层合并为图层1

14、Ctrl+J复制图层1得到副本,Ctrl+U调整图层1副本的色相,数值为100左右,使文字变成绿色。

Photoshop制作闪烁的霓虹灯文字(5)
图:使文字变成绿色

  15、按工具栏最下面箭头状的按钮导入Imageready做动态效果。

Photoshop制作闪烁的霓虹灯文字(5)
图:按工具栏最下面箭头状的按钮导入Imageready做动态效果

  16、将图层分别命名为图层1和图层2,在动画窗口中选择第一帧,隐藏绿色的图层2,显示红色文字。

Photoshop制作闪烁的霓虹灯文字(5)
图:显示红色文字

  17、点红圈内复制按钮复制出第2帧,将图层透明度调整到50%,造成文字光线变弱的效果。

Photoshop制作闪烁的霓虹灯文字(5)
图:造成文字光线变弱的效果

本文关键字:PS  文字  成都平面设计培训    
地址:成都市人民南路二段盐道街职工大学5楼 联系电话:028-86670061 (0)13228225322 业务QQ:100641818 159151815
网站ICP备案:蜀ICP备07505055号 查看我们的位置