无论在GIF动画中，还是在Flash动画中，经常会出现电视机没有信号的雪花动画画面，或者类似的动态图标，现在我们利用Fireworks中的折叠渐变加上逐帧动画的形式来制作一下。

 

效果预览

下面制作方法介绍：

　　1、以这个素材图片为例，当然，也可以自己绘制一个电视机：

素材

　　2、因为这幅图片是位图，我们可以用魔术棒将电视机中间的画面选取成选区，容差值可以大些：

图1

　　3、选择菜单——将选取框转换为路径，得到电视画面的轮廓路径。当然，也可以用钢笔工具勾勒出电视画面的路径，这方面比较灵活，如果是自己绘制的电视机，那么电视画面绘制时就已经是路径了，无需重新获取：

图2

4、取消电视画面路径的笔触，填充成折叠渐变：

图3

　　5、折叠渐变颜色设置为白色——灰色：

图4

6、用选取工具拖动渐变方向手柄，接近垂直或接近水平方向，但不能完全垂直或完全水平：

图5

　　7、将渐变调整手柄移出路径画面：

图6

　　8、选择帧面板右上角的菜单按钮，选取重制帧命令：

图7

9、重制若干帧，这里重制了3帧：

图8

　　10、依次选择其他帧，拖动渐变调整手柄将其改变位置：

图9

　　导出GIF动画即可。如果是Flash里应用，可以导出一个单帧的雪花画面，导入到Flash里以后处理成逐帧动画，这里不再详细说明。

　　PNG源文件：

图10

　　再来一个

　　GIF：

图11

　　PNG：

图12

评论 (0) All

登陆 还没注册？