当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks教程:3D旋转gif动画

FireWorks
Fireworks MX 2004特效字系列教程:水粉文字特效制作
铬金图形效果制作
Fireworks MX 2004移除照片红眼
Fireworks制作破壳而出的美女
Fireworks MX 2004制作巧克力按钮
虚线的制作
圆角三角形的制作
动画小时钟
金属效果
圆形文字的环绕制作
自动颜色变换
Loading动画的制作
彩色线条的填充
用MASK做动画
卫星转动效果
空间环绕
使用热区和切割(Hotspots and Slices)(上)
使用热区和切割(Hotspots and Slices)
Fireworks4.0的新特性
Fireworks中邮票效果的制作

FireWorks 中的 Fireworks教程:3D旋转gif动画


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

  本教程介绍使用Fireworks制作可爱的四叶草旋转gif动画效果,教程主要讲解了运用运动痕迹滤镜模拟3D效果来完成最终效果,如果你有兴趣就动手做做看咯。
  看了“小可爱”转的用fireworks插件制作3D的gif动画,实在强大。

  介绍这个插件的文章有差不多这样一句话:按下“导出”按钮,可能有类似死机现象,但是只要耐心等待,总会输出gif。

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

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

Fireworks教程:3D旋转gif动画
效果图

Fireworks教程:3D旋转gif动画
Png图

  1. 新建一个150*100px大小的画布,用“星型工具”画一个四叶草图案,为它加一个“纯色阴影滤”镜。

  按F8转换为“动画”元件,设为用21帧转过360度。不要忘了在帧面板中删除掉帧21。然后选中帧1。

Fireworks教程:3D旋转gif动画
图1

  2. 这一步是核心效果。为这个动画实例添加一个EyeCandy4.0的“运动痕迹”滤镜,参数就自由选择了。

  按下播放按钮就可以看到滤镜是如何模拟到3d效果的了。

Fireworks教程:3D旋转gif动画
图2

  3. 最后新建一个层,放标题和签名,将该层置于顶部,钩选“共享交叠帧”。

  一个仿3D动画的gif就3步被K.O.了。

Fireworks教程:3D旋转gif动画
图3


  End:在用滤镜制作动画时,我发现有时几个动画元件应用滤镜和几个动画元件的组合应用滤镜的效果是截然不同的。

  你试过了吗?尝试使用各种滤镜,制作精彩的动画效果吧!

Fireworks教程:3D旋转gif动画
图4

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

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

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

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

Fireworks教程:3D旋转gif动画
图5

Fireworks教程:3D旋转gif动画
图6

Fireworks教程:3D旋转gif动画
图7

Fireworks教程:3D旋转gif动画
图8

Fireworks教程:3D旋转gif动画
图9 png

Fireworks教程:3D旋转gif动画
图10 png

Fireworks教程:3D旋转gif动画
图11 png