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

ＯＡ帅哥

' H0 z+ P# T2 l

FLASH介绍

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

ＯＡ帅哥

基础篇

& B" F3 F7 V; v

---

2 s6 m: J* a5 Y% d9 }# A

一、什么是FLASH？

　　FLASH是Macromedia公司出品的，用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。 9 b! O9 O3 h1 p8 ?# I2 G' Y　　FLASH可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。 0 T# D+ T1 n. T R+ i5 x" eFLASH虽然不可以象一门语言一样进行编程，但用其内置的语句并结合JAVASCRIPE，您也可作出互动性很强的主页来。 　　FLASH另外一个特点就是必须安装插件PLUG-IN，才能被浏览器所接受！当然这也避免了浏览器之间的差异，使之一视同仁！

　　有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！ 5 M+ ~6 `+ @0 P" Y/ ~5 }7 D　　我相信这句话没错！

7 Z5 x/ n2 t0 H' q- P0 W

二、如何得到FLASH3/FLASH4？

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

" x& ~# W6 R+ P

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

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

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

ＯＡ帅哥

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

---

3 C8 A2 v. T! I2 y

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

2 I+ f: y% d' y3 V1 Q/ J/ O

4 ^. o/ L, ~# C G; b

---

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

$ B a! M( M8 ^

---

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

, \. }# B1 k* I4 \

' @- Q& V) M$ a0 w% C5 f7 `% M

---

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

---

- F1 H1 ~- ^( D) a

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

---

" z* v" H" [& M+ j# a' X3 s4 x ; \* ]' T9 a9 C' u0 }6 ^) _

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

! r+ q( G7 J/ {' [8 D: k

---

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

) l1 P9 s- T4 L

---

/ K- J6 a# u+ J

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

# n/ p2 b3 ~: b, \. r$ I: Q

---

$ A2 i; B9 a, c 3 E2 T( w( z+ b2 D7 s7 Z% B

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

---

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

---

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

* c1 N- D* K9 ~+ `

---

13. 调整后的渐层颜色。

---

' R( F( ?1 i1 E5 q4 f" n 5 N& y+ B/ f5 X

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

---

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

- I- D8 Z) B9 A0 N1 p2 g

---

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

+ G7 Y6 s5 ?; y. [ d) v) ?

---

4 X- c5 B# J' g

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

7 |+ W* ]" b* {3 s1 U9 \5 }% C

5 p: H* r1 z% j, G8 w3 F. q

---

+ g, u" T7 P( ^2 p5 O7 i

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

/ W: b; v p" A) k% f9 K

0 c, L2 `6 L) j. v

---

' l$ g B! O7 x, {3 D9 Z

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

( o- D1 f9 L k) E. x5 j Q

; [4 {- q$ M) s' u! P$ v5 _

---

! j6 ^5 A( g8 z# U7 @5 E2 _ / s+ n9 [2 [' |- d1 H/ |' A0 s% A- E

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

% S1 N8 f( w+ ?

---

" D& n! G' J: o # N* {) M p9 y5 n! O

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

---

: L' R# G$ V% c9 H( Q2 M4 _

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

% I/ Y0 P: |2 s6 ~3 {2 G

# w! }8 L/ ~1 N

---

9 j% D2 L# G1 m5 R % L$ S. ` O+ u% p3 G

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

4 p! ]3 I9 K9 X* i3 W8 |8 ]

---

8 q4 ^. D J# h0 S' s% f) Q

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

; i: I" U0 s; O* e$ n0 \# R

---

! z8 M$ e" @' Z( G, J8 K w& n: y

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

$ T7 U% r, p( d: x+ M4 [

3 S( V( Q' J6 r2 p) x7 S

---

9 {4 b: v: ?3 ~( P

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

---

: Q5 g Q# w$ A) h3 k

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

" Q' W5 q# h, a

---

$ Y2 Y" g# D/ {) t

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

9 Z) a! Q- [" \& P

L6 l- g4 m2 _ N: ~. o- @( R

---

; Q' k- b6 ~3 |6 G) _6 F1 s

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

7 F0 K# N% [5 j) `

---

& `' O5 [9 a4 x1 W+ x5 J4 [9 Q+ R

30. 设定Flash动画属性，以下是常使用到的项目说明： + ?, y G5 e+ O. `* ~+ v产生大小报表：这个功能是输出动画时，附带的动画文件大小说明，可以此来酌情降低文件的大小。 ) w6 \ L5 O' \- @; j* b输入保护：如果您认为自己辛苦的作品，不希望被别人修改变成他的作品，这个功能就可以保障您的辛苦。 4 f, N8 R0 _2 A; MJPEG 品质：动画中如果使用到图形文件，您可以统一全部文件的压缩品质，值越大品质越好。 音效：您可以在此统一设定动画中使用到的全部声音文件品质。

1 R4 y7 V/ _' Q1 }1 i- e9 y) w

ＯＡ帅哥

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

' [( l# E" l& l: M- i" m' `5 T

---

% t# O$ O. C) |( ` ) H0 H4 V. I# ~$ ^5 H

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

5 r# z) f! j' |: w

---

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

---

) G* j' W0 w# o. O4 G" v7 s

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

---

* D8 N9 L5 Q) q. }

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

, ?* _5 o" Z1 `. `6 X; B

! ~4 c- w6 \+ K# o. H3 I3 g5 [: J

---

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

& J$ [( ~ P" t* D! ?

---

8 w& k! m% u+ ^; |5 D 1 @6 B: B- ]* u e2 D$ |& q3 o

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

3 O5 n% V2 x' i8 v5 s

' a0 l3 ~8 T6 f$ S3 Q' @

---

1 w w5 S+ e& @* k

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

; O( i$ P0 z1 m$ v1 @8 ]$ ]9 n7 G( |

---

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

& p8 Y8 X4 A) i% r ]3 I+ s5 u+ V( o" T- v

---

% H5 F' `/ y; v" @ 6 |, B1 u* \# U6 h! Y9 q3 {; X/ `. y' ^: Z5 s

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

9 M; ?+ H! O8 ]2 q+ O5 S

---

) G$ G0 b% X! h 3 H7 z" f" w) N, s+ \7 `

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

---

4 d; G; |$ j9 T) G# u

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

* }( @' v- c. S/ t% f

---

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

& M4 c% ]! S+ g7 n

---

' C1 ~" R$ l* q - g1 U, J4 T; s$ t% F2 d

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

0 d4 b& E( j/ l3 N7 ^

---

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

0 h0 `# e; b7 S! E

. P" i8 x4 F C) O& u) D- K

---

* Y9 |+ ]5 s s2 V: U8 C" b 8 J! a9 `, ?8 F9 u9 t2 b8 \4 y% O

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

" |# n8 V; j" o& b- [: u& s+ p) g

---

: w" A9 X7 L, I7 I& { ) |. e" v% ~/ B0 B' }+ D

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

& a4 p$ X8 e2 w

---

2 Y+ o+ B3 ]# ?7 I+ g; O2 c& W 0 I& u9 z/ j0 M/ l' p

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

8 d- Y7 S; Z2 [) V/ r; r

/ c- M; `5 ~8 O& `5 k! S

---

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

---

5 L* z5 z P( D % k' ]! Z5 [- q

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

; Q) j% g! X3 y4 }" ?2 h& E8 _; Y6 Q

( q2 ^6 B' ~% h1 h

---

# C: p% s* x$ v% {0 e

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

4 Q% j3 k4 n( e4 W

---

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

---

- ~% x H6 N0 a- r

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

ＯＡ帅哥

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

`7 J- V2 j3 S7 K

---

. C0 R: s, Y0 ^0 j; y

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

---

6 M0 }% c b: v$ s+ v2 G

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

& v2 S, K/ Y) [2 S; I) M i

) x9 u+ I1 @( Z+ F1 v

---

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

c4 X2 s* f Q" ?( N

---

: k$ p# d5 b* R- } 5 V" J1 K# _1 j7 ^& p! S

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

( q1 K. I1 _- j+ N

+ k* s1 g' k7 G, [

---

) i" @( v, }7 i5 _4 y' ]6 A( Z+ ^

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

2 y: c! s! j/ R

---

, t4 K8 s% f. T% U( c ( A$ }3 l$ D* p# m4 \. Q

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

---

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

D+ H, e" t8 I, F% \9 c4 J4 r3 ^: o

---

% V- k/ o& ?" I+ K6 M) h

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

5 g7 F- W! ]/ m( |- M

---

9 a' J4 p$ e& p. z3 s2 r5 M7 g

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

8 t4 k/ J$ ~/ `: J

9 p$ i! r1 ?5 }0 E1 J- H9 o7 x) ~

---

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

! g3 d! x7 x5 Z5 j4 w- h% T

---

2 I2 l0 ^8 l9 J4 a" @% e! k+ L " _+ B! O* N5 k _

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

. s4 R7 Q) S" X: G1 ]

---

8 {8 l3 p+ P7 G e1 c3 |$ {2 u7 K + m9 l8 J# J m) C1 p/ u: q4 u S

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

% ]: p5 P2 r2 R

0 J" P/ L$ ^' ~+ |3 j. S2 L

---

- U" L ?# R. J* S& z5 I $ \: U$ [$ D' m

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

---

- ?- I4 s ~2 Z/ T

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

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

2 A6 R* |" g# y+ `

8 R1 |, v+ B3 y9 @8 L5 r

---

$ i+ a# o9 j2 U) ~' n

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

8 L" ^. K7 n& Z1 _

- N! t% i) b: E& s6 i4 T' u

9 o7 Z7 m' V! r

---

( a v6 f6 `0 x: z9 [

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

* q8 w! A1 `# x. I. E $ F% b3 q$ F! x/ a5 I% F) B4 U

---

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

---

9 j1 W! s- {% {. V( L0 N2 [! v % S( x" d b4 \2 N6 ?) n

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

---

: _6 y6 x$ A8 F9 {3 }* w; v* ]8 X: X2 P

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

1 [) g+ _6 z, D" C4 q8 d" s

3 ^6 F) a1 D6 A8 S

---

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

9 ^; F0 L0 h r# b: P1 `1 e- a

---

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

ＯＡ帅哥

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

( V9 V, G, b( i/ A; e' M

---

8 z( s3 _: c! }0 w: F

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

' ]; f& E' Z: {, I

---

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

% m$ Q, e7 u# Z- H$ n% A

---

/ f# Q# f/ N0 [5 S' l5 P' p

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

---

5 T* ]) c6 Y2 U! w5 I0 \' Y( } v

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

% p& W) [. r9 V$ ^ d/ P4 H' a4 K

---

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

3 M" S3 j/ o# p: m4 p3 ?

---

7 Z# ]- E8 t4 K: `

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

q3 Z9 h+ ^$ O% J6 @" W# l2 F

---

3 K s, J1 h; [% n

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

---

( a0 M/ w! z. y, w, P

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

2 t8 h) x$ U1 n3 s

---

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

---

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

---

( @2 ~$ G* Y- G0 T2 m+ O% S

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

7 g5 e4 U3 {* f: a" K3 W4 H+ ~

( X- Q& E! S. L' V1 x7 Q$ y% c1 Q

---

( Y' J( O7 `8 s! a) p 8 X, j4 D! p+ F. E; C/ n

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

$ P5 a' y7 V6 k7 T( R" o% ~2 ?

4 ~) Z" J! C9 G

---

- {6 h' i6 E6 h# V4 W; J

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

3 f0 c) H2 [% ?- a& f+ X

---

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

---

0 E s4 d$ v; e1 b! z$ s

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

% ~5 m4 [" \2 h$ L) F0 h6 c

---

6 a; q u$ s, O( E

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

$ {* D% K! @/ X; N7 `0 y J

---

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

---

g6 }4 r* e4 F: r 7 Z; I0 D0 a1 E

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

$ d, P* \; H& F" m

---

% ?4 `0 H% Y5 @2 t0 v. W

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

. \: R4 W) u" T0 F7 T8 Z: k7 v

---

. z/ s; K* W! X! U! q' O 3 n" u. d' Y8 Y* x9 S2 P/ P$ R

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

% k) k% G7 B1 K- K

---

* u; k4 K2 `" `; U, g1 r 5 N2 d+ p6 p: L$ b$ `/ F

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

2 f; D4 I' F7 e! _

---

$ @3 G8 B, x/ O: \# T

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

---

! h2 b" V& u6 D& W) f

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

3 ?+ {$ z1 K5 }1 f0 y. \) P

---

, ]! B% f/ x5 Y2 {' ?* X- ^

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

0 m$ T x+ F" x! B/ n$ s& m& x

---

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

, T3 o$ E3 } z0 j) z% t

---

% c, T' ~" Q! N! X* }& ^% i

27. 互动式铵钮。

6 n# N. K% H5 ^2 g& p3 y1 A- R! t. }- m/ h. y7 C! @+ l1 r5 [3 Y- C6 j3 ]/ ~ \0 V' L# ?( ^# K' X7 d

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

' I- Z, x7 p+ W; p9 o5 ]

---

& |8 O) k) ?; q" L0 F $ i3 n" A- `2 M! L$ V; m

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

---

) K# K3 A) O7 [ w' \* B 2 d( A0 q# c& u9 L/ t! T

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

ＯＡ帅哥

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

---

& H6 t, @: |; }0 ~3 p- L% a4 A; l " G% q) l7 ]1 M& z9 k

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

" e, d4 p$ S& Y" R, i

---

) u( L% `; @8 w' j9 S , k1 @1 X; P/ X: c0 U* L

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

Q% C+ ]" @) h0 c: r

---

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

) _+ n6 q% K6 L4 V* x

---

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

/ _# v( e) b$ r- w1 n9 f0 D

---

; J3 a) O$ U: }. f8 K, J

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

( T3 e) i) o+ M! Q7 J

---

4 t4 K* a, B2 t' L 5 m3 k& \) l+ G% J" E7. 在动作的项目中，是不是在「鼠标 (放开)」的下面新增加一个「取得 URL」的动作呢？！至于参数设定，URL 当然就是输入「网址」啦！可以应用 HTML 语法 , 如「http://」、「ftp://」、「*.htm」等等的超链接语法，很多人都问要如何加超链接 E-Mail，只要输入「mailt电子邮件地址」超链接语法即可！语法与 HTML 一样！！ " r* {5 l# x9 m9 U5 e; V1 O2 V

# E' \& k; A, O# R, i$ F( P9 v+ ]

---

% y4 s6 i4 |: |1 }" o2 L4 { 0 s) n! ]" d# f- p4 A% }8. 「目的窗口」也是众多网友的疑惑，在此說明一下。「目的窗口」其实相当于 HTML 语法中的「Target」语法，可以应用 HTML 语法，如「_blank」或「new」两者一样，都是「另外开启新窗口」、「_top」则是「在现有的窗口中开启」等等的目的窗口语法。也有相当多的网友问，使用了分割窗口 ( Frame ) 后，要如何指定网页显示的窗口呢？！方法很简单，不过有个前提，就是您的分割窗口(Frame) 要指定 Name，这样才能指定目的窗口。 ( I! ]8 I2 ^' T! Q' O$ ~9 m

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

P. c& ]" p2 p! D; H5 I5 { W t

<frame src="left.htm" name="left"> : x/ M9 {# z/ M+ B( j2 S/ s; }, s<frame src="right.htm" name="right">

1 k5 m1 J5 l* R/ S1 F% e

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

3 o* ^% ^6 K5 \. f( K

( g2 K* \- t0 m- ]) |

---

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

! v! E/ r# G# B- k

---

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

---

3 D! }9 x6 ^+ h( x" p; F+ B4 I

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

ＯＡ帅哥

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

---

6 \0 P2 q0 J+ o6 `; A* ] , |- b5 @$ e7 B: @+ O

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

" ?: W# r% j# v. J* H P: K# m- L

---

2 v# _/ x: g. k6 ~: M , `! ^3 m" ~! @ N" z2 Q7 s

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

4 ~- r' J$ i( T# _" E& j2 m

---

2 x/ E# R; @1 V

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

# \, b! Y9 a6 K# W, Z1 j4 A

! W; ^) }2 M( O! K. w- M

---

; p+ i) ]9 X9 K5 g1 R

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

; }7 e6 z# k- I6 z

---

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

0 C* n: _" C0 R* J, R0 O, D

# ]5 q' h; o- i3 {! N3 p

---

L% s e5 A/ v; T4 w1 K

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

---

9 n6 W! w( R" C9 T6 t0 ?% w4 R; X

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

---

+ ]6 l4 m2 q& j* Q7 U

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

, N0 K5 K& m6 n! G7 `2 C+ Z( ~6 ?' A

---

) d9 M8 w! C0 _

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

7 u. v, O- Z: `+ C- Q2 J

---

8 _; K: ~- J c' Q

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

1 o4 }! J$ h* \5 o5 l9 I' P( q8 I

---

) `& [& `8 y! d" G" p/ s8 B / s# g! f4 D# z. n7 @/ ?

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

---

; h- {/ G, g. A8 R7 c& r * d* w( }) E! d% `0 e! M

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

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！