Fireworks利用滤镜工具轻松制作可爱Gif动画实例教程
我要评论（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
本文中我们用fireworks的滤镜来制作精致可爱的gif动画。
gif动画：
png文件：
1. 在fireworks中新建一个150*100px大小的画布。
用“星型工具”画一个四叶草图案，为它加一个“纯色阴影”滤镜。
按F8转换为“动画”元件，设为用21帧转过360度。不要忘了在帧面板中删除掉帧21。然后选中帧1。
2. 这一步是核心效果。
为这个动画实例添加一个EyeCandy4.0的“运动痕迹”滤镜，参数就自由选择了。
按下播放按钮就可以看到滤镜是如何模拟到3d效果的了。
3. 最后新建一个层，放标题和签名，
将该层置于顶部，钩选“共享交叠帧”。一个仿3D动画的gif就3步被K.O.了。
end: 在用滤镜制作动画时，我发现有时几个动画元件应用滤镜和几个动画元件的组合应用滤镜的效果是截然不同的。
尝试使用各种滤镜，制作精彩的动画效果吧!
这里还有其它三个作品，简单说一下它们应用的技法。
1. 齿轮的绘画用了“自动形状”的“齿轮”。对自转的动画实例应用了“纯色阴影”滤镜。
2. 对所有元件实例进行了组合，然后添加“内侧阴影”、“投影”和“纯色阴影”滤镜，对实例的组合应用这些滤镜，看上去就有小星星从大星星里融出的感觉。
3. 只有一个层，设为共享交叠帧，对眼睛图形实例和泪滴动画实例进行组合，然后应用发光滤镜，这样泪滴好像从眼睛里融出。当然，帧延时要不断减小，模拟泪滴从悬挂到自由落体运动的过程。
gif文件：
png文件：
友情提示：本章中标注的GIF文件都是具有动态效果的，但是由于网页不支持，所以若想看到动画效果，就需要把图片保存到本地查看，请谅解！
相关文章
- Fireworks 应用的一大亮点就是轻松制作纷繁的动画效果，下面我们就来看看如何应用Fireworks MX2004 新增的一款滤镜效果来轻松制作如下图所示的动画效果2013-09-02
- 本章我们用Fireworks软件制作出以陨石背景为主的飞火流星的动画实例教程2013-08-30
Fireworks设计制作出具有GIF动画效果的BANNER实例教程
本文我们一起学习如何使用Fireworks MX制作一个平滑变色效果的Banner，相信这样的Banner一定会让您的网站增色不少2013-08-27- 丝丝小雨，带给我们多少温柔与浪漫，这篇教程里，我们将会用fireworks里的运动模糊滤镜来制作出丝小雨的动画特效．希望大家在网页设计中能有帮助2013-01-04
- fireworks 应用的一大亮点就是轻松制作纷繁的动画效果，下面我们就来看看如何应用fireworks mx2004 新增的一款滤镜效果来轻松制作2013-01-03
- 本文中我们用fireworks来制作一个变色的banner，从中我们可以掌握符号（symbol）的使用、补间实例动画（tween instance）的制作、层(layers)和帧(frames)的基本用法，结尾2013-01-03
- 漂亮的闪图动画应用范围非常广，不仅可以在相册、动态表情里使用，还可以在QQ空间、论坛签名、各类回贴和博客中使用。 学习要点：本例中我们主要学习Fireworks导入闪2009-05-07
- gif动画图片批量增加水印效果.这个功能对于个人站长是非常实用的。 处理后 1.用firework打开gif文件。 2.在gif上面加上水印效果(打上文字，设置透明2008-10-05
- 无论在GIF动画中，还是在Flash动画中，经常会出现电视机没有信号的雪花动画画面，或者类似的动态图标，现在我们利用Fireworks中的折叠渐变加上逐帧动画的形式来制作一下。2008-10-05
- 不得不承认fireworks的强大与便捷。这几天的学习让我感觉以前学的知识都只是皮毛中的皮毛。 参考教程： http://bbs.blueidea.com/viewthre ... 3Ddigest#pid38828612008-10-05
最新评论