用photoshop制作动感流光字
本教程介绍如何用photoshop的图层样式和动画面板制作一个流光字,先看效果图。
![](http://www.spps.cc/data/attachment/forum/201109/19/130758pdjzjruwpfuhjfsj.jpg)
新建文档500x100像素文档,背景填充灰色,输入白色文字。
![](http://www.spps.cc/data/attachment/forum/201109/19/130802uugjfvnudfm22p69.jpg)
添加图层样式。
![](http://www.spps.cc/data/attachment/forum/201109/19/130802aarzak4ialapah8f.jpg)
![](http://www.spps.cc/data/attachment/forum/201109/19/130802tyeiayekbkakbk7e.jpg)
![](http://www.spps.cc/data/attachment/forum/201109/19/130803ofcf8lucc1vl3kyx.jpg)
![](http://www.spps.cc/data/attachment/forum/201109/19/130805msp0zs5l56t1palh.jpg)
会得到类似下图的效果。
![](http://www.spps.cc/data/attachment/forum/201109/19/130808csu33chvczczunzn.jpg)
复制文字层,右击图层>清除图层样式,之后添加描边样式。
![](http://www.spps.cc/data/attachment/forum/201109/19/130808dwqqod8440wxdsow.jpg)
并把图层挪到原文字层底部,右击图层>转为智能对象,效果如下。
![](http://www.spps.cc/data/attachment/forum/201109/19/130808gl66g11s22zg7hnk.jpg)
再复制原文字层,右击图层>清除图层样式,填充归零,之后添加浮雕样式。
![](http://www.spps.cc/data/attachment/forum/201109/19/130809ddn9yquuunuawnd6.jpg)
挪到图层顶部,效果如下(隐藏其它层)
![](http://www.spps.cc/data/attachment/forum/201109/19/130809vajj1vlny8n37y17.jpg)
再复制原文字层,图层名字改为光,右击图层>清除图层样式,填充归零,挪到图层顶部,添加渐变叠加样式。
![](http://www.spps.cc/data/attachment/forum/201109/19/130812n0vlaafz8b5vgibi.jpg)
隐藏其它层,效果如下。
![](http://www.spps.cc/data/attachment/forum/201109/19/130847g1nzrmbrn1ulffni.jpg)
复制光层,修改样式,改变色块的位置。
![](http://www.spps.cc/data/attachment/forum/201109/19/130850k8z78j54ps38x8ik.jpg)
再复制一层,设置如下,就是每次色块的位置都增加20%。
![](http://www.spps.cc/data/attachment/forum/201109/19/130853ilwa8822xd7nwa2l.jpg)
重复这个步骤,一共得到6个光层。
![](http://www.spps.cc/data/attachment/forum/201109/19/1308552vqdy0w5zi6tm6ww.jpg)
下面制作动画,窗口>动画调出动画面板。隐藏所有光层,第一帧时间设为2秒,循环次数改为永远。
![](http://www.spps.cc/data/attachment/forum/201109/19/1308556bmiu7m04zfin4if.jpg)
点击红框内的按钮新建一帧,时长设为0.05秒,同时图层面板显示光层。
![](http://www.spps.cc/data/attachment/forum/201109/19/130900zwre8g3qfus8vfsf.jpg)
再新建一帧,图层面板显示光副本层但隐藏光层。
![](http://www.spps.cc/data/attachment/forum/201109/19/1309027pidrxriwx7z7wwc.jpg)
重复这个步骤,最后文件存储为web格式,输出GIF格式即可,效果如下。
![](http://www.spps.cc/data/attachment/forum/201109/19/1309040sq2qo0zqszyy4im.jpg)