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

0 y' L. {5 a. L: V% r& \* w" C无论在GIF动画中，还是在Flash动画中，经常会出现电视机没有信号的雪花动画画面，或者类似的动态图标，现在我们利用Fireworks中的折叠渐变加上逐帧动画的形式来制作一下。
5 x/ H$ Z/ j# W8 ]  {: r1、以这个素材图片为例，当然，也可以自己绘制一个电视机：
网页教学网
) Q- }1 m$ A: Z" P3 _5 D
6 l/ w3 V. d. b7 ~; |7 a6 O
! U4 C% L: l2 I



7 Q9 l" U' t/ P) Q( ?5 n2、因为这幅图片是位图，我们可以用魔术棒将电视机中间的画面选取成选区，容差值可以大些：


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



$ i& o; X9 [# ^1 P

$ e8 s# x. p: O) \' f  p9 A$ c& `: a
4、取消电视画面路径的笔触，填充成折叠渐变：
. f/ o! S# C  h% I4 A9 @
& d# E4 ~& n. x4 c  f
  K: I$ X: c: m" m
" Q) `  R/ r' f, c


4 K7 m6 H' L/ s. X' j% ~

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


/ u0 u" [  M( K, x4 L. ~

4 m& Y1 v/ s( n: h webjx.com
! i/ n" g7 E- r* m4 S$ B7 b2 H7、将渐变调整手柄移出路径画面：
/ ]/ k1 g$ ]7 a2 F4 s7 \



" Q/ E- y9 {2 y" ^$ H6 n' x8、选择帧面板右上角的菜单按钮，选取重制帧命令：


网页教学网
9、重制若干帧，这里重制了3帧：
5 _( u4 @+ X1 S. j8 J

4 n& [! ^/ t* W% F

- d9 F9 x+ I- Q9 @* {
4 e9 b' k3 {, M9 w  k5 ]: E' F+ V
10、依次选择其他帧，拖动渐变调整手柄将其改变位置：
  ]& n- S( w2 Z; L0 k, _5 n- P+ P+ b

Webjx.Com
* i% B/ I8 C- ]( E导出GIF动画即可。如果是Flash里应用，可以导出一个单帧的雪花画面，导入到Flash里以后处理成逐帧动画，这里不再详细说明。
4 A( t: q* C3 }$ w* RPNG源文件：

8 r2 x) q& o# e! x! X8 e

: R6 U( \8 s+ |
/ y: c; k( [/ A) T6 D
$ l; q% Z5 Q) C, s7 |再来一个 webjx.com
GIF：

' B; N2 r' ?: G' U6 Z
. J  t  I, I1 \. j. |
4 s; K1 V# |+ b9 |$ j8 H  _- p+ M

0 s9 D; n) f+ @1 G" b! H
; F/ \$ z0 I: IPNG：
3 O1 U0 [0 O1 K5 ]4 a5 C9 E3 ~; Y8 [3 q