发新话题
打印

Flash MX实战精选:放大镜效果

Flash MX实战精选:放大镜效果


实例说明
- F. n) t2 ~5 `2 l+ ]; h* P/ F* T$ F$ ^0 y, Q, U

4 g. i/ o3 m& U! V
2 o6 }% k: o, S# F
+ G; A8 w# H/ q+ |9 D# |4 }; \4 J8 X+ a, W& P  Y/ q$ Z  x
  透过跟随鼠标移动的放大镜,可看到美味的食品,不知味口如何!
: R: O0 ~3 Y% j- S8 p% W' g! p- {1 G: \* s+ g9 b

8 l+ T9 l2 ]. S' h/ @  f2 \5 N( p; e8 J3 D& h0 g

: w! V1 n; ?! c8 @" v: r
' y* @0 R3 {% J& p( m6 U( s  有关知识
5 ^4 V3 m& b  l6 }. n: Q& V
1 v+ p3 S" K+ a' ]7 n* s) G% P6 F, H& ?7 N- q
5 n3 b) P! n; x0 y( a( E

1 G/ u! q4 o' Q& _6 d8 P
! Q' H, c6 t3 D3 h' b5 z  遮照,拖拽电影片断,设定目标属性及变量。
2 {" \+ l2 U5 J) _& X* z! _
5 ^. C& `! m0 [! e  q% C. ~8 w+ t# G0 b# _/ h% g. N
# U  o9 p7 w; x4 s2 F" `

- d0 v& c) ?# f6 h2 J
* w+ X/ R2 q. `3 W% `% Z  制作过程8 Z! X$ D  j% p: ?  ?
0 y; B* t# E2 Y

. _4 r# n: g9 a* Z1 Q- i9 H9 e0 G  J8 r! _# Z$ _. ]
/ j1 f, _: G6 ~0 ?4 O) r

. @+ i1 R" ?# ~8 @) |( O  步骤1:打开flash,建立一个新文件。新建bg层,放置在场景最底层,从菜单栏选择文件>导入(File>Import)。导入一个图像,将它遮盖住整个场景。另外,在库中它这个位图将命名为t1。
! F& k0 V+ N9 A5 {" V% K4 y2 V9 u( j9 p; i) z' ~/ }* D
8 _+ m# O5 e/ E$ L# r, O
  B( e& V$ i5 Y% \
# M$ Z" M" j& M% Y$ ~

! n" N; y# j6 X8 N8 V6 }  步骤2:从菜单栏中选择插入>新建符号(Insert>New Symbol),在出现的对话框中选图像(Graphic),命名为pic。把库中的位图t1拖入pic里,将t1的左上角和中心点对齐,并把t1适当放大。如图1所示。
" b% X4 j5 C0 P# C: J$ k- J0 v9 ?# f5 p: ?

  j+ U  [0 t2 X* N8 k1 [ ) m, K' u/ C$ N5 C5 c8 X0 y
( Q2 o" W% |+ L7 I2 k& t4 C
  图1图像左上角对齐中心点( |0 g% V7 t0 U. p! F6 B' n' {. F1 C
- ?' Z8 k& O& |+ M6 r7 C# e

6 o0 m8 K) C9 {+ h  步骤3:新建一电影片断circle,用椭圆工具(oval tool)画一个实心圆。如图2所示。8 c' h# b& L% f+ m

6 v( G" ]2 ?, I$ G: m( h1 m; p4 C' O- d3 h3 t7 h
( P- I7 t  @- d$ i% m- h+ M* z5 I
! P: H' e) `" B2 s' i3 T

5 Y) G" ]1 t* _! s- `, `9 g$ ~3 q+ D  步骤4:新建只有一个空白帧的电影片断yinxing。.; f0 K0 T( W) V. b; l; T6 N

( }& L' x8 }. v' D' E- X
8 e! w" t0 z4 M9 v( @' Q2 k3 X- C4 d2 Y

1 z* O7 \8 E4 ~4 H' z) [" H3 W4 l, Q9 |: f8 F
  步骤5:新建一电影片断mask,用来制作遮照效果。建立mask层,将库中的 circle拖至中心点;在mask层下新建pic层,将电影片断pic放置在层中,并在属性面板中将其命名为subject。如图3所示。
+ v: Q6 F# P, o" k+ w# k; s) H6 m) m
5 o, X- h3 u: B
5 }4 {# m- b: z4 m

4 J/ Q2 v% e0 H' \: i+ \) ?2 r* B1 b) X; E7 l
  在mask层上点右键,从弹出的菜单中选mask,即将此层定义为遮照层,这时舞台上的图像消失。如图4所示。1 S. l: m* D. B- p1 M8 _$ v7 X
) c7 D( s! r1 J( \) N
0 Q3 H7 A+ a' F! l7 |
  J+ d- J) t0 s  J4 j
# `4 F# D) E6 G  l$ Y: D
  图2制作镜片; z2 z2 I1 S9 d4 L' I0 H- j
& C/ h- v6 x* r, ^
( V. w, F, v6 V/ r" s% F3 A( E
0 l1 m$ D' M  j

- B. a- Z7 I0 I- i% e& s4 c  图3制作电影片断mask   
$ f2 v) G. N0 J" Y6 W# ~' X( R: @- \3 v( E+ Z; l4 B& u+ v+ z

. i3 f, m. ^2 s" _; \
4 P1 h4 G" K/ `! g1 X  b, _( V' k8 U$ e0 A" k  c+ Y
  图4制造遮照效果4 |3 j) @7 x" [, c
5 ~1 P( T2 j8 T& ?: v" }
% @! u3 \4 c4 K1 X1 R4 N

0 N& H' {! M4 ]% ^" u% N  N
5 T( m% [/ L* R1 [0 S9 `
- ~3 s2 O! h% [* c  m  步骤6:新建空白电影片断control。
& K2 X0 b/ z# b' a4 u, r$ Q: ?) b: A. B

" `& v3 l, n, j$ y, V7 j3 w# E
6 ~1 }# d: r5 H: h0 ~+ V$ w& j- C5 s0 P
# i5 n, `0 \' y7 h7 O- M
  步骤7:回到场景1,新建三个层:control, yinxing和mask。并将电影片断control, yinxing, mask分别放置在相应层中。在Instance面板中将电影片断yinxing命名为followmouse;将电影片断mask命名为mask。如图5所示。* G) s, ]; A3 m% r7 N# `
6 y  [' V5 D, N4 A* S+ g$ L& N

1 @" d) d& n0 p7 G3 R$ [ ' _0 t4 ^! T/ x  x# T! i( I
+ D% _# L! v5 }5 }, f
  ) J8 u. w( K3 W8 r0 c  X

  D8 E* a  O* ~  B4 n# M& E9 p. @7 ?9 e; A1 _0 c
  图5将电影片断mask命名为mask.; F* j3 t3 M/ z
( H2 k- p6 c! b0 h/ ~7 S

6 R7 Z& W2 D6 z; @3 S0 q7 G2 [5 G) ~, u7 j( K; z/ r" m/ S/ d
; L4 ]$ r$ F) d( e9 v

1 _+ W( y2 R4 t" v  U2 B6 A4 F  步骤8:选中bg层的第1帧,在Actions-Frame面板左侧选择Actions/Movie Clip Control/startDrag(开始跟踪鼠标),这时右侧的窗口会出现相应的命令,在上方出现的Target栏输入followmouse,并勾选lock mouse to conter(锁至中心点)。如图6所示。  Q+ b8 z" m$ Z9 y. D* b) v$ W% Y

( @( J$ F+ o% u) }4 X
  {; D$ Y. E4 U+ m4 m# n ( V% d0 X, E: ~9 b$ n

0 l+ N6 Y+ E, r' ?  s* \0 E: e  图6设置场景1的Actions
* C. ]" `: d  k" @% [. n
0 n( m9 V: [1 b! u9 n3 G1 Q. F/ X- f, d7 O  e" }8 @! D  X3 h/ s
  步骤9:在库中双击电影片断control,切换到control的编辑环境,选中第1帧,在Actions-Frame面板设置帧Actions如下:5 s0 i, W6 N" H" {, {2 E
; S% _% P4 |( k3 ^

5 \* o8 V7 o+ j3 B+ c
/ k8 K! {( M2 h1 s- B2 O1 e' U9 @
" `% E6 K3 p) l( t8 Q! D% L* t* V# D8 g# e* U, h
mouse_x = getproperty("/followmouse", _x);  *设定变量(set variable)* A, H( F) D  Q, K% @; g

. ]: k6 c5 o. M5 b+ T- W- z1 N8 r' q0 I( S3 c: G; J$ h- y$ _& z
! N5 u) ^  K  N. |) \
3 x* |( Q5 p& p
9 Q5 n% F& U! _: d* ~1 @
mouse_y = getproperty("/followmouse", _y);
- e) Q% P+ g" D% t8 G# U' t; h/ @  }+ N8 O3 {; m& x  W" q

! O- T8 u# y, S* l* v7 f9 s# p) @9 @( z2 P/ ~& A
% d) C# H# j3 W  y

+ F8 A: A& k7 t) EsetProperty ("/mask", _x, mouse_x);         *设定属性(setproperty)
* l) Z" T- T  E2 \" `9 a2 d2 d& b' T1 B
9 N' K4 K- S6 V3 H, X+ m6 N- _
% k8 |; P/ l) x, a2 h
0 }- g0 y( n. I( ^# M2 f0 G9 l2 ]$ [

' [! g+ |% }2 t* v2 MsetProperty ("/mask", _y, mouse_y);
( E$ Z4 O  b  k8 U' n
) U! |; ]: R' p* D9 B9 r' _# ?7 c1 V' F( j9 e$ a+ B

9 T0 m8 U: }# p1 n7 E. Q+ f2 ?+ y2 x7 q' G
! C4 {9 m! j' e5 t
setProperty ("/mask/subject", _x, 0-mouse_x);2 P4 m( @# {. Q7 m! S4 e9 G

- G& u7 \6 l$ j) D5 {' }2 z& A
" y6 ?+ D) v8 S% q
2 s: m: U! W# m# G3 [- l1 L3 `& T; c! u# I# G  F# h1 w' ^

+ a+ T8 {; I! R& I) @setProperty ("/mask/subject", _y, 0-mouse_y);
, w9 P. W9 @2 e8 c( F) D
% e# G1 [3 Q- n& V0 L
# A% E6 y) t4 A, Q' ]. i3 B) w
/ Y5 [# l0 R& X" d. H1 z
8 M" s% w; `# o. `2 d
7 `2 k( k: V# A  提示:通过以上两步骤设置Actions后,在电影开始时, followmouse开始跟踪鼠标,电影片断control通过followmouse获取鼠标坐标,并将坐标值赋予mask和mask/subject, 后者随着鼠标的移动而移动,因为mask中的pic比场景1中层bg的图像略大,所以产生放大镜效果.。
% p* d7 B* T$ g. b4 @% Q& h0 ?7 c; N- P# [& H1 {
! Z) ?" S. n0 ]% H; I% e- o

! [% S4 r+ @1 x  d2 D0 M  q: S! [+ L4 b) N( c4 \9 i; X

+ C. i# w" w, s) q  现在我们按Ctrl Enter,就可测试放大镜效果,看到放大的食品吗?



点击图标进入精品网摘收藏 欢迎大家加入网络收藏夹

TOP

发新话题