flash遮罩特效实例精选--放大镜

我们对放大镜并不陌生，在日常生活中经常用到，其实用Flash也能很好地模拟放大镜效果，本实例将讲解如何模拟放大放镜效果，最终效果如图1所示：% n, Z9 n+ s1 d8 x" m8 _2 H% V. z

( z. ]6 c) C- }4 F4 f( V
& v4 e; ?" j% n# Y0 g/ }4 o% j+ O- `. r. _
. R7 m5 Q6 m( E4 N/ M

9 c& e8 q. N8 [2 l; \$ A: C/ s$ i$ g

3 p4 ^* i! E2 n* C
4 O; K  ?0 Z' b5 |1 w/ ]) D图1 放大镜效果
' E8 O8 c% X* \+ l& b" ~3 P* a: `/ ]7 r( W

  \- N9 d: R# g- K3 s  i  k, z: X( W, K2 J

- Z, U9 D/ j! t& _/ D: l& {6 O; k3 X/ @4 J5 Z& S4 b  |- P
　　其制作很简单，关键是其制作制作思想即技巧问题，在制作过程中使用了少量的脚本，如定义变量，和动态发改变实例位置的一些控制语句，如setProperty()等，具体制作步骤如下：
9 u2 p5 Q) O/ {. J4 w8 X% z1 @0 ]7 R- k6 i2 `; [" u3 `6 Q; |. Z
6 q' c8 w. K9 z1 Z

7 V7 K$ ?: g  Y& Z  q
% x; {$ E4 R, r/ P- J1 O0 w4 K
' f$ i( i2 u% I　　1.新建一电影，设置影片大小为585pxX483px（单位为像素），背景色为白色，当然该实例中背景色的设置对整个影片效果毫不影响，可以任意设置。将预先准备好的一幅图片导入到库中。
; A$ e, P- `; f: @5 a
! G! Y+ `* R$ B
4 B, z; e) `4 W) \( C+ j$ e- T, [) N- `
/ W, R2 d* F! F9 A  I* \( J5 A& |

; ?: A0 Q: h- t) E% X; k　　2.新一影片剪辑“picmovie”，在第1帧中插入一关键帧，打开库面板，将导入的图片拖放到工作区中，使用任意形变工具，调整图片到适当大小（798pxX598px）。* [7 Z& y4 G( J

& K( p0 z6 i/ M& h& O- I, j% y/ |: V. s& m4 z3 A

0 T% l+ a& b- q$ d% L1 Y0 q: T1 g2 Y

1 i1 F, ~% T; f( f) ^) s　　3.新建一影片剪辑“meng”，选中默认图层的第1帧插入一关键帧，将影片剪辑“picmovie”拖放到工作区中，创建一实例，插入遮罩层，选中第1帧，在工作工中绘制一填充色为＃0066CC，轮廓颜色为黑色的正圆，如图2所示：  j4 _: S" {8 b. Q
, W/ |4 K% X* M8 _3 Z( R9 \

6 L7 n  i' Z! b7 t" j
" r$ F. s2 W2 ~) v/ l: Y- C* J% s7 h
! |/ s1 C( d9 Z
( S0 s9 Q* ~- h# J
  m' E( I6 x6 T: t. x
* q8 \, K6 i/ L( o3 ]
& h8 l6 J" y$ x, V图2 影片剪辑“meng”的设计( }7 l& J1 P5 x# F9 C- u
* _% y8 I6 E* m9 S/ s/ r

+ D: J& C, e* C; k. W3 u& R
2 m0 P) N0 E  k7 m
/ U9 Q, _, f; r2 I4 ~3 c3 U5 b' r/ }4 i9 J
　　4.新建一图形元件“ball”,打开混色器面板，进行如图3所示的设置：
, m: u8 W6 b& r" u
4 a7 Y4 s+ Y6 _8 c0 g/ e# d1 n, I8 D) {9 b6 _
$ a3 y2 Y5 Y) l
* H4 o7 Q( \& s2 X$ r
5 o! `7 O$ k" Q( U9 t0 k+ w- U$ W

/ h" }- b( B" U0 S
0 i% s. r. B+ z! U+ o. A' }5 C
图3 设置填充颜色: R8 ^' s6 y/ ]# l

; l0 S% E% Y8 O
( z" l& i6 r; t% v" z6 F
8 X' \, A8 c  R* R( t) b" ]2 D0 U4 Z% L: j. x$ N/ k0 K- D8 a

% s7 R* H" e, K, ~: N1 E　　选取“椭圆工具”应用上面设置的填充颜色，按住Shift键在工作区中绘制一正圆，即完成图形元件的设计，如图4所示：
* P0 d6 p3 Q0 L4 o) ]: c0 f3 j8 E0 V
" i- S) _5 K% Z; |3 D
3 @. x5 A7 F7 Q9 d; {% R
6 S) I" I8 A- G
1 v5 S; L: v+ L* E' `
5 j# A) U% F; j: S) j

) r0 X4 S4 S; A* u+ i
1 c4 T7 @7 w, Y图4 绘制元件“ball”的图案$ i8 D9 n/ e% e' l4 M
! H% F7 q- [/ a+ x- y
$ L. B" |/ H* Y* B
9 ^7 O6 ~" R* H% X) R
0 E. E1 }" H  S: S% Y, X2 F" z
2 ]* j4 S/ r) M* O$ q: [% |) q7 |
　　5.新建一按钮元件“button”，在默认图层的弹起帧，插入一关键帧，选中该帧在工作区中绘制一放大镜的轮廓，如图5所示：; a+ Z- P9 D. ^$ X; D- G

6 [" |& u6 Y0 ?3 q
( K# C7 T3 Q" ]- X; s) F6 }2 X6 [' e; I  }2 o
- c: g7 A, |: Q; F

% c$ `# {* e1 L& N+ p6 C, S$ \( A# n+ }$ Z
' H& b! k8 U4 V' F3 G* I* p* h. ]

, q8 \( R4 [$ G, Q图5 绘制放大镜的轮廓
0 q+ C0 J1 W+ ^& P: V( {3 [& ]  |, \' k
+ {* R1 D# [/ _% |4 m+ A

4 Y8 y) B- i. K# b1 s& [
# E: Z8 z# T4 P9 s$ Q3 |5 r. R" k* G0 `1 D/ M4 l
　　新建一图层，在“弹起”帧处插入一关键帧，选中该帧将制作好的图形元件“ball”拖放到工作区中，这就是放大镜的镜片，调整其位置效果如图6所示：" e# c- t/ v2 D( i

. g2 s: V5 q" L
% ]  G6 ~. i$ f2 n
1 J$ O. D. c" k; L* L1 k$ ?* _
9 Z3 f+ L7 \1 @1 j% Z, {: H# Y+ W4 h. p  j) m0 b  q" o
5 n. R, N$ c" l# D; J8 B, D

2 g6 g, `9 R$ d! K( g
- b9 o& @- K+ ^# u: _图6 为放大镜添加镜片5 j0 G! |" `5 R3 Z0 [( U* H

+ d5 ~) b/ x' |0 A) t" J2 k- K
+ {2 f# \5 R( s7 L6 w7 H3 A
6 Y- O/ U7 \9 e) Y8 p- M
# L5 B. j2 @, O) \5 n1 j/ ~9 r
( m$ h( ^- {4 a+ A& }　　6.新建一影片剪辑“fangda”，在第1帧处插入一关键帧，将制作的按钮元件“button”拖放到工作区中创建一实例，选中所创建的实例，为其添加如下脚本：% A  H; o9 ]+ [4 o# T$ Z* B

. k; A& ]* @' I- d. O8 ~+ H9 P) m) z" q5 F! _7 s  c6 q4 T
/ l& A" I0 Z( X7 l- \: q
8 B0 e, f+ F& F& K! H$ N8 Z& ^
# P  ~- G  h! b; v
on (press) {( ]' l+ U% i& S  G+ W# W7 J
" T' U% O' B7 u4 ^, `8 @' M/ K

! a6 E" Q! y, c0 b/ n3 \- ~2 F( L5 [* H# e7 D$ I

( v9 t) e% a) N# s9 Z. l0 f+ [7 b6 ^  [
    startDrag("_root.jing");; A; k) y/ v8 H$ p8 [$ z

7 e+ Y" R9 }( |1 E) [- P, e0 R2 D+ `5 D: |) l- [! @, `8 c6 T: p

. ^2 f+ G, n2 D& V- l+ h1 b
/ Z5 Z1 F# j2 C6 S/ S7 C1 S0 p! p5 o( p' ^# k
}. S8 ^4 t8 W7 W) I" ^

, M* X- ^- B+ V" @4 N3 b9 r- ]
9 O. Y( D$ U$ }) a2 ]
8 U' S) {. Y9 S) N/ w* p3 z' g0 k* d  M, l; s1 |& c5 ~, y& S

5 J- D, U! x+ o//当鼠标按下时可对主场景中的实例“jing”进行拖曳。
5 [% r% B6 Q; [1 _3 B3 R& `6 r* [3 E" ]9 Z
  S$ `" I" X( I* q6 r! {) ?' z
9 M" M/ i; b9 G1 o3 d+ b/ s; N

6 _% X2 O& k9 m& G4 S5 A7 O
6 G4 U1 e0 W9 F2 kon (release) {
) y3 h! e4 Q2 m, g* y6 d# K3 w. J* U! r! m* e& B! i

0 [- O5 B% f5 @! A. h' `* X
/ [* @, ?' n- w5 Y  Z& E7 J) p) U1 F4 y4 Z. t
, a+ _! @  ^; W) e0 f0 c& z1 i. i
    stopDrag();
; T, T  F1 T& _" S7 d; i6 t3 B' j$ H
2 d  r7 ~3 j3 a7 E% U2 |4 }4 _
" r  @2 K" o( e& Z3 c. R; ]2 `; G5 v
8 d/ M7 }, z# a6 y
1 i" |9 W5 K( B/ L5 v8 Y
}
; T' E' A; ?  s3 F% E
8 }5 f8 `8 |- R- o/ [7 c
8 T4 h" ^+ \1 h! E" g. W& m( J& j# `! p) N
" N: P, }7 l# D

$ _6 q( U: ~; Q//当松开鼠标时，停止对实例“jing”进行拖曳。
  |/ h/ c7 x0 ~+ o0 h  R- w0 C3 `- o9 j% b  x& e- X4 ~

1 _# a3 k, I* y9 W" @" }" b+ R
0 \" T# j5 O) D8 Q) [# L( P( m
2 a- g: @+ ?: ^7 `3 Z8 k
　　7.返回主场景，为了便于理解将默认图层更名为“pic”,在第1帧处插入一关键帧，将影片剪辑“picmovie”拖放到工作区中创建一实例，调整其位置，设置实例的大小为638pxX478px，第2帧处插入帧即可。
( G4 T4 x) x( u% G* J
" V3 g& _4 _5 Q) d4 T) b9 W
6 ?: r- [+ I$ _" U, G+ S( N- y5 J/ }0 B' U/ H2 Y
% {7 w9 ~/ T! g4 r8 I2 M* D

8 Q  l( n9 ~3 A# Y& O, ~　　新建一图层“mengban”，在第1帧处插入一关键帧，选中该帧，将影片剪辑“meng”拖放到工作区，创建一实例“meng”，# T  y; d. J5 ^5 _5 p

+ L% d' M" J! b& H4 F6 [. F- S) J
: Y( v3 h, M4 V5 o0 b# `

& C$ R- V7 P; B1 U- M! p$ C9 w1 W$ z! p& |, [/ F; g, a- y
　　新建一图层“fangdajing”，在第1帧处插入一关键帧，选中该帧，将影片剪辑“fangda”拖放到工作区中创建一实例“jing”，如图7所示：
6 W: p1 Q7 y5 ~& Z9 O6 o7 ?" [0 s- D  Q! {1 p. q. |

, I, d! U4 x2 N7 ^( ^4 C# X  v
6 e* F( c- ?; U0 S- H/ W2 x7 M
! W' Q! T7 B' S( u; S! H4 P$ d, i3 r1 M, `
/ o. M+ i$ h& T' J% d2 p$ j
: F2 ?$ m# O) A9 O" D5 O
; \8 [1 j6 ]4 d9 Q1 e4 C3 B
图7 为影片添加放大镜
1 m( K+ j, }! U2 y! q% F0 w3 M5 H  p* ?# [' Q: y8 D
$ v" i& X: x' ^' S% F7 o! D

  j3 C' Y9 e4 l. A2 q
7 B: l9 D; D# D5 P+ z9 d: M: p, k' j' i6 S; |) i% z
　　新建一图层“action”，在第1帧处插入一关键帧，选中该帧添加如下脚本：! T4 d  T* U% q3 W& j- S) V
; |1 h% e+ o9 Y, w

& S6 \/ v! V1 a) b" Y7 N2 T8 I* e" k% l$ L0 L
' b8 j0 o  }8 M, `9 b& R8 g2 \
- K0 R" x, G: L( m% V: u. ?
sx = _root.jing:_x;
" N: a1 p4 f7 |- }+ `/ y5 K4 n, l# e1 B+ X* P/ f, R
+ Z8 `5 b9 {+ ~: T5 p
6 ~/ ~- ^9 q" {/ Y2 j1 Q  I

: n- s% s" P& \& H; J# ~+ r+ z  P! A
sy = _root.jing:_y;# u$ i# S+ j" ^; F1 Y
5 A' k! c* [! c' V8 H+ o( O
" U  J8 b4 Z# ?! h' p! }# V

) W6 Q$ N/ h* K3 z. d& B( \1 e/ \6 z, g$ z, g+ b6 P
( Y/ e6 W- ?5 S( f! ~8 ^, z
//获取实例“jing”的位置: D% w, t, i2 \7 ]3 \3 ^- B% _, G
. d3 i- p: V1 s' a, Y3 Z; ]4 D
2 k* T: L  x+ O9 }) c6 ^
+ y; R3 g* n( J' R9 T' x8 S0 o

3 ^1 Z9 @9 ^5 V: ?( P
/ L: j+ d3 k) H: E. N　　在第2帧处插入一关键帧，选中该帧添加如下脚本：
9 L% H# X3 w7 G) r; \. X0 M* w' g& P# G& B
# x* r% W. j) l5 |- B8 |

0 r9 A: G4 `. V1 e' }# Q- b
/ X9 l  N( {$ p: B3 m& c
2 z7 D6 x, E/ T% j' N- {; SsetProperty("_root.meng", _x, _root.jing:_x);
  i  L* f( h$ \& w1 u
& i( e7 f; ~1 I0 O% ]" E( l! Z; W/ g

- C+ {% E! L1 y3 P) n/ a% A+ ~. C4 f
0 |' t% Q% u" S6 ], {8 E
setProperty("_root.meng", _y, _root.jing:_y);
1 N/ `3 N2 ^. [( K
9 \- [& ^$ R0 V. H) \! k6 z! l+ s9 n. Y6 D) H
( n* Y/ c0 [* s, v: h! p, u

% A( k( v4 M* F, A) e3 l! b7 n2 F9 ^8 w
//将实例“jing”的横纵坐值赋给实例“meng”的相应坐标
" y! a0 i  v. R7 f  D  H
1 G. V" y# z, W2 a, Z) D7 |% P# |, \7 Y' e% c
7 a: y5 z5 J; _; q

! n6 @  H# y- g& u6 r' u9 i/ W+ p. W1 c5 A8 T0 p
setProperty("_root.meng.ditu", _x, _root.meng.ditu:_x-5/4*(_root.jing:_x-sx));" X3 x- i3 j5 U- _

0 u! C. L' g& c$ w: J) x6 r& c8 S3 }. L3 T: k4 w$ E
; i+ L$ J  F& O8 z9 Y; d

0 x4 f7 o6 `$ t  f
9 A# ]# J) z3 m  [  hsetProperty("_root.meng.ditu", _y, _root.meng.ditu:_y-5/4*(_root.jing:_y-sy));
- n9 E% v, X: j9 Q3 [* d
! x$ Q& {" o1 J* p
; l3 I4 G) r0 Q# \; e( W0 [& W! @# t7 c8 A' q/ ^& Z
. L& U; r5 e2 ?) {5 p5 g
, R* D8 N7 _' L% C
gotoAndPlay(1);
% U; o9 g9 k2 f0 N
5 l/ L% n  O$ k  }2 J' t
! f, B8 B+ @  y. m0 v+ a: s5 d7 U0 L" R3 I0 L
3 `- g0 u; }" K. F' G$ b) }

4 Y) s# `8 {3 ]4 y6 v8 m0 z　　8.这样整个“放大镜”就制作完成，保存作品，按“Ctrl Enter”预览最终效果。