Fireworks教程：电视雪花动画效果的制作 (1)
无论在GIF动画中，还是在Flash动画中，经常会出现电视机没有信号的雪花动画画面，或者类似的动态图标，现在我们利用Fireworks中的折叠渐变加上逐帧动画的形式来制作一下。www.ad119.cn/bbs/attachments/websoft/20081230/2008123011224595377801.gif
效果预览
无论在GIF动画中，还是在Flash动画中，经常会出现电视机没有信号的雪花动画画面，或者类似的动态图标，现在我们利用Fireworks中的折叠渐变加上逐帧动画的形式来制作一下。
www.ad119.cn/bbs/attachments/websoft/20081230/2008123011224595377801.gif
效果预览
下面制作方法介绍：
1、以这个素材图片为例，当然，也可以自己绘制一个电视机：
www.ad119.cn/bbs/attachments/websoft/20081230/20081230112246077802.jpg
素材
2、因为这幅图片是位图，我们可以用魔术棒将电视机中间的画面选取成选区，容差值可以大些：
www.ad119.cn/bbs/attachments/websoft/20081230/200812301122464677803.jpg
图1
3、选择菜单——将选取框转换为路径，得到电视画面的轮廓路径。当然，也可以用钢笔工具勾勒出电视画面的路径，这方面比较灵活，如果是自己绘制的电视机，那么电视画面绘制时就已经是路径了，无需重新获取：
www.ad119.cn/bbs/attachments/websoft/20081230/200812301122469377804.jpg
图2
4、取消电视画面路径的笔触，填充成折叠渐变：
www.ad119.cn/bbs/attachments/websoft/20081230/2008123011224614077805.gif
图3
5、折叠渐变颜色设置为白色——灰色：
www.ad119.cn/bbs/attachments/websoft/20081230/2008123011224618777806.gif
图4
6、用选取工具拖动渐变方向手柄，接近垂直或接近水平方向，但不能完全垂直或完全水平：
www.ad119.cn/bbs/attachments/websoft/20081230/2008123011224623477807.jpg
图5
7、将渐变调整手柄移出路径画面：
www.ad119.cn/bbs/attachments/websoft/20081230/2008123011224628177808.jpg
图6
8、选择帧面板右上角的菜单按钮，选取重制帧命令：
www.ad119.cn/bbs/attachments/websoft/20081230/2008123011224632877809.gif
图7
9、重制若干帧，这里重制了3帧：
www.ad119.cn/bbs/attachments/websoft/20081230/20081230112246375778010.gif
图8
10、依次选择其他帧，拖动渐变调整手柄将其改变位置：
www.ad119.cn/bbs/attachments/websoft/20081230/20081230112246421778011.gif
图9
导出GIF动画即可。如果是Flash里应用，可以导出一个单帧的雪花画面，导入到Flash里以后处理成逐帧动画，这里不再详细说明。
PNG源文件：
www.ad119.cn/bbs/attachments/websoft/20081230/20081230112246421778012.png
图10
再来一个
GIF：
www.ad119.cn/bbs/attachments/websoft/20081230/20081230112246437778013.gif
图11
PNG：
www.ad119.cn/bbs/attachments/websoft/20081230/20081230112246484778014.png
图12
页:
[1]