时间轴动图怎么制作(如何使用时间轴来制作动画)

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

上一篇文章，《时间轴，如何利用时间轴制作简单的动态图片》给大家讲了PS时间轴的基础，估计大家比我更清楚。接下来给大家分享一些制作简单GIF动画的技巧。对于上一篇文章已经提到的一些名字，本文就不描述了。如果你不我不懂，你可以先读一篇关于《玩转PS时间轴基础篇》的文章。以下动画可供下载，全部在PSD中。

PSD链接::qmfz

新年过后，我没钱了，不得不重新工作。让让我们言归正传。

一般来说，我们不。;不要为动画选择像素层，因为它的动作属性太少而不能纵，就像我们不设计UI时不要直接用像素画。如果我们需要制作的动画包括旋转或缩放，我们只能将图层转换为智能对象，文本图层是个例外(但不是绝)，因为它已经具有变换的动作属性，但我们可以通过改变颜色或移动位置直接用形状图层制作。

PS时间线不t和flash的轨迹一样，但是它的运动是有规律的，也就是遵循最近原则。比如我们做一个旋转动画，开始帧的角度是0，下一帧的角度旋转了360，但实际上还是0，所以不会有动画。另一方面，开始帧的角度为0，下一帧的角度旋转270，动画反转90。因此，如果有必要，我们需要在开始帧和结束帧之间添加更多的关键帧。颜色变化尤其如此。

复制和粘贴关键帧

大多数情况下，我们做的动画是循环的，所以开始帧(开始)和结束帧(最后一)是一样的，所以我们先复制开始帧，然后把时间轴拖到末尾再粘贴。操作:右键单击要复制的关键帧→拖动时间轴到所需位置→右键单击任意关键帧→粘贴(提示:时间轴拖动到的位置会生成一个新的关键帧，而不是替换当前你右键单击的关键帧，除非时间轴恰好在这个关键帧)。

带动画的图层副本

我们都知道图层的快速复制是直接按ctrlJ，但是这个操作不能将其动画复制到时间轴上，也就是不能复制时间轴上的动作属性(复制组可以将其动画复制到时间轴)。还有一个操作就是在当前图层上按住alt鼠标就可以复制时间轴上的动作属性，而且即使用鼠标复制图层后移动到任何位置，当你回到时间轴面板再次拖动时间轴时，它也会保持在原来的位置。事实上，这是一个良性的错误(提示:如果你不t再次拖动时间轴，可以直接导出动画，一帧的位置就是你拖动的位)。

制作一个类似咻的动画。

开始首先分析动画从小圆变大，逐渐消失。如果我们用减去圆的方法直接做一个圆，圆的宽度可以不要前后一致。因此，采用了图层样式的方法。操作:用形状工具画一个完整的圆(为什么够大？几年前，我大致讲过图层样式和智能对象。这里s一个补充:当前形状大小转换为智能对象后，其最大形状目前是固定的。如果它被转换成一个智能对象，然后放大，它会被扭曲，所以我d宁愿画大一点，转换成智能对象后缩小也不会失真，尤其是图)→转换成智能对象再缩小→将其图层填充为0→添加图层样式→描边。

接下来，转到时间线制作动画。圆形的缩放属于变换的动作属性，所以打开变换旁边的关键帧开关，然后拖动时间轴到指定位置，再次放大圆形。如果圆环还是慢慢消失，打开透明度旁边的关键帧开关，将起始帧透明度设置为100，结束帧透明度设置为0，一个圆环的动作就完成了。我们需要很多环来跟随节奏，于是根据上述动画的图层副本，alt鼠标移动(copy)生成同样的动作，然后调整每一层动画预览的位置错开时间跟随节奏，动画就完成了。

也可以在其他动画中使用。

制作模糊动画

如果ps能有flash那样的滤镜动画，那这是值得高兴的事情。可惜ps永远是PS，它的动画功能可以不能和专业的动画工具相提并论，而且我写的这篇文章也不是专业的动画，因为已经证明制作简单的gif动画很容易。但是简单实用，符合我写教程的三个基本原则，简单，实用，原创。好吧，它又是sX

创建一个新的文字层，并模糊它。ctrlJ复制一个层。这里估计大家已经知道怎么做了。让文本逐渐从模糊变为非模糊，将其中一个图层转换为智能对象，并添加高斯模糊滤镜(这就是为什么文本图层没有t绝对不需要转换智能对象，但必要时会转)。然后开始帧的透明度设置为100，结束帧设置为0，另一层的开始帧的透明度设置为0，结束帧设置为100。参数反向设置，即不模糊不模糊，制作完成。图片也是这样模糊的。

制作一个旋转时钟

我还是要吐槽一下，ps动画没有轨迹很可惜，这让很多动画都需要技巧。如果实在没办法，就用专业的工具进行行动建议。但是还是有很多动作可以做的，更多的动作和旋转有关，比如手脚的摆动，时钟的旋转等等。

值得注意的是，当我们ctrlT改变图形的中心点时，只在当前操作中起作用，下一次我们再次ctrlT时，仍然会返回中心点的位置。回到原来的中心位置。旋转与这个中心点有关。由于中心点被ctrlT改变后无法动画，所以需要使用技巧。因为中心点固定在图像垂直中心的中心位置，如果只是在当前图上旋转，肯定不是我们想要的动画，所以需要额外添加内容填充。

以时钟为例，沿时钟中心旋转指针:用形状工具画一个指针→将指针转换为智能对象→双击智能对象调整画布的高度/宽度200%(参数的设置取决于你要转换智能对象后中心点的)，然后按ctrlT，我们可以看到中心点仍然在中间，但是添加的额外内容被隐藏了。

下一步是旋转指针，转到时间轴面板，打开变换的关键帧开关。上面已经说过，运动规律遵循最近原理，所以每帧的旋转幅度不能超过180，否则不会顺时针旋转。

创造一个变化的月亮

用形状工具画一个正圆，添加图层样式，然后添加图层蒙版，拉黑白渐变。此时，时间轴的动作属性已经改变，启用了更多图层蒙版位置和图层蒙版。单击以取消图层与图层蒙版的链接。

(否则会一起)，返回时间轴，打开图层蒙版位置的关键帧开关，拖动时间轴到指定位置，返回图层面板，按住alt，点击图层蒙版。

进入预览，然后使用移动工具移动渐变位置。

再次按住alt点击图层蒙版返回屏幕，月亮的变化就完成了。接下来可以给矢量蒙版位置添加一个移动动作，打开关键帧开关移动蒙版位置→拖动时间轴到指定位置→拖动图层到指定位置，月亮的移动就完成了。最后可以添加图层样式的动作，整个动画就完成了。

以上是本章分享给大家的技巧，包括:文字动画、颜色渐变、咻咻动画、模糊动画、旋转时钟、变化月亮。里面需要的技巧可以用在更多的动画中，相信大家也能做出更炫的动画。

有问题请大家一起讨论。如果这篇文章对你有帮助，请给我点个赞。你的支持是我的动力！

上一篇文章，《时间轴，如何利用时间轴制作简单的动态图片》给大家讲了PS时间轴的基础，估计大家比我更清楚。接下来给大家分享一些制作简单GIF动画的技巧。对于上一篇文章已经提到的一些名字，本文就不描述了。如果你不我不懂，你可以先读一篇关于《玩转PS时间轴基础篇》的文章。以下动画可供下载，全部在PSD中。

PSD链接::qmfz

一年过去了，钱花完了，又花了我得工作了。让让我们言归正传。

一般来说，我们不。;不要为动画选择像素层，因为它的动作属性太少而不能纵，就像我们不设计UI时不要直接用像素画。如果我们需要制作的动画包括旋转或缩放，我们只能将图层转换为智能对象，文本图层是个例外(但不是绝)，因为它已经具有变换的动作属性，但我们可以通过改变颜色或移动位置直接用形状图层制作。

PS时间线不t和flash的轨迹一样，但是它的运动是有规律的，也就是遵循最近原则。比如我们做一个旋转动画，开始帧的角度是0，下一帧的角度旋转了360，但实际上还是0，所以不会有动画。另一方面，开始帧的角度为0，下一帧的角度旋转270，动画反转90。因此，如果有必要，我们需要在开始帧和结束帧之间添加更多的关键帧。颜色变化尤其如此。

复制和粘贴关键帧

大多数情况下，我们做的动画是循环的，所以开始帧(开始)和结束帧(最后一)是一样的，所以我们先复制开始帧，然后把时间轴拖到末尾再粘贴。操作:右键单击要复制的关键帧→拖动时间轴到所需位置→右键单击任意关键帧→粘贴(提示:时间轴拖动到的位置会生成一个新的关键帧，而不是替换当前你右键单击的关键帧，除非时间轴恰好在这个关键帧)。

带动画的图层副本

我们都知道图层的快速复制是直接按ctrlJ，但是这个操作不能将其动画复制到时间轴上，也就是不能复制时间轴上的动作属性(复制组可以将其动画复制到时间轴)。还有一个操作就是在当前图层上按住alt鼠标就可以复制时间轴上的动作属性，而且即使用鼠标复制图层后移动到任何位置，当你回到时间轴面板再次拖动时间轴时，它也会保持在原来的位置。事实上，这是一个良性的错误(提示:如果你不t再次拖动时间轴，可以直接导出动画，一帧的位置就是你拖动的位)。

制作一个类似咻的动画。

首先分析动画是从小圈到大圈，慢慢消失的。如果我们从圆中减去它，直接做一个圆，圆的宽度可以t不一致，所以我们采用图层样式的方法。操作:用形状工具画一个足够大的圆(为什么足够大？几年前，我大致讲过图层样式和智能对象。这里一个补充:在当前的形状大小被转换为智能对象后，它的最大形状是固定的。如果把它转换成智能物体，然后放大，就会失真。所以我宁愿画大一点，转换成智能对象后缩小也不会失真，尤其是图)→转换成智能对象再缩小→用0填充其图层→添加图层样本。类型→笔画。

接下来，转到时间线制作动画。圆形的缩放属于变换的动作属性，所以打开变换旁边的关键帧开关，然后拖动时间轴到指定位置，再次放大圆形。如果圆环还是慢慢消失，打开透明度旁边的关键帧开关，将起始帧透明度设置为100，结束帧透明度设置为0，一个圆环的动作就完成了。我们需要很多环来跟随节奏，于是根据上述动画的图层副本，alt鼠标移动(copy)生成同样的动作，然后调整每一层动画预览的位置错开时间跟随节奏，动画就完成了。

也可以在其他动画中使用。

制作模糊动画

如果ps能有flash那样的滤镜动画，那这是值得高兴的事情。可惜ps永远是PS，它的动画功能可以不能和专业的动画工具相提并论，而且我写的这篇文章也不是专业的动画，因为已经证明制作简单的gif动画很容易。但是简单实用，符合我写教程的三个基本原则，简单，实用，原创。好吧，它又是sX

创建一个新的文字层，并模糊它。ctrlJ复制一个层。这里估计大家已经知道怎么做了。让文本逐渐从模糊变为非模糊，将其中一个图层转换为智能对象，并添加高斯模糊滤镜(这就是为什么文本图层没有t绝对不需要转换智能对象，但必要时会转)。然后开始帧的透明度设置为100，结束帧设置为0，另一层的开始帧的透明度设置为0，结束帧设置为100。参数反向设置，即不模糊不模糊，制作完成。图片也是这样模糊的。

制作一个旋转时钟

我还是要吐槽一下，ps动画没有轨迹很可惜，这让很多动画都需要技巧。如果实在没办法，就用专业的工具进行行动建议。但是还是有很多动作可以做的，更多的动作和旋转有关，比如手脚的摆动，时钟的旋转等等。

值得注意的是，当我们ctrlT改变图形的中心点时，只在当前操作中起作用，下次我们再次ctrlT时，中心点位置会回到原来的中心位置。旋转与这个中心点有关。由于中心点被ctrlT改变后无法动画，所以需要使用技巧。因为中心点固定在图像垂直中心的中心位置，如果只是在当前图上旋转，肯定不是我们想要的动画，所以需要额外添加内容填充。

以时钟为例，沿时钟中心旋转指针:用形状工具绘制指针→将指针转换为智能对象→双击智能对象调整画布的高度/宽度200%(参数的设置取决于你要转换智能对象后中心点的)，确认后再按ctrlT，我们可以看到中心点是静止的。它在中间位置，但是添加的额外内容是隐藏的。

下一步是旋转指针，转到时间轴面板，打开变换的关键帧开关。上面已经说过，运动规律遵循最近原理，所以每帧的旋转幅度不能超过180，否则不会顺时针旋转。

创造一个变化的月亮

用形状工具画一个正圆，添加图层样式，然后添加图层蒙版，拉黑白渐变。此时，时间轴的动作属性已经改变，启用了更多图层蒙版位置和图层蒙版。单击以取消图层与图层蒙版的链接。

(否则会一起)，返回时间轴，打开图层蒙版位置的关键帧开关，拖动时间轴到指定位置，返回图层面板，按住alt，点击图层蒙版。

进入预览，然后使用移动工具移动渐变位置。

再次按住alt点击图层蒙版返回屏幕，月亮的变化就完成了。接下来可以给矢量蒙版位置添加一个移动动作，打开关键帧开关移动蒙版位置→拖动时间轴到指定位置→拖动图层到指定位置，月亮的移动就完成了。最后可以添加图层样式的动作，整个动画就完成了。

以上是本章分享给大家的技巧，包括:文字动画、颜色渐变、咻咻动画、模糊动画、旋转时钟、变化月亮。里面需要的技巧可以用在更多的动画中，相信大家也能做出更炫的动画。

有问题请大家一起讨论。如果这篇文章对你有帮助，请给我点个赞。你的支持是我的动力！

了解更多如何制作时间轴动画(如何使用时间轴制作动)相关内容请关注东辰网。