《创建动画(Animation)(上)》由会员分享，可在线阅读，更多相关《创建动画(Animation)(上)（5页珍藏版）》请在金锄头文库上搜索。
1、创建动画（ Animation）（上）直线网 创建动画（Animation）（上）gif 动画是 web 创作中不可缺少的部分，从前 web 设计师们需要一帧一帧绘制出静止的图象，然后将他们摆放到专门的 gif 动画软件中再加工，其步骤之烦琐让人望而生畏。但是 Fireworks 的出现彻底改变了这一切，不但所有的步骤可以在 Fireworks 中完成，而且简洁方便，Fireworks4 的动画创作工具更是比以前的版本有了新的提高。现在我们就来创建一幅动画，同时体会 Fireworks 强大的功能。首先在画板上绘制一个矩形，如图：将它转化为动画（Animation），使用菜单 Insert-C
2、onvert to Symbol 或者使用快捷键 F8，在弹出的窗口中选择 Animation，接下来的窗口会要求你设置动画的运动方式，你可以在后面的 object 面版中随时修改这些参数，所以暂时不管先 ok，这样一个 Animation 就创建好了。Animation 是符号的一种，符号类型的对象在左下角都会有一个箭头的标志，在这里先要说明一下 3 种不同的符号（Symbol）类型： Graphic：图形，中心是一个十字，组成动画的最基本的元素。 Animation：动画，中间有一个点，一系列的 Graphic 就是一个 Animation Button：按钮，带有切割热区的就是按钮。从上
3、面可以看出来，这部分的概念和 Flash 非常相似，只是将 Movie Clip 的名称换成了 Animation，其实本质是一样的。不同类型的符号之间可以非常方便的互相转换，打开 Library 面版，点击面版右上角的箭头在弹出的菜单中选择 Properties 就可以转换符号的类型。还有一点顺便在这里提一下，选择菜单 Modify-Symbol-Break Apart 可以将一个已有的符号恢复到原来的类型，恢复后它会以 Group 的形式出现，Ungroup 一下就会完全呈现出它最原始的形态（矢量图形、位图、文字或其他的类型）。在了解了这些概念后，我们开始真正的创建一幅动画。选中刚才已经转
4、换好的那个 Animation，同时打开 object 面版，在 object 面版中修改动画运动的方式。 Frames：设定这段动画用多少帧来完成，理论上帧数越多动画越流畅，但同时文件的尺寸也越大。 Scaling：缩放，默认值是 100，即不进行缩放，如果数字小于 100 则代表缩小，数字大于100 则放大。 Opacity：透明度，有 2 个数值，即代表透明度从多少变化到多少。 Rotation：旋转，单位是角度，CW 为顺时钟方向，CCW 为逆时钟方向。在这里我不得不又一次说，它和 Flash 是多么的相象！设定 Frames 为 15，Scaling 为 150，即动画终止时动画符号的大小为原始大小的 1.5 倍，Opacity 为100 到 0，即一个渐淡消失的效果，Rotation 为 90CW，即顺时钟旋转 90 度。完成后从符号中央可以拖出一条动画线。当看到这条动画线的时候我又一次的似曾相识了，对了，它就是在 Director 中的动画线，现在也被借用到 Fireworks 中来了，是整合的需要吗？这个问题只有问 Macromedia 了。绿色的点代表动画的开始帧，红色的点代表动画的结束帧，中间每个兰色的点代表每个过度帧的形态。你可以通过拖动始末点来改变动画的运动轨迹。下面的图片显示了每一帧时符号的形态。ok，play 一下来欣赏刚才的成果。 直线网
