准备工作
" f( e- g f4 [9 S! P$ _. f
! O; v3 ~3 y- S; G
. ~$ W0 R q' P0 o' h5 r4 f I, s; {* e1 J0 _
1. 制作思路
U. ~' q8 I( n7 P7 q; b7 e& Y3 s
; a+ c/ x" r' H5 p
, D6 w- D' j& h* R8 [% U
2 _0 }. d0 w# @1 \1 l! h' v0 [+ d英语课件中经常需要设计一些动画场景，我们今天设计一个这样的场景动画：小男孩在森林中散步，身边有几个小鸟飞来飞去，小男孩在一棵大树下停下来，并抬头看大树上的鸟巢。
+ `/ F2 C t1 P, Q @& d7 W: I
: |% Z" I z* L r3 c$ Y$ |+ z/ \+ e3 \2 L* s: g
6 m. y9 @ t2 X, ^& ?& m2. 素材准备
% i3 B7 V$ g1 c% ~) J
9 o0 p& h6 H% J) I+ r p& p; _ \ `. w( h
$ V# U; J( I% M7 [, F. P, l（1）两幅有关小男孩走路的图片，分别命名为pic01.jpg、pic02.jpg（如图1）。
5 L4 `9 R* T. y+ y. X$ f, Z
4 l8 \' y+ m: I- K2 R# _* y6 W' O9 Y! @+ [
1 h! Z7 S6 P! R& h# g3 ?
" H2 d" ~: r f7 t. I1 G- Q
& l9 x8 i( R+ M. S s1 M- |) B$ R o: z2 w8 K( s
# S# a. P" Z- s7 E! T
4 ~) i9 }9 c5 g- X5 ?- N$ l6 L% h+ H7 a2 U+ a. w4 I
（2）一幅名为pic03.jpg的背景图片。
e* ?2 [4 B. ]4 g& b7 z* C
( S/ P) x N$ D
7 r% ?6 B9 x3 m; v( e" k6 P8 J# b/ o% B+ v
（3）小鸟和蝴蝶的GIF动画各一幅。
( p8 n0 p7 r* a/ S8 g7 R
6 _7 w8 \" y5 \6 ]6 K) k. ]+ y- |( i8 n! g
$ Q8 T' S* S2 P+ l! k. N" @. Z动画的制作4 D) ~2 S# |+ i# c) @0 F
- \8 l% E V' v
4 ]% v* i0 X0 o/ Y! x m2 q/ ^! l$ y- |
1. 创建一空白电影文件，其文件属性参数设置如图2所示。
9 I( g6 f: N. E0 {8 f
% P( t2 ]" E' w# p8 ]$ O3 |7 {& {: E/ n+ o
) o+ L. {! `9 a# w! P
H8 z2 H. i- y% D* H/ w4 C
" i" g8 y. I# f
% I8 ~! q2 p; w1 ~# ^: e3 C+ j5 M, q3 s( J! h% V1 Z& m- z
: R0 |$ I3 q7 V4 s, f' g% Z8 D/ O+ Q% K! W6 t8 s* L, `' D- E6 C: G
2. 单击[OK]按钮后，按上一期中所学的方法把上面的图片和GIF动画导入到电影的库面板中，从库面板中我们可以看出GIF动画其实是由几幅连续的图片所构成的，当把它们导入后，Flash会自动生成相应的电影夹子。
2 n& {. `2 X9 h# J0 j
0 A+ Z$ \- B" u. D8 E5 K" \2 \4 t3 \
" d* a5 s7 {0 e
9 E+ g$ z5 M$ B3 `/ T3 A( k3.小男孩走路的制作
6 u8 j4 s0 i0 e7 U' v
& a& D# M, T! G3 M, R W# h
# V ~+ l0 |/ I; [* H9 @5 p6 A# L( J# n& }9 L" V3 K
（1）在菜单栏中单击“Insert/New symbol...”命令，新建一个电影夹子，命名为“小男孩”，单击［OK］后进入到“小男孩”电影夹子编辑区。
0 z3 Z5 K% Y8 H& v F+ g8 {# _- d, g. \: I# D2 k7 h
6 `( x# _2 f5 G$ S! y6 W
' O4 ^. O1 G& J" {* { F
（2）在库面板中选中Pic01.jpg图片，把它拖到“小男孩”电影夹子的舞台中。
[( p) G# ^; C- E0 [4 T
6 \! M4 z9 U# l! |3 n. U2 r! G3 P" ^
# F% t2 |! m0 D0 H. l" u( N J' P1 w% v7 o8 v% E/ c5 V# b
（3）选中该图片，按F8或执行“Insert/Convert to symbol...”命令，选择“Graphic”项，把它转化为图形元件。
3 ], s' v o2 ~# H: a$ i. T8 s3 Q1 j/ Z) @0 ]
% h) B2 p: f) `* m6 p* g
0 u0 J8 u" j. N {) }# \, \# H4 z（4）双击该图片，进入到工作舞台。
7 e# U+ h* C5 s& A/ q: Q* S: M
* K% l# G/ w3 E8 _( p. t+ Q$ p z/ Z8 M
* Z* E& X( C; R( u（5）由于图片的背景色与文件的背景色不同，为了使动画更逼真，我们应该把图片的背景色去掉，这就要用到工具箱中的套索工具（Lasso Tool）。选中该图片后，按“Ctrl B”或执行菜单栏中的“Modify/Break Apart”命令，把文件打散。
. P% ~, b# }) D/ l _0 J' e
. w" j3 [; i L0 d1 _4 v+ s3 U
* T* l! d# ^! o, B/ z" ]7 ~& s. Z8 V; {5 p' J- a/ D, f6 s
（6）选中套索工具，它的［Options］共有三个选项。
1 \% I, U* ?& [+ b6 D, _7 o2 O1 U- `' C" R) I: z' u; [. q% p
" Y! J- ]- N) O" M) }4 `: _
9 \. A# U$ p# f8 ]1 B5 m+ R套索工具主要用来选择矢量对象的不规则区域，而选项中的多边形套索工具主要用来选择对象的规则区域。选项中的魔棒工具主要用来选择颜色相同或相似的颜色区域，单击魔棒工具选项，弹出对话框，“Threshold”的值越大，表明魔棒工具一次性选择的颜色相似区域越大，反之越小。而“Smoothing”表示所选区域的平滑程度，一般选择“Normal”方式。由于图片的背景颜色相同，所以选中魔棒工具后，对着背景单击一下，再按［Delete］键即可把背景颜色去掉。如果底色去得不干净，我们可利用缩放工具把图形放大了再来清除。
3 E* q; B% u: l1 q z' ^. `2 H E- Q8 B3 T* G
# b& y$ {$ g4 a4 j0 L9 U% u
. i2 C$ g0 D0 s
（7）单击时间线面板的小男孩图标，返回到小男孩工作舞台，选中小男孩元件，用方向键移动，直到它的中心与舞台中心重合。
4 {$ w W# A" q: K. ? C% w1 ?) U5 \0 r! v% [2 m2 b
: f# @. X$ U# P4 N; F1 d& Z) s
5 a' m( y; q0 z! e0 z- ]! }1 m" R（8）在第10帧处按F7键，插入一关键空白帧，把Pic02.jpg这幅图片拖放到小男孩的工作舞台中。
, B9 X9 V5 s# i
6 |3 ] R% r7 I5 W3 D
$ P2 H2 \1 V8 t
2 u {+ n8 G1 @/ O
（9）重复上面的（3）"（7）步后，选中第20帧，按F5插入普通帧。
! j6 X# s2 Q, G+ T6 Z+ `& {* P" r$ L- o9 U
1 }5 W- R/ p `+ L6 t6 E5 A1 i5 P( \7 V8 T W& ~( Z/ M& q( a
（10）单击“Enter”键，我们就可以看到小男孩走路的动画效果了。
. |( O. F: r3 v6 Z5 r1 O" V2 T: g8 f: w; v) J( C7 N
$ o" @0 _. T2 T! p- A' I! e% ~) k3 A9 X9 ^1 U: k
4. 主场景的制作
, ~: W) O0 D' ?
; r) N$ t T$ |, l; p; L
0 H8 i) X! z- m- H8 e9 P" P& j+ b9 o
小男孩走路的电影夹子做好后，我们就来看看他是怎样在森林中散步的。
% h4 K- z) C4 e* U! v2 X5 T
6 F) o3 F) l9 O! ~' G, [0 V9 i- j( A& W d" j
; l3 I/ J( y- A) E- a- E（1）回到主场景中，把背景图片拖放到舞台中，并使图片的高度与舞台的空白编辑区的高度一致。
! {5 x1 E8 a }' Z) H- V) g( a; @: k4 v
5 u3 A4 C! `4 P. z, u
5 T. { Y W% C6 a
（2）执行“Insert/Convert to symbol...”命令，把它转化为图形元件。
4 C! J+ Z2 `: C& a$ S1 \
- A3 P3 D. E8 [5 T5 Z* k4 g5 W# |# S9 w) _, M
( F8 N; ]1 C) R `6 l（3）在第40帧中插入关键帧，并调整好图片的位置。
" K2 D. q* C# V) R/ Y9 _) l
" d" L7 v" p0 s7 Y
) d3 z% A- L2 t
7 D( j; _ l9 c1 s9 c3 d. v, R0 f, Z（4）第1帧和第40帧中图片和空白编辑区的位置如图3所示。
3 B* i3 g& b# ~* \
5 \: y7 e- f I* l' O: @' T" B
; l. T# X) ?: u' a1 ]* Z4 R' c7 s0 `' M( Z8 L$ Q% ~
) D# e* T5 P+ u, c3 p0 |# _, _
) e, A+ L/ M* V0 i9 A' l9 q: N
- @, y+ q+ k/ M( e/ x/ M
* P/ S# X& U! F
' k. z) k5 S9 ?$ ?8 i) P8 G; @. {
8 u1 o# p5 G& V4 \$ @（5）选中第1帧，按右键，在弹出的菜单中选中“Create Motion Tween”命令，加入运动时间线。
u, K e2 s( Y: B
% z1 [3 R1 }, r+ ~ [% X
& L+ q w; p6 V4 |
! f, \& @/ z5 r8 Z" A* A5 I( }（6）锁定Layer1图层，新建一图层Layer2，把“小男孩”电影夹子拖放到舞台中。
: f: b @2 H+ Q# u; {
" j8 K# s% E) ^" z5 ]; k
. c0 j, a6 S. y w% B, C+ X0 `
H! G! L$ |9 h0 K2 x& w8 `（7）在菜单栏中执行“Modify/ Transform/Flip Horizontal”命令，把小男孩的走路方向水平调转，并在第40帧中插入关键帧，调整好小男孩的位置。
9 V( U% B4 G6 {) G4 J. h* x
}. |3 X1 n, s) S2 ^. W+ _/ {& X) O) O8 C5 O6 q' N' t
0 Z! @+ |0 V- J2 e9 g- g* z% ~
（8）选中Layer2层中的第1帧，插入运动时间线。
" x- E% w& V }) r
$ z/ _. J& o; f' \" H
6 i/ o( A/ q. [
% T: Y; i" [/ _) g（9）重复（6）"（8）的步骤，新建图层Layer3和Layer4，分别把小鸟和蝴蝶的电影夹子拖放到舞台中。
. c7 F1 X9 {4 R& ^
$ M1 W Z7 }* Q1 _0 C5 j5 Q+ ~
8 u) h' w5 u+ U: h7 `' g/ H' e- r1 g/ ~/ W7 t* v$ i6 i
（10）按下“Ctrl Enter”，我们就可以看看动画的效果啦。要想小男孩停下来，我们可以给各个层的第41帧中插入关键帧，只是在小男孩所在的Layer2层的第41帧中插入空白关键帧，如图4所示。
0 G8 L( O7 k1 v/ ^' @$ P2 }- k& [% ]9 `$ P r3 w1 s1 p
b& F. T2 [: g. u) z
$ H) |" P' L* ~
# w) _9 Y3 S7 g$ Y% ^5 B% u/ _) K* |
) E$ ~/ L8 |) r
* J* X! O% V" q+ r
: m) \& \) R3 p* E! W7 g$ X. t
5 v1 W1 {, Q# ^! x* t
" e9 g1 ?0 K3 c（11）把pic01.jpg图片或其相应的图符元件拖放到空白关键帧中，注意调整它的水平方向和大小（抬头动作）。
3 D" H2 b$ p0 r9 L+ \ h8 H% ]/ Z
6 F! X, L; e% V w* {8 q, e0 E) M |2 B. c5 H! t* u
8 p n9 }: z3 u, S& f
（12）新建图层layer5，在第41帧中插入空白关键帧，打开“Actions-Frame”面板，加入[stop]命令。
9 `8 e6 U' M' L
% E4 V! W6 V8 z6 ~$ P: ~$ q9 {; s% C0 U6 {5 V$ z2 ]) K# Y
9 }0 E4 x3 u$ n% G3 I
（13）到此整个动画就完成了，保存文件，并把它输出为SWF动画，这样就可以欣赏自己的动画作品啦。
4 `0 L6 {' u1 M4 ]/ K
1 y0 l8 i4 @' I. g1 I m+ S
% |) d4 R2 ~/ F9 s/ m& D
* S' {. o/ ~9 T$ C, S0 h小结：本篇的动画是通过移动背景来实现动画效果的，其实也可以让背景图片静止，改变其他元素来实现动画效果，有兴趣的读者可以试试。
