推荐:FireWorks绘制水晶质感的文件夹前段时间做过一个Fireworks画书的教程,今天再来一个水晶质感的文件夹。其实这也没啥,PS做的多得去了,只是我喜欢将别人用PS做的东西用fireworks做出来。当
itgao老总是我朋友,前几天要我帮忙做个banner,拖到今天终于有点不好意思了,动手!
好久没有用fw做动画了,有些生疏。有不合适的地方希望大家不要扔鸡蛋砸我,要扔就扔石头,一把砸死我得了,我这人脸皮薄,呼呼。
好,废话不多说,咱们开始吧:
效果图:
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M%2FO0ZiWmQ%3D%3D&restype=3&from=derive&pi=&v=1)
本文涉及知识点:
1、fw创建gif动画的基本过程;
2、fw帧动画中共享层的使用;
3、fw外形渐变动画的制作;
4、fw缩放动画的制作;
5、fw帧帧动画的制作;
...
第一步:做背景层
大家知道,大多动画的背景图片都是固定的,变化的只是动画里的文字阿、图标等等。我们可以事先将背景部分做好,然后将其设为共享层,其他帧里我们就不用再复制背景层了。
新建468*60文档;
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M%2FN0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
用矩形工具画一个矩形,大小同画布;
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M%2FM0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M%2FL0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
将填充颜色改为线性渐变,调整颜色如下;
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M%2FK0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M%2FJ0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
通过“文件”菜单里的“导入”功能,将修饰图片导入场景;
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M%2FI0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
并调整布局及搭配,结果如下图:
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M%2FH0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
将层面板中层1设置为共享层,并新建层2;
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M%2FG0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
![](http://cdn-img.sm-tc.cn/?src=l4uLj8XQ0I%2FO0ZKdyorRnJCS0JWc0M7P0ZWPmA%3D%3D&restype=3&from=derive&pi=&v=1)
分享:Fireworks Eyecandy滤镜制作残缺的边缘虚化文中的效果需要Eyecandy4.0的支持。假如你对此效果感爱好,可以下载此滤镜试试。这是韩国某网站页面的部分截图。有朋友对这个效果很是喜欢,问我怎么做。Firew
推荐:Fireworks视频教程