Fireworks实例指导 ─ 动画小时钟
一个可爱的钟，上面有一根秒针在转，一圈就是一分钟。这个动画以前在Fireworks3中我曾做出来过，但是过程很复杂，如果一不小心，做出来的秒针还会一跳一跳的。现在fireworks4出来，它的animate功能使这个制作过程变成非常的简单，不信的话，我们可以来试试。 1、File->New 尺寸大小自己随意设置，背景为白色。 2、用椭圆形工具，按住shift键，画一个圆。颜色为#6600FF，在info面板中改变大小为W:200，H:200，按回车应用这个尺寸。 3、再画一个圆，尺寸为150*150，颜色为#FF9900 4、用箭头工具选择这个圆，按住alt键，往下拉，这样就会复制出一个圆，改变颜色为#660000，改变尺寸为80*80 5、继续上面的工作，再复制一个圆，颜色为#000000，改变尺寸为8*8。 现在我们就有从大到小的四个圆了。接下来要做的工具是使这四个圆的圆心对齐，象一个靶子一样。 6、用黑色箭头工具，拉一个选择框，直至把这四个圆全部选择为止。 7、分别应用菜单中的命令modify ->align->center vertical、modify ->align->center horizontal。这个四个圆的圆心就在一起了。 8、当四个圆还都被选中时，使用modify菜单中group命令，把他们组合成一个组。 9、选择layer1，也就是钟面的那一个层，双击layer1标签，在share across frames前面打上钩，共享这个图层。 钟面做好了，接下来就是秒针和动画部分了。这才是我们的重点哦。 10、新建一个图层，在层面板中。 11、选择多边形工具，在option面板中设置shape:polygon，side:3，按住shift键，使三角形的下边和桌面保持平行。在info面板中改变其大小为15*20。 12、选择直线工具，按住shift键，画一条垂直于桌面上的线，改变其尺寸大小为1*60，使用storke面板，分别设置为pencil、1-pixel soft、tip size为2。 13、改变他们的位置，在层面板中，把直线的子层拖到三角形子层的下面。调整他们的位置（象一个箭头一样），同时选中这二个物体，modify->group。 14、菜单modify->animate->animate selection,具体设置如下图http://it365cn.com/articleimg/120-1.gif
15、这里秒针自动转变成一个symbol，而他的中心（一个小红点）则在秒针的居中位置，现在我们双击这个秒针。对这个秒针进行编辑。 16、把三角形和直线全部选中，向上拖，直至直线的底部和物体的中心在同一个位置。关闭这个窗口。 17、返回到原来的文件中，这时，秒针离钟面的圆心有一段距离，我们再次分别用菜单中的命令modify ->align->center vertical、modify ->align->center horizontal 。 18、好啦，一个动画完成了，你可以点击状态栏左边的白色箭头按钮来查看这个动画。咦，是不是觉得秒针转得速度太快了，呵呵，忘了改变帧的延迟速度了。 19、在frame面板，双击右边的7，改变每帧的延迟为100，也就是一秒。 20、这回真的完成了，再点击状态栏的按钮看一下吧。 21、输出动画。File菜单中的export preview，在option中，设置format为animate GIF。其他的选项你可以根据需要来一一设置。点击export，选好文件夹及文件名，就可以在ACDSee中察看这个动画了。
http://it365cn.com/articleimg/120-2.gif
页:
[1]