“KLing”通过精心收集，向本站投稿了9篇PS制作光点移动的霓虹灯文字GIF动画效果，下面是小编帮大家整理后的PS制作光点移动的霓虹灯文字GIF动画效果，希望对大家带来帮助，欢迎大家分享。
- 目录
篇1：PS制作光点移动的霓虹灯文字GIF动画效果
最终效果图
FEVTE编注：更多PS文字效果教程及PS制作的文字效果作品交流请到论坛PS文字效果交流区，地址：bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=86
Step 1
打开Photoshop，新建一个画布，按“Shift+F5”填充黑色。然后选择“图层>图层样式>渐变叠加”，设置渐变样式为径向，
渐变颜色为中心#38556f到周边黑色。设置完成后，回车确定。
Step 2
从subtlepatterns.com下载名为“Broken Noise”的素材。
然后在主画布新建一个图层，按“Shift+F5”，选择用刚才下载的图案填充，图层混合模式选择柔光。
Step 3
现在我们需要用到的字体：major_snafu.zip。 然后按“T”选择文字工具，输入“A”。
Step 4
下面利用图层样式设置为字体制作一些发光效果。
选择“图层>图层样式>斜面和浮雕”，设置结构深度为105%、大小32像素、软化5像素；阴影角度128°、高光模式为颜色减淡、
高光模式不透明度50%、暗调模式为颜色减淡、暗调模式不透明度63%。
选择“图层>图层样式>内阴影”，设置混合模式为颜色减淡、不透明度44%、角度180°、距离4像素、大小16像素，其余默认。
选择“图层>图层样式>内发光”，设置混合模式为颜色减淡、不透明度60%、颜色为白色、源为居中、大小38像素，其余默认。
选择“图层>图层样式>颜色叠加”，设置混合模式为颜色减淡、不透明度20%，其余默认。
选择“图层>图层样式>外发光”，设置混合模式为颜色减淡、不透明度72%、颜色为白色、大小106像素，其余默认。
选择“图层>图层样式>阴影”，设置不透明度41%、距离42像素、大小35像素，其余默认。
Step 5
按“Ctrl+J”复制文字图层，然后将图层样式取消掉。
选择“图层>图层样式>内阴影”，设置混合模式为颜色减淡、不透明度43%、角度180°、距离14像素、大小13像素，其余默认，
选择“图层>图层样式>内发光”，设置混合模式为颜色减淡、不透明度34%、颜色为白色、角度180°、源为居中、大小65像素，
其余默认。
Step 6
将图层样式设置完成后，一个霓虹灯效果的文字特效已经完成。这种文字特效已经非常常见了，这篇PS翻译教程介绍的是带有
动画效果的霓虹灯文字特效。
霓虹灯文字特效如下图所示。
Step 7
在图层面板的顶端新建两个图层，分别命名为“right” 和“left”。将“right” 和“left”两个图层放在一个组里面，并且将这个组的
混合模式改为颜色减淡。然后按“B”选择笔刷工具，设置白色软笔刷，分别在“right” 和“left”图层绘制出下图所示的光点。
Step 8
选择“窗口>时间轴”，在时间轴对话框中将“right” 图层和“left”图层放到0帧位置。然后点击“Position”增加关键帧。
Step 9
移动时间轴到1:00，然后按照创作的需要移动这些图层。
Step 10
下图所示光点的另外一个位置。
Step 11
这时再移动时间轴和创建关键帧。
Step 12
继续完成光点的运动轨迹，效果如下图所示。
时间轴
下图所示是整个图案的时间轴，需要注意的是每个关键帧的位置。
总结
到这里，这篇PS翻译教程已经结束了。需要注意Photoshop CS3以上才有时间轴工具，童鞋们下载PS版本的时候要看清楚啦。
最终效果图
FEVTE编注：更多PS文字效果教程及PS制作的文字效果作品交流请到论坛PS文字效果交流区，地址：bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=86
篇2：PS制作滚动效果GIF文字动画
在本教程将介绍两款文字GIF动态效果的制作，彩虹横刷渲染字和滚动变色字，这类动画效果都是属于比较简单易做的效果，喜欢的同学赶快来学习一下吧！
彩虹横刷渲染字效果图：
变色滚字效果图：
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
下面是具体的制作介绍：
首先是第一款的教程
1、新建
2、打字，将文字层复制一层，将复制的那层栅格化
3、执行滤镜-模糊-动感模糊，注意角度
4、新建一个图层。然后使用渐变工具
设置是这样的，渐变要选择红框里的那个，透明度根据个人喜好
然后横着在画布上画一笔，这一笔要比字长，效果如图。
5、右击图层1创建剪贴蒙版
得到如下效果
6、选择红框里的这个图层
用移动工具将字后面这条东西向左边拉，拉到最左边。效果：
7、窗口――动画，
点击红框里的按钮-复制一帧
再用移动工具将这条东西向右拉，拉到最右边
移动后：
8、点击红框里的按钮-过渡
设置如下：
9、最后，点文件-存储为Web所用格式
最终效果！
第一个完成了
现在是附赠的第二款，变色的
1、新建神马的，就不嗦了。从打字开始。打上字
2、把字移到最旁边
3、窗口――动画。复制一帧
4、按着键盘Shift键，再用移动工具把字移到另外一边
5、图层样式――颜色叠加。选择要变到的颜色
6、点击过渡按钮，设置如下。
7、文件-存储为Web所用格式
最终效果！
第二个也完成了！~~
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
篇3：ps制作gif动画文字流光效果
上图中的流光文字效果可以用在网站LOGO制作上，也可以用在个人签名图中，效果杠杠的，
ps制作gif动画文字流光效果
，
本教程对学习Photoshop动画的制作有很大启发性，建议ps gif动画初学者学习。
图片教程如下：
篇4：PS打造光点滚动扫描文字GIF动画效果
本次教上学习PS的的朋友们用PhotoShop打造光点滚动扫描文字GIF动画效果，做这种效果的动画还是属于比较简单的，制作方法介绍的也比较详细，喜欢GIF动画的同学可以学习一下！
效果图：
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
具体的制作方法介绍如下：
1、新建图层，打上你喜欢的字，
2、创建新图层
3、用“画笔”工具在此画一笔（前景颜色便是画笔的颜色）
4、点击“窗口”---“动画”导出动画栏
5、复制一帧
6、用“移动”工具把颜色移到右边
7、点击“过渡”
8、“过渡”20帧
9、在“颜色”图层处击右建“创建剪贴蒙版”
10、创建新图层
11、前景颜色设另一种颜色，再用画笔在此画一笔
12、点击最后一帧
V
13、复制一帧
14、用“移动”工具把颜色移动到另一边
15、点击“过渡”
16、过渡20帧
17、击右建“创建剪帖蒙版”
18、新建图层
19、前景颜色设另一种颜色，再用画笔在此画一笔
20、点击最后一帧
21、复制一帧
22、用“移动”工具把颜色移动到另一边
23、点击“过渡”
24、“过渡”20帧
25、击右建“创建剪帖蒙版”
26、点击第一帧
27、按住shift键再点击最后一帧
28、设置你喜欢的速度（时间快慢）
29、保存
大功告成！！
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
篇5：PS制作渐隐文字GIF动画
FEVTE编注：更多PS文字效果教程学习和PS制作的文字效果作品交流请进入论坛PS鼠绘交流区：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
具体的制作步骤如下：
1.打开素材，
2.打上自己喜欢的字。。我这里使用的是文鼎霹雳体。白色的字哦。。我这里为了方便调整我打了两节字，打完了为了方便调整就合层。
3.把背景层解锁，然后把背景层向上挪一层，
然后右键有个创建剪贴蒙版。如图。
4.下面开始动画。打开动画，在第一帧把图片挪到最上面直到看不到为止（最好按住Shift键）。如图。复制一帧，
第二帧把图片挪到最下面直到看不见为止（也最好按住Shift键），好了，然后过渡25帧，然后Ctrl+Shift+Alt+S保存吧。。
完成效果！
FEVTE编注：更多PS文字效果教程学习和PS制作的文字效果作品交流请进入论坛PS鼠绘交流区：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
篇6：PS制作炫光霓虹灯文字
这篇教程教的朋友们用PS制作炫光霓虹灯文字，教程难度不大，制作的文字效果挺漂亮的，教程对朋友有所帮助的请给本教程一个好评吧！亲！
先来看看最终的效果图吧：
FEVTE编注：更多PS文字效果教程及PS制作的文字效果作品交流请到论坛PS文字效果交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=67
具体的制作步骤如下：
画圆圈的时候不要急躁，细节方能凸显图片的特色，
PS制作炫光霓虹灯文字
，
FEVTE编注：更多PS文字效果教程及PS制作的文字效果作品交流请到论坛PS文字效果交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=67
篇7：制作霓虹灯效果文字
最终效果图
FEVTE编注：更多PS文字效果教程及PS制作的文字效果作品交流请到论坛PS文字效果交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=67
制作工具：Photoshop CS制作过程：
1、打开一幅背景图，效果如图01所示，
图01
2、设置前景色的RGB分别为0、54、255，选择工具箱中的“横排文字工具”，设置好字体、大小，在窗口中输入文字，效果如图02所示。
图02
3、在文字层上单击右键，选择栅格化图层将文字栅格化。
4、按Ctrl T键为文字添加自由变形框，按住Ctrl键进行拖动，改变文字的形状，效果如图03所示。
图03 5、复制文字图层重命名为图层1。选择图层1，执行菜单栏中的“滤镜”“模糊”“动感模糊”命令，然后在动感模糊对话框中设置角度为-75，距离为45，如图04所示，图像效果如图05所示。
图04
图05
6、将图层1拖动到图层面板下方的创建新图层按钮上进行复制，将其重命名为图层2。按Ctrl E键合并图层1和图层2为图层2。
7、选择工具箱中的“移动工具”，将图层2中的图像移动到文字图层对象的上方，效果如图06所示。
图06
8、将文字层拖动到图层面板下方的创建新图层按钮上进行复制，将其重命名为图层3，并移动到所有图层的上方。
9、选择图层3，执行菜单栏中的“编辑”“描边”命令，设置宽度为4像素，颜色的RGB分别为181、248、252，居外，如图07所示，图像效果如图08所示，
图07
图08 10、选择工具箱中的“魔棒工具”，单击图层3中的蓝色区域，然后按Delete键删除，取消选区，并将其移动到图像的上方，效果如图09所示。
图09
11、将图层3拖动到图层面板下方的创建新图层按钮上进行复制，将其重命名为图层4，然后在图层4中设置图层混合模式为“叠加”，选择工具箱中的“移动工具”将其移动到奥文字的下方，图像效果如图10所示。
图10
12、将图层4拖动到图层面板下方的创建新图层按钮上进行复制，将其重命名为图层5，设置该层的混合模式为“强光”，不透明度为30%，移动图层5中的对象到文字和阴影中间，效果如图11所示。
图11
13、按住Ctrl键单击图层3，载入图层3的选区，效果如图12所示。
图12 14、执行菜单栏中的“选择”“修改”“收缩”命令，在对话框中将收缩量设置为1，如图13所示，效果如图14所示。
图13
图14
15、新建一个图层命名为图层6，设置混合模式为“变亮”，不透明度为50%，并将该层移动到最上方。
16、保持选区，设置前景色为白色，填充选区，取消选区效果如图15所示。
图15
17、选择图层6，单击图层面板下方的“添加图层蒙版”按钮，选择工具箱中的“渐变工具”，由文字的左上方向右下方拖动，效果如图16所示。
图16
FEVTE编注：更多PS文字效果教程及PS制作的文字效果作品交流请到论坛PS文字效果交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=67
篇8：PS简单制作铅笔写字效果GIF动画
这篇教程向的朋友们介绍PS简单制作铅笔写字效果GIF动画的方法和具体的制作步骤，其实此教程如果熟悉蒙版工具的同学，用蒙版来做，我想会轻松好多！为了照顾跟我一样菜的菜鸟们，此教程就用比较简单的傻瓜式方法吧！！感兴趣的朋友也可以学习一下，
国际惯例，先上效果图！
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
下面我们开始制作：1、ctrl+N新建图层打上你喜欢的字 下面以“人”字为例。2、在文字图层处击右键“删格化文字”3、ctrl+J复制3层
4、点击“窗口”―――“动画”调出动画栏。5、来到图层处把副本以上的“眼睛”关闭。
6、来到“图层”处点击红色框框新建一个图层7、选择“自定形状工具”8、选择一支笔9、拉出一支笔（前景颜色便是笔的颜色）10、ctrl+T调整“笔”的角度11、点击文字图层
12、用橡皮擦擦去所有文字13、复制一帧14、去掉文字图层的“眼睛”点亮副本图层的“眼睛”15、点击“图层1”16、把“画笔”拉到你想写的第一个字的第一笔最后一个动作17、点击“副本”图层18、擦掉未写到的部分19、复制一帧20、去掉“副本”的眼睛，点亮“副本2”的眼睛21、点击“图层1”
22、把“画笔”移到第二画的开始处23、点击“副本2”24、擦掉未写到的地方25、复制一帧26、去掉“副本2”的眼睛，点亮“副本3”的眼睛27、点击画笔28、把“画笔”移到你所写的字第二画的最后一个动作29、保存动画之前有同学问到，有拐弯的字怎么做？其实拐弯的字，可以在拐弯处多做一帧，让笔在拐弯的地方停留一下就可以了！FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
篇9：PS怎么做GIF动画效果
PS怎么做GIF动画效果
PS的功能是很强大的，我们怎么样用PS做出GIF动态效果?你又是怎么样做的?PSGIF动画效果制作方法，请看下面：
画圆环【1】
Step 1 —— 画圆环
新建一个500px(以下出现的所有数值可以自定义不用完全照搬)的默认画布，并用椭圆工具(填充无，描边30，色值#f2f2f2)画一个正圆环，然后调出时间轴并且创建时间轴动画。
Step 2 —— 圆环渐变
给圆环上色，技巧也就在这里。首先我们分析颜色的变化是从无到有，再从有到无。利用图层样式的渐变，可以实现这个效果(事实上利用图层样式实现的动画实在是太多了并且太好用了)。在时间轴的第一帧位置打开样式动画的关键帧开关，调出图层样式勾上渐变，样式为角度，打开渐变编辑器并选取一个颜色如下图，
因为是从无到有的过程，因此【无】(即白色)的透明度设置0，【有】(即绿色)的透明度设置100%，
然后把【无】的透明度和颜色拖到跟【有】重叠如下图：
温馨提示：当渐变的两个数值(标)完全重叠时，事实上还区分左右(上下)的位置，并且这个位置很重要。单击标可以切换标的位置，如果无法切换则没有完全重叠，此时你可以拉伸渐变编辑器尽可能让数值完全重叠，当然这个是在0的起始位置重叠，拉不拉伸没有太大意义~
回到时间轴，拖动时间线到指定位置(20f)，把所有数值的标拖到最右边的位置如下图：
Step3 —— 添加圆形旋转动画
一个动画基本完成，再给头部跟尾部添加圆形，尾部(起始位置)的圆固定不动，而头部的圆跟随颜色的变化一起运动。
所以我们需要给这个圆做旋转(转换为智能对象方可做变换动作)，确立旋转图形新的中心点在玩转PS时间轴第三篇有讲过，这里就不多说了，我们还需要注意的是旋转的时候不能超过180°，这个也在第二篇文章有讲过，因此我们需要给这个旋转的圆圈至少添加4个关键帧，并且时长与旋转的位置要跟圆环的颜色对应。
Step4 —— 复制+反向
还有一个从有到无的过程，把刚才从无到有的动画编组并且复制，转到时间轴把这个组向后拖动到一定位置(在前面组的结尾往前一点点，使其神不知鬼不觉地循环运动)，然后在复制组的圆环图层的关键帧(起始帧与结束帧)互相对调，最后将时间线拖到关键帧的'位置调出图层样式，渐变勾上反向。当然你不喜欢这种复制+反向的方法而要重新做颜色的渐变也没人拦你~
以上4步已经完成了一个Loading 从无到有，从有到无的动画，你可以设置更多样式，比如设置圆环的填充为0，给圆环添加内阴影，转换为智能对象再添加样式等等。
绽放的烟花【2】
Step 1 —— 画长条
新建一个500×900px(取决于烟花绽放尺寸)的画布，用钢笔工具(填充无，描边4，端点圆角，色值任意但我喜欢用黄)画一根长182px(你要长短都行，不要影响到最后效果便可)的线条，ctrl+j复制多一根(保持一样的位置)，然后调出时间轴并且创建时间轴动画。
Step 2 —— 条子动画
通过学习中的剪贴蒙版+移动，我们先将其两根条子按下图设置：
下面的图层填充设置为0，图层样式的混合选项设置为
回到时间轴，将长度设置为30f(等于1s)，选择两个图层转换为一个智能对象，双击智能对象可以得知画布大小与画的条子是一样的(4×182px)，而我们要将画布的长度调整如下图：
(这是为了烟花的绽放有更大的伸展空间)。此时我们在这个智能对象制作动画，先打开下面图层矢量蒙版位置的关键帧开关，拖动时间线先在起始帧(1f)添加关键帧，再移动时间线到最后(29f，时间线定位到最后只能在总帧数-1的位置，做好动作后直接把关键帧拉到30f即可)
移动这个图层的条子如图所示(设置条子底部与画布顶部相切大概的位置)
打开上面图层的矢量蒙版位置的关键帧开关，在起始帧(1f)的条子拖动到如下图的位置：
将条子在画布底部露出几个像素，这样在制作变换动作的时候起到参考的作用，然后在15f处添加关键帧并且把条子移动到如下图(刚好顶置画布)
烟花最后还有一个淡出的效果，打开这个图层的不透明的关键帧开关，在20f处添加关键帧，在29f处添加关键帧并且移动到30f处设置透明度为0，条子动画制作完毕。
Step 3 —— 变换复制
学习前面一篇文章《聊聊大家最熟悉的变换复制操作的原理》，我们都知道快捷键ctrl+shift+alt+T变换复制，尤其在制作旋转图形的时候经常使用，而智能对象无法直接使用快捷键复制，需要先用形状图层或者像素图层使用先制作变换复制轨，让系统记录这个轨迹，然后再选择智能对象图层后方可使用快捷键复制。
回到原画布，此时我们已经制作了一个1S的条子动画。把时间线拖到1f的位置，这个时候我们可以看到露出一点的条子，
放大可以看到：
制作变换复制轨迹，画一个圆，ctrl+T把参考点向下移动并旋转15°，然后使用CAST执行变换复制，回到智能对象图层，把这个露出一点的条子水平垂直居中制作的变换复制轨迹(你可以试试把这个条子放到画布其他地方，会产生不一样的效果，源文件有展示)，
使用快捷键CAST执行变换复制轨迹(360°/15°=24个)后并编组。最后把前面做好的烟花绽放图层组拖后(20f)，聪明的你肯定会制作向上发射的动作了，这里就不多说了，看源文件即可。一个烟花的绽放就制作完毕了。
Step4 —— 制作更多的烟花
(PSD只有一个烟花，这一步留给大家动手了)
把这个做好的烟花绽放动画的所有图层一起转换为智能对象，并将其拖到新的画布(新建更大的画布并创建视频时间轴，背景自己设计)，然后复制并适当缩小(只能缩小，放大则会失真，所以做的智能对象尺寸大小很重要)，再给各个智能对象添加图层样式填充不同的颜色，这样五颜六色的烟花就制作完毕了。
★ 动画课件制作
PS制作光点移动的霓虹灯文字GIF动画效果（集锦9篇）
