ＦＬＡＳＨ教学［闪客学堂］

ＯＡ帅哥

# U7 O* [# E0 w0 `

FLASH介绍

5 v/ H6 i/ o ~ g

　　Flash是用来编辑二维动画的软件，经过几代版本改进后，采用了矢量图形和流式技术，迅速成为网上动画的霸主。Flash能够很好地支持声音，具有交互功能，简单易学，越来越多的教师以此平台制作课件。Flash界面和Director极为相似，可分为工具箱、总谱区、层控制面板和舞台四大支块。Flash制作动画比较简单，你只要定义好各个关键帧，当中的过程由计算机自动生成。它在制作动画方面和秘密武器是多层透明效果和变形技术，再结合按钮符号的交互功能，就能制作出炫目的课件。Flash特别适合表现现实中难以实现的、抽象的概念或现象，像炮弹的轨迹图，原子裂变效果等。只用Flash当然可以开发出一个完整的课件，而且“身材苗条”，适于网上传播。但Flash并不是为课件定制的，在课件开发上存在一定欠缺，最好与其他编辑平台配合使用。

ＯＡ帅哥

基础篇

/ S2 d5 ~; A$ V% i

---

( r( V# e* M4 p8 x3 n

一、什么是FLASH？

　　FLASH是Macromedia公司出品的，用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。 6 f6 {3 G- p' ^4 d　　FLASH可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。 FLASH虽然不可以象一门语言一样进行编程，但用其内置的语句并结合JAVASCRIPE，您也可作出互动性很强的主页来。 ; z- y) [6 y& m/ O　　FLASH另外一个特点就是必须安装插件PLUG-IN，才能被浏览器所接受！当然这也避免了浏览器之间的差异，使之一视同仁！

　　有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！ 　　我相信这句话没错！

1 T6 j+ h' v3 a* ?9 v" F

二、如何得到FLASH3/FLASH4？

　　Macromedia公司提供试用版本的免费下载，您可通过该公司的主页得到 FLASH3/FLASH4。

三、其他相关工具有哪些？

　　基本的工具有DREAMWEAVE2.0，同样也是Macromedia公司出品的网页编辑器，功能强大，与FLASH结合的非常好！（强烈推荐） 　　另外还有AFTERSHOCK，用这配合其它的网页编辑器工作。（比较麻烦）

3 N1 Z5 A* J& M

　　如果你掌握了矢量图设计工具就更佳！如：Adobe illustator8.0 、CorelDraw8.0等。

ＯＡ帅哥

1. 首先按主菜单「插入」的「建立符号」选项，建立一个新的符号元件。

1 M% A: v% F% E9 Z1 {. q) g

---

a9 v7 s; \* b! L, i- E Y9 { . d# t' L: T' q f

2. 给予这个符号一个名称，并选为「图形」性质。

) J, t2 e A3 x; U9 ^# L! u! h' t

! R, t- o5 i( o" _* K4 b9 ~

---

3. 设定完符号内容后，会出现符号的编辑画面，请按左边「工具」图示中的「文字工具」.

( H/ G/ l" a0 C% K( h# ]

# r: c+ L6 l. ?/ V% M# J

---

' j* T3 ?, X; v& L6 T7 v5 c

4. 选择您要使用的字型，及字体的大小。

6 H3 Y3 o2 Z! ]- b5 b

---

9 q. j: s* A: Q6 }, c3 ~

5. 在符号编辑画面中，输入文字。

6 C& r+ L: s4 y- r* }2 M- O( Q

---

6. 按主菜单「检视」的「网格」选项，符号编辑画面会出现网格，这样可以方便精确地排列整齐喔！

---

7. 移动符号到中心点 + 的位置，建立网格比较容易对齐中心点。

, Z8 V+ N" _* I

* v+ m3 d; V. @5 y

---

: } E' b2 D- v5 g" Q: H2 A3 D p" t$ n H/ G& Z+ o

8. 按 Ctrl + B ，将文字打散，这样可以为文字上漂亮的颜色，相对的输入文字也无法改变，除非重新输入，所以先确定所输入的文字，再做「打散」的动作！您也可以按主菜单「修改」的「打散」选项來完成。

---

9. 按左边「工具」图示中的「油漆桶」，调配喜欢的渐层颜色，里面有一些渐层颜色供使用。

. f; T- \* P" l. x T- F

---

. [2 X7 E* X8 I- `+ K/ p* X4 ~+ k) W

10. 选好颜色，移动鼠标到打散后的文字处，这时键头已经变成像油漆桶的样子，点一下文字，隐约可以看到文字已经上了颜色啦！

- Y p6 \. U# c+ L. P

---

11. 或许渐层颜色的效果不是很满意，没关系，可以做高速。按左边「工具」图示中的「油漆桶」，下面有两个小方块可以选取，请选右边的「转换填涂」小方块。

---

12. 这时点一下文字，旁边会出现一个小圆圈和一个小方块。小圆圈就是旋转渐层颜色，小方块就是缩放渐层颜色，中心点就是移动渐层颜色，依自己的喜好做高速，可以达到很棒的效果喔！

8 G: P1 _# a+ Z, ]4 }& K5 X

---

1 a4 g/ W) K3 g- v% {. p; o 5 p; [: W4 t# S! T/ k% v0 A+ [. v3 D9 D

13. 调整后的渐层颜色。

---

14. 完成符号编辑后，右边有一排符号标签，按 钮回到主画面，这时就可以应用刚刚建立好的符号。按主菜单「视窗」的「图库」选项。

---

* \8 a% z3 Z- b* o

15. 这时会出现一个图库的小视窗，里面会列出您动画中所建立和使用到的符号。

---

7 G6 x+ J$ s: w. M0 v @8 H

16. 拉住预览窗口中的符号，拉到编辑画面中，虚线方块就是该符号！

---

7 M F: v5 x$ k- R3 n" {

17. 放开后，符号就跑出来啦！这时您的第一影格会有一个小蓝点，代表播放动画至时，就会出现这个画面。

& {/ \% [( I- D) V. L. f; X

7 w* P3 \- \* R; M: V/ _

---

: ?' P# V4 \( H- e$ a# x$ Z' ]3 [6 `

18. 为了方便符号的排列与编辑，按主菜单「编辑」的「尺规」选项，就会出现尺。

6 d2 D( h7 `/ [

---

9 A2 {, b E, m* b( e- s4 N % j8 w: J7 t* u' n

19. 之前符号已经在第 1 影格处建立画面，因为我们要利用到这个画面，做点小变化，成为后面的画面，于是在第 10 影格处，按鼠标右键选择「插入关键画面」，这样第 1 影格的画面就复制过来了！

---

/ e( F* X z) ^9 X& {1 W. C

20. 在第 20 影格处，也是重复刚刚的步骤，复制影格画面！

0 o0 \* q5 c& L

; r6 l. v9 i, K7 _/ Z1 z+ X+ _1 F

---

! e h$ t# ?5 y( N ' x9 ?, B# Q$ @

21. 接着就是变化啦！将时间轴移到 第 10 影格处，选择符号，按工具列的 缩放工具，将符号放大缩小。

---

; T2 a4 N* y X2 Q5 ]+ Z& f

22. 放大后的符号将成为第 10 影格的画面，其他的画面將不受影响！

2 X P# g2 O0 z5 U2 L% @7 X; z1 f

---

3 E* |2 V' \ `: h/ L) ]3 b " @5 {- c0 L/ I6 x$ m6 }

23. 建立好动画大概的画面后，再来是怎么表演啦！在第 1 影格按鼠标右鍵的「內容」选项。

4 K# P% N0 R2 E! b4 c: s

---

4 f& A' Q+ [* |3 u: q! B

24. 定义第 1 影格至第 10 影格间的变化，在此我们设定它为「Motion」，意思是第 1 影格至第 10 影格间自动产生產生连续动画 , 够厉害吧！Flash 会依前后影格画面，自动替您产生中间的画面变化！

---

6 @8 }$ u p; K, d+ S3 M" A" C: f . f0 D4 v$ g; }, p/ ]! s# l

25. 记得选取「自动产生缩放」喔！因为我们做了缩放的动作。

- q; ^. ]& v$ a. N7 B" p

---

26. 您应该很聪明，现在应该知道接着要做什么了吧！？没错，就是产生第 10 影格至第 20 影格间的连续动画，重复前面的步骤，在第 10 影格按鼠标右键的「內容」选项，设定为「Motion」，一定要选取「自动产生缩放」喔！

---

27. Yeah！大致完工啦！剩下一些后续工作，或许这个动画您以后还要利用，深怕过一段时间，自己都忘记哪个图层是什么功用！所以就要养成好习惯,替符号、图层、场景、标签等等，取个有意义、好记的名称。现在就来更改图层名称吧！鼠标按一下「图层 1」的地方，它会变成 这个样子，就可以为图层输入新的名称。

M7 U5 G0 j5 N. R5 {3 y

---

/ R V7 P: [( f2 S+ I% Y: D

28. 迫不及待要输出作品啦！方法很简单，按主菜单「档案」的「输出电影」选项。

* j q. {: x% H. f

---

* }% O; ?3 x( R! v0 j: X

29. 选择好储存动画文件的路径，并输入文件名，扩展名为swf。

( X. h* k' W+ |

4 U+ [! }" A3 I% j1 d7 G

---

) N3 U& B9 {: J& m5 N5 A7 I0 W 0 r3 J# z& E n

30. 设定Flash动画属性，以下是常使用到的项目说明： 产生大小报表：这个功能是输出动画时，附带的动画文件大小说明，可以此来酌情降低文件的大小。 ; I3 c2 b' ^. g' y0 Y/ g% d+ |输入保护：如果您认为自己辛苦的作品，不希望被别人修改变成他的作品，这个功能就可以保障您的辛苦。 JPEG 品质：动画中如果使用到图形文件，您可以统一全部文件的压缩品质，值越大品质越好。 ' l D6 t% t0 k2 H音效：您可以在此统一设定动画中使用到的全部声音文件品质。

9 R4 O( v6 x, ]( y' ~/ B- _

ＯＡ帅哥

1. 首先按主菜单「插入」的「建立符号」选项，建立一个新的符号元件。

& R: u) z+ X" K8 i

---

6 J# n3 p6 `+ k' r* b* ~0 w2 C6 m

2. 给予这个管理人员五个名称，并选为「图形」性质。

---

% a; k3 v9 n' s+ O; ?% N5 ?9 l . X; S0 [& }7 b% i J5 w! a

3. 输入一个文件来当符号，按主菜单「文件」的「输入」选项。

1 g9 g5 w8 S& N! ]; j( L6 \

---

) _7 b! o) `" s: J

4. 选择好输入文件的路径及文件，按下「打开文件」。

, ^2 S/ e: M- A P7 f

---

M. p$ ]8 o. o( I" i( k( P% `# C . N- X! \! k6 Y$ Q

5. 简单的步骤，图形就输入到Flash中了！声音文件也一样。

- K( }2 b4 v+ v

---

2 J& I' z( _' t u! x5 r 6 k6 Y& e. j# q! D0 G

6. 因为输入的天使是向左，想把它转换成向右，方法很简单。按主菜单「修改」的「转换」的「水平翻转」选项。

; j/ k- W" x# O# T

- c( F2 b: n( w3 p: H: O

---

7. 瞧！是不是转向右了呢？！完成符号编辑后，右边有一排符号标签，按右边符号标签排列的 标签回到主画面。

$ d/ o6 U$ K4 i3 m! B9 G0 o

. } C2 X8 j6 A1 {. n- u

---

$ R) b& k' y# Q& E9 `2 X" [

8. 这时就可以应用刚刚建立好的符号啦！按主选单「窗口」的「图库」选项。

L: R/ Q0 S. R% f

---

9. 出现一个图库的小窗口，里面会列出您动画中所建立和使用到的符号。 ) l! a4 h# W9 ~! `( q 7 {7 K; B9 |4 Z( O! d( P.s : flyg 是刚刚输入的文件 )

---

10. 拉住预览窗口中的符号，拉到编辑画面中，虚线方块就是该符号啦！放开后，符号就跑出来了。

---

" l$ P- ]6 `, Z* I3 }- H( @7 G/ C

11. 接着就是开始应用「移动导线」。在图层 1 的位置按一下标签按钮，并选择「加入移动导线」选项。

---

8 E8 s5 G1 h2 `; ?# h; R. I' ]9 r' r

12. 是不是新增一个图层，前面多了一个曲线的符号，代表您图层1使用「移动导线」。

0 j% T" t$ c1 g4 R0 p

---

! i% V5 D- M1 m2 k% U: x1 x8 k

13. 目前编辑状态在「移动导线」图层 1 的位置，使用工具列中的「铅笔」的「曲线」，随便画一条曲线，主要是用来当符号的轨迹。

+ l" i& V: ]! t

---

( J4 {( ?; W$ L t0 G* k r" } . Y0 I0 `' S0 X& |3 T

14. 画完曲线后，可以做些小修改，使用工具列中的 工具，将曲线拉得更漂亮，记得要先选取曲线。

: n+ J8 a8 Y. u6 R- |

---

$ z) v2 s9 v: g0 ?* v. X

15. 鼠标从第 2 影格处，按住左键拉到第 20 影格处，再按「F 5」键插入画面。

& Z/ c1 v1 `- J2 ~( Y$ R! P

---

% J+ M' a8 m" Z/ W# w2 r6 \3 N$ l

16. 将鼠标移到第 1 影格的位置，接着拉住符号的中心點 , 移动到轨迹上，您会看到符号中心出现一个小圆圈圈，只要将小圆圈圈移到轨迹上即可放开，记得要点选選工具列中的 工具，才会出現小圆圈。

# [2 _$ r4 i2 d2 @

---

5 }3 t/ q7 S# J5 a2 N( ]. n 1 S1 Z& [/ O. Y+ U

17. 接着在第 20 影格处，按鼠标右键「插入关键画面」，复制第 1 影格画面。

0 R: f8 e0 T. o9 C+ E+ ~

. V- Q: f. }- Q1 d% Y( t2 D* H

---

$ O4 f/ @4 C0 p( ~0 e; n. D

18. 将鼠标移到第 20 影格的位置，接着拉住符号的中心点，移动到轨迹上，您会看到符号中心出现一个小圆圈圈，只要将小圓圈圈移到轨迹s上即可放开。

* O, r( D3 K- s

---

' M7 @, M. B: B7 \

19. 接着在第 1 影格处，按鼠标右键「內容」选项。

3 n7 @9 }* s& ?

---

2 P% p# K7 ~- K( {* z

20. 产生Motion连续动画，记得选中「沿路径方向」选项，因为我们使用了「移动导线」！

---

8 X1 ]. g3 D( V; J# p4 X ) w# `/ r7 L) j5 I2 u3 m( @

21. 完成第 1 影格至第 20 影格的 Motion 设定后，接着把「移动导线」的图层「隐藏」起来。

7 ^" p. a4 E2 a) \/ [

---

7 H+ a. D/ ~( J' w- a, M$ c. x* P5 b ! Y& A; g! r: C- U# ?

22.这个「移动导线」图层的标签就会变成一个打叉的眼睛，代表隐藏起来，播放动画时不会显示出来。

% }- U$ W. Y! R7 O! G+ `6 Z

---

: y8 S* F' E" P2 ? e& y2 `0 e3 \4 g' |- @

23. 完工啦！可以输出作品啦

ＯＡ帅哥

1. 每次制作动画前，您可以先行定义画面的大小、背景颜色等等，初始值是 550 px X 400 px、白色，修改方法：按主菜单「修改」的「电影」选项，就会出现如下图的设定。

% l8 d5 N4 J$ V; J, p9 W3 P: V- _

0 v( C& m+ z+ O* w

---

3 Z) ~( E7 k1 V- B2 r3 q3 C2 w

2. 首先按主菜单「插入」的「建立符号」选项，建立一个新的符号元件。

4 g% a4 \4 X& r. e

, }- B; `( u! S7 i1 o; i0 x$ q, w

---

% c5 v. {+ O, o; e: x

3. 给予这个符号一个名称，并选为「图形」性质。

( z D. Y' _. X5 {7 i

---

4. 完成符号编辑后，右边有一排符号标签，按右边符号标签列的 回到主画面。

& S4 I: i: a7 \, A& K- Q

---

5. 这时就可以应用刚刚建立好的符号啦！按主菜单「窗口」的「图库」选项。

8 |, `' d7 t0 \

---

b& T* y) a) K' {, T" H- G ; J/ {1 i) f! E! {! k. O$ n6 q

6. 出现一个图库的小窗口，里面会列出您动画中所建立和使用到的符号。

---

! @+ s1 d' r, t; |- J& b

7. 拉住预览窗口中的符号，拉到编辑画面中，虚线方块就是该符号。

---

! S; ~: K/ o% _

8. 放开后，符号就跑出来了。这时您的第一影格会有一个小蓝点，代表播放动画至第一影格时，就会出现这个画面。

---

0 A* N. X/ ~7 G$ v! n9 T

9. 接着就是开始应用「移动导线」啦！在图层 1 的位置按一下标签按钮，并选择「加入移动导线」选项。s

X; K0 J2 g/ U9 d7 C

---

! L' J" B# Q6 W. F

10. 是不是新增一具图层，前面多了一个曲线的符号，代表图层 1 使用「移动导线」。

r; c) g7 P0 X

---

+ f) e9 Q- X$ z( G/ I" @1 L 8 s; F1 r7 w# c; B

11. 目前编辑状态在「移动导线」图层 1 的位置，怎么看呢？ 就是「铅笔」的标签，就是目前编辑状态在哪个图层。现在可以加上符号移动的轨迹，在画面中使用工具列中的「铅笔」的「椭圆形」，随便画一个圆，不一定要是圆，曲线、直线都可以，主要是用来当符号移动的轨迹。

5 W" D* J! R2 W8 x. Y

8 D- j) @. u/ k3 U

---

* [' v- u" @" ~6 t; k! G+ u, y0 y

12. 在第 20 影格及第 40 影格处，分别按鼠标右键「插入关键画面」，复制第 1 影格的画面。

4 n6 Z3 w [' G, R$ s. g% }+ S/ v

---

2 u$ |% N/ w, E8 r; A

13. 将鼠标移到 第 1 影格的位置，接着拉住符号的中心点，移动到轨迹上，您会看到符号中心出现一个小圆圈圈，只要将小圆圈圈移到轨迹上即可放开，记得要选取工具列中的 ，才会出現小圆圈圈喔！

5 J/ ?# O2 \0 P1 V/ u- F/ @

---

, }5 n7 ?* Z; i " m" ]9 h& W1 T

14. 依样画葫芦，将鼠标移到 第 20 影格的位置，接着拉住符号的中心点，移动到轨迹上，您会看到符号中心出現一个小圆圈圈，只要将小圆圈圈移到轨迹上即可放开，做完第 20 影格后，并完成第 40 影格。

---

15. 移动的位置在轨迹上的任何一点都可以，只要是让动画播放起來有连贯的动作，下面 3 张图片分別是第 1 影格、第 20 影格、第 40 影格移动放置的位置。

8 f) v2 A6 S2 J! |+ u7 o' u

( P.s : 第 40 影格与第 1 影格的位置不同喔 ! 第 40 影格比较靠近第 20 影格的位置，至于为什么，请看此节的最后一个步骤即可明白 ! )

2 o6 H! _7 b0 x

9 ^/ ~0 s, U7 _! \

---

- ^+ D7 ^$ H% y, D* U% e

16. 接着在第 1 影格处，按鼠标右键「內容」选项。

6 \; z8 Y, X3 q9 N4 r

---

17. 产生 Motion 连续动画，记得选取「沿路径方向」选项，因为我们使用了「移动导线」！

3 x, {8 Z" k- v! h' w+ p) @

---

: Z5 k [4 s! E6 m7 P. f

18. 依循上一步骤，也将第 20 影格完成 Motion 设定。

---

- t: D5 @3 K& H0 N' N5 W1 G) _

19. 如果您不想显示出符号移动的轨迹路径，可以在「移动导线」的图层中，按一下标签按钮设定为「隐藏」。

$ x& D+ t7 [8 \3 I( A3 H

---

8 I( E: g( M# N% F3 q, F " S# p2 D6 J" ^7 F; M! h9 I# d

20. 这个「移动导线」图层的标签就會变成一个打叉的眼睛，代表隐藏起來，播放动画时不会显示出来。

5 R& J: y3 |3 E8 T/ j- l

---

1 T3 L v, L3 {9 ~/ \! O/ J- L9 M, s 9 t/ k( x: A- L" V x' T0 _

21. 完工啦！可以输出作品了。 ( P.s : 输出电影方法及步骤可参考 [如何产生 Motion 变化])

---

! F$ @$ k# e- t0 u( O

22. 附带一提，以此例來說，为什么 Motion 要分成两个部分呢 ? 是这样的，当您使用到圆形的「移动导线」时， Motion 勾选「沿路径方向」，Flash 会依照第一个画面和最后一个画面产生连续动画，它会走捷径，也就是最短的移动路线，所以要分成两个 Motion！如果您只使用一个 Motion，第一个画面的放置位置完成，再来是最后一个画面放置位置移动一点点，设定 Motion，希望能依照着移动路径跑一圈，Sorry，没有办法，因为它会跑前后画面最短的移动路径，所以无法以一個 Motion 完成，要用两个 Motion 以上才可以完成喔！是不是又学会一招了呢？！

ＯＡ帅哥

1. 首先按主菜单「插入」的「建立符号」选项，建立一个新的符号元件。

) a8 n- z" L) e- |3 U6 P& T1 b, W

/ `; r: k8 t# F& V) [& j$ p5 V

---

& c! n, E% z6 u0 \# Z

2. 给予这个符号一个名称，并选为「按钮」性质。

---

# M/ V% B; t \ - l6 D) T) O6 l* r9 d7 h: @. j: m

3. 点取右边工具列中的「铅笔」，选择「椭圆形」并设定线条粗细。

---

3 X# Z" J( G6 {2 x) C 6 W: @4 z2 ^( }( K, }7 V; M

4. 在编辑画面中，画一个简单的形状。

" z/ X# M3 |5 V/ W

+ n0 a( |- ~# `: H; B8 D8 X

---

7 ^4 a+ C8 I! y$ p$ C 0 a6 |. d( X! |; z; o4 X T

5. 接着点取右边工具列中的「油漆桶」，填入漂亮的渐层颜色，可以调自己喜欢的颜色！

---

- K9 \8 b7 `5 F1 y/ t4 ~6 S6 _

6. 填入颜色至刚刚画的椭圆形区域里。

9 G5 s, o9 K) Z& ^# L

---

5 |5 Y1 a. }+ L. c- _# M % c4 {. B `& R: U6 u

7. 这样就完成按钮原始的外型，不过没啥特别。所以接下來就来制作互动式的按钮。在「滑过」的影格处，也就是 Over , 按鼠标右键，选择「插入关键画面」选项，复制前一个影格画面 ( 一般 ) ，这样就不用辛苦地再画一次啦！

1 h8 {2 z2 h1 T; @, L% t

---

# g/ N3 Q0 x0 p3 |2 W/ M

8. 来点特别的，填上不同的颜色，方法可参考前面第5步骤。这个画面就是鼠标「靠近」按钮时会产生的变化。

5 r. D5 D/ N: S7 u( n/ e) M5 s

: S* x/ h; j2 T

---

# @; y9 m* r [/ x " j. n% w% r7 R

9. 同样的，在「按下」的影格处，也就是 Down，按鼠标右键，选择「插入关键画面」选项，复制前一个影格画面 ( 滑過 , 其实 Over 和 Down 都可以同时复制「一般」影格画面，因为我们只是改变里面的颜色，没有改变形状等)

---

) A0 c) q6 }- u" V

10. 填上不同的颜色，方法可参考前面第 5 步骤！这个画面就是鼠标「按下」按钮时会产生的变化。

1 v$ u1 H R; u1 w! U

---

" j0 W7 ^; I) p8 s , \/ R2 q% {8 a" l h& J. C: m

11. 按钮图层下新增一个图层，在「铅笔」图示的下方小方块，按滑鼠右鍵，选择「插入图层」，此图层是加上文字用的。

---

& ~' U. r% G8 v$ g, i; J 5 T; O9 J! i; z- Z

12. 可以为图层来命名，双击图层名称处，即可更改。

+ L3 G# W' P9 e9 a

---

$ _/ k- m- }+ k2 [* B 2 b9 ~* w7 \4 ^- X) x& O, y$ {

13. 接下來就是加上文字，点右边工具列中的「文字」，设定好字型、字体大小属性等等。

2 Q* ~3 j% p# \4 A! l4 i0 \( ]

---

F! n8 y: c. _1 Q! i; Z- o

14. 在适当的位置加上文字，可以用鼠标移动文字调整位置。

( ?1 c; D( X5 D: b4 x1 s) |2 s

---

15. 文字输入完成的画面。

- |/ m, P+ }* o, r6 M

---

1 _4 n6 ~+ _. S* L * M$ `0 \/ }& Q8 S0 U! n5 [

16. 同样的，我也想在「滑过 Over」、「按下 Down」的影格画面加上文字，可是文字不一样怎么办？方法很简单，只要插入空白画面即可啦！鼠标移至「滑过」影格处，按住鼠标左键拉至「按下」影格处，即可放开，就选择这两个影格了！再按鼠标右键，选择「插入空白关键画面」。

---

" G; s$ M7 U" R/ A% O2 q" I

17. 将时间轴移到按钮的「滑过」 影格处，这样所编辑的动作才是「滑过」影格的画面，不然，很容易更改到其他的画面。

---

- S @/ n: ~. A) O7 ` & m R1 m* q: a$ n

18. 文字输入完成的画面。

6 n2 r+ [5 y- h1 x

---

1 c! ~. T7 h2 X) s1 { 4 N9 D) O" k8 q4 t* [' c( b

19. 同样的，将时间轴移到铵钮的「按下」 影格处，这样所编辑的动作才是「按下」影格的画面。

0 K- K d5 M- |! Q; q: b- n

---

' k' |/ d7 V7 t; m/ B- D$ S1 N

20. 文字输入完成的画面。

---

# z8 _! [7 C7 }" K

21. 完成符号编辑后，右边有一排符号标签，按右边符号标签列的 标签回到主画面。

, @2 a1 H* ` s

---

4 C: w, z6 K) ]

22. 这时就可以应用刚刚建立好的符号啦！按主菜单「视窗」的「图库」选项。

" G- g: o1 z3 T) U; J

---

4 ]: g4 @! J! R& m

23. 出现一个图库的小窗口，里面会列出您动画中所建立和使用到的符号，鼠标按住左键拖曳符号至主画面中。

0 S/ n3 j( L; M) p/ j

---

( Q9 v) U) ^" e( a$ n- R. D

24. 虚线方块就是该符号啦！

* N0 U; Y, x+ x1 J: Y3 }- a% ^" j& Z

---

25. 放开后，符号就跑出来啦！

---

3 W( b6 e. c8 B% m$ ?

26. 想不想先预览成果呢？沒问题，按主菜单中的「控制」的「启动按钮功能」，就可以试试按钮的动作了！

---

5 U& q+ f* [- |8 y6 H+ O+ Z

27. 互动式铵钮。

. ]. K; F3 E' ^+ @1 o$ E$ l7 i: A) q) h5 K5 p7 q4 \8 ~; }; t, Z* c# P4 S) m, r) K! e7 ~$ v# T$ z( b& S( @4 q- e$ l$ T0 i& q1 } n& ?$ _0 N

按钮「一般」画面	按钮「滑过」画面	按钮「按下」画面

---

* t6 D: D/ ~/ M8 t/ k, d0 R

28. 完工啦！可以输出作品啦！

+ k7 K& p8 t2 c) a ^( p; s6 h

---

8 ~, K5 ]% v) q! p0 `# j, U

29. 此篇为「基础篇」，让您知道「按钮」的互动观念，接下来的「按钮」教学，将越来越「进阶」。不会很难，只要脑筋转地过来，会感觉「按钮」很有趣且好用！只要是互动式动画，一般都会使用到「按钮」，所以要用心的学喔.....

ＯＡ帅哥

1. 延续「 互动式按钮(1)」，此课将为按钮加上「超链接」以及「目的窗口」的动作！

---

U* k1 I, c6 ~5 O* E+ N* Z

2. 应用「互动式按钮(1)」做好的按钮，在场景按钮处，按鼠标右键，选择「內容」选项。

---

3. 会弹出符号的属性设定窗口，请点「动作」属性设定。

% z2 m% H: u4 r a

---

1 Y/ e9 M; ?: E5 h9 `: C) C1 b 1 z9 c# B7 e/ d/ W) l R

4. 接着在右边处，可以看到一个类似「+」的按钮，按下去会弹出菜单，请选择「鼠标事件中」。

4 _- }4 Y% y# N* f Q) d

---

/ P o2 g7 y0 y5. 在动作的项目中，增加了「鼠标 ()」以及「鼠标結束」两项，请点击右边鼠标事件的参数，可以依自己的喜好来设定，「按下」的意思是「当按钮按下时，马上执行动作」，「放开 」的意思是「当按钮按下时，不执行动作，直到按钮被放开后，才去执行动作」，至于下面几个事件参数，将在往后跟大家介绍。 # R; E1 o3 N( z

---

6. 设定完鼠标事件后，接下来就是「超链接」以及「目的窗口」的设定了！在动作「鼠标 (放开)」的下面增加一个「超链接」的动作，方法很简单，按「+」按钮，请选择「取得 URL」。

. z8 a$ C2 @# F5 Q$ N7 k; k

---

* O, y6 R' X9 U. x1 P7. 在动作的项目中，是不是在「鼠标 (放开)」的下面新增加一个「取得 URL」的动作呢？！至于参数设定，URL 当然就是输入「网址」啦！可以应用 HTML 语法 , 如「http://」、「ftp://」、「*.htm」等等的超链接语法，很多人都问要如何加超链接 E-Mail，只要输入「mailt电子邮件地址」超链接语法即可！语法与 HTML 一样！！ - T: t. Q# s9 j& J6 A6 F! Y

---

8. 「目的窗口」也是众多网友的疑惑，在此說明一下。「目的窗口」其实相当于 HTML 语法中的「Target」语法，可以应用 HTML 语法，如「_blank」或「new」两者一样，都是「另外开启新窗口」、「_top」则是「在现有的窗口中开启」等等的目的窗口语法。也有相当多的网友问，使用了分割窗口 ( Frame ) 后，要如何指定网页显示的窗口呢？！方法很简单，不过有个前提，就是您的分割窗口(Frame) 要指定 Name，这样才能指定目的窗口。 . h o' a! v4 |

举例來说：分割窗口主要文件的 Frame 语法中要有 Name 参数！

( ^" y0 L @* _* y0 d' d9 x

<frame src="left.htm" name="left"> <frame src="right.htm" name="right">

假设您的按钮 .swf 放在右边窗口中，想指定网页显示在右边窗口，那「目的窗口」就要填入右边 Frame 窗口的 Name，也就是「right」.

9 n8 V1 J; o! K* t& ]0 o

4 O2 ?0 k- q, L; d$ F1 E

---

, J( x1 r* T4 b, ]9 R

9. 按下「确定」按钮完成设定。

7 Q. M0 w& E" ]/ d5 [0 u

---

10. 完工啦！可以输出作品了！

---

2 ^$ A; I+ U5 y, ?7 _ M! \$ E 6 {+ a: C1 N+ F1 L' k: s4 b) |

11. 附带一提，在 Flash 3 软件或单独的 .swf 文件，无法测试「超链接」等等的动作！要输出 .swf 文件，在用 Aftershock 产生 .htm 文件，最后用浏览器开启 .htm 文件，才能测试「超链接」动作是否正确！

ＯＡ帅哥

1. 接着「互动式按钮 (2)」，本节交赤按钮加上「动画」效果！

$ \. C6 Q% J* g$ w

---

! {: d8 n/ k [' Z

2. 应用「互动式按钮 (2)」做好的按钮，并建立一个「电影片段」( Movie Clips ) 的符号，按主菜单「插入」的「建立符号」选项。

& y+ |4 Y, P; Q% F

---

- Q& z. F- T+ u: j- l( O

3. 符号的内容设定，请选「电影片段」选项，并按下「确定」。

2 Z0 C7 g7 Q6 {( |7 P. N

---

$ ?0 s6 |4 M. a8 `3 l

4. 接着应用「如何产生 Motion 变化」，来当作我们的「电影片段」，您也可以自己做不一样的电影片段...以下是文字 Motion 缩放变化。

% ~* u5 a# G, F" H7 s6 Y- {& d

---

, i1 O7 f8 ]6 d ! V4 [6 d/ ?4 F6 u! R \/ V. ?

5. 时间轴影格间的变化。

---

. F) N7 W" e: H4 O$ m

6. 在按钮的「图层 1」下面「插入图层」，准备用来放置「电影片段」。

7 Y- {* }$ B/ M# ~ ~% J

) o0 l. P# Y n8 X

---

- f t$ p& B! ?5 Z5 E1 {

7. 图层的名称随便取一个，在这里我们取「动画」好了，方便大家学习！因为我们是想在按钮「Over」滑过时，产生动画的效果，所以时间轴移至「滑过」影格位置，您也可以将它改成按钮「Down」按下时，产生动画的效果，那时间轴就移至「按下」影格位置。

1 x2 G1 ^6 d% z$ F1 p7 \

---

8. 接下来就是把刚刚制作好的「电影片段」应用上來啦！按主菜单「窗口」的「图库」选项。

* T7 i3 ^4 ]; q' p) j

---

9 V4 h6 u+ L; Z

9. 选择好我们的符号 2「电影片段」，并用鼠标拖曳至编辑画面中。

% d" x2 \5 t( n# L; C* k

---

) @& q, {% a9 e

10. 按钮动画图层的「滑过」影格，是不是从原來的「空白影格」变成「蓝色影格」了呢？！

- f0 Y8 {3 o: T

# H) u: p' ~' T; {

---

& k4 t+ X" P) }8 e! e/ ~/ s

11. 按钮「滑过」的画面，在这里无法真正看到按钮「滑过」所产生的动画效果，需透过主菜单「控制」的「测试电影」选项，浏览结果。

---

. A9 P) e6 j g9 t$ `/ G

12. 附带一提，若您按钮的「按下」影格没有加上「空白影格」的话，那按钮的动作就会怪怪的，变成鼠标一靠近「电影片段」文字时，就会产生动画效果！会误当作是按钮的一部分，所以在按钮的「按下」影格加上「空白影格」，使按钮的「滑过」影格之「电影片段」没有延续下去，这样按钮「滑过」时才会产生动画！

+ n: D$ s" o5 S( G+ w& g

---

4 a0 z$ u; V7 T3 \5 A( [! J

13. 完工啦！可以输出作品啦！

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！