利用时间轴做动画效果(动画制作时间轴)

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

通过前两篇文章，我们已经知道了制作动画的基本知识和技巧。下面是五个非常有用的知识点，和你一起更深入的探索PS时间轴。下载PSD自己分析动画技巧。

点击下载PSD:

1、巧妙利用智能物体

有了技巧，PSTimeline可以做出更相对复杂的动画，而这些动画的实现更多的是通过智能物体来实现。

可以n次变换为智能对象，变换越深，对象的继承级别越高，每次变换都可以做成不同的动画或样式，与转换后的动画或样式叠加。对于样式来说，它更有用(比如给一个图层添加多个投)。

玩过flash的朋友都知道有个组件叫电影剪辑，可以灵活叠加动画。在PS时间轴中，智能对象相当于flash电影剪辑，所以我们经常需要将一个完成的动画转换成智能对象，然后再制作另一个动画。例如，要做一场类似地球的革命，首先要做好地球s旋转，然后在进行旋转之前将其转换为智能对象。

值得注意的是，PS的智能对象可以不能像flash的电影片段那样循环播放，也就是说，所有的动画都是在同一时间，在单一的时间线上，从左到右进行，没有循环。比如一个只播放一次的动画，这个动画(总场)是10秒。在flash中，电影剪辑需要5秒钟。把这个电影片段拖到总场景的开始帧，预览动画就知道这个电影片段放了两次(当然如果你想放一次，只需要在电影片段的最后一帧加一个stop码，这样我们就赢了这里不讨论flas)。在PS中，智能对象有一个5秒钟的动画。当你把它拖到时间轴的开始帧，就可以知道动画只会播放一次。

当转换前的对象(智能对象或图)有动画时，转换后的智能对象的动画长度=转换前的动画长度，即向右拖动动画长度有最大值；当转换后的智能对象拉动动画长度时，旁边会出现一个预览窗口，这样可以知道转换前的动画位置，这对时间轴上的帧调整很有帮助。

当转换后的对象没有动画时(转换前对象的所有关键帧开关都没有)，转换后的智能对象的动画长度可以无限延长，即向右拖动动画长度没有限制。

2.剪贴蒙版的巧妙运用

通过前面几章，我们已经知道只有智能物体才能被转化为动作属性，转化生成的动画包括移动、缩放、旋转、斜切和翻转。实际上并没有从一个图形变换到另一个图形所产生的动画，但是我们经常需要做这样的动画，比如从圆形变换到正方形，从正方形变换到多边形，从多边形变换到其他图形等等。

所以你需要使用一个剪贴蒙版，如图设置。

剪辑蒙版嗡嗡声

例如，我们想制作一个圆形变成矩形的动画。首先画一个足够大的圆(且不说为什么足)，转换成智能物体。然后画一个矩形，填充0，设置图层样式如图。

然后添加一个图层蒙版将一个圆添加到一个矩形，转到时间轴，为圆制作一个变化的动画，打开变换的关键帧开关，添加一个开始帧关键帧将其缩小，将时间轴拉到指定位置并放大。

动画完成了。

虽然这种变换动画不像专业动画工具中的形状变化那样自然，但确实是从一个图形变换到另一个图形的最佳。

剪辑蒙版移动

还可以用移动的方法，做出各种动画。移动物体可以是上层或下层。

这种方法可以制作写字动画、波浪动画等。

(上图开始个红色动画，如果是正方形的话可以直接拉伸实现，但是很多图形必须用图层蒙版移动)

3.建立旋转图形的新中心点。

在上一篇文章中，我和大家分享了旋转时钟，在这里我想给大家补充一下如何建立一个新的中心点。当时我只是粗略的说了一下，有一种更好更方便的方法来调整智能物体的画布。为了参考方便，我们制作一个旋转动画，随画布中心点旋转。首先，我们画一个圆来垂直和水平对齐画布。圆的大小比要旋转的图形更好，旋转后的图形水平居中在一个圆中(有些图形不我不需要。最后，将圆和旋转后的图形分组并转换为智能对象，然后可以隐藏/删除圆。

(提示:在某些情况下，转换为智能对象的画布会超过实际元素中包含的画布。比如上图中的圆是300px300px，用转换后的图形转换成智能对象后可能会超过300px300px的画布。其实这是一个很头疼的问题，我们只能将智能对象的画布调整为300px300px，然后将图层分组填充画布)

4、导出动画

PS导出大型gif动画需要占用大量电脑内存。对于高分辨率或者帧数太多的情况，可能会弹出未知框，即内存不足。但是，即使加到16G，有时候也不会导出。这时候就必须妥协，降低百分比(降低分辨)。如果你的动画宽度为2700像素，你d最好在导出之前将图像尺寸缩小一个百分比，否则你将不得不等待很长时间，甚至会出错。

PS自动限制导出的gif动画最多500帧(如果有朋友知道如何设置超过500帧，请告)，超出部分会自动裁剪导出。好在这500帧真的是运动帧，也就是说连续N帧没有动画，也是一帧。当然，如果做的动画帧数太多，PS很难保证导出的gif。颜色还能保持原来的颜色。而如果我们因为某些原因真的需要500帧以上的动画，就不得不导出视频格式。

渲染视频并向其中添加音轨，前提是您启用了音轨。

另外，gif文件的大小是必须考虑的问题。通过调整导出的参数，文件大小会相应变化，动画的质量也会相应变化。一般情况下(帧数较少的)，设置以下参数。

颜色最高值256，仿色的设置对文件大小的影响特别明显。值越高，颜色精度越好(导出的gif质量)，文件越大，需要根据实际情况设置值。您可以尝试设置其他参数，并相应地查看预览信息。

5.合成gif

将gif格式的动画放入另一个gif或新的PSD文件中。几个月前有个很酷的朋友分享了合成gif动画的技巧。但是，步骤太多，太复杂。其实有一个很简单的方法。

这里还是那句话，虽然直接用ctrlJ复制一个层不能复制它自己的动画(拖动可以复制它的动画，拖动到另一个文件也会)，但是对于智能对象来说，它可以复制里面的动画(也就是转换前对象的动)。

比如我们需要把A.gif的动画合并到新建的B.PSD中，首先把A.gif文件拖到PS中，就可以知道时间轴上的动画是一个帧动画。

单击转换为视频时间轴，然后在图层面板中选择所有图层，将其转换为智能对象，然后将此智能对象拖动到B.PSD中，此时B.PSD会有一个A.gif的动画，前提是B.PSD已经创建了时间轴。对于一个PSD的动画要拖动到另一个PSD，它的动画层也是转换成智能对象再拖动的，也经常这样使用。

额外的话:当我们调用时间线，我们可以t通过选择移动工具并按下键盘的上、下、左、右键来移动元素。即使我们关闭时间轴面板，它仍然会移动帧的位置，所以我们必须在移动之前按住ctrl的键盘方向。

(给你一个问题，做上面的加载动画，技巧:图层样式旋)

以上是本期分享的内容。

制作动画有五个要点:巧用智能对象，巧用剪贴蒙版，建立旋转图形的新中心点，导出动画，合成gif。其中智能对象是制作gif最常用的，还有很多理论和技巧等着你去发现。有什么问题请关注，欢迎一起讨论。

通过前两篇文章，我们已经知道了制作动画的基本知识和技巧。下面是五个非常有用的知识点，和你一起更深入的探索PS时间轴。下载PSD自己分析动画技巧。

点击下载PSD:

1、巧妙利用智能物体

使用技巧，PStimeline可以做更多相对复杂的动画，以及这些动画的真实性现在更多的是用智能物体来实现。

可以n次变换为智能对象，变换越深，对象的继承级别越高，每次变换都可以做成不同的动画或样式，与转换后的动画或样式叠加。对于样式来说，它更有用(比如给一个图层添加多个投)。

玩过flash的朋友都知道有个组件叫电影剪辑，可以灵活叠加动画。在PS时间轴中，智能对象相当于flash电影剪辑，所以我们经常需要将一个完成的动画转换成智能对象，然后再制作另一个动画。例如，要做一场类似地球的革命，首先要做好地球s旋转，然后在进行旋转之前将其转换为智能对象。

值得注意的是，PS的智能对象可以不能像flash的电影片段那样循环播放，也就是说，所有的动画都是在同一时间，在单一的时间线上，从左到右进行，没有循环。比如一个只播放一次的动画，这个动画(总场)是10秒。在flash中，电影剪辑需要5秒钟。把这个电影片段拖到总场景的开始帧，预览动画就知道这个电影片段放了两次(当然如果你想放一次，只需要在电影片段的最后一帧加一个stop码，这样我们就赢了这里不讨论flas)。在PS中，智能对象有一个5秒钟的动画。当你把它拖到时间轴的开始帧，就可以知道动画只会播放一次。

当转换前的对象(智能对象或图)有动画时，转换后的智能对象的动画长度=转换前的动画长度，即向右拖动动画长度有最大值；当转换后的智能对象拉动动画长度时，旁边会出现一个预览窗口，这样可以知道转换前的动画位置，这对时间轴上的帧调整很有帮助。

当转换后的对象没有动画时(转换前对象的所有关键帧开关都没有)，转换后的智能对象的动画长度可以无限延长，即向右拖动动画长度没有限制。

2.剪贴蒙版的巧妙运用

通过前面几章，我们已经知道只有智能物体才能被转化为动作属性，转化生成的动画包括移动、缩放、旋转、斜切和翻转。实际上并没有从一个图形变换到另一个图形所产生的动画，但是我们经常需要做这样的动画，比如从圆形变换到正方形，从正方形变换到多边形，从多边形变换到其他图形等等。

所以你需要使用一个剪贴蒙版，如图设置。

剪辑蒙版缩放

例如，我们想制作一个圆形变成矩形的动画。首先画一个足够大的圆(且不说为什么足)，转换成智能物体。然后画一个矩形，填充0，设置图层样式如图。

然后添加一个图层蒙版将一个圆添加到一个矩形，转到时间轴，为圆制作一个变化的动画，打开变换的关键帧开关，添加一个开始帧关键帧将其缩小，将时间轴拉到指定位置并放大。

动画完成了。

虽然这种变化改变动画并不像专业动画工具中的形状改变那样自然，但它确实是从一个图形改变到另一个图形的最佳。

剪辑蒙版移动

还可以用移动的方法，做出各种动画。移动物体可以是上层或下层。

这种方法可以制作写字动画、波浪动画等。

(上图开始个红色动画，如果是正方形的话可以直接拉伸实现，但是很多图形必须用图层蒙版移动)

3.建立旋转图形的新中心点。

在上一篇文章中，我和大家分享了旋转时钟，在这里我想给大家补充一下如何建立一个新的中心点。当时我只是粗略的说了一下，有一种更好更方便的方法来调整智能物体的画布。为了参考方便，我们制作一个旋转动画，随画布中心点旋转。首先，我们画一个圆来垂直和水平对齐画布。圆的大小比要旋转的图形更好，旋转后的图形水平居中在一个圆中(有些图形不我不需要。最后，将圆和旋转后的图形分组并转换为智能对象，然后可以隐藏/删除圆。

(提示:在某些情况下，转换为智能对象的画布会超过实际元素中包含的画布。比如上图中的圆是300px300px，用转换后的图形转换成智能对象后可能会超过300px300px的画布。其实这是一个很头疼的问题，我们只能将智能对象的画布调整为300px300px，然后将图层分组填充画布)

4、导出动画

PS导出大型gif动画需要占用大量电脑内存。对于高分辨率或者帧数太多的情况，可能会弹出未知框，即内存不足。但是，即使加到16G，有时候也不会导出。这时候就必须妥协，降低百分比(降低分辨)。如果你的动画宽度为2700像素，你d最好在导出之前将图像尺寸缩小一个百分比，否则你将不得不等待很长时间，甚至会出错。

PS自动限制导出的gif动画最多500帧(如果有朋友知道如何设置超过500帧，请告)，超出部分会自动裁剪导出。好在这500帧真的是运动帧，也就是说连续N帧没有动画，也是一帧。当然，如果做的动画帧数太多，PS很难保证导出的gif能保持原来的颜色。而如果我们因为某些原因真的需要500帧以上的动画，就不得不导出视频格式。

渲染视频并向其中添加音轨，前提是您启用了音轨。

另外，gif文件的大小是必须考虑的问题。通过调整导出的参数，文件大小会相应变化，动画的质量也会相应变化。一般情况下(帧数较少的)，设置以下参数。

颜色最高值256，仿色该设置对文件大小有明显的影响。值越高，颜色精度越好(导出的gif质量)，文件越大，需要根据实际情况设置值。您可以尝试设置其他参数，并相应地查看预览信息。

5.合成gif

将gif格式的动画放入另一个gif或新的PSD文件中。几个月前有个很酷的朋友分享了合成gif动画的技巧。但是，步骤太多，太复杂。其实有一个很简单的方法。

这里还是那句话，虽然直接用ctrlJ复制一个层不能复制它自己的动画(拖动可以复制它的动画，拖动到另一个文件也会)，但是对于智能对象来说，它可以复制里面的动画(也就是转换前对象的动)。

比如我们需要把A.gif的动画合并到新建的B.PSD中，首先把A.gif文件拖到PS中，就可以知道时间轴上的动画是一个帧动画。

单击转换为视频时间轴，然后在图层面板中选择所有图层，将其转换为智能对象，然后将此智能对象拖动到B.PSD中，此时B.PSD会有一个A.gif的动画，前提是B.PSD已经创建了时间轴。对于一个PSD的动画要拖动到另一个PSD，它的动画层也是转换成智能对象再拖动的，也经常这样使用。

额外的话:当我们调用时间线，我们可以t通过选择移动工具并按下键盘的上、下、左、右键来移动元素。即使我们关闭时间轴面板，它仍然会移动帧的位置，所以我们必须在移动之前按住ctrl的键盘方向。

(给你一个问题，做上面的加载动画，技巧:图层样式旋)

以上是本期分享的内容。

制作动画有五个要点:巧用智能对象，巧用剪贴蒙版，建立旋转图形的新中心点，导出动画，合成gif。其中智能对象是制作gif最常用的，还有很多理论和技巧等着你去发现。有什么问题请关注，欢迎一起讨论。

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