|
??? 丝丝小雨,带给我们多少温柔与浪漫,这篇教程里,我们将会用Fireworks里的运动模糊滤镜来制作出丝小雨的动画特效.希望大家在网页设计中能有帮助. 第一步.先选择一张做为背景的图片。 : @: W5 Q" c! C8 {- y! ^
+ Z( P. N+ h t4 n0 U9 v
& S1 M0 k0 K2 g# c+ L: L* d
4 C7 v% \# R1 r. C 第二步.转换到层面板添加一个新图层。
3 o. K# }/ b% u/ Z3 w s# Y" b, ?# X9 s, h: r0 p1 Q# a& T' {
3 J' s% L; e! q7 h# M& K
9 C4 w5 K0 f8 h7 D. l6 N- Z# C 第三步.选中第二层,回到图片编辑窗口,用图形工具在图片上方拉出一个大出画布,然后填充为黑色的长方形。 * B$ l C+ y) S! @ ~; D
7 K3 O- u$ T* p
( Q/ Y# t' s, z* `- j( h+ L
5 U7 d/ p- d9 q& ~9 C" |( g 第四步.保持长方形选中的状态,为其添加效果:效果—杂点—新增杂点,设置数量为:400 ( X+ e* q& b0 ~
! j4 z* I! e& Y/ y* B M1 R, e4 g) R# J+ E/ I, {
+ I# r6 [& y3 X: B
& U, l* o0 u+ _: k8 O/ C- p' ^
# Y/ I) Y0 H* O% w5 R; v& g' Z# d* F+ ^8 P6 L, _- i9 \
* e, S, B0 r C% O" s* y
??? 第五步.得到的效果应该这样的。
0 C# }, \, v" }# H2 X: u4 @7 {2 r1 Y8 Y: i
- E2 X9 H6 }6 T. U0 `" a3 ^
" o' ]1 s4 I. ]
第六步.再为其添加滤镜效果:滤镜—模糊—运动模糊。 + \$ @! H; S% W, U
0 e4 F# g+ i5 W( _, ^0 ?9 Z8 |' l3 G
1 R- c2 p- ?2 r3 k+ C9 B

5 b9 F2 _6 B' `$ t 第七步.在弹出的对话框中调整其参数,背面是设置滤镜后得到的效果。 , l5 |0 X0 j) p7 T" T; y, I
' p; v9 v8 V% @5 \7 k3 R" b- a- j {. }# i- f" A
8 u: d$ M: l( e3 \: C
" O2 B* |# X: T4 d
第八步.接着调整它的透明度,这样才能把背景显示出来。
?1 H* ~6 I9 y9 p2 ~ _2 ~) _# }) n x7 \
: ~% S+ }% m' J! Q& q5 Z! b9 p
第九步.这时候图片有点像下雨的感觉吧. - ?2 H: \& h* f) b/ _
' b+ C2 K; E- s8 d# T% m2 ^
3 p2 F5 G5 P; p- O
* d( w) t5 `3 C6 e7 R7 y 第十步.要做成动态下雨的效果,下面就是关键步骤!转到帧面板为长方形添加一帧。
8 J# U' P* B+ q$ t; Y) p
- n n# P0 p: p! F
7 G7 W+ Z) T; B+ h" T7 U 8 W/ @+ ]; S/ c$ S/ F" w$ w) S
第十一步.调整该帧长方形的位置,虚线为本来的位置,蓝线是调整后的位置。
" K; a2 n7 o! Q6 ~, m- w6 T3 X5 D. ]' b! z
3 n2 S# K4 e3 h) m' e. S: j
6 y" b# C, I3 j! r1 G# e6 r
第十二步.重复10-11的步骤再添加一帧。 第十三步.最后,回到层面板,选择背景所在的层,双击该层名称在弹出的对话框中把“共享交叠层”项勾上,作品到此也就完成了。 下面是最后完成的效果: 9 W1 I4 {: ?. f
% z/ @# ?0 s R' {- O
& ^7 C5 t* y/ d, e1 p* P $ ]1 F4 I+ t9 c7 `
这里我只不过是简单做一个示例,希望能够起到抛砖引玉的效果,大家其实通过调整其中的参数可以做出更好的效果,如果你做出更好的教程,请与我一起分享哦。 |
|