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

ＯＡ帅哥

) I2 z" H' e! X/ j. ^0 X% _0 [; D* u0 D* h) D: |6 N7 i4 n1 j0 I% D* z4 a) V @) m6 e0 `

FLASH介绍

) @- U) g; o1 C. P8 J+ K( j, w

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

- Y5 t3 y+ A. _7 ~5 g% G

ＯＡ帅哥

基础篇

. I$ e6 E- R1 D, B2 V: R

---

一、什么是FLASH？

: D: @! l( n2 X/ q6 ?$ p

　　FLASH是Macromedia公司出品的，用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。 2 p$ e4 }% Y7 P) K I# k% z5 {　　FLASH可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。 FLASH虽然不可以象一门语言一样进行编程，但用其内置的语句并结合JAVASCRIPE，您也可作出互动性很强的主页来。 7 [! X. l! ~9 L0 f X　　FLASH另外一个特点就是必须安装插件PLUG-IN，才能被浏览器所接受！当然这也避免了浏览器之间的差异，使之一视同仁！

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

& F" m0 e4 U9 v; _, q

二、如何得到FLASH3/FLASH4？

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

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

- v- J: X ~& w5 J3 I( ^: V' D- A

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

( q# F8 B5 F9 M5 v9 y' U

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

ＯＡ帅哥

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

! \% q" g- T9 w5 o* ^4 Y" {

---

" B2 k- p% n u3 O

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

. h$ G. V" w( G. m! _$ y! x2 x

---

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

8 x- y( P3 k& A+ j

, x; s; t) w4 O2 w

---

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

---

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

---

& g R: a, R' s. A' \) s4 l \# r

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

- P- t+ S$ G4 o( b5 G5 D

---

' L& ~$ e6 a. z

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

---

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

( {2 `2 z! O R/ T" }9 C: r

---

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

9 k3 K, E1 R: X: w

---

6 {$ A+ N" O% D' S% p' i4 u* M 3 q6 S ?: O9 F

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

---

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

+ k; T# u. j6 a3 D& H

---

J m& K. B7 h 8 e( q$ I* Y* n7 I

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

$ ^3 r6 f3 U( J+ Q% ]8 z$ f- b- g$ D

' S1 I0 ~" Y: }7 o% |# Z+ t

---

6 n% b8 }1 R, ^' O7 g( |# g- `, y6 Z + X7 N7 V% `0 ^& D7 \* s

13. 调整后的渐层颜色。

---

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

3 t6 g0 ]+ l7 s" O. e# R$ ^- u

% t0 O' B# n. K& u

---

+ F! I# n9 @7 U4 B! m ( t @: M; g: J* ~) `6 }1 w3 V

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

---

; [# {8 Q3 N0 C9 x; S/ \

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

/ o2 b D; M. v

---

5 B3 U, P( S# h6 b' A: r

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

1 W- u5 s: K ^

---

( T% M: |, A$ m$ k; j+ N: s. l

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

& E' f( l9 |$ q$ ~5 s2 Y* }

) @" u( T/ X& L6 D; f0 b

---

9 s$ l) J( Q+ [9 {

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

# _- u1 I" Z; O* C# X

---

1 A, M F! B& M6 j& p

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

---

' J4 d( l5 j0 ?% q4 ^: y$ J, s

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

---

$ B8 D ?% w+ \. p 9 f$ E* E( H" B+ B3 b0 s* y: R4 Q

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

% a- h/ k5 |& A! p- ?0 c2 a- Z

$ X; v' o+ Z# j

---

1 l1 E) v8 Q- o# v5 E1 M

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

4 Z: Y2 D* x2 x1 a0 S6 u

---

4 ?9 F' E" z8 q n: c4 t: Z

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

, r) u# C3 z$ U4 n F; g1 [

---

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

---

N- L4 ^4 a' `- h' n R" e 6 P: e( `, y* c( [

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

5 _5 H& l" s% U1 I

---

# ]" |9 D- E7 G) ^# h% r

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

---

- w, j2 Z- s4 f" r3 S3 C$ D

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

---

7 v9 l5 W2 g- F3 `& \. W- } ) p. r/ T9 u) a/ X" V

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

H0 b' X0 Y# k# y

---

$ m% r) ]% }2 {/ G

30. 设定Flash动画属性，以下是常使用到的项目说明： 产生大小报表：这个功能是输出动画时，附带的动画文件大小说明，可以此来酌情降低文件的大小。 ( a; P7 A* w9 r: w/ H0 q( h输入保护：如果您认为自己辛苦的作品，不希望被别人修改变成他的作品，这个功能就可以保障您的辛苦。 & J. b. K9 M" p& s7 J/ x' VJPEG 品质：动画中如果使用到图形文件，您可以统一全部文件的压缩品质，值越大品质越好。 % T+ ^6 x$ w9 b+ V音效：您可以在此统一设定动画中使用到的全部声音文件品质。

ＯＡ帅哥

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

, W+ h) k3 S+ ]

---

2 O5 \7 `; Z c* {2 }& ^/ G- g

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

---

6 j4 n8 a: o$ p

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

---

2 d% A' f9 t+ k' M6 C7 c, R- ?

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

9 f; |0 p$ r: F" D! w7 U" T% i2 t

---

* n8 w+ K' e7 ?$ L. ^: B

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

8 S& X* J3 ~* s& z. J' E+ p) u

---

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

8 R. c' k5 Z, V! W9 i' I# {

+ B! R: C/ j: ~+ ~4 b

---

9 w6 |5 j* ~% e z/ ^: B0 p

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

5 _% d& n6 \. X. x C1 V

---

& {7 g9 q+ q( m! {' e

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

8 X: j; H/ \1 {5 [

---

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

---

) p# A7 d$ d, x5 ?, ]8 g. A: d ! { x2 j" l; b( ?' l2 I% B

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

---

, S2 X2 x, |5 e$ R! X3 r8 |

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

{* G4 r" e% h' y7 X

---

# K' @8 T" l, R: V& O" R

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

4 L& }" x) o: v3 }" s9 C% o

; Y5 G% n) \/ T: Q# }" k

---

. B, t1 w; q8 o 8 A+ `+ }) _$ w: r) x

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

: a6 F$ R6 g! J: L# o9 q' i

---

6 Q7 O$ a! K3 f$ l( r- l5 ` , H1 G# q- ^. }0 u5 m1 ^1 \

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

) U9 R8 x. n3 s# {2 N

0 y* }( x2 e% w- v% {, F

---

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

---

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

, s( t* ~; T! T" N1 `

---

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

1 u+ K( f) A& N+ |: i) \

$ K" @/ f# T0 j8 g, v! M

---

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

---

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

& r; R6 n$ o& H7 d

---

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

0 e# [9 z5 O- h" K F! H# v

---

" g8 q0 B) z% T: w% l# W/ A + \; B1 m2 ~" ]- f9 e ~

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

8 Y: l8 x% P+ k" @0 O

---

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

) T0 {$ c/ x3 V; G

---

) n$ D4 `5 E3 N3 r

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

ＯＡ帅哥

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

8 s: t! B9 N3 `3 M. R4 U1 O

+ m. j# S G8 M

---

; q+ B6 g) S j" U- m! _ 8 L% k/ [- F1 I) _* ~. _; H

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

. _/ k3 }/ M. l) o* C

---

" K, j. S/ I/ P: c

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

! j& H& ^( |6 X |& ]$ N0 M1 R

---

! H U7 v Q4 t, s$ J& U " `4 \- {# T) \, @% d

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

% S+ C. v& u- q" K( O" b

---

& t+ E' a* I& q r1 E9 m& E0 |( ?

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

* j( o. B( z" ~5 _% `; O

---

* x8 H# _) V! g0 v' r( R" l 1 L. C' l c( f4 T# M/ `

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

( c9 H. ]/ [7 {$ O0 E7 e( \6 o# |

* i- c+ _+ b& N

---

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

( @/ }* |$ z, O5 W0 D& m: J6 L" M' y7 [

---

3 w9 j5 n" w) G( B& N& ~" F / ]) _! R1 l5 r( x+ N j

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

---

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

: E/ q# T i6 L0 I3 P6 [1 |

---

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

2 A. a3 a+ | D" V% J; G/ q& N7 Z5 t

# i) v% F$ a. \9 S+ Q+ l' H# n2 x

---

5 m6 x9 t2 b& C1 l5 W$ N

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

9 {& Z3 T9 I0 }. T

% a4 r& [. {2 a) ]2 S" n* [

---

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

2 {2 b/ d. n& i- Y) ^ 2 g& \; o* W' `

---

8 P; z5 S {% |2 g _ ( m' `% i( G+ w, Z9 X& }* P

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

, m9 {4 H# F- ]9 U: D9 `

( k1 v$ q7 C3 \8 I3 H

---

2 u6 U/ K }7 @

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

* c- b* x2 @9 ^. b9 b+ {. u1 b" c9 L! Y

---

4 q5 U' H( j5 t9 C, T, O

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

0 x, Y* m% }9 H/ J3 s6 E

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

. a7 |" _4 Q* j/ h

---

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

% u5 R- S; V7 H: r& l- p

5 a) H1 Y& e5 }" m4 l; e

2 D6 h, a$ K) {' c

---

# _2 V; F/ _& a

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

' B6 g M5 h% q9 f& y) _+ i/ [- [

---

1 i0 `8 \. q5 a+ F# C0 R! H

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

4 O2 R% Y! p8 I5 W

---

* z8 z. N" G+ n7 K

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

$ g4 a% e; j0 Y+ o0 B4 _# R! M

, ^. D+ x( L2 b8 [; c2 q

---

6 s: e, z' l1 s

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

---

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

---

! T, T: y; r b+ ]

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

ＯＡ帅哥

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

---

7 H2 r+ U$ G" h9 _' n/ l 6 v* c7 @! x2 b3 g

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

---

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

. l/ G# C: N% f8 M4 c! E

---

) Z( [& R5 j* z

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

, p0 o. N0 {: q: H7 @- F

---

6 h8 C! p% ~& E) ~* a4 S$ R

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

---

3 t8 g8 Y! p" r3 J

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

0 \9 t5 e! W Z& b5 n" B9 y& a

---

5 O- l0 q. j' R$ F5 u4 h# J8 @

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

" k5 {1 T& S! u" s- _8 o. }2 F

---

1 b8 |; \9 Q. x6 W2 w" k- I

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

0 g P+ _0 M+ B2 [$ }& X2 I

' g' z; b/ \- c+ v

---

- m; |2 A" _6 @& C& u 5 r: \% J$ W3 o3 d& M5 c

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

; _3 Q, t5 w# z6 A7 X3 k" H4 ]) z

---

" Y$ x c! S* H) r; O! ?5 }

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

: l+ P8 ?1 k& L6 v) x- x5 g9 f

---

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

/ v8 Q" k' a5 N% X

---

/ U, `. l& L0 Y I" x) \7 D: \; K

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

: _5 z# ]+ R. ]! x7 j

---

8 U- m6 G+ v) ~4 W+ R

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

3 Q: f3 }; b2 a% _* b3 ]+ c4 H6 y

4 C- D( \* c8 ?) H9 f, f1 m

---

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

+ G' O6 D2 K8 d2 G: M6 V, S

% w& y) h. i& S* `6 B, m* r( U

---

. U [. N8 q% L Q' n( n; K

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

- e, ^; z; h c! S2 o

---

8 K5 V$ b& }; S+ k! X

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

6 R* Q* o& I w: o

---

; e5 [' Z) w. C7 U/ D6 ^3 T

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

---

4 @4 B. r& |' |% X. Q

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

) P- C/ W# ^0 J

---

2 G: {6 _/ g7 B3 ?* d$ ^

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

---

7 V$ G" Z: z2 P! z* ~5 @ W' w N

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

---

. ~1 h- C; u& q5 j3 E 7 S5 Z6 {, [: G1 f" I$ U. k+ p

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

---

( D/ Q5 k i1 G# F* O" y

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

---

- J; O& i! Z8 `5 h7 I' _; E) @ + P. U. d% ` R( i: t

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

4 [4 _, t W1 q: h7 y

---

: U6 U3 V" K& V6 o2 W

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

4 E% @( M1 m( A8 Q

---

4 K' x' f' o9 u$ b/ `1 O! l3 ^! p

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

9 m$ ]- f& U- ~/ Y3 n3 t

) [0 R: K, B& I5 u ?

---

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

* B; d5 n2 d( z: F* j2 H

; }5 Z V3 ]1 k* v% D- M) O, p

---

* Q$ T" r' |9 Q& @

27. 互动式铵钮。

1 F( U9 K% \7 c1 O- `9 x2 v. Q' S9 X7 J# p+ @. A, N1 ^3 s9 b' L* f0 ^! l! J- x# c2 U* {& }' | q) k' ^9 G6 w( P% {6 V3 y/ J) m+ O

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

---

- }' }/ g. \5 \& j6 j * d7 {4 M- r9 D y# \9 P

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

+ R6 x! y' |7 ^. f @

---

i6 ]5 }2 b4 [: P' [' b/ k/ g

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

ＯＡ帅哥

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

3 U* c3 d; v7 v( ^. m

---

`' q2 u( Q9 T" n Y2 {2 V % K- O# v ?- H6 j1 p- v* g

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

# |# Z2 B* k. k, J

---

- n }! R i: l& s# U8 Q

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

, n9 p7 g8 D! }

---

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

! g6 W. G7 h2 g9 [2 B. }0 g

---

6 g* Y- \$ k7 i/ d+ C. V ?5. 在动作的项目中，增加了「鼠标 ()」以及「鼠标結束」两项，请点击右边鼠标事件的参数，可以依自己的喜好来设定，「按下」的意思是「当按钮按下时，马上执行动作」，「放开 」的意思是「当按钮按下时，不执行动作，直到按钮被放开后，才去执行动作」，至于下面几个事件参数，将在往后跟大家介绍。

& f( q/ n8 X6 q0 |% `; Q5 J

---

8 y% ~& b* Z$ y, | ( n4 T5 e3 U0 H6 k& v

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

---

1 q% N# v" D% K" w 1 N/ X ^3 p5 n( M1 ?- z3 K6 I- ^( ^7. 在动作的项目中，是不是在「鼠标 (放开)」的下面新增加一个「取得 URL」的动作呢？！至于参数设定，URL 当然就是输入「网址」啦！可以应用 HTML 语法 , 如「http://」、「ftp://」、「*.htm」等等的超链接语法，很多人都问要如何加超链接 E-Mail，只要输入「mailt电子邮件地址」超链接语法即可！语法与 HTML 一样！！ 4 L9 N. I1 \* m% v

) r7 Z9 W! ~7 W" h

---

. l( E) b0 K9 T! ~/ z- O- x % s- F3 ^. ?' Q& J0 `% r8. 「目的窗口」也是众多网友的疑惑，在此說明一下。「目的窗口」其实相当于 HTML 语法中的「Target」语法，可以应用 HTML 语法，如「_blank」或「new」两者一样，都是「另外开启新窗口」、「_top」则是「在现有的窗口中开启」等等的目的窗口语法。也有相当多的网友问，使用了分割窗口 ( Frame ) 后，要如何指定网页显示的窗口呢？！方法很简单，不过有个前提，就是您的分割窗口(Frame) 要指定 Name，这样才能指定目的窗口。

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

<frame src="left.htm" name="left"> ) A. s+ k. u/ f: `9 ]<frame src="right.htm" name="right">

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

---

2 v' L" u" N* t: h4 A

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

5 V9 M' R+ g7 j u1 m

---

6 j4 k" q7 L! d! ]0 ~9 n0 i 5 n/ l- i/ l! y; ^$ q

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

) j( A- W1 }# F/ \5 T8 R+ K

---

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

ＯＡ帅哥

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

6 q0 j; t0 z7 N' L

---

7 F7 ^1 ~$ f$ ]2 N " H9 x* q( I" P8 ]/ @1 J* _9 o

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

8 j" M: a3 B/ ~! U; F. N4 k1 T

---

% D& Y6 f- J) T' S; E3 u

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

---

c: L: e. v/ C" l1 @) m ( @ u( M# q$ G6 w S3 Z, Z

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

; h6 N/ L* y- j @

" B' v0 }2 J. u: u! n# f, ?

---

s6 A; N+ ]; ]) _ 8 o+ v8 D4 O6 o2 j

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

---

$ ^9 A' F! u/ b9 n0 {& B . o# J% p; O9 O' Z1 O

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

* V1 }! L Q) Z! R& r

$ {$ v" U% l! r: m

---

4 O. J, j0 C, `* u9 X) x% l 4 ]+ T( F6 R7 w- B

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

---

- c( K1 x0 |% K' F0 n

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

---

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

1 t2 {6 y, m9 l* i

---

6 G% `' F- u2 R% e: [# F9 o2 L

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

* L3 f. O9 y" P* K. V* C1 Y

---

m4 d# k! o' h

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

---

# B6 Q8 Y1 l0 @: |" w& `9 f% G7 E

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

7 R2 \3 A3 ?( e# r

---

. l% Y$ W8 T4 H; |% C/ x' ~' Z6 Z

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

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！