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

FireWorks
Fireworks教程:英文网页导航的制作方法
Fireworks教程:打造漂亮的水波gif动画
Firewoks教程:摇动变形打造摇滚波字体
Fireworks翻译教程:打造滚动的足球动画效果
Fireworks教程:设计制作漂亮网页的过程
Fireworks教程:路径组合打造公告栏挂绳效果
分析宽高自适应的九宫格背景图片切割的技巧
Fireworks教程:合成制作怀旧石头字效果
Fireworks教程:通过实例讲解光影的运用
Fireworks教程:分享动画制作的心得
Fireworks教程:运用滤镜制作旋转的四叶草动画
Fireworks教程:简单打造可爱粉色gif闪图
Fireworks教程:图片转换动态个性签名的制作
FireWorks教程:外发光效果巧应用
Fireworks教程:运用字体打造酷酷涂鸦墙壁效果
Fireworks教程:结合PS制作马赛克变换动画效果
Fireworks教程:制作可爱晶莹果冻字
Fireworks教程:运用滤镜打造特色打孔字效果
Fireworks实用教程:gif动画图片批量添加水印的方法
Fireworks教程:打造仿梦幻水墨画效果

FireWorks 中的 动画小时钟


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