如何制作动画gif(gif动画的制作方法)

本文主要介绍如何制作动画GIF(GIF动画的制作)，下面跟着东辰网详细了解一下吧。

为了避免写僵尸教程，有些地方还是需要自己思考，延伸到更多的制作。如果只是不加思考的参考教程做出来的东西，除了临时练习，真的意义不大。

类似于加载的动画

St——画了一个圆圈。

新建一个默认为500px2的画布(下面所有值都可以自定义，不需要完全)，用椭圆工具画一个正圆形(填充无，描边30，颜色值#f2f2)，然后调出时间轴，创建时间轴动画。

St——环形梯度

给戒指上色，然后这就是诀窍。首先分析颜色从无到有，再从有到无的变化。这种效果可以用图层样式的渐变来实现(其实用图层样式实现的动画太多了，太好用)。在时间轴开始帧位置打开样式动画的关键帧开关，调出图层样式，勾选渐变，样式为角度，打开渐变编辑器，选择一种颜色，如下图。

因为是从无到有的过程，所以【无】(即白)的透明度设置为0，【有】(即绿)的透明度设置为100%。

然后拖动【无】的透明度和颜色与【有】重叠，如下图。

温馨提示:当渐变的两个值(刻)完全重叠时，实际上就区分了左右(上)位置，这个位置很重要。点按标记以切换标记的位置。如果可以不要切换，它不t完全重叠。这时候可以拉伸渐变编辑器，让数值尽可能完全重叠。当然，这在0的起始位置重叠，它不拉不拉意义不大~

返回时间轴，将时间轴拖动到指定位置(2)，并将所有值拖动到最右边的位置，如下所示。

St——增加了圆形旋转动画。

一个动画基本完成，然后在头部和尾部加上圆圈。尾部的圆圈(起始位)是固定的，而头部的圆圈随着颜色的变化而移动。因此，我们需要旋转圆(只有当它转换为智能对象时，我们才能进行)，并建立一个新的旋转图形的中心点。我们在玩PS时间线的第三篇文章中讨论过，所以我赢了这里就不多说了。我们还需要注意的是，旋转不能超过180，这一点在第二篇文章中也有提到，所以我们需要给旋转的圆圈添加至少4个关键帧，持续时间和旋转位置要与圆环的颜色相对应。

St——复制反向

还有一个从无到有的过程，分组复制刚从无到有的动画，翻到时间轴把组拖回某个位置(在前一个组的末尾向前移动一点，使其在不被察觉的情况下做圆周)，然后交换复制组的环形层的关键帧(开始帧和结)，最后把时间轴拖到关键帧。位置调出图层样式，渐变勾反。当然，你不知道。;t不喜欢这种复制反转的方法，你再想做个颜色渐变也没人拦你~

以上四个步骤完成了一个从无到有，从无到有的加载动画。你可以设置更多的样式，比如设置圆环的填充为0，给圆环添加内阴影，转换为智能对象，添加样式。

盛开的烟花

St——画长条形。

新建一个画布，大小为500900px(视fireworks大小)，用钢笔工具画一条长度为182px的线(想画多长就画多长，以免影响最终效)(填充无，描边4，末端圆角，任意颜色值，但我喜欢用)，用ctrlj再复制一条(保持同样)，然后调出时间轴，创建时间轴动画。

St——条子动漫

通过学习如何在[播放PS时间线3]移动剪辑蒙版，让首先设置它的两个条，如下所示。

下面的图层填充设置为0，图层样式的混合选项设置为。

回到时间轴，设置长度为30f(等于)，选择两个图层，转换成智能对象。双击智能对象知道画布大小与绘制的条纹相同(4182)，我们将调整画布的长度，如下图所示。

这是为了有更多的空间让烟花绽放。此时，我们正在制作这个智能物体的动画。首先在下面图层的矢量蒙版位置打开关键帧开关，拖动时间轴在起始帧(1)添加关键帧，然后将时间轴移动到结尾(29f，时间轴只能定位在总帧数中1的位置，做完动作后直接将关键帧拉到30)。

如图所示移动该层的条纹(设置条纹底部与画布顶部相切的大致位)

在上述层的矢量蒙版位置打开关键帧开关，并将起始帧(1)处的条纹拖到如下所示的位置:

在画布底部露出条纹的几个像素，这样在做变形动作的时候可以作为参考，然后在15f处添加一个关键帧，将条纹移动到下图(画布正上)。

烟花终于有了淡出效果。打开该层的不透明关键帧开关，在20f添加关键帧，在29f添加关键帧并移动到30f将透明度设置为0，条纹动画完成。

St——变换复制

学习上一篇文章【论ps变换复制原理】我们都知道快捷键ctrlshiftaltT变换复制是经常用到的，尤其是在制作旋转图形的时候，但是智能对象是不能用快捷键直接复制的。你需要先用形状层或者像素层做变换和复制轨迹，这样系统才能记录这个轨迹，然后选择智能对象层，再用快捷键复制。

回到最初的画布，此时我们已经制作了一个1S条。亚动物。将时间轴拖到1f。这时，我们可以看到一点点的条子。

放大就能看到。

做一个变换复制轨迹，画一个圆，ctrlT下移参考点并旋转15，然后使用CAST进行变换复制，返回智能对象层，将这个暴露的长条水平和垂直居中，做变换复制轨迹(可以尝试将这个长条放在画布的其他部分，会有不同的效果，源文件显示出)。

使用快捷键CAST执行变换并复制轨迹(360/15=)，然后将它们分组。最后，将之前的fir——制造的烟花更多(PSD只有一个烟花，所以这一步留给大)。

将完成的fir——画一个驾驶舱，并作出逆时针旋转动画后，将其转换为智能对象。用快捷键旋转复制的驾驶舱，增加分辨率。为每个智能对象添加图层样式，并用不同的颜色填充。

画一根杆子。——画了一个长条，用快捷键将它旋转360度进行复制。它与所有驾驶舱组合在一起，并转换为智能对象，并顺时针旋转它。

剩下的细节就留给爽友们在PSD里探索吧，就当作业。

为了避免写僵尸教程，有些地方还是需要自己思考，延伸到更多的制作。如果只是不加思考的参考教程做出来的东西，除了临时练习，真的意义不大。

类似于加载的动画

St——画了一个圆圈。

新建一个默认为500px2的画布(下面所有值都可以自定义，不需要完全)，用椭圆工具画一个正圆形(填充无，描边30，颜色值#f2f2)，然后调出时间轴，创建时间轴动画。

St——环形梯度

给戒指上色，然后这就是诀窍。首先分析颜色从无到有，再从有到无的变化。这种效果可以用图层样式的渐变来实现(其实用图层样式实现的动画太多了，太好用)。在时间轴的开始帧打开样式动画的关键帧开关，调出图层样式并勾上渐变，样式为角度，打开渐变编辑器并如下图所示选择一种颜色。

因为是从无到有的过程，所以【无】(即白)的透明度设置为0，【有】(即绿)的透明度设置为100%。

然后拖动【无】的透明度和颜色与【有】重叠，如下图。

温馨提示:当渐变的两个值(刻)完全重叠时，实际上就区分了左右(上)位置，这个位置很重要。点按标记以切换标记的位置。如果可以不要切换，它不t完全重叠。这时候可以拉伸渐变编辑器，让数值尽可能完全重叠。当然，这在0的起始位置重叠，它不拉不拉意义不大~

返回时间轴，将时间轴拖动到指定位置(2)，并将所有值拖动到最右边的位置，如下所示。

St——增加了圆形旋转动画。

一个动画基本完成，然后在头部和尾部加上圆圈。尾部的圆圈(起始位)是固定的，而头部的圆圈随着颜色的变化而移动。因此，我们需要旋转圆(只有当它转换为智能对象时，我们才能进行)，并建立一个新的旋转图形的中心点。我们在玩PS时间线的第三篇文章中讨论过，所以我赢了这里就不多说了。我们还需要注意的是，旋转不能超过180，这一点在第二篇文章中也有提到，所以我们需要给旋转的圆圈添加至少4个关键帧，持续时间和旋转位置要与圆环的颜色相对应。

St——复制反向

还有一个从无到有的过程，从无到有分组复制动画，转到时间轴把组拖回某个位置(在前一个组的末尾向前移动一点，使其在不被察觉的情况下做圆周)，然后交换复制组的环形层的关键帧(起始帧和结)，最后把时间线拖到关键帧的位置调出图层样式，反渐变钩。当然，你不知道。;t不喜欢这种复制反转的方法，你再想做个颜色渐变也没人拦你~

以上四个步骤完成了一个从无到有，从无到有的加载动画。你可以设置更多的样式，比如设置圆环的填充为0，给圆环添加内阴影，转换为智能对象，添加样式。

盛开的烟花

St——画长条形。

新建一个画布，大小为500900px(视fireworks大小)，用钢笔工具画一条长度为182px的线(想画多长就画多长，以免影响最终效)(填充无，描边4，末端圆角，任意颜色值，但我喜欢用)，用ctrlj再复制一条(保持同样)，然后调出时间轴，创建时间轴动画。

St——条子动漫

通过学习如何在[播放PS时间线3]移动剪辑蒙版，让首先设置它的两个条，如下所示。

下面的图层填充设置为0，图层样式的混合选项设置为。

回到时间轴，设置长度为。设置为30f(等于)，选择两个图层，转换成智能对象。双击智能对象知道画布大小与绘制的条纹相同(4182)，我们需要调整画布的长度，如下图所示。

这是为了有更多的空间让烟花绽放。此时，我们正在制作这个智能物体的动画。首先在下面图层的矢量蒙版位置打开关键帧开关，拖动时间轴在起始帧(1)添加关键帧，然后将时间轴移动到结尾(29f，时间轴只能定位在总帧数中1的位置，做完动作后直接将关键帧拉到30)。

如图所示移动该层的条纹(设置条纹底部与画布顶部相切的大致位)

在上述层的矢量蒙版位置打开关键帧开关，并将起始帧(1)处的条纹拖到如下所示的位置:

在画布底部露出条纹的几个像素，这样在做变换动作的时候可以作为参考，然后在15f处添加一个关键帧，将条纹移动到下图(画布正上)。

烟花终于有了淡出效果。打开该层的不透明关键帧开关，在20f、29f添加关键帧并移动到30f，将透明度设置为0，条纹动画完成。

St——变换复制

学习上一篇文章【论ps变换复制原理】我们都知道快捷键ctrlshiftaltT变换复制是经常用到的，尤其是在制作旋转图形的时候，但是智能对象是不能用快捷键直接复制的。你需要先用形状层或者像素层做变换和复制轨迹，这样系统才能记录这个轨迹，然后选择智能对象层，再用快捷键复制。

回到原来的画布，此时我们已经做了一个1S的条纹动画。将时间轴拖到1f。这时，我们可以看到一点点的条子。

放大就能看到。

做一个变换复制轨迹，画一个圆，ctrlT下移参考点并旋转15，然后使用CAST进行变换复制，返回智能对象层，将这个暴露的长条水平和垂直居中，做变换复制轨迹(可以尝试将这个长条放在画布的其他部分，会有不同的效果，源文件显示出)。

使用快捷键CAST执行变换并复制轨迹(360/15=)，然后将它们分组。最后，将之前的fir——制造的烟花更多(PSD只有一个烟花，所以这一步留给大)。

将此fir——画一个驾驶舱，并作出逆时针旋转动画后，将其转换为智能对象。用快捷键旋转复制的驾驶舱，增加分辨率。为每个智能对象添加图层样式，并用不同的颜色填充。

画一根杆子。——画了一个长条，用快捷键将它旋转360度进行复制。它与所有驾驶舱组合在一起，并转换为智能对象，并顺时针旋转它。

剩下的细节就留给爽友们在PSD里探索吧，就当作业。

了解更多如何制作动画GIF(GIF动画的制作方)相关内容请关注东辰网。