如何利用元件和实例来制作动画
元件,就是在库中存放的一些对象。它们可以多次地被引用到文档中去而只调用一个对象。
实例,就是元件在文档中的具体引用。当元件产生变化的时候,文档中所有相关实例都会相应改变,从而提高工作效率,同时,保存文件占磁盘空间的大小也会有些减少。
如果文档中有重复使用的元素,固然可以通过复制、粘贴的方法,在文档中创建这些对象,可是要更改这个元素内容的时候,难免要一个个改过去,而且不能保证它们完全相同。如果使用元件和实例,这个问题就可以得到很好的解决。
1、制作补间动画
“补间”是一个传统的动画术语,它描述了这样的过程:主要的动画制作者只绘制关键帧(包含重大变化的帧),而关键帧之间的帧由助手来绘制。在Fireworks 8中,“补间”动画的关键帧经过编辑后,中间帧是由计算机自动生成的。在生成补间动画的过程中,可以自定义中间帧的数量。
首先在画布中置入同一图形元件的两个或者更多实例,将其全部选中。
在实例上右击,在弹出菜单中选择“元件/补间实例”,在弹出的对话框中输入两个实例补间所需的步骤数,即在两个实例之间插入的实例个数。然后选中“分散到帧”,单击“确定”按钮。
两个实例之间增加了10个实例,并且逐渐变化。在帧面板中可以看到此时共有12个帧,因为实例自动分散到了帧中。
如果对实例进行补间时,在“补间实例”对话框中取消对“分散到帧”的选择,各个实例将会位于同一帧内,。这时如果想产生动画效果,可以将所有实例选中,然后单击帧面板右下方的分散到帧按钮。
2、使对象成为动画
要使Web页变得更加生动,就要在页面中多用小动画效果,比如运动速度或透明度的变化,而对于动画元件,可以设置它的旋转、移动、加速、淡入淡出或者以上效果的复合变化。
一个动画元件可以是创建或导入的任何对象,而且在一个文件中可以有多个元件同时存在,每个元件是相对独立的,有各自不同的属性。可以使其中的一个角色进行直线运动,而另外一个旋转,诸如此类,组成一个复杂的动画。
下面再次使用前面月亮下落的例子。在上述步骤地平线制作完成,并已新建图层的基础上,绘制月亮,将月亮选中,按下F8键,将月亮转换为动画类型的元件。然后打开库面板,将月亮再次从面板中拖动到画布,放在天空的位置上。
选中该对象,打开“修改”菜单,选择“动画”子菜单中的“选中动画”,弹出如图对话框。这里可以更改元件中从动画速度到不透明度和旋转的各种属性。通过处理这些属性,可以使元件显示为旋转、加速、淡入淡出或者是这些动作的任意组合。
按照图上的设定完成后,单击“确定”按钮,弹出提示对话框是否添加新帧,单击“确定”按钮,画布中出现的样子。运动路径上的绿点表示起始点,而红点表示结束点。路径上的蓝点代表帧。这个有十个帧的元件的路径上会有一个绿点、八个蓝点和一个红点。对象在路径上的位置表示当前帧。所以,如果对象出现在第三个点上,则第3帧就是当前帧。通过改变路径的角度可以改变运动的方向。
最后可以根据需要设定帧延迟时间,月亮下落的动画就制作好了。这时选中某一帧中动画元件的实例,属性面板中出现了关于动画的属性。
要改变元件的运动路径,可以直接调整运动路径控制柄。具体操作情况如下:
· 在红点(终点)上按下鼠标左键进行拖动,可以改变运动的终点位置,其运动的角度自然会随终点的移动而改变;
· 在绿点(起点)上按下鼠标左键进行拖动,可以改变运动的起点位置,其运动的角度自然会随起点的移动而改变;
· 在蓝点上按下鼠标左键进行拖动,可以改变整条运动路径在文档中的位置。
技巧:按住Shift键进行拖动终点或起点,可以保证改变前后路径的夹角保持45度的整数倍。