发新话题
打印

[讨论] flash动画制作技巧之如何掌握移动渐变动画

flash动画制作技巧之如何掌握移动渐变动画

问题1:我做得flash移动动画,在时间轴上面为什么没有那个长箭头的标志而且也没有出现移动动画效果?' x( a4 e9 f3 G2 Z
! c& r2 b4 `7 I2 C
    解决思路
6 c7 ^" Z# @8 @; j( |) D: ?4 i/ w" U8 z1 y6 N/ ]8 m) o
    对于无法实现移动渐变效果,这个问题在初学者制作flash过程中经常会遇到,往往百思不得其解。其实问题的根本原因在于元件与图形的区别。flash中一共有三种元件,分别是图形元件、按钮和影片剪辑,这三种元件都可以做移动动画的。但是flash中的图形就不可以做移动渐变动画,这里所说的图形就是矢量化的图形。我们只要了解了这一点,这个问题就会迎刃而解。
% s( L! k! O0 a
" b1 l/ L; N# [+ i) q. N" z    具体步骤 5 ^; L( o8 [/ i' `& q+ i! d' I

$ q! }5 _1 \" i    1、 打开flash mx 2004,文档属性默认。 . r9 w4 Y9 V: H; p% l5 P
, h# }4 E/ L5 G5 s3 q
    2、单击工具栏里面的椭圆形工具,同时按“shift”键绘制一个红色的正圆。
& @' d/ |1 {4 u
* s8 }, E' m- {6 I4 K! E3 @) @    3、单击此圆形,利用右键或者f8键,打开【转换为符号】面板,把它转换为图形元件。设置元件名称为“红圆”。如图2.1.1所示。
$ g6 a' V+ f9 Q, s2 g5 ?7 j
" ~# ?' V8 y" d9 |
0 c7 V6 m2 b+ `& l, W; c2 `! P1 b1 u- s; A  f/ ]5 a
图2.1.1 转换为符号
3 p/ x  L8 \1 ~1 [, I! I$ B
/ a& P7 i. P% u( D) \7 J/ M% s* F, c8 ?+ @
    4、单击时间轴的第30帧,打开右键菜单,选择【插入关键帧】命令或者按快捷键f6插入一个关键帧。
% D3 Z5 X' y% U( p
1 }- y2 a* P3 s    5、利用鼠标拖动或者按方向键移动“红圆”元件到右边的另外一个位置。
+ r; K& p  |' Z1 P. u1 h
" k2 n. G+ Q' ]3 s! k9 z' a    6、在第1帧和第30帧之间任意一帧右击选择【创建补间动画】命令。4 ~7 P1 F8 q* p8 H5 g+ q
5 d) p& k* o' X- @7 K$ D3 f
    7、第1帧和第30帧之间的所有帧变成蓝色,并有一个长箭头,这说明已经在第1帧至第30帧之间创建了一个移动渐变动画效果。如图2.1.2所示。3 L1 R6 ]1 H6 \* H- `

' e9 ~; v5 X" s' w: f0 M; W) W& B: ^( B" n0 C5 G7 a# r
) w" t5 R9 Y4 u$ y8 @
图2.1.2 创建补间动画 0 R" Y% z" s( m8 L
. B% p6 Z5 ]9 ]7 F1 U- t

% A" s2 v  _2 U! ?    8、【控制】|【播放】或者按 “enter”测试动画效果。 3 C& E0 `* b2 P; G

7 u( Z5 a0 n$ Z+ H. `, y4 V! Y. F    9、保存,完成。
2 D2 f$ F; y" M# q0 a2 D/ `6 ^4 P6 {0 T' P
    注意: : y: G/ A. i( {; ^8 F

4 G" d* L7 W! ]. O+ s3 L( K    之所以可以实现移动渐变动画效果,是因为把绘制的矢量图图形转换为图形元件的原因。
$ }" ?1 y4 j; M. f& c& m! n/ X; ^8 P# z. R' P2 j' n. c
    提示:
0 ~0 l' t; \6 N2 h' P' H& _4 K: S# q2 o7 z& _" `
    ◎除了元件可以做移动渐变以外,文本格式、“组”对象、位图图片同样可以制作移动渐变效果。 5 ^, {' B  _. _
- a# j6 \) f9 I. `: \
    ◎养成给元件命名和给图层命名的好习惯,在制作大型flash动画时,可以方便的寻找、修改命名的元件或者图层。
* U9 J# S: _4 ~! E# e
" p" l& g# U2 g  Q2 x6 x    ◎大家经常所说的“mc”是英文movieclip的缩写,中文是指“影片剪辑”。影片剪辑与图形元件的显著区别在于,影片剪辑可以给它命名,用来接受flash actionscript的控制,并且影片剪辑可以独立与时间线播放。3 p0 x* L2 @, [2 q4 S2 l* g
: b  I6 C- q, I2 R( Q8 k* I' J
    技巧:
- r0 F  z2 A0 H! a! F+ T* x' J: q( j* r. A
    ◎在flash中不可以象photoshop那样合并图层,但是可以通过拷贝帧的功能或者是拷贝帧内的元件,来达到合并图层的目的。 2 f5 w1 [1 G4 i& h  a/ I

; f, O9 e4 D# x* Y- W8 B    试一试:
4 _2 w; t# R  o
1 T' |7 Q4 i7 r3 a" x, P4 s( x    朋友们可以试一试利用位图图片、文档、组对象来制作移动渐变动画,看看能够成功。& {0 K! f/ k3 l& f$ v' m
& z0 c9 G7 x2 h8 S  L
    专家指点:
2 P: E8 i5 w9 r& ]6 }3 ^( p5 B0 O. Z1 K
    通过这个基础的技术问题的解决,我们掌握了flash移动渐变动画的制作过程,也清楚了制作移动渐变动画的对象是有限制的。制作移动渐变动画必须是flash内的三种元件、文档、“组”对象以及位图图片。对于矢量图图片是不可以制作移动渐变动画的。
3 I4 S/ k9 T4 ]& q* A5 ?8 Q, Y
2 m! M+ d3 K1 G    相关问题:
, G- F7 y, m: a  u4 U
! q7 @( y2 ]% H. R; H/ Z  s& j    ◎舞台以外灰色区域是否可以作为编辑区?发布后能否看见? ' O; U- o8 H+ q6 \  A9 J
! _+ P  X: w* b1 v3 J- H
    舞台以外的灰色区域可以作为flash动画的编辑区域,当某一元件位于在这一区域的时候,动画发布以后是无法看见的。+ U  f, S2 z7 S8 Z& b! Q+ O" a
, Y1 K2 Z* Y0 [9 W; D
    ◎ 如何导入位图图片? 8 G: Q  G/ w4 T0 }% @4 F$ ?/ V: G( p1 d

9 A) N2 p$ z1 ?& q* P# Y" O1 G    单击【文件】|【导入】,选择【导入到舞台】命令,就可以把目标图片导入到flash mx 2004的舞台中。也可以选择【导入到库】或者【打开外部库】功能。flash mx 2004可以导入其支持的各类型的图片、音乐以及所支持的文件格式。( E) E7 ^! X0 n3 ?0 o
% L7 Q0 T* K. ~; ]  F5 v' S! W
    问题2:可否实现影片剪辑按照一个定点环绕?旋转的速度怎样改变?
1 [7 J! L: E; i3 G* {' Y
) A/ C/ Q. p; J; R* r+ D' G    解决思路: 7 o+ c/ P) S% h5 t

4 s6 n: e5 d* n8 M    元件的旋转都是围绕这个元件的变形点来进行的。利用【自由变形工具】找到该元件的变形点,利用鼠标拖动改变其位置,就可以达到定点环绕的效果。7 W* G  U' |' X7 F$ X
8 @$ a) Z$ N) G+ k, q1 x* G( W
    具体步骤 - O2 n: U, ~7 N3 s4 @/ a1 \1 |+ M1 |
& w+ u3 g0 t# l
    1、运行flash mx 2004,文档属性默认。
* K/ I( ?$ X9 p0 b- J7 k1 j! t* W5 Z  I7 Q) Q! A% q
    2、单击【插入】|【新建元件】,或者按快捷键“ctrl+f8”打开【创建新元件】面板。 * l$ b  P5 {) u4 Y0 t) ^9 |5 J
* ~# a7 z3 O. c$ m: p
    3、新建一个名称为“正方形”的影片剪辑。如图2.1.3所示。5 O0 r$ x& A7 j2 P: ?) k

! \* r  v4 Q# M& D2 G0 z" C8 L0 j! F

. ~; k6 s" z4 H7 s% Y; m  q) m图2.1.3 创建新元件
7 _* b: u4 ?' l0 E) N% R; l' S$ p
- n! \" d9 d* V
    4、确认以后,进入此影片剪辑编辑区。单击工具栏的矩形工具,配合键盘中的“shift”键,画出一个不带边框的红色正方形。% X- m. B; V2 a/ S( T" X

6 ?4 A- b6 A/ C* C% k     5、单击【窗口】|【设计面板】|【对齐】命令,打开【对齐】面板,选择【垂直中齐】、【水平居中分布】和【相对于舞台】命令,使这个正方形处于舞台中央位置。
7 U% [6 e9 ?/ N  y
% O9 d2 C& V* u* a$ s    6、单击时间轴上面的“场景1”按钮,或者返回机箭头标志返回到场景1编辑区。如图2.1.4所示。# v' O. y1 y- f1 z- z) q( {
/ n9 @7 L% T6 h, \9 D' A7 D

5 l9 b6 T  P  q$ B, n8 b8 v+ A' q1 o. p6 d
图2.1.4 返回场景1 ; |) ]" u# I# }8 f* ^6 _8 z' h

- R5 N2 R: P/ L5 A2 `, Z! x( Q6 m" K4 c: C
    7、单击【窗口】|【库】命令,打开【库】面板,或者按快捷键“f11”,把“正方形”影片剪辑从“库”面板拖动到舞台中的合适位置。 ( u/ ?7 g6 i, x: Z4 c
! N( h. p- ~. s6 t
    8、单击舞台中的“正方形”影片剪辑,选择工具栏里面的“自由变形工具”,我们来改变这个影片剪辑的变形点。如图2.1.5所示。- I( z/ \# Z6 x: N- t( t$ l
9 N6 l3 z: X* Q/ N! A! o
1 ~! W0 C' f5 d7 b3 I

- B, |% ^) U  D% N: b/ D5 t图2.1.5 显示影片剪辑的变形点
( j! [' r  y" G6 c2 L7 @4 m0 v# ]/ X- N' T9 V
0 K% s0 r. _" t; o: A1 A$ o4 x
    9、现在,影片剪辑是在被选中的状态下,四周会出现8个调节点和一个变形点,利用鼠标有意识的拖动,把这个变形点移动到影片剪辑的外部。如图2.1.6所示。6 i2 ~' L9 {) @$ D7 e. a3 _  a
  K' X/ s: `: w, Z

# @3 @: ~4 u+ g* ~* g1 A* t: E& O1 [' k
图2.1.6 移动影片剪辑的变形点
' _. {# \7 d  c1 B2 b
$ ^6 z, H* m& t' z. m/ K. J5 ^& @4 z# G* B
    10、制作这个影片剪辑的旋转效果。在时间轴上的第30帧,插入关键帧。
! j# G4 B, X" t! ]& v3 h
1 D: \2 v  ]; E    11、在第1帧和第30帧之间任意一帧单击鼠标右键中的【创建补间动画】命令。# m3 V/ D# W2 B5 Y
+ o# t  `! Y5 b. ]1 N
    12、单击第1帧,在舞台下面的属性面板中设置旋转的方向以及旋转参数。如图2.1.7所示。
* x* W! L# ~* D0 k  a, _( C5 W, c7 u
5 F. A4 c- N  B# h  _3 l9 z) w8 S2 b) H3 S5 n+ \
# i; K0 \% ^% w) y, l$ e" p! d. Z
图2.1.7 设置第1帧运动参数; U& F& v) }/ X# ^

. ?( M' k4 r' v8 x4 ^: @& }8 P7 ?* C$ d4 Z! a
    13、测试,发现影片剪辑的旋转中心并不是在影片剪辑的本身,而是在我们刚刚调节的那个变形点的位置,至此,我们就完成了影片剪辑的定点环绕效果。 * P& j- ~2 K" G3 P% s# b/ {! A4 J. s5 L1 v3 a

, d8 ]+ ]9 C4 ^9 h6 j( A    14、如果想加快影片剪辑的旋转速度,只要把属性面板中的旋转次数的值改变或者缩短时间轴的帧数,都可以达到目的。2 V' G+ ]/ s8 |' x" _4 S
  n; u, m" D5 @. M( t
    注意:, n  N. B5 S- Q+ W/ o) E

# u2 p7 R& K! O9 c4 d    在舞台中利用自由变形工具改变了影片剪辑的变形点的时候,使用“对齐”面板对齐元件的时候,影片剪辑的参考位置为次影片剪辑中心点的位置。改变变形点并不影响“对齐”面板的使用。在不改变影片剪辑变形点位置的情况下,变形点与影片剪辑的中心点重合。* C  f: Y) ^( F4 G' O- W! N
% ^) ]3 Y: \/ S
    提示:
  ~0 N: A; C6 E% o- u
( m1 N2 b- }1 U* F# f- x2 ]- p1 {    ◎在这个效果中,创建新的元件是使用了另外一种方法。这两个方法在使用中没有区别,建议使用先绘制图形然后转换为元件的做法。( H/ M+ `  T  i% _4 P/ o$ D
" V0 d; ~7 b: n: H$ G' l
    ◎灵活的运用改变变形点的知识,可以制作出多种多样的效果。把变形点设置在元件的上方,下方,然后制作元件大小的变化,你就会更加直接的观察到,由于中心点的改变而产生的效果。$ _* F4 V3 M& Q, b9 O, y7 A- |' {
0 C2 |6 e; \7 |( S
    技巧: 8 n2 E8 ~, N' z" m: M7 X. k! S

* k& n& ~, i1 d/ b    当制作的图形并不在元件编辑区的中心的时候,可以利用改变元件的中心点来调整。
4 i( ~* s. X0 J, @* I. E1 E0 c3 u& q. T
    试一试: * o1 Q+ h5 N: R5 d" h" y3 B! `/ b
& ~& k* l2 A2 ^9 p
    利用同样的方法尝试作一个图形元件和按钮元件的定点旋转效果和增高效果。
( `: S2 F; `- x, H8 @/ d, G  w- M9 u" D5 N& F4 C5 k: C, b
    特别提示: $ X4 l9 a3 v  X& |
! _# p+ X1 ?9 {8 i
    通过这个问题的解决,了解了改变元件的变形点以后的动画效果。这个知识在以后的flash创作中应用范围比较广。例如制作精确显示下载字节的进度条等。我们把变形点看作是这个元件的基点,任何针对与这个元件的变化都是基于这个变形点来完成的。2 ]) k" u5 Z  P( D0 j" D# y! u

0 Y( ?2 D+ m. X2 f  p  R    专家指点:
$ Y+ w7 `' y! M  L6 J2 X
' X. G; f3 C* i0 H) j3 q$ P    在这个问题的解决过程中,进一步巩固了flash基本的移动渐变动画的知识,了解了怎样制作旋转效果。在制作一幅图形逐渐放大的效果的时候,就应该考虑把中心点放在你最终要表现的部分。例如针对与人物的镜头推进特写效果,建议把中心点放在两个眼睛之间,这样在镜头运动过程中对于表现人物内心世界有极大的帮助。

TOP

发新话题