PhotoshopCS3教程:时间轴制作动画
现在我们正式开始利用时间轴来制作动画,这与我们之前的帧式动画有很大不同,但相比之下时间轴方式来的更直观和简便,也是我们以后最主要的制作方式。
接着上一课的内容,开始设定“悄然来去”的动画。在时间轴调板中展开这个文字层的动画项目,如下图所示。确保当前时间为0:00:00:00,同时注意红色箭头处的时间标杆应位于最左端,这就表示是处在起始时刻。
将时间标杆拉到最右边,使用移动工具将文字移动到画面最左端,这时会看到时间轴上的标杆处自动产生了一个关键帧。如下图所示,并且注意在红色箭头处有一个菱形的“删除/添加”按钮 通过以上的设定我们完成了“悄然来去”文字的位置移动设定。接着来设定其透明度变化。我们先弄个简单的,就是从开始时淡入,进行到一半时完全显现,然后淡出直到结束。这样就需要3个关键帧进行设定,在开始时刻设定为0%,一半时设定为100%,结束时再设为0%即可完成。大致如下图所示。注意在时间轴方式下不能通过隐藏图层实现透明度变化。
在设定的顺序上,并不需要完全遵从上述的顺序。“悄然来去”本来就是100%的状态,这样我们可以先在一半时刻建立关键帧,而并不需要设定不透明度,因为此时就应该设为100%。然后再在开始和结束时刻建立关键帧并调整为0%。 回忆早先在学习过渡帧式动画制作时所说的淡入和淡出,就会知道现在这个3帧设定的效果并不是最理想的,应当将淡入和淡出的过程缩短,以便让文字在移动过程中大部分时候保持完全的显现。现在我们就在之前的3帧基础上修改。 网页教学网
从以上操作我们可以总结出时间轴式动画的一个基本特性,那就是将各个动画项目独立出来,对其中一个项目的修改并不会影响其他项目。比如我们在修改“透明度”的时候就不需要去考虑早先设定好的“位置”。另外就是各项目的关键帧设定允许不相同,不必为了统一关键帧数量再花费心思。 网页教学网
除了单个项目以外,也可以同时设定多个动画项目,它们都会被自动跟踪。现在我们将时间标杆移动到起始时刻,如下图所示,启动“去留无意”和“形状1”相应的动画项目,然后拉动时间标杆到不同时刻,相应改变位置和不透明度等。有改变的地方就会留下帧标志。
另外要提到的就是在上节课中所讲到的渲染缓冲指示,大家可能已经发现了,在播放以及拉动时间标杆时,相应区域的渲染缓冲指示就会被填满,这表示Photoshop已经将动画的具体内容存储到系统缓存中,可提高再次播放时的速度。但如果对动画作出了修改,则渲染缓冲将被清空。我们现在所制作的动画都比较简单,所以缓冲与否都一个样,但如果以后大家制作一些较为复杂的动画,尤其是动画中有多个图像互相混合时,缓冲的区别才会体现出来。 网页教学网 这节课中我们学习了时间轴方式制作动画的主要方式,与早先所学的帧过渡方式相比,时间轴方式不仅制作速度快,且修改极为便利。从今以后我们将以此方式制作绝大多数的动画作品。到这里我们已经讲解完了动画制作的基础知识,接下去的课程将讲解一些更高级的技巧,以及如何制作适用于网页、手机等不同媒体的动画。 |
|