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

FireWorks
巧用Fireworks渐变工具处理图片
放弃PS,Fireworks也能为黑白照片上色
Fireworks鼠绘CG性感美女
Fireworks三个案例教你使用涂抹工具
Fireworks打造草样年华gif动画
Fireworks 打造炫彩网点广告效果
Fireworks CS3切片工具的使用简述
Fireworks快速打造水晶图标
Fireworks 8打造精致指南针图标全过程
Fireworks绘制精致Rss图标
Fireworks快速简单打造网页“闪字”动画
Fireworks打造动态banner全过程
Fireworks教程:用FW自带滤镜打造动画效果
Fireworks教程:绘制可爱卡通Q版电视机图标
Fireworks教程:利用FW笔触工具绘制飘逸白云
Fireworks教程:打造雪花纷飞节日贺卡
Fireworks教程:利用“建立控点法”绘制炫彩画面
Fireworks教程:用滤镜打造漂亮极光字效果
fireworks教程:自制树叶笔触绘制一棵榕树
Fireworks教程:教你制作特殊的切角图形

FireWorks 中的 动画小时钟


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