|
??? 丝丝小雨,带给我们多少温柔与浪漫,这篇教程里,我们将会用Fireworks里的运动模糊滤镜来制作出丝小雨的动画特效.希望大家在网页设计中能有帮助. 第一步.先选择一张做为背景的图片。
3 D6 e! ? s- T' W ^/ y$ B2 f
" M% W# o* |0 `* M+ j2 M% V, c! Q4 v. G
" S/ `$ x. H( r) B; H4 j( Z
第二步.转换到层面板添加一个新图层。
) e) V. U; l* n7 J! t" V. A+ O# _' l, N& |
8 H2 J- ^1 F/ M$ r+ Y: C & I; s4 u, `3 }
第三步.选中第二层,回到图片编辑窗口,用图形工具在图片上方拉出一个大出画布,然后填充为黑色的长方形。
6 }: o z6 E( r! S2 O( `) s& b1 [
! B3 |% W) G# @! @
5 f( v# k5 }& {% c % n' [3 Z/ O5 U. y N8 b
第四步.保持长方形选中的状态,为其添加效果:效果—杂点—新增杂点,设置数量为:400
; x- Z7 H4 k* k( y4 v- l: B5 g5 ~ m: R# q2 ]
, n! ~; ~ d% y( y( ~/ P" `
& @- [3 T3 I. X. M; r ' |) O8 V3 f9 V6 N: X
, X# w# t) B) i1 L" M! |$ H
4 T- i. A. @7 t. b
' m( M2 c& |- J* H; `8 x??? 第五步.得到的效果应该这样的。
7 m" R/ p; P6 i9 @6 m# @9 A1 u3 X+ H. e; t. b( k0 T
' x, N) e, T4 E# B2 f8 s2 C
/ e0 t6 {8 D) S) B5 M6 K5 R. L
第六步.再为其添加滤镜效果:滤镜—模糊—运动模糊。 ; R; d% {7 J' S2 d# ?' b( ?- P
' V1 e# } \1 S. N& O# A
% V" J( j! E' N2 G( q! B- s ) F$ M7 L5 N/ M) z' R
第七步.在弹出的对话框中调整其参数,背面是设置滤镜后得到的效果。
7 ]; A! b) b1 i6 L* w! s' B
. z6 G8 Q2 I; \) D( U& M! `' T$ O, [( n3 h/ W
, q1 E( C$ `( U$ c
1 R9 T: y6 ]8 t6 M3 t+ W 第八步.接着调整它的透明度,这样才能把背景显示出来。 / M& T: R- Q4 b7 m5 d* w, b/ X' I
& p; x/ b( }0 Y, H$ k9 i) L
" B* x2 a; X( b# H7 u2 ^
第九步.这时候图片有点像下雨的感觉吧. ^9 S9 ~5 i) J
( ^: K; R" v. _
+ x6 r& t2 N6 u9 ~' a + s( X9 r. ?# C0 x0 Y
第十步.要做成动态下雨的效果,下面就是关键步骤!转到帧面板为长方形添加一帧。
- ^& d( x- {8 b! X0 J: |- L2 \7 B
u- z& Z4 k' w/ ~: ~- T
: L: ~4 W6 L0 P4 s' s" N
$ O9 \( G, O7 y3 [ 第十一步.调整该帧长方形的位置,虚线为本来的位置,蓝线是调整后的位置。 2 O' k4 t! o, r4 p6 d$ k
! k7 M* k7 z @$ P
& n$ p: H8 r0 i) g) }2 L( ^" W
! \ Z; o7 `+ l; h- w! ? 第十二步.重复10-11的步骤再添加一帧。 第十三步.最后,回到层面板,选择背景所在的层,双击该层名称在弹出的对话框中把“共享交叠层”项勾上,作品到此也就完成了。 下面是最后完成的效果: 7 ]& J5 C X k+ s2 J6 t
" r7 v) [: [5 F* |' I. I0 ]& w( q, {

- l& E) |8 E( a7 n; ~, p# _ 这里我只不过是简单做一个示例,希望能够起到抛砖引玉的效果,大家其实通过调整其中的参数可以做出更好的效果,如果你做出更好的教程,请与我一起分享哦。 |
|