当前位置：首页 > 实用文档 > 其他范文> PS制作滚动效果GIF文字动画

PS制作滚动效果GIF文字动画

时间：2023-06-13 08:19:50 其他范文收藏本文下载本文

PS制作滚动效果GIF文字动画（锦集10篇）由网友“爱吃榴莲包”投稿提供，下面是小编为大家推荐的PS制作滚动效果GIF文字动画，欢迎阅读，希望大家能够喜欢。

PS制作滚动效果GIF文字动画

篇1：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

篇2：ps制作gif动画文字流光效果

上图中的流光文字效果可以用在网站LOGO制作上，也可以用在个人签名图中，效果杠杠的，

ps制作gif动画文字流光效果

，

本教程对学习Photoshop动画的制作有很大启发性，建议ps gif动画初学者学习。

图片教程如下：

篇3：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

篇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、点击最后一帧

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动画

这篇教程向的朋友们介绍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

篇6：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只有一个烟花，这一步留给大家动手了)

把这个做好的烟花绽放动画的所有图层一起转换为智能对象，并将其拖到新的画布(新建更大的画布并创建视频时间轴，背景自己设计)，然后复制并适当缩小(只能缩小，放大则会失真，所以做的智能对象尺寸大小很重要)，再给各个智能对象添加图层样式填充不同的颜色，这样五颜六色的烟花就制作完毕了。

篇7：PS制作路径文字动画效果

本篇PS教程中我们将利用PS来制作路径文字动画效果，比较简单，适合新手学习，有兴趣的朋友可以一试，

下面是完成的效果：

素材图片

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html

下面是具体的制作步骤：

步骤1.用钢笔工具描出路径

2.选择文字工具，把光标放到路径上之后打上自己喜欢的字

3.复制文字图层，每复制一层就在文字前面按空格，想要文字移动快一点就多按几次空格，然后新建一个组为文字组，把文字图层都拖进该组中。

4.新建一个图层为中间议院隐藏，用多边形工具画一个大于中间可见文字选区，前景色为黑色点图层下面的添加图层蒙板，

5.ctrl+点中间文字隐藏图层获得选区图片5.

6.ctrl+h (隐藏路径)-->选中文字组中从上到下文字移动到中间人物边缘时图层->（前景色为黑色）->点图层下面的添加图层蒙板图片6.

7.然后下面图层都这样做一次，注意不做操作图层暂时在关闭，以避免干扰操作，

8.新建一个组并命名为文字渐隐效果组，复制最下面的文字图层并拖到新建组中，好后关闭文字组图片7.

9.复制文字渐隐效果组文字图层，每复制一层就删除开头2个字，因为我们刚开始时是按2个空格的图片8，注意保留图层蒙板。

10.一直复制到全部文字消失为止图片9.

11.打开窗口--动画，注意第一帧对应文字组最上面一个图层（图片10）。注意帧除了对应相应图层外，其它图层都要关闭，下同。

12.点下面的小三角--复制所有帧为第二帧，注意第二帧对应文字图层（从上到下）的第二个图层（图片11）。13.以下用同样方法复制帧和对应图层，直到第27帧为止是文字组部分动画。

下面我们做文字渐隐效果组动画。14.继续复制所有帧为第28帧，第28帧对应文字图层为文字渐隐效果组最下面图层（图层12）；

15.以下动画29帧也是从下往上点，直到最后第38帧图片13.

16.设定动画运动周期和速率；把动画运动周期设为永远，把27帧为2秒，其它帧时间设为0.15秒。图片14.17.保存动画，文件--存储为web和设备所用格式（略）

最后完成效果

FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html

篇8：教你用PS制作文字滚动屏动画

本文由中国教程网 LZZX 原创，此信息！

文字滚动屏动画教程

效果：

1.新建文件,将背景填充为黑色,用文字工具(T)在画布上拉出一个文本框,输入文字(文字颜色无所谓)，

2.新建一图层,然后按下Ctrl Shift M,切换到PS,用渐变工具(G)弄出一个这样的渐变,灰色部分是文字颜色..

3.再按Ctrl Shift M切换回IR,按住Alt键在图层1和文字层的中间点击一下(这是创建剪贴蒙版的快捷方式)，

4.现在制作滚屏动画,把文字拖到画布最下方,完全不显示出来。

5.新建一个帧,把文字拖到最上面,也不让它显示出来。

6.选择第一帧,点击动画面板上的“过渡”按钮,插入70帧的过渡(帧数越少滚动速度越快),方法前 ...

7.最后让我们先看一下效果吧

篇9：PS制作一幅GIF动画画轴

当一卷画轴慢慢地在我们面前打开时，仿佛打开了尘封的记忆;当缓缓闭合时，又好像是如释重负，准备轻装上阵，就在这一开一合之间，俨然是如隔数载，恍如梦境。

那么，在PS上又是怎样制作这动画画轴的呢？下面我就抛砖引玉，用简洁法快速的制作GIF动画画轴，当然，在你掌握了这种方法之后，你就可以精细的，严谨的，一丝不苟的把每个步骤做好，做到位。

方法/步骤

首先，打开你的PS软件，点击：文件-新建。画布尺寸宽1000，高600，单位像素。然后选择矩形工具，拉出一个框来，这个框就是画轴的背景图。请注意，这个画布的尺寸和刚刚拉出的背景框的大小由你自定义，按你的需要而定。如图所示：

接下来点击：编辑-填充颜色，在弹出的对话框中，选择背景色，然后确定。背景色的选取按你自己的喜好而定。如图：

填充好颜色之后，现在就对背景做个美化。依次点击：滤镜-杂色-添加杂色，在弹出的对话框中，选择高斯分布-单色。然后确定。如图所示：

此时，画卷的背景已经制作好了，你可以在上面打字或植入图片，我们现在就以输入文字为例来说明吧。用矩形工具在你做好的背景图上拉出一个大小合适的框来，填充和背景不一样的颜色，和上面我们提到的方法一样美化一番后，再输入文字，如图所示：

然后，我们点击菜单栏里的“图层--合并可见图层”，此时就只有一个背景图层了。到这一步时，你可以对文字和背景之间加上一个边或者是框，使其更像是装裱而成的一幅画卷，这里我就不多说了。

下面你可以对画卷安装轴了，为了简单期间，你可以截取别的画卷上的轴，直接复制粘贴上就可以了，（粘贴画轴的顺序是先左边，后中间)此时的图层总共是三个：一个背景图层，两个画轴图层，

安装位置如图所示：

现在我们改变一下颜色，把前景色改成白色，（可以在拾色器中最上面的色框中修改），然后再新建一个图层，再次选择矩形工具，在画卷的右侧拉出一个框来，如下图：

接着点击：编辑---填充，在弹出的对话框中选择：前景色，然后确定。如图所示：

这时你可以取消选择，（按Ctrl+D取消选择）。接下来你按Ctrl+E向下合并图层。之后，我们再来做左边的图，首先要在图层里选择左边画轴的图层，如果不清楚是哪一个图层，就关闭图层前面的眼睛进行选择。选好图层后，再新建一个图层，然后又回到左边画轴的图层上，把画轴移动到中间位置上去，之后，又在你刚刚新建的图层上，选择矩形工具拉出一个矩形框来。如图所示：

和第七步一样，编辑---填充，在弹出的对话框中选择：前景色，然后确定。取消选择后，再按Ctrl+E向下合并图层。如图所示：

这时我们看到的画轴是关合的，接下来点击菜单栏里的：窗口，把“动画”勾选上。然后在下面再增加一帧。我们就在这个帧里可以打开我们的画轴，（这里值得注意的一点是，打开画轴的时候要选择画轴所在的图层后才能打开）如图所示：

这时我们要选择过度帧。如下图：

在弹出的对话框中选择20帧，确定之后，在动画设置框中，循环选项里选择“永远”，再点击播放动画按钮进行测试。如图：

测试好之后，你可以点击”文件“----存储为Web所用格式。

至此，画轴动画制作完成，你可以在接下来的练习中，把有些步骤做的更精细美观。

注意事项

图层的次序不能搞乱，层次要分明。

要经常练习，反复琢磨。