手机
当前位置:查字典教程网 >网页设计 >FireWorks教程 >Fireworks利用EyeCandy滤镜工具设计制作旋转立体四叶草动画实例教程
Fireworks利用EyeCandy滤镜工具设计制作旋转立体四叶草动画实例教程
摘要:完成效果如图。此图片是动画效果,由于浏览器的不兼容,导致此动画无法观看的朋友们,可以右键另存为到本地观看,效果是一样的效果图Png图1.Fi...

完成效果如图。

Fireworks利用EyeCandy滤镜工具设计制作旋转立体四叶草动画实例教程1

此图片是动画效果,由于浏览器的不兼容,导致此动画无法观看的朋友们,可以右键另存为到本地观看,效果是一样的

效果图

Fireworks利用EyeCandy滤镜工具设计制作旋转立体四叶草动画实例教程2

Png图

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

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

Fireworks利用EyeCandy滤镜工具设计制作旋转立体四叶草动画实例教程3

图1

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

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

Fireworks利用EyeCandy滤镜工具设计制作旋转立体四叶草动画实例教程4

图2

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

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

Fireworks利用EyeCandy滤镜工具设计制作旋转立体四叶草动画实例教程5

图3

【Fireworks利用EyeCandy滤镜工具设计制作旋转立体四叶草动画实例教程】相关文章:

Fireworks利用滤镜工具制作Gif动画实例教程

Fireworks利用交互式填充工具绘制精致网页导航菜单实例教程

Fireworks制作残影动画

EyeCandy滤镜打造旋转立体四叶草动画

Fireworks设计绘制有意境的清新翠绿的竹子实例教程

Fireworks 制作数字镂空圆孔效果教程

Fireworks网上电影发布实例教学

Fireworks模仿制作逼真的移动硬盘实例教程

Fireworks教程设计制作红酒酒瓶实例

Fireworks绘制IE浏览器图标教程

精品推荐
分类导航