时间轴制作

简介:时间轴制作动画是我们主要的动画制作方式，本篇教程开始正式学习利用

imageready的时间轴来制作动画。

此刻我们正是开始运用时间轴来打造动画，这和我们前面的帧式动画有非常大不同，但相比之下时间轴方式来的更直观与简便，还是我们以后最主要的打造方式。

继续上一课的内容，开始设置“悄然来去”的动画。在时间轴调板中展开这个文字层的动画项目，见下图。确保当前时间为0:00:00:00，同时留意红色箭头处的时间标杆应位于最左

端，这就表示是处于起始时刻。

继续用拖动工具把“悄然来去”拖动到画面的右端。之后在单击橙色箭头处的秒表按钮，这表示启动了“地方”这一动画项目，并且把目前该文字层的地方(画面最右端)记录在起始时刻。时间轴区域中出现的黄色菱形就是该处包含记录的标志，这也称为重点帧，是时间轴的

重点帧，和我们之前学习的过渡帧动画不同。

把时间标杆拖到最右半，运用拖动工具把文字拖动到画面最左端，这时会看到时间轴上的标杆处主动产生了一重点帧。见下图，并且留意在红色箭头处有一菱形的“删除/加上”按钮，这个时候假如按下该按钮，把会删除时间标杆处已新建的重点帧。假如标杆处没有重点帧，

单击则可新建一新帧。

想要留意的是，在这儿我们的时间标杆往右最多只能拖动到04:04时刻处，而不是05:00。这是由于05:00是动画最后结束的时刻，是“最终一帧结束时”的时刻，但我们此刻想要设置的是“最终一帧开始时”的状态，而最终一帧本身把停留一段时间。因此标杆并不会位于

05:00时刻。要记住帧是最小的单位。

通过上面的设置我们做完了“悄然来去”文字的地方拖动设置。继续来设置其透明度变化。我们先弄个简易的，就是从开始时淡入，执行到一半时完全显现，之后淡出直到结束。如此就想要3个重点帧执行设置，在开始时刻设置为0%，一半时设置为100%，结束时再设置成0%就可以了做完。大概见下图。留意在时间轴方式下不要通过隐蔽图层实现透明度变化。当我们在步骤1中把重点帧1设置成0%后，假如向后拖动时间标杆，会发觉在所有时间内透明度都是0%。在步骤2中设置重点帧2后，会发觉12之间已有过渡效果，但重点帧2然后直到结束时，文字都始终显示。这就带出时间轴一非常重要的性质：某个时刻的重点帧设置会影响该时刻然后的所有时间。所以重点帧1的设置导致了然后所有时间内(12之间、23之间)文字图层全程都是0%。而当重点帧2设置后，既在12之间形成了过渡，也导致了23之间变只为全程100%。直到重点帧3设置做完，23之间形成过渡。

在设置的顺序上，并不想要完全遵从上述的顺序。“悄然来去”本来就是100%的状态，如此我们可先在一半时刻新建重点帧，而并不想要设置不透明度，由于这个时候就应该设置成100%。之后再在开始与结束时刻新建重点帧并调节为0%。

撤销前面的设置，按照新顺序来执行，也就是从一，二，3的顺序改成二，一，3。因为开始与结束时刻(1和2)的不透明度是同样的，所以我们可通过复制粘贴重点帧的技法来做完。第一步新建这两个重点帧，设置好开始时刻后，在时间轴中该重点帧的标志上单击右键，选取“复制重点帧”，之后在结束时刻的标志上单击右键选取“粘贴重点帧”，如此就把前者的设置拷贝到了后者之中。顺序也可相反。这种技法可在所有已存在的重点帧之间执行操作。

回忆早先在学习过渡帧式动画打造时所说的淡入与淡出，就会知道此刻这个3帧设置的效果并不是最理想的，应当把淡入与淡出的步骤缩短，以便让文字在拖动步骤中大部分时候保持完全的显现。此刻我们就在前面的3帧基础上更改。

各位可能会想在原有的帧2前后再新增两个帧，见下图上面。其实只需按照下面拖动原帧2，之后新增一帧就可以了。其设置可由原帧2复制而来。如此我们就做完了淡入淡出的更改。

从上面操作我们可总结出时间轴式动画的一基本特性，那就是把各个动画项目独立出来，对其中一项目的更改并不会影响另外项目。比如我们在更改“透明度”的时候就不想要去考虑早先设置好的“地方”。其他就是各项目的重点帧设置允许不同样，不必只为统一重点帧数量再

花费心思。

关于新增重点帧有一想要留意的问题，那就是主动加上与手动加上的区别。当单击某个项目的秒表按钮后，该项目就会在时间标杆处新建一重点帧，并主动跟踪该项目在另外时间范围中的变化。这就意味着假如把时间标杆拖动到一新地方，并对图层的该项目上做出了修改后，把会主动在当时标杆处新建一新帧。假如未做任意修改又想新建重点帧，就想要手动单击秒表按钮左半的按钮(留意在已有帧处单击把删除该帧)。单击前一帧与后一帧按钮则可在各重点帧之间跳转。也可径直在重点帧上单击右键选取删除该帧。

一般来说，我们都是在动画起始时刻单击秒表按钮新建第一重点帧，之后把标杆拖动到恰当的时刻，对图层做出适合调整，得到新的主动重点帧。周而复始做完整个设置步骤。相对而言，手动新建帧的机会并不多，由于都是只为设置，效果和主动提高的帧区别不太。后面的课程中介绍打造加速与减速效果时会用到手动新增帧。

除了单个项目以外，也可同时设置多个动画项目，它们都会被主动跟踪。此刻我们把时间标杆拖动到起始时刻，见下图，启动“去留无意”与“外形1”适合的动画项目，之后拖动时间标杆到不同时刻，适合调整地方与不透明度等。有调整的位置就会保留帧标志。

想要留意的是，因为“外形1”是矢量蒙板图层，所以要记录其地方拖动必须运用“矢量蒙板

地方”项目，而不是“地方”。

其他要提到的就是在上节课中所讲到的渲染缓冲指示，各位可能已经发觉了，在播放以及拖动时间标杆时，适合区域的渲染缓冲指示就会被填满，这表示Photoshop已经把动画的详细内容存储到系统缓存中，可增加再次播放时的速度。但假如对动画作出了更改，则渲染缓冲把被清空。我们此刻所打造的动画都很简易，因此缓冲和否都一样，但假如以后各位打造一点很为烦杂的动画，尤其是动画中有多个图象互相混合时，缓冲的区别才会体现出来。

这节课中我们学习了时间轴方式打造动画的主要方式，和早先所学的帧过渡方式相比，时间轴方式不仅打造速度快，且更改极为便利。从今以后我们把以此方式打造绝大多数的动画作品。到这儿我们已经介绍完了动画打造的基础知识，接下去的课程把介绍一点更高级的技巧，以及如何打造适用于网页、手机等不同媒体的动画。

（范文素材和资料部分来自网络，供参考。可复制、编制，期待你的好评与关注）