Fireworks实例指导 ─ 动画小时钟

[复制链接]
查看: 282|回复: 0
gggds 发表于 2009-12-27 13:07:16 | 显示全部楼层 |阅读模式
  一个可爱的钟,上面有一根秒针在转,一圈就是一分钟。这个动画以前在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,具体设置如下图
8 j- }" D4 V# V  T* i1 A/ {- m" Y# x* w
  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中察看这个动画了。
2 v7 F) ?" U0 d8 f- H9 x* F

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )