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

ＯＡ帅哥

; K: X$ X" J( E6 D, k& ?- s8 h5 H, {, K" l

FLASH介绍

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

ＯＡ帅哥

基础篇

7 k l7 a, L7 z6 c

l3 S* F8 j J# q

---

- D0 {+ @9 C$ S! _$ y4 q7 B& B: ^0 j 8 T+ P+ q3 m Z' a S

一、什么是FLASH？

　　FLASH是Macromedia公司出品的，用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。 " F- t2 K5 s) b　　FLASH可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。 , T5 H" m! e ?0 `8 x/ L; jFLASH虽然不可以象一门语言一样进行编程，但用其内置的语句并结合JAVASCRIPE，您也可作出互动性很强的主页来。 　　FLASH另外一个特点就是必须安装插件PLUG-IN，才能被浏览器所接受！当然这也避免了浏览器之间的差异，使之一视同仁！

; v) l; Y6 ?, W/ g2 U

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

& c& @- p7 Y2 {8 u I

二、如何得到FLASH3/FLASH4？

# ~. D% m9 P% `8 C ^

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

2 e9 N) g X7 o a) q3 ]

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

, [# v" f0 _8 i; y9 h6 ^- |

　　基本的工具有DREAMWEAVE2.0，同样也是Macromedia公司出品的网页编辑器，功能强大，与FLASH结合的非常好！（强烈推荐） $ @3 s0 h1 C6 P: u! \% w( X/ t　　另外还有AFTERSHOCK，用这配合其它的网页编辑器工作。（比较麻烦）

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

ＯＡ帅哥

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

' D! E) S6 B# n/ _, M

: |& Z$ D' c; i( U6 N. R$ E$ ]

---

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

---

, S l5 B: K7 r

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

---

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

; P# O) x, j. E, Y6 J4 q3 F

---

, Z! n J" }9 s- V

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

---

' {3 s9 t W: ]1 O+ a0 z

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

( d1 S5 n) o+ a

% V5 x! f0 R8 k' r- b% @, T

---

7 v5 n$ @6 i& [( N( A) @3 M3 a

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

' @4 D) L' v `8 X- Q

---

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

1 ^ P" V, A |4 j& P# c

, c1 D) q( e# g" p4 h- A0 H. H

---

# F* D4 U- y, i0 w

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

1 M) R9 u7 R$ D; ]" T$ W$ l

---

6 X6 [: s1 m, ~7 B+ e' ~ B6 H" }

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

) b2 q; m: Y* [/ B1 |1 N( [1 u

---

- z5 `( r1 {, o/ [, P/ e( u ( M r- C, v6 ]: f

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

---

# r( \% D: {9 [ 1 o% Z4 R9 i. j/ c6 N7 }

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

' K: K9 i6 g" W" [$ ]

% G7 o3 m/ M4 E

---

4 n) L8 j! |$ E! y% Q9 S

13. 调整后的渐层颜色。

, O5 z) r. |) t) i6 o" q b

---

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

. b$ o- L' J7 U1 {; n7 p

/ J. L% I# B8 M6 G) B% J

---

x! O- ~& u5 i% c, k

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

4 s7 Q! I' Y4 A0 u6 y9 y2 E

" b7 }6 Q& g- a

---

7 M" [) }8 f, h. L0 i8 R

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

' k, j3 X% O C) G7 Z; I8 I

# K& l1 N8 U" H& {; n

---

+ Q6 b. o0 L$ F- ^8 V$ _. J/ i9 g

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

. g. V9 T3 Z/ ?" V: }5 ^4 I/ v

3 H2 } O( H1 e5 n' e$ n* I0 Y

---

, f) |5 m/ k& }8 j$ ?5 I1 n% E2 |

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

- N/ B% C- }7 U8 _, I- U0 E

---

5 P$ P9 G [4 Y; @

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

3 l- R1 { h) @$ |

1 H. T7 }% z: q1 M" Y

---

3 L) e# E" B6 X# N4 X! {5 @* l

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

, C# }2 [6 D. G0 D8 Y% V

---

! o" q' c. u1 V& z% J9 q : q6 k5 g+ {9 A' e$ R- f

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

6 Y( z9 L: [& E$ r7 o: u

---

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

$ O: d/ X) P2 o, {/ k" |7 m+ l

---

0 w% g; g2 f6 E8 m% K8 L

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

3 m. [: m, w) k( t8 [

---

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

! v$ t( a+ y0 c# R+ z5 d

---

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

2 B# b/ Q. h) R1 U

---

. q; o; E; e/ q. |/ E+ a1 V

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

5 q, e( K% h! |, O h3 e

---

9 o X% K* G& Z1 o/ C

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

9 f. _: W2 [2 p

---

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

---

j M1 {; X5 L. a2 u* |% Z# Z0 C

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

: [* `; `1 x, l* @8 L8 c

---

30. 设定Flash动画属性，以下是常使用到的项目说明： 产生大小报表：这个功能是输出动画时，附带的动画文件大小说明，可以此来酌情降低文件的大小。 ; G- u5 i* ^( o输入保护：如果您认为自己辛苦的作品，不希望被别人修改变成他的作品，这个功能就可以保障您的辛苦。 # k. D9 z. ?- f2 t+ Z. M0 I$ F) GJPEG 品质：动画中如果使用到图形文件，您可以统一全部文件的压缩品质，值越大品质越好。 : H& h7 ?' r( W* s) ~: r4 C# C音效：您可以在此统一设定动画中使用到的全部声音文件品质。

ＯＡ帅哥

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

5 Q* G/ `$ Z& `

---

; ~# u) u& p. D! h) y

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

/ w, `. O- T* c9 Y! S/ Z

+ N9 o8 `* S j% I0 _8 E

---

) \ ]) s N2 } $ L r0 }% |8 ^% \

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

. |6 A! X- H, ~, [7 I- `

---

7 X& o+ m& a N8 R3 Q. e

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

, J+ o2 {8 h( b, @2 a

---

- D2 a: t8 Y) v% n

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

0 j. z' L& U p, [* Z9 E4 t3 k, ]1 A

---

' l; s, G5 [) N0 N$ E6 d

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

. a, {2 x8 W( g7 C" N' x# L

+ c7 B/ G6 p4 P" t

---

: V* k \6 m# B: t) S% E. y + D* L2 [6 s% F( B0 P

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

8 {0 Q1 ]: l! j0 V, }

---

6 f$ c; t+ F; v2 X9 N# U

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

$ A/ F6 Q1 |, Q0 o

---

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

4 _$ S1 f, l9 H0 \1 B

---

0 ?9 Q+ B Q9 o( F2 q

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

* k6 y) {9 s7 g/ m- t

9 o# E/ v* E9 e9 l

---

( D2 K1 p& F, y$ D4 I: J2 {

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

. s. k# {7 z. b$ D/ _

---

7 T* Y3 F. q" f( m! E

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

- R6 p# O- @9 l: r! r

---

F/ ~# y$ ^7 e6 R6 E

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

8 S3 @4 `1 ?: r( c$ k* {. D

( W' L7 f9 o! h, q# |3 D0 n

---

7 [3 m* z4 `6 V! C: f8 r# K1 {0 j1 T 8 }* E0 v, K1 O; b% V3 s# i

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

---

) c" I) Q1 e8 z: T

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

---

4 H& ~ g9 a0 t. H. H2 x" o# M5 Q 4 U+ C! p& ~7 F* ^

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

! c8 L5 p& ?" R

---

5 s1 t% [7 D( @( S

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

, c+ [5 G- z8 ^$ K1 U4 H' u) O

---

- M, k2 b! E3 h' R6 }3 W

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

---

3 K0 ~1 }! d- T

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

, y/ h7 z, b$ L- V9 F( f2 ?2 `

---

8 l. H+ |6 h4 w- y# D2 d" T+ \

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

2 _3 J% H3 @' W# T

% c: \' h6 s: J: U" }* k

---

& K' y+ |/ X: N( D8 F - a; i) a& V6 ]7 b; T! I3 ~

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

) ]1 A0 q O2 R1 A, k8 K

---

# l; {4 o' I1 D) _( u 9 r" q) X* j ?

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

3 R2 B$ h5 ^. c$ S- _

---

) t. N- J7 L9 Y- d+ w " u( r4 t! H9 J1 ^! E

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

ＯＡ帅哥

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

---

9 j6 h+ o* p* A, Y% |) e4 K3 {" G8 l

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

% y5 J! E5 Z2 W

---

5 t2 Z% M$ A9 H) T8 u p) |& J2 ]! M+ _" A3 F

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

0 ?# g" m" ]1 g4 T7 n9 |5 h

---

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

, E" z% E! }9 T9 f) K; C7 R' ?

$ V& V# u6 T" k9 U1 S6 C* z( D9 _

---

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

+ Y, r: S; A5 }4 F% D5 X

---

6 ^/ K. k) o2 B4 o, M4 s

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

---

! W6 N/ i Y( `: B' q

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

+ U) J" g) W& a8 V; E! e5 s

---

. o+ P5 d" j4 O3 e 4 ]- y# n3 z1 v; K4 H/ P

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

' c% f" V% {, X2 g1 P

% `* G. ~: D3 p; k5 \7 {( e5 u: ]% M

---

2 M0 s1 X! X7 @7 k

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

---

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

---

" a% B! x/ b1 [0 J9 H

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

---

: w* I0 r! L+ E+ V" i; ]8 s

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

---

/ o3 V- s y0 V2 V4 ?0 i

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

---

& ^* M9 R! M3 K. q

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

---

$ U$ }( V! W6 {/ Q( y ; e( [. U8 ] i- T' F$ f Q5 j. [/ G8 j

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

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

- `5 ~9 ]% j6 n5 {0 k

---

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

) G* M; b! `5 z3 k" n" X

, f9 T0 E* m! q: R; G& U0 ?) O6 c; c

---

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

8 v3 |- Y& @, B0 F4 h1 Z1 g 8 h6 J. J+ i% p% V

---

; r* M8 Z, p7 f+ S! d6 M

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

9 |6 S, S2 |2 z( J, S1 U

---

7 }* u- j% p5 W* ?5 |8 d1 L

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

; f! {$ I3 `+ i3 n

4 G1 T5 d. u+ [2 }

---

% W/ O& A5 B# n* \. H9 l( U/ D& T

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

/ j7 p: R E1 \" o" n

---

! d# C& @+ _) c1 W4 R1 j3 X

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

---

, s* B5 A, s6 v9 a, v 8 r) R% `; a2 m* o* }( }

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

ＯＡ帅哥

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

# n' u5 {, K# L1 p2 t7 Z9 ]

---

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

9 b% ]$ W, Z& x! s D

4 G: u. I. c5 ~" Q

---

' _( ?3 y# f1 H0 ?- d0 m2 ~3 A- Q4 G 9 r, Y y; R- M, @# e

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

% B! V7 U& A7 B3 g/ ~

---

- W# b& ^: h6 J; }- G) Y ( e7 X# V* m. ?

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

---

* L$ Q$ i1 G$ F, I/ v0 Q : x( E/ }" n* h |, A$ j7 C f

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

! e; i. X) d- h

4 Q7 O! s( _! q2 F6 x) f3 ~1 u

---

* _0 [* L6 w5 f- ?5 N2 k3 b

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

---

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

% V7 p9 t6 S; t: I8 ?4 J+ ]

, X- x" Y+ P5 k* N

---

5 D% [$ d/ a5 a' I 4 U6 @2 G* ^/ ?) b1 R

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

---

# v5 s" r* ?: r2 ^% Y- A) G9 s3 W & Y* Q" F9 |3 e1 _4 E7 ^

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

5 j/ A7 R! w# n9 m# S8 Y! A

---

, q! ~- a. ?$ x; A+ o* D7 z* P

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

6 O# ? j' V; x5 {& N

---

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

1 k5 E X/ B4 \7 _# ]2 [

7 m9 k( b" I7 g8 v# T

---

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

( _) T% H$ H. X. ~- S' h# ?5 Q0 J$ c

---

+ x- b0 O- v( P. F6 F7 T, C3 U

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

# n3 W G6 V: F* C- W$ l

# Y0 k1 G3 z0 n4 I0 B. |

---

4 N `* C6 { Q# V+ q* k* x

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

2 O# ?5 `& f/ \5 _

7 R: @2 e8 O" h4 {' t

---

8 Y. C- z4 a3 W7 N

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

( L, e: y: {! C% [9 p

- C8 b% F2 Y/ [

---

' \9 e, {3 Z3 q, r( {: X

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

9 H* [ d0 M# U; Y

9 @/ n; T+ J/ h1 G+ q

---

7 |3 r/ i* ?8 i8 b# p

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

" c4 N+ _% k( b* F# d- o% H/ V

---

& o) ]7 t. x" a7 \; _/ J

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

0 ?+ O) X6 W7 t1 v7 g: e! ^5 B

---

. K: K5 O5 u8 [$ Q5 P& K( R

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

( A. F2 g0 J" u4 P# M" n

---

) m" o) L+ f6 i9 |9 X, M u. z- j

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

1 n7 ?: U; D+ f2 U# C! X0 Q5 G, u+ j

---

% W& a2 R f/ c5 E( H1 r

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

/ s( d; Z& L8 R9 h5 ^& l

---

/ @ f" p8 F+ Q8 m7 F$ r ! p. f! N- O0 y7 C" r/ S4 Q d

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

+ V( ]3 i9 p9 i1 D- ~! i2 W

---

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

. i# o( K5 z) X# q9 s

---

7 J9 R2 H6 C# E% B$ n) a , R ]# f" |, y/ U$ Q

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

. u( d0 N+ | T2 Q# V- e! i

---

& D' w( w4 c. d" k% F, T, |) r

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

---

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

+ T3 b3 i U0 V0 j0 k" _; U

. u+ V) I* B5 F

---

' S) H: K' l0 n9 b

27. 互动式铵钮。

`- Z2 V/ V7 l, x! J% E- s: F0 n2 b: r. s" X! X# H' {+ U; a& |# K2 m8 x2 f" h) f+ T0 }9 S$ N& a! L: o# ?. J0 z6 O7 T4 ^5 ?7 h! K9 I" o8 U7 y8 C8 `0 K- u. d

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

. x" L" u# ?6 g( `

---

- D% U5 j) y4 [! u

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

---

9 h- f: _" Z8 o6 G3 L8 r/ }! `+ q

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

ＯＡ帅哥

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

---

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

, V0 k6 y: E/ m$ T4 O$ t5 D

---

7 h' ]) f& s: u+ v$ d" {9 k; G1 Y

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

---

6 w' T& \- I/ j s! W* o x6 o & d+ V' C* h" q% D

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

8 h( }) D- g2 j# o r* K0 `

---

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

! ]. ^5 [8 t4 A4 V8 R

---

$ q6 Y4 V+ E& J3 ` 1 S, U2 \; M+ q) L/ T: T5 t1 U

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

---

# E6 {" d5 ^& [( [' T; _ 7. 在动作的项目中，是不是在「鼠标 (放开)」的下面新增加一个「取得 URL」的动作呢？！至于参数设定，URL 当然就是输入「网址」啦！可以应用 HTML 语法 , 如「http://」、「ftp://」、「*.htm」等等的超链接语法，很多人都问要如何加超链接 E-Mail，只要输入「mailt电子邮件地址」超链接语法即可！语法与 HTML 一样！！

---

' ]6 G; w2 S1 j' p7 { ! i: ]$ d3 D' W0 J8. 「目的窗口」也是众多网友的疑惑，在此說明一下。「目的窗口」其实相当于 HTML 语法中的「Target」语法，可以应用 HTML 语法，如「_blank」或「new」两者一样，都是「另外开启新窗口」、「_top」则是「在现有的窗口中开启」等等的目的窗口语法。也有相当多的网友问，使用了分割窗口 ( Frame ) 后，要如何指定网页显示的窗口呢？！方法很简单，不过有个前提，就是您的分割窗口(Frame) 要指定 Name，这样才能指定目的窗口。 1 d. v% t. b+ [& H* |. n3 v, |

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

) s7 Z) t; ]$ s" K4 U

<frame src="left.htm" name="left"> 9 a: ?: Y0 O: i# s<frame src="right.htm" name="right">

0 L& |6 w4 M* O$ D6 t

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

# b+ q" H7 r" v8 G% K

---

6 h2 `1 I+ } P$ ]* a! S. R ; r1 X6 d: P( A& v7 P0 k! m! B

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

! J9 b+ H; F2 P8 Z7 A: _

8 ], h3 ]% ]9 H

---

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

---

! L H/ p% b& ^4 M7 J * m1 X4 [' [9 s

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

ＯＡ帅哥

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

---

- U! w% h0 h2 T6 _7 T8 ]

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

---

) c; {' Z, g2 \5 X% \ 8 l5 q$ Z- O5 ]( S! i

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

E* P2 d& g" @2 D8 k- z% @

- z4 V0 P& T0 f5 L m" k% q

---

, h. h/ b9 E: @0 \' c

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

: v$ ~; T$ ^3 j* u6 S+ A

---

: f% U2 z# F2 c

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

: }! ]& P# |& |+ w/ g

---

1 o$ x- n% F- q

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

---

2 q p; C1 p! _' o! D9 M ! N7 W7 u J0 x

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

6 G: i2 u" H7 K( g' K

---

) }0 ? ^$ n0 B X* u9 ?0 ? h + ^, ?$ g$ N, w8 O- c% r

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

---

2 `8 G& Q" F9 Y8 ]* R( w7 i2 b , p: Z: n' J/ t: k1 q1 K/ I2 K

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

+ Y+ b- C/ p: C+ a* u+ ?6 s

---

u& D N3 f* E7 \+ m0 g0 @ " m: J% a5 { x1 X

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

* o, J+ H0 t/ H7 y

---

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

( _( h& @! d8 K$ u

---

* G: [8 ~ [" `4 J' V0 {% p1 y6 u

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

- _! g. V$ E ~7 x

---

6 m8 ~% u/ _4 n T6 i

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

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！