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

FireWorks
Fireworks教程:制作韩国女包
Firewoks实例:铅笔图标
Fireworks打造javascript图片提示效果
Fireworks教程:动画制作的技巧
Firewoks教程:联通标志轻松做
Firewoks教程:图片的渐变矢量风格
Fireworks教程:制作实物光影
Fireworks教程:简单制作网站Logo
Fireworks教程:绘制网页虚线的方法
Fireworks教程:绘制小老鼠图案邮票
Fireworks教程:立体质感水晶的制作过程
Fireworks制作RockWave摇滚波字体
Fireworks教程:液体金属表面特效制作
Fireworks笔触打造另类十字架
Fireworks粒子插件帮助AE制作绚丽焰火
用Fireworks打造的脸部特写
Fireworks制作超酷质感按钮
Fireworks快速制作带血的金属刀具
Fireworks教程:果冻水晶字
Fireworks简单绘制甲壳虫小轿车

FireWorks 中的 动画小时钟


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