Fireworks折叠渐变制作电视雪花动画(1)

无论在GIF动画中，还是在Flash动画中，经常会出现电视机没有信号的雪花动画画面，或者类似的动态图标，现在我们利用Fireworks中的折叠渐变加上逐帧动画的形式来制作一下。
1、以这个素材图片为例，当然，也可以自己绘制一个电视机：
1 H. \8 l  o4 ^5 g6 f网页教学网

. _+ ~8 S) Z) ]) U( w, a


/ \8 A- K4 e: `" O' s

! p# z9 Q5 A+ z" B$ Z8 b2、因为这幅图片是位图，我们可以用魔术棒将电视机中间的画面选取成选区，容差值可以大些：

6 o! F  B5 N( R; c7 d/ r' N) b; P
www.webjx.com
/ u8 s8 {, k% }  G+ M3、选择菜单——将选取框转换为路径，得到电视画面的轮廓路径。当然，也可以用钢笔工具勾勒出电视画面的路径，这方面比较灵活，如果是自己绘制的电视机，那么电视画面绘制时就已经是路径了，无需重新获取：
5 |, x+ G, [# \7 x
* s4 Z- i# F4 `; N+ D5 N
' M3 W; {# F- g  C" i

0 I; }! h) ]  y0 B) b+ l
8 e8 `# t9 c; [( L0 y7 H# o0 e
- _" W0 U4 V$ s" m4、取消电视画面路径的笔触，填充成折叠渐变：
/ `) A1 R- G* c
- Y9 x5 |1 E3 p6 j7 N% q' I* h
* R' E- s9 R4 t. i. d3 _% H
. C3 T& m; g- n: `& C, l

+ M) y& C$ Y8 {  q$ R: [, w* R


8 T0 c; C( c; J+ J; x: K- f! h6、用选取工具拖动渐变方向手柄，接近垂直或接近水平方向，但不能完全垂直或完全水平：

1 g+ v+ ]# x0 X# t+ d& S9 L

  p* k  e* t: E6 {
  Q) r, z- c- f webjx.com
# k, G! l6 e$ C7、将渐变调整手柄移出路径画面：

2 {3 Q  \5 S3 z% v& M. \


8、选择帧面板右上角的菜单按钮，选取重制帧命令：
/ r9 L5 \1 e" \- a  \
; w7 ]- p* K, r3 ^5 H- c7 `
, j4 V! P! Z' ^' d- a. v- X( V 网页教学网
9、重制若干帧，这里重制了3帧：


3 x- `! n3 a0 j$ p6 a" x" c( a

* I4 z0 y6 D5 w1 p; I) g0 B; H
5 z" e/ o' ?8 @& T$ ^
% t4 b5 K' v* i10、依次选择其他帧，拖动渐变调整手柄将其改变位置：


9 S0 _! `4 J) B' }+ C Webjx.Com
导出GIF动画即可。如果是Flash里应用，可以导出一个单帧的雪花画面，导入到Flash里以后处理成逐帧动画，这里不再详细说明。
PNG源文件：
" g; U: \9 z  c




再来一个 webjx.com
1 }$ A& f# `" UGIF：


0 ], L( W. f9 r9 P3 i6 D0 u


: a3 H2 t: U* }! x3 |+ N: ?
% g4 j& ]" m6 m9 C: ~4 ~  R3 m+ Q4 iPNG：
' a* C6 y$ x- W