Fireworks制作下雨动画效果

[复制链接]
查看: 242|回复: 0
gggds 发表于 2009-12-27 12:03:33 | 显示全部楼层 |阅读模式
??? 丝丝小雨,带给我们多少温柔与浪漫,这篇教程里,我们将会用Fireworks里的运动模糊滤镜来制作出丝小雨的动画特效.希望大家在网页设计中能有帮助.   第一步.先选择一张做为背景的图片。    9 d/ c; y; n! B# z9 f) k
5 K4 S4 f7 X3 B1 i; u! H5 C

. j5 `+ o* Z; l) Z+ L
$ R. U( C# _& L  第二步.转换到层面板添加一个新图层。    * m* {* Z& h3 \7 n- H1 O) {

* f# u& d$ z& ?' D
1 b  t( }0 G& d$ U1 G* }6 N
" I  G  m% i( G( b  X0 s0 P  X  第三步.选中第二层,回到图片编辑窗口,用图形工具在图片上方拉出一个大出画布,然后填充为黑色的长方形。   
8 O7 K9 _2 M! |* L& e( x2 P5 \- I+ r* f8 q$ h/ I$ k$ z7 n7 [! k
4 L( t" S6 Y& z3 f; Z8 Y
: F! k+ c8 o+ p" r3 H& R& x
  第四步.保持长方形选中的状态,为其添加效果:效果—杂点—新增杂点,设置数量为:400   
" k) L& M, G: |4 L# L* {7 X& O0 t8 y1 Z+ ?

9 K% @4 b) j$ b% s* n9 b/ q! X9 F  a+ X
9 V( Y+ k* k; P+ p     k* w/ H! x) t+ r! V, e- p
8 h3 g5 L. c0 `$ d

4 H. ?0 M* X. z, S9 P" M% E3 ^/ K4 Q
??? 第五步.得到的效果应该这样的。    ' w0 D. N- f: F3 n

4 ^4 G- Y2 P, X4 I1 E4 M9 ~; m5 A- {% G2 _, j/ }- A9 W* {

5 Z9 l& v( K; K) k& M. |4 \0 {; \0 A     第六步.再为其添加滤镜效果:滤镜—模糊—运动模糊。   
! {+ O' p% A2 S% f, c+ M) x: g- n2 j2 b8 J7 ]
1 ~- t# V6 D  z9 o* s$ ~

- a' s) Q& k% D3 y' R5 y" v  第七步.在弹出的对话框中调整其参数,背面是设置滤镜后得到的效果。   
0 L2 @$ _/ `' f  x- \) K: ~3 i* Q+ }8 v+ Q# B

: |6 a( _2 F4 s; n: p) h5 h0 X4 ^6 a. H7 ~3 ~, i' F! i( R# M

+ }& C4 L) [# i+ E& v  第八步.接着调整它的透明度,这样才能把背景显示出来。 
7 L5 H. `8 p1 @! H
) I2 z: p2 g5 l, X/ N* a' w3 n# k+ m+ Q  b
  第九步.这时候图片有点像下雨的感觉吧.    ; D4 J4 B) u" Z' M
9 j3 c& D/ K2 i' W: u

& s6 o! q# a7 `! X, z; X! N6 y5 O0 |+ f% S! ?; l. V' ?
   第十步.要做成动态下雨的效果,下面就是关键步骤!转到帧面板为长方形添加一帧。    2 q) `8 k9 X0 H
- K0 F5 `& [, i3 H
: }# W( B  W- r+ w. z# k* s5 O9 H: A

5 W$ K& Z* J/ G" B  W1 m    第十一步.调整该帧长方形的位置,虚线为本来的位置,蓝线是调整后的位置。   
# B  Z8 b. D5 V% ?2 G
( H+ `9 O5 E9 }. C8 X- d4 P! _  k% M  U' k' G9 X
, U$ `+ k, s- v6 M2 Z7 G
  第十二步.重复10-11的步骤再添加一帧。   第十三步.最后,回到层面板,选择背景所在的层,双击该层名称在弹出的对话框中把“共享交叠层”项勾上,作品到此也就完成了。   下面是最后完成的效果:    2 M) F( R0 b) g8 \$ `0 I  D

2 H5 K4 f2 L2 q7 O# X) Y1 X' L  u" Z+ f$ ]

' v+ T) S, D1 R$ I/ y3 `5 n) f     这里我只不过是简单做一个示例,希望能够起到抛砖引玉的效果,大家其实通过调整其中的参数可以做出更好的效果,如果你做出更好的教程,请与我一起分享哦。

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )