发新话题
打印

Flash 3d效果精彩实例--水晶球

Flash 3d效果精彩实例--水晶球


一颗颗晶莹剔透的水晶球一闪一闪的,并且可以使用鼠标对其进行拖动,最终效果如图1所示;
1 N2 \# M0 f8 h, t
, A3 o8 m/ p. x1 Y+ F& ~2 ^  O7 \  u% N0 D" K) j8 @5 L' B
  z  W% w, ]" R& x- A1 q6 O9 O2 l

2 c& Y( A- }4 X$ U
% H$ R2 V1 Z$ b! y7 Y
% i% S2 p* e  Y- U2 h( [4 m( t* ~* d1 R' Y! [
  U* D. s% A+ U" Q
图1  水晶球最终效果( `) T# a& O, a2 v2 B- T' ], w

; q$ R' Y8 f+ A" f6 V/ u* l1 a" q- `8 @# s  W' l: w( t
$ h3 c' H  U& C! Y3 v. M% v
% R  y/ Z2 u6 P1 y" l
1 c# Q- b0 b5 c
  1.首先启动Flash,设置影片舞台大小为400px*400px(单位为象素),影片背景颜色为紫色,颜色代码为#660099., Q0 s0 e& a' F+ @7 S
* V) D" h% o! J( f7 s
$ r) K9 ]$ g5 e. d: N+ z% _+ q. y# y

# B9 o3 m/ i) g1 n% O% X8 {6 V1 o9 Q6 z
% b6 @8 U$ A; S1 T; V0 @
+ x: S5 Q% p8 C  2.新建一个图形元件命名为Bubble,进入元件的编辑区后,选择椭圆工具后,在按下Shift键的同时在编辑区中绘制一个正圆,打开混色器面板,设置填充样式为放射渐变,然后如图2所示设置色带下面的左右两个色块;) ]! m7 O% A) }8 Q
2 _2 R, L5 }" k2 R1 ~( S3 }6 b% s
0 Z8 T$ p9 U. f

9 l/ L) ~/ h: t* D" Z0 P+ {, S$ c; M7 }2 i  Z8 s  g# K4 w6 I7 l
# j. r& [' ^0 f; {; n
! U7 T/ ?8 K+ M2 i- L' A
) b7 _5 p$ H$ L! s- _. E0 \

4 \3 c3 \1 e7 K. W6 I图2  设置填充色
% Q7 B2 x7 A7 ]. k+ f/ }6 j' L$ f& e4 e# h( D- G6 I

+ W- ?; B4 l3 d6 O' R
4 \& w' o% B6 \; E# q
4 v( O6 ?! ^8 c6 |3 A* t; n) m& Q& ^8 x5 @6 U
  其中左边滑块颜色的RGB值为208,181,255,右边滑块颜色的RGB值为0,0,0,设置完填充色后,选择工具箱中的颜料桶工具,然后给正圆上色,最后删除其轮廓线,如图3所示:
9 a9 j; Q! g' E: F9 X% [
8 E2 @7 O0 c, E* ~; d$ N
; z  P, ^1 k5 @9 [+ m% x8 ?( R2 [# M$ B7 v
* N% V7 n  _$ D' E# U/ u
; o9 t/ T! V( S- e
* P+ X0 J( B8 F: v+ E( t) t4 Q
3 T) x5 _8 F" |3 Q& ]2 k6 p5 y
: h5 m. ?% U3 K# a$ d/ c
图3  给正圆填充渐变色
+ E2 J4 T  {) m( f3 F+ y- Z- r$ R, |9 i( ]' F( o+ ?" K) h2 B
. J+ \5 X) M9 X) U1 N1 L

& Q3 I. w0 |1 D2 a
  X, \0 A: a2 \+ d, T
% E) G/ d* ?$ ^2 K  3.现在的球体看上去还很不自然,需要给其加上一点亮光,这样看上去才显得晶莹剔透.新建一个图形元件命名为Glare,进入元件的编辑区后,先后绘制两个大小不一的正圆,将其轮廓线全部删除,填充色暂时可以任意设置,这里先设置成白色,然后将小圆移动到大圆的上面,并且使其圆心相重合,然后选中内部的小圆部分,按Delete键将其删除,这样就制作出一个圆环,如图4所示:% }: V/ v: u" d# d1 O7 T
. ~1 m; q2 o9 t& f; J* ~
, ]- W: L, c; I' d" Q0 ]
: R/ f- N: g% V+ a3 |' \
0 c1 Q# F2 `) r* P. m
- O. T/ C; ^$ a  l
8 ~5 V7 g6 q' V* S

$ j: i/ Z6 \0 o0 Q7 H$ P4 Y! K0 J& W9 i: D7 y0 E
图4  制作圆环
+ ]& q4 P8 I% a( y/ E; Q- W& _* O( B

8 B/ ^4 I' `2 M7 y2 N6 z; f9 h0 d! }! R5 t. T
- m% z0 g# g7 M, D4 j" J. h; q, W

4 P+ u" h0 H; b  O2 r  4.使用箭头工具圈选圆环的左上部的一小段圆弧,将其拖离整个圆环,然后将剩余的部分删除掉,只留下这一小段圆弧,如图5所示:- b, B9 _( E; e# r

9 Q+ M. Z9 s; H3 w2 |2 ?+ R5 X; p1 W

% X2 }5 U; l; P( T8 c0 b) _) [2 F( K+ Z6 [: l9 \( d
2 k7 D6 l! c4 R( H
. ]% x6 T4 S; t

" }) J5 W( b" H% P5 B2 J5 w9 L% d& r: g( u; |* ?
图5  截取一小段圆弧6 U, Q; s( w2 D% d# ^
6 P# b/ m& V/ L) t

! ?0 ~3 G# m; n3 n7 _7 l
. r+ {* P1 z$ O; \* C
, y: M/ S  ~5 U0 u' x4 ?( s$ w( r4 Y6 o( K/ G
  5.打开混色器面板,在填充样式下拉列表中选择放射渐变,然后如图6所示分别设置色带下的两个颜色滑块:
% `$ Q. V, d! [: J
% L. [0 _0 F$ }4 f/ G# Y
0 X4 ^1 d7 ^% w6 c+ i- |4 Z0 o4 @, @6 {# K

5 D" Z" ]; t/ m; y
2 H+ U0 b8 Y: W+ w4 m- S
2 E) |6 t0 m9 Y9 `# J6 {5 ]; M$ q& l/ l
0 @* ?" a1 {9 q0 u: X
图6  设置填充色% [- A3 q) e+ {
& @! S3 E2 s) k, f6 q5 ^3 ~
. K& A0 R  `9 u+ d! Z
& n* |# q- v" a6 f
) O9 w. F; j- S7 }6 ^

% z7 K. @: |8 j' Y. P  其中左边滑块的颜色为白色,右边滑块的RGB颜色代码为133,106,217.
) W+ _# t7 Z. y7 g" _* P, U: V
! r$ x% a# ?3 C: G8 k- G8 w( M3 }8 x
. L5 ^$ W" O3 _5 R8 ~
+ l$ W5 K$ k* |
/ y7 b$ c+ Y- u+ Q& `- c. B- Y: ?3 {9 a6 F% z: R% [
  6.回到元件Bubble的编辑区中,从图库中分四次拖动元件Glare到编辑区中,然后调整其位置到圆球的左上部,如图7所示将其排列好:
" \3 N: O! Q$ N! z
& @1 D7 r" |5 d! e0 `- A" _" ?3 Q6 j. E- I6 c$ K( [9 h

) `$ o# t8 }0 Y# v* s' w5 r9 s. o* l3 Q5 {. ~, u- h. `* Z

: a* A0 x( r4 O
( q2 \# R9 ]7 D- C0 _+ |: J0 }' U! v, ]- j7 X+ q& `. Z4 R
2 I9 F* M: Y- N( E" J
图7  添加亮点
) D* W# e+ |) _+ H( h3 v8 \, m; x1 O7 U" K6 h  y, A

; z7 E, a( D" I1 [* H
8 d- i- T4 |0 D. \
: B- n' h4 a9 B1 B! f
+ Q1 [+ G/ L5 Z  这样一个带有亮点的球体就做好了.
+ M' j' _* O9 Y3 F8 m" p. b$ H% B6 b0 p5 N

# x0 L1 U1 p" b$ [- X5 F; C. ]7 M. d9 k! `2 K0 j4 D0 \7 ]
' \" J4 F; h0 o; j. C

# I* x' Q  D( ^8 E# [. C" I: w: @  7.接下来实现水晶球一伸一缩的效果.新建一个影片剪辑元件,命名为up bttn movie,进入元件的编辑区后,将元件Bubble拖到编辑区中,分别在第6和第9帧插入关键帧,然后回到第6帧,使用缩放工具将水晶球适当缩小一点,然后分别建立第1帧到第6帧,第6帧到第9帧的运动渐变动画,这样就形成了水晶球收缩的效果,时间轴如图8所示;1 X# W1 \: o% ]* ^8 V
5 i- n( O$ N& F# Z$ ]' m

6 l( n2 Z; G0 s' I0 B; Z9 P9 r) s4 P1 x

9 V- ]3 V, v# v. U/ K9 ~2 P6 S( \% @( D# g+ P1 b( Y* p, l% y

) _* t4 p+ V" V- X6 |% j  O
8 e# f* Y9 I2 [8 A5 h
% V* U# a! o2 S. n图8  时间轴窗口/ v' B% U9 U  r# x2 R2 r5 D, z: u
# ^* c% {; N1 s; U

$ t! K& K/ G' ~& S- v9 ~" m& n/ k' S& y& X

; `+ Z5 V7 l& i3 Y0 H3 x8 a( U" ~
) Q! t8 T( q& k- X  8.因为在最后的影片中,水晶球具有被拖动的功能,所以还需要将水晶球制作成按钮,以便设置其为可拖动.新建一个按钮元件,命名为snow bll bttn,进入元件的编辑区后,将元件拖到按钮的弹起帧,然后分别在指针经过帧和按下帧插入关键帧.9 U  S9 w) j" o4 r) H. J3 e0 f
0 ]6 B! G/ w) a+ t7 h9 Y% R
3 J+ p1 C# H3 j- [  I

4 I" i$ d4 H: N7 V
( t0 g' f5 b0 p- z7 l- y& W1 r$ T6 w2 w, y( P9 ~- K
  9.最后新建一个影片剪辑元件,命名为bubbleb,进入元件的编辑区后,只需要将按钮snow bll bttn拖到编辑区就可以了,然后给第一帧添加Action;stop():.
( d; b2 U9 p' P
9 v8 {( \( E( Y* U
1 z2 S. W& b$ M: q' K! g9 S5 z/ I4 M" z: v6 |5 r3 v' E

% h( U. T5 Z, F9 y. [/ q! h' P
! Q/ \6 h; _, p% ?7 G: M  10.回到主场景中,最后的任务就是在舞台中布置几个水晶球,最好多建几个图层,一层放一个水晶球bubbleb,并适当调整每一层中的水晶球,使其大小不一即可,本实例建了六个图层,分别放置了六个水晶球,最后舞台如图9所示;
: W) y# c$ \: v2 I/ F$ x- ?% b6 f
5 p) @' u4 }! ]- G! h% K% O: W) g6 t
& l$ l5 i2 x) A/ M: O: {% \: r9 i# C
$ {( e  s. c: F# C
) t  P7 g& w" Q

" h0 }2 `/ ~; T$ a0 U% p  H. a
5 V; ]; G3 S$ K" e/ E' X* T* S
) Y( `1 U0 c. S; p图9  最终的舞台



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

TOP

发新话题