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

ＯＡ帅哥

& u% z. [" I1 a' y) ?2 p' i3 _' b9 x3 l& _4 a) G; k+ d: e O( a

FLASH介绍

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

ＯＡ帅哥

基础篇

---

z; O) |7 u- \! A% z g7 \/ e / L5 a) i6 |9 [: \8 b

一、什么是FLASH？

8 M6 D0 q+ | f3 d+ e

　　FLASH是Macromedia公司出品的，用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。 　　FLASH可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。 - n4 m1 E: K3 b# D0 `- A# k1 v6 p: yFLASH虽然不可以象一门语言一样进行编程，但用其内置的语句并结合JAVASCRIPE，您也可作出互动性很强的主页来。 9 C2 Q w x: \9 ]1 L1 p　　FLASH另外一个特点就是必须安装插件PLUG-IN，才能被浏览器所接受！当然这也避免了浏览器之间的差异，使之一视同仁！

　　有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！ + @5 u) g; o3 @% Y |" [6 J. M6 c　　我相信这句话没错！

二、如何得到FLASH3/FLASH4？

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

9 @1 } H% a3 R; L% O) \

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

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

5 H! E; l8 R; |4 o

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

ＯＡ帅哥

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

---

- R% {9 e6 v; a6 C6 q

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

f- p) s5 W& v/ M6 ^6 @/ `

---

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

0 g7 U8 N4 V% R0 M# o

0 V4 ]+ s7 a, q5 \' B# q& @

---

. D7 ?* J+ {( O1 b' A 2 V0 ?4 U' q; v* M

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

! ?% ? J9 P( `6 S

---

! T6 u8 m2 y( b- H

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

---

7 ]% i; O$ u: y' h/ n+ r) G

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

) B+ w! u! ^4 E$ h0 u

---

+ F! @6 ~8 c' S2 |8 {3 M3 S& \

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

3 Q) a) p5 k! \; S! |6 V

---

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

0 |! u) P6 r. a# L5 S" T0 H5 c) N

---

% r7 Q$ I% H, D9 c( j& T

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

---

' U+ D' l* [! k* o3 S/ r" u

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

- s" m3 m; X9 u

---

% V3 c9 {7 z' d5 M6 k" I! E

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

) ?0 a9 Q8 l# G1 n& |* R3 d

---

# s `6 B. I0 v. J; e1 ` 6 x8 E6 Q. a; m* ]6 y$ T

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

0 Q _+ M8 a, f( p# t& a. J4 \' o! N

---

8 s9 D( ~* n$ x+ a9 T9 O

13. 调整后的渐层颜色。

2 N) S: h% _9 v& [" N

---

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

---

}6 ?7 |1 H/ F7 i/ I+ Q 5 r, g: F( G. v, n: e

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

9 D2 x9 U: d( L* D9 A k

---

0 \/ L& ]- E2 c& g+ s3 w

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

4 @8 u" g) L/ z' O) f3 T

---

; D. D- n( U. L! Q ' N) N& |0 v; j; S4 z

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

! E) ^2 r; u; `

---

$ @) {% c. |9 t! r% i& F- o

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

. d0 p1 F: p( t1 G0 x# x

---

) |% j$ e# z* i \! ^3 I

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

---

* m4 R# ~4 d1 D8 {- V

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

% }5 t& L5 o: \2 ~6 k

---

) \1 M% _4 H( P" o( Y# D3 b; g ; ^1 |- Z u: y3 U2 |8 x

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

---

5 n0 H0 a5 J$ l

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

---

F; M) c1 l$ u

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

---

2 s7 i: ^1 G. ?6 Y% j) _' F* u9 ~ 7 P- t& D- d+ n: b4 ?

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

- p6 t# j* |1 x% B& f9 v) ^

---

* J1 F) w7 o4 z6 u0 e & f% k7 H4 f# y) E5 u7 f9 V& t

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

1 ]: D; T3 E/ O$ |

$ v T6 l O* P& E0 C; P. e+ `

---

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

; R- O6 X. [1 x) b9 Z5 t, g

/ L( m) S! m( e4 e

---

# F: { I3 R% c6 v2 R* i) _

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

4 P/ I' g1 V1 J; ~7 o2 D

' z8 a% W& D/ ^1 O; I ]0 ]; M

---

! z8 t& X$ U: M8 v4 J% H7 ` . C w! t1 S" S9 r: V$ l

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

5 G9 L( @% Q* O: O+ E

---

' P' s) R$ C1 }4 h

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

( t9 _/ B. y4 w7 C! P' g0 h# p

& j5 \1 O1 V5 Y5 t' c' g" k$ l

---

5 b( n4 b7 m9 n. x4 g & u/ k5 V6 [+ Z3 w

30. 设定Flash动画属性，以下是常使用到的项目说明： 产生大小报表：这个功能是输出动画时，附带的动画文件大小说明，可以此来酌情降低文件的大小。 / W. U( D9 x& R# ]- \/ M- J' h1 {输入保护：如果您认为自己辛苦的作品，不希望被别人修改变成他的作品，这个功能就可以保障您的辛苦。 7 Z, F9 m6 T* xJPEG 品质：动画中如果使用到图形文件，您可以统一全部文件的压缩品质，值越大品质越好。 0 B6 }2 I$ |; z) `2 L" F5 }音效：您可以在此统一设定动画中使用到的全部声音文件品质。

2 Q! b& L6 L$ U) H* Q' i5 {3 d

ＯＡ帅哥

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

* x) p7 V4 V9 T. V

---

: Q" z. C% v3 d, F

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

5 |! Z7 ~$ z s' y8 l' Q

---

8 v8 {- t/ e( | 6 c; ]5 k+ J- |

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

/ Y; m) r2 N* c# `4 K2 z- @

---

0 _* O/ b$ b) f3 n- C# D

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

* T3 Q8 t8 T7 M# f: R" p/ t# K, b( l

---

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

, l: b1 l j0 h0 |; l* L

---

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

---

* `3 n% h$ d1 \$ K4 S 9 ?3 ^2 W2 h5 {! {# C' Q! W

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

9 t1 w1 o4 H5 s( ~4 J% b

! | L6 n/ c1 t1 o

---

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

. I; F' O7 O5 Z. J; t$ b+ ^$ d

---

9. 出现一个图库的小窗口，里面会列出您动画中所建立和使用到的符号。 ( P.s : flyg 是刚刚输入的文件 )

---

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

9 A2 A, E: o& c! L7 k1 Y' n

---

9 @4 @: s6 P0 h( }; X6 N

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

7 {8 W% r/ X+ S- F

---

* g( g7 {1 F' Q

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

% ?2 s3 U) |1 \+ o: Z

---

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

0 [- T' o) e `( P) F7 G

---

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

---

- U5 e0 e+ l0 ^+ C% p

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

- n0 H9 x: `5 K0 X

---

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

; d0 W' m. l" @ ~( [0 e/ X8 }

---

% e* T6 e! j# V# k8 w

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

( O9 L* r7 m+ i. Q0 B* x0 E

$ M# R- X, M1 n' x* `- Y& s

---

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

---

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

9 T ]' S# l0 d [5 P9 j

---

1 z9 ]0 |' t* m% I- ^; m- [' L9 a

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

; E; |. J9 j8 k' [

---

) T1 r9 r1 f$ b: j2 Z0 ]

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

! m! [- _- C/ [; ^

---

' f: Y5 L- |5 r , O. X) p) i! W- s

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

& [. N8 \0 m; N# h* s) T! F* \

---

5 \8 i- V$ O+ R" a. ]: _: D2 D3 s! a

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

ＯＡ帅哥

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

+ I- z$ f8 m% q4 l* E

4 W( ^ W; z$ T) Z' t" b

---

1 z9 {9 T+ I4 l6 Y7 K; S3 V7 s + G) P: z4 a4 f

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

# z8 j- f. a7 Z" f. D" w

---

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

---

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

---

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

4 V' Q' `5 J5 b/ t( Z

---

. H- f/ ` u0 ?( x+ E( k

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

---

; X/ u. N+ U4 u# W . f# q& f- @5 Y9 m) y9 E

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

3 c; [7 t. d7 a( i1 o

---

/ q. B/ E; s \& ^( S- W' L

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

---

' q/ O( V: Z0 |, ?! ^5 m

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

) l5 e# y5 ^3 d7 U: C3 l5 d! u

1 g, O( o7 n1 ?( d$ d

---

; h' R% y# s# B. {4 a

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

1 j4 P8 n: s, q& ?) `4 M" u

---

9 i/ S+ O' l3 M ' F9 b$ z2 f7 q7 r% O

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

---

6 m, ~1 E1 x6 l ; ]6 A7 N0 R1 H' }6 ~' u. o8 W9 ]

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

1 j3 R8 Z1 X, |6 ~

---

- V( e* Y" U* y" { " ]. y3 ]1 r4 v

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

---

/ d8 j' B5 W: ` ; [. A7 x4 L- a2 w2 e) X! N

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

* F% N& N4 U: U$ x, k; M/ b0 X: T

---

2 E6 H) t" |8 w- R7 I- { 5 K7 S0 h* i1 o

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

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

! x0 f! n9 m1 S- z8 }/ L$ G) I

---

5 c, M/ O$ R: G2 Z( C . T M5 e- G) x6 [% q- V( w& d* [

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

, z1 @; L) R! Q( M/ B8 U

---

( |) _0 U. U' i# o

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

---

7 g, Z% Z e. w+ _( b ! y' q9 t. Y4 [) n' s

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

---

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

3 S9 U( ?! y( b- p% R% o; L

---

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

! E# }0 H( ]; h3 P; ^6 Y* `

8 H7 G1 [- _5 Y: f7 u9 Q

---

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

---

6 ?" ]6 O K8 u9 F6 p& j$ B + {7 d" S' e3 I- w% v

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

ＯＡ帅哥

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

! z. I$ k6 V6 ]% g6 P* `

$ d: T3 e. f2 n* @

---

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

7 ~' Q9 W1 X( R' z+ }/ c

' o. |1 p. r1 F& {

---

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

' }+ |, j, R- @3 K1 Q; i

---

; r8 z3 k7 Q- G7 [7 D! f

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

% T+ b# y; n) }" [, D$ g

---

) g& m/ J: r2 x0 j 1 D Y- R2 s3 o8 x, ?

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

9 u6 Z+ @5 u1 E' W& X

) w, K$ f- U# |) a& s' `

---

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

* z% v# |, Q5 f

+ o4 d0 [$ m/ m# h# ]

---

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

, F. M+ b3 o' B* s" v

1 P5 s6 y/ e6 y. c9 v: y

---

2 V+ n7 `- o2 O5 g( E* q R) K

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

* L7 R C* Z' `6 d u% z% A

h3 h+ A% g9 W# y

---

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

* s1 v8 b; i. ^/ h1 _0 C

# v+ Z6 ~3 R$ Q: e

---

! Z) ?8 ~4 ~ Z/ D) q- x

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

---

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

9 d. |& K/ k3 H3 b: ^

---

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

! x/ g" N1 c; y# W5 @8 ~! c

1 i+ B! |! E4 K+ y% g

---

0 L( O2 }! G4 p7 L3 s1 u9 Q ! Q7 d& B: h/ z& K, N9 ?6 m% K% D

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

3 t6 Y0 I9 k) M4 n9 m( p$ H

7 ^ X6 S5 I4 C ?- B

---

5 l' P* U+ S7 A; L7 J ' W2 [. c2 A8 Y' T7 D$ H

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

---

8 O/ d( ?/ L$ ^/ P o) V3 O

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

---

7 i7 |: n$ a: i" \7 I

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

x6 Z* w( R j2 `2 G

---

& f1 w" B r1 N. h: B( T

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

! s4 Y0 { r5 \4 U0 H# r0 K1 u

---

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

+ p0 L' A5 R3 J

- G6 y' G/ ^4 n6 m0 J8 u5 @

---

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

---

7 T; H. J0 r" I; s+ m

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

---

" A. r. w$ N1 R0 M

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

* @" f K' r g

---

- g+ f1 ~$ B# g $ U I! |8 k% i- W: S6 W& u% q

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

---

4 L4 n6 c1 q3 U7 y0 Z : G% J5 w' t( f$ h, w4 |- [

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

---

; Z, V, Q1 ?# V) c& e" o3 V s+ J 6 k8 x+ U2 w8 \1 p) U5 {% c; Z6 U& N

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

---

6 o# H( t$ Y( \& u5 o" M/ Y C) T7 D8 v3 p

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

1 [. T3 Y# X' H: a9 U U7 ?

0 M0 W$ H6 E- p+ L$ E

---

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

/ H: K* X4 u9 J9 t0 e6 w8 D. Y+ O/ m' V. U

---

) e7 M5 l: v5 x3 m& i , m9 I/ @) q4 K

27. 互动式铵钮。

& ^/ x$ B0 {3 l: n1 ~6 y! }- n1 [, R N* ?5 m4 U) F+ @" P2 |& s* f& B. R6 w7 h( i, \) e- y6 B9 G; a& N9 j9 W9 g0 _: w( N: H# x9 }7 T, g7 ]

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

---

' X6 v+ K, m8 r9 A }) L 4 H& } ?. Q. C1 j( B6 _ \

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

---

* F1 t E) r" u7 p L$ f/ [

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

ＯＡ帅哥

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

---

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

6 l J: T2 {9 U, v, ]

9 ?4 F7 w( g7 x; i/ w

---

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

. @. m7 I+ S& Q6 A) J; K" j

( A" S0 {! ?7 B& y# i

---

4 g4 ~1 I# E$ [. v

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

---

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

---

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

! O: S1 W, [& Z9 m: p7 a

0 N/ I4 r# Q" S5 [/ I. M, X& @9 @

---

" A( J1 O9 V8 d9 X+ ^2 u$ A& p7. 在动作的项目中，是不是在「鼠标 (放开)」的下面新增加一个「取得 URL」的动作呢？！至于参数设定，URL 当然就是输入「网址」啦！可以应用 HTML 语法 , 如「http://」、「ftp://」、「*.htm」等等的超链接语法，很多人都问要如何加超链接 E-Mail，只要输入「mailt电子邮件地址」超链接语法即可！语法与 HTML 一样！！ 4 @* n3 Q8 n8 w

---

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

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

4 ]: g$ E* k) c0 h7 \

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

' a( G( m$ w [) c& B8 |0 k+ Z8 F. A

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

---

. K- x6 N' m- j* |) Q 8 @4 l) `2 d0 V; V) |

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

; q( I. K2 j% C$ \. Y- p

---

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

---

- a7 J2 G1 c- `* V

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

ＯＡ帅哥

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

% F8 ~- k( D* |) T! d1 M8 E

---

B# Z G4 h0 {, r % a' B; f- J+ M5 m. p5 X2 B

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

---

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

---

1 {& x$ F" p2 g0 z ! T* X" P# x8 u6 o* P

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

---

9 G# B/ v& g3 c. `1 D( y7 z , b7 h2 D# K1 [ [

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

, T1 b- ~. J8 u% Y h0 U1 b: ^- ~

---

, o5 G7 |' m( [& [: G

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

# d5 {7 v+ o: V* r* R# S. O8 d

---

* A% t: Z$ R5 A% i

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

$ G# S6 I+ y ^3 q9 Y& z% C/ J

---

; n1 @! t C* P& ?+ C ) ]; |' T+ C6 f$ @* j# t: c: _: Z

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

1 z! D# o4 ]: l) R! D

$ O/ v W- z" y2 t& N

---

' C/ ^: c% Y+ b

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

2 J0 Y# _ |$ z/ {' p5 I

---

" x: }$ e. _9 o) i( a , \3 R" Y; _) t& _& ~' D, t

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

( ]1 z" G8 } s

---

; t# B; b8 ~+ P& M5 R

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

! G5 m9 ]( W5 a" d( l7 Q6 d- t% o

---

7 I' s/ c: Y" c1 Z% n# `2 y

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

) X% r2 n! n# U5 ?) Q4 |" r% o" E

---

$ p: p3 A5 r* e: { : Y4 x; X3 s2 i7 Y3 ~0 F& U4 Y

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

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！