当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 动画小时钟

FireWorks
Fireworks写实作品绘制实例:我的手机
自己打造动画广告 用Fireworks泛起水波涟漪
古代智慧结晶 用Fireworks“铸造”古钱币
巧用Fireworks MX 2004制作金属字特效
Fireworks使用技巧及常见问题解答
Fireworks制作GIF动画广告BANNER
Fireworks制作下雨动画效果
Fireworks and Dreamweaver指南介绍
使用Fireworks MX 绘制手机
Fireworks MX 滤镜讨论
Fireworks MX制作下拉菜单
Fireworks MX对网页的逆向导入
Fireworks MX制作像素动画
巧用Fireworks遮罩做平面设计
Fireworks创意遮罩动画制作
Fireworks制作透明按钮一例
Fireworks MX图层混合实例剖析
Fireworks 制作立体旋转地球
Fireworks 巧制生肖鼠票
Fireworks制作空间环绕文字动画

FireWorks 中的 动画小时钟


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 52 ::
收藏到网摘: n/a

 

文 / donger




一个可爱的钟,上面有一根秒针在转,一圈就是一分钟。这个动画以前在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、新建一个图层,在层面板中。

注意这次FW4的层面板和以往大不相同,新建图层应该是上图中箭头标的按钮,其右边第二个按钮是用来新建一个位图图象的。
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。