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

FireWorks
Fireworks 三帧打造酷 Banner
Fireworks MX制水晶立体五星
Fireworks 做证券效果的 Logo
使用Fw MX插件 3D Primitives
Fireworks Edge滤镜与彩色描边
给玉兰油MM做个曲别针展示图效果
用Fireworks制作Logo心得体会
用Fireworks制作连续跳跃数字
巧用Fireworks设计个性化印章
Fireworks蒙版制作图片窗格效果
使用Fireworks制作漂亮的礼花
Fireworks文本路径结合操作
FW制作片头文字渐显渐隐动画
Fireworks轻松绘制banner广告
Fireworks网页切片应用详解
Fireworks绘制纸折扇(2)
Fireworks绘制纸折扇(5)
Fireworks绘制纸折扇(1)
Fireworks绘制纸折扇(4)
Fireworks绘制纸折扇(3)

FireWorks 中的 动画小时钟


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 64 ::
收藏到网摘: 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。