当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks教程:用FW自带滤镜打造动画效果

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 中的 Fireworks教程:用FW自带滤镜打造动画效果


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

gif文件:

Fireworks教程:用滤镜做动画

png文件:

Fireworks教程:用滤镜做动画

 

R: 看了“小可爱”转的用fireworks插件制作3D的gif动画,实在强大。
介绍这个插件的文章有差不多这样一句话:按下“导出”按钮,可能有类似死机现象,但是只要耐心等待,总会输出gif。

晕,我家里的机是n年前的老牌货,看来要另想办法了。

乱碰乱撞之下,意想不到的事情发生了~~~~~

Fireworks教程:用滤镜做动画

1. 新建一个150*100px大小的画布,
用“星型工具”画一个四叶草图案,为它加一个“纯色阴影滤”镜。
按F8转换为“动画”元件,设为用21帧转过360度。不要忘了在帧面板中删除掉帧21。然后选中帧1。

Fireworks教程:用滤镜做动画

2. 这一步是核心效果。
为这个动画实例添加一个EyeCandy4.0的“运动痕迹”滤镜,参数就自由选择了。
按下播放按钮就可以看到滤镜是如何模拟到3d效果的了。

Fireworks教程:用滤镜做动画

3. 最后新建一个层,放标题和签名,
将该层置于顶部,钩选“共享交叠帧”。
一个仿3D动画的gif就3步被K.O.了。

Fireworks教程:用滤镜做动画

 

end: 在用滤镜制作动画时,我发现有时几个动画元件应用滤镜和几个动画元件的组合应用滤镜的效果是截然不同的。
你试过了吗?尝试使用各种滤镜,制作精彩的动画效果吧!

Fireworks教程:用滤镜做动画

R: 还有其它三个作品,由浅入深简单说一下它们应用的技法。

1. 齿轮的绘画用了“自动形状”的“齿轮”。对自转的动画实例应用了“纯色阴影”滤镜。

2. 对所有元件实例进行了组合,然后添加“内侧阴影”、“投影”和“纯色阴影”滤镜,对实例的组合应用这些滤镜,看上去就有小星星从大星星里融出的感觉。

3. 只有一个层,设为共享交叠帧,对眼睛图形实例和泪滴动画实例进行组合,然后应用发光滤镜,这样泪滴好像从眼睛里融出。当然,帧延时要不断减小,模拟泪滴从悬挂到自由落体运动的过程。

Fireworks教程:用滤镜做动画

gif文件:

Fireworks教程:用滤镜做动画  Fireworks教程:用滤镜做动画  Fireworks教程:用滤镜做动画

png文件:

Fireworks教程:用滤镜做动画  Fireworks教程:用滤镜做动画  Fireworks教程:用滤镜做动画