Flash强大的动画制作功能已经是尽人皆知了,尤其在文字效果方面更为突出,本实例就利用Flash中比较经典和常用的技术--遮罩(Mask),来制作文字的光影效果,可以使平凡的文字看上去更加绚丽。
. J2 Y( V3 J x! s
3 p( j" x! s ?5 M- B
* K. `9 b4 p7 B& f
. b0 U/ b" f4 E5 i( k6 L! Z. Q2 M* R0 i ?
6 }, G& f; }, i" @0 s9 j
1.启动Flash MX并新建一个影片,设置影片为米黄色,颜色代码为#FF9933,影片大小可以随意设置,根据文字的数量和文字大小来调整.
8 ?1 Q/ p2 L5 M9 r& B6 m- [, Y0 Z$ _3 O
! @7 v" ?' ~" _" S5 Q7 l& j$ N5 B' J, A1 l
6 H: C. g, g2 A Y5 P: z3 A- b7 {+ e6 r- {& o' f( L
2.选择"文件/导入"命令,从影片外部导入一幅合适的图片,图片内容没有严格的限制,只要图片的色彩丰富些就可以了,这里我们选择了大家熟悉的带有Windows标志性的蓝天白云这幅图片,并将其导入影片.
+ T' b* w/ @9 `6 [5 e
" ?- H$ o' ]! m+ r7 n0 h) f
: w% Z) f$ m/ Y! M" B+ V6 G/ F f4 K9 z; W
: f8 _$ R0 }/ y+ ]8 g
* J: r4 W* I! @6 p) P# X 3.新建一个图形元件,命名为Cloud,进入元件编辑区后,将前面导入的位图拖进编辑区,调整其位置到编辑区的中间,如图1所示:
) q* b; q7 X! Y/ k4 F+ v
$ `) h- T* I2 S9 t4 Q# V/ V% m. H5 Q; |+ f, `
/ g( v+ e7 P! s) ?. s8 [: g$ G- N9 ]0 R! n) y# q: v
# W8 s2 e, W6 g/ ^( \
) A9 R* S0 R$ T8 O! D
% L7 R) O5 S; e( d+ [, G% W' p% B) g) J- i
! D Y) C8 G, C# y- j图1
d# x, v0 [- s+ v+ e: R0 {6 i. ?3 p/ v% h: ]
' T4 ?4 B b' H
0 v( X% F7 V6 I$ e# L3 K6 t# w) }& W( i- S; w: f4 i
5 ~; r" e8 {/ {/ j C
4.回到主场景中,将影片默认的图层Layer1重命名为Cloud,并在其上插入一个新图层,命名为Word,选中图层Word的第一关键帧,然后从工具箱中选取文本工具,在舞台的中间位置输入文本"IBM",这里的文本可以根据你的实际需要来设置,然后在属性面板中设置相应的字体和文字字号,设置完毕后主场景如图2所示:
, g; m* q. a2 H
8 h, _- t9 { }! h& m
0 N" `1 @$ W2 I. ?! h2 I+ }% S, R' ]4 ^6 V" v5 P5 G' A. Q/ ? \5 r
: _3 B- n. U P) k* ]0 D
w+ L P, s4 P I
C1 K; ?; l$ p( Y
! T; r* H. H) A' z: J* `: ?! B( t4 b" V. d4 |
图2
( J5 v- e1 S3 d8 Z
* Z# r0 H; A' V( _( p- w; ^
8 ?1 B8 b1 m1 _2 y2 k
% ^! U7 @1 Y6 n4 r# ?0 e$ F
5 \/ h- ]0 R5 R) v6 ?4 }$ P8 |
+ n5 Q. V6 x+ P$ R8 E W 5.在继续往下做之前我们还需要考虑一下,本实例是利用遮罩技术来实现的,所以遮罩层的位置一定要设置正确,光影字的最终效果是一片光影在文字上流动,所以根据这点可以确定遮罩层应该是含有文字的Word层,制造光影效果的图层应该是被遮罩层,也就是下面的cloud层,这一关键问题确定后,我们就可以继续了。
0 v- V# P' r& s7 Q' {7 }
4 p5 d/ M# F2 [( B. |% b$ u5 ?% v8 @1 h% T5 u2 C9 o' D) Y! ~
9 u8 F$ L; h0 V& K" b, X7 p
/ ]5 Q2 Y, G0 c! p1 H8 P# j+ r0 N9 @
6.回到cloud图层,选中此图层的第一关键帧,然后从图库中将元件cloud拖进舞台,使其覆盖住前面输入的文字"IBM",并使元件cloud的右側和文字的右側相对齐,如图3所示:
3 v1 h. T6 ^) s1 @& ^
$ ?9 s2 H, I5 {3 W3 _
: F5 W* {% h5 N' ^5 d2 S" G) f" [
0 z" P' p/ x4 i
2 n' w1 f& V" b. [: v
. Y% y$ _/ p* ]9 U) w
X+ Q1 F" n5 w: y
8 p" W% A" @3 `! X/ Q
+ m0 s; { k& U$ L$ g+ t图3
* X# X" h. O+ C3 w
! Q. q# V% {/ E+ G
$ A0 s ?4 R( A7 B5 o# q
5 Q2 q: ]1 c/ T J: y% s- D8 k" E+ x
* c' c2 X ?) t) Z! ^
在两图层的第60帧处分别插入关键帧,选中图层cloud的最后一帧,将元件cloud水平向右拖动,知道其左側和文字的左側对齐,如图4所示:
( a2 x- K, @0 I& L5 @$ p3 m* w6 l) c. H; O4 ?' p# p8 a! g: S
" P' ?* {8 b" [' q, V
3 N! U+ K$ P. w# M/ P. p
+ }- X; X/ K! G/ e) b
5 s" N& H* L8 s- }/ \6 j) b E8 ~, I3 ?/ k* u7 y2 o: m
8 `0 D' i2 `6 c% s7 x
5 |1 `! j, x* Z" h% q; F
图4
- W& A, B* d$ i9 v$ K* x' \3 r" g* a# y- P. Q
7 ^, g, b4 f1 g0 Q& c; k! x5 y) T2 u
0 n/ [# d2 k, g: K# c/ A$ h& R
( U4 `, S4 ~4 C/ q, c" Z0 p. G! O9 a 最后设置图层cloud从第一帧到第60帧为运动过渡动画,同时设置图层word为遮罩层,这样就完成了整个效果的制作,最终时间线如图5所示:
1 g& O: W& r. z7 v. O
; g$ l% z% K! `& L4 d2 a+ A% x, Y4 W8 \7 H" v
5 c" [' E f$ O# G w/ V( P% a0 r( N2 y. Q7 `& z1 P
8 ^8 z* J3 R P' i$ u
: |1 {. S6 \- D6 `4 s" A
' k( a( Z( p# ~2 F
' }5 a9 R% t1 d& ], {图5
% }: W1 d0 K) \
+ W1 I: ?. G, m0 v3 Z4 `" t0 T9 _) ^8 M
# c( ~1 y/ ^& a" A3 ]9 m3 b/ q$ c
# l( F9 B* k- i+ [( I4 I; i( V: D+ A" N6 c1 n4 k- i1 S5 y" T
7.最后发布作品,效果如图6所示:
/ G1 U( g0 h/ H0 j0 R* ~# ]- U; ^
% M% F8 w" D4 ^/ N6 b4 n$ C8 I% m% M$ M
/ r, o, j5 a5 ~) Z, X! }
3 h+ W& v+ M \! b& g% o9 }$ W0 O( n
8 C1 K' x; \8 L" n
8 F) L% ~4 o, I0 Z4 W- R7 K+ e* m* u
/ [, e/ J! D' B
图6
( H& c8 c' U: f% Q& b/ r
; _1 @0 P1 a! K# y; x) a
) |3 r0 ^6 r2 x: P; G
$ T& m8 U9 a! @' I6 |! _7 i: N: [; s h6 z3 V5 u
, |5 C3 ~6 G5 J+ |5 p0 s
简简单单的几步,就制作出了效果不错的光影字,遮罩的应用在flash中非常广泛,利用它可以制作出许多漂亮的效果,希望大家多多体会。
