Photoshop CS3制作平面动画：动画帧

　　在开始之前我们先讲解一下上节课后的作业，那是一个有两个物体一起移动的动画。所谓的两个物体其实也就是两个图层，分别绘制上方块和圆，然后复制一帧并相对移动图层的位置即可。在技术上并没有太大难度。

　　但要注意看清楚我们的范例动画，其中的圆并不是一开始就移动的，而是滞后一段时间才开始的。这也就是说在前面几帧中只需要移动方块图层，而并不移动圆图层。在方块移动几帧后再开始移动圆，动画调板类似于下图所示。点击红色箭头处可以开启调板选项，可以自己设定帧缩览图的大小。绿色箭头处的是帧步进按钮，点击一次播放一帧，则是播放上一帧。按钮则是回到起始帧。

　　我们安排这个范例是想告诉大家，一个较为复杂的动画往往是由许多物体构成的，而这些物体未必都是一同动作(如移动)的。比如制作一个物体撞击另外一个物体的动画时，被撞物体就应该在撞击物体接触之前都保持不动。

图1

　　之前我们制作的是位移动画，是利用图层的移动。除此之外，还可以通过设定不同的图层部透明度来产生动画，制作的方法相信大家应该可以猜得到，那就是在不同的帧中改变图层调板中的部透明度数值。现在新建一个100×100的图像，新建一个图层并绘制一个方块。然后一次性复制5个帧出来，将会看到6个帧都是相同的内容。将所有帧的停留时间统一改为0.1秒，如下左图所示。
　　接着选择第2帧，在图层调板中将方块图层的不透明度改为80%，第3帧60%，以此类推，到第6帧为0%。形成的效果类似下右图所示。这时候播放就会看到方块逐渐渐隐的效果。需要注意的是，通过按钮隐藏图层等同于将不透明度设定为0%。

图2

图3

文章导航 Photoshop CS3制作平面动画：动画帧(1) Photoshop CS3制作平面动画：动画帧(2) Photoshop CS3制作平面动画：动画帧(3)