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

ＯＡ帅哥

' P2 J4 M+ d) Y0 s& @. a

FLASH介绍

* f9 ]3 n& ~; x8 d+ a; C- d! N

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

ＯＡ帅哥

基础篇

( x9 w( R$ L) v, E

---

( A1 [, ?( ~) {5 }+ m: u F0 v7 S

一、什么是FLASH？

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

# ?( h. ?4 h9 E: t

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

二、如何得到FLASH3/FLASH4？

, T, D6 N( d! ~4 r

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

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

: V3 g5 X; r2 @6 ]6 }

　　基本的工具有DREAMWEAVE2.0，同样也是Macromedia公司出品的网页编辑器，功能强大，与FLASH结合的非常好！（强烈推荐） " M* R6 u# X& \3 I# S, L5 i　　另外还有AFTERSHOCK，用这配合其它的网页编辑器工作。（比较麻烦）

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

ＯＡ帅哥

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

' P0 L) I$ n6 M# |7 `+ y6 p

---

# u* W# L( G U7 a8 `9 n# x, j' O* Y

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

# w- a7 u N- S, w# _5 o

---

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

6 O! R) Z% T8 r0 Q8 u n! U

---

- X4 y1 ~' z% c% ]# @6 f

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

---

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

" ^7 r( N2 s1 t0 q

P C! p+ _0 A: q- f% y% c0 C

---

8 |9 P/ v" A! Q" o3 G# I2 F" V+ A 0 H( f9 G+ f* N

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

$ ^6 v, n% p+ h# B

6 I0 g. S" c% p8 R- {. {) X

---

+ G% @0 v! P% r ~% h

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

---

$ {: A; { ?* G- p7 ~

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

---

4 ~2 A, n% _# `3 y. Y0 x

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

9 |* Z/ Y$ U- H4 { @- Z

! R& m+ J$ l/ T4 M2 U+ }

---

! V; v, Q- o V; |2 e

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

' r4 |, L% Y0 i! T

---

1 j/ {4 c+ j7 P$ g6 _7 N; d( C

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

# v7 e1 b* x0 |" w1 C' j

---

! _- Z2 {$ o, ~5 t1 l# s3 d7 [

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

---

13. 调整后的渐层颜色。

---

+ I+ t; P5 k: x! |8 w- n

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

% A7 L6 K* N9 E; i

: R- s |8 y! f2 S4 G

---

0 P& F* e* u3 u* Y0 X8 @# U- g , W# p! u/ Q5 I& B; w: l7 r `

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

1 D3 y' s& k. M5 Q' f- V. \

---

/ A) a6 e$ l' V, Z

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

/ p, d$ l' b5 \! M; ~

" y' ^7 w+ m% C v9 L# q% A

---

/ J) z L9 a" }0 O

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

% e( J6 k) S& q2 k

@# Z; t: h, |" d4 [

---

0 n4 i1 Y, E6 S4 U

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

* _! D) W. h9 A& x3 f3 V' m

3 `4 q7 ]; O. J

---

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

. j3 r: C- v! l ~# f

---

7 L% f: T& }, N7 d

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

! w2 C6 u0 W* W4 B `; Z( D& ?, @

% j- l; q: K) y) y! V

---

6 Y2 Z/ Q; @4 |

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

- M9 J: o! v" m# _

) I4 |2 C) [" C3 i# M6 S

---

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

---

7 N1 d m- s7 A: ]% J; ~

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

# _% E0 ^0 N& V- B3 s( K

---

) W0 ~: x" N s' O" S$ b- k0 M + e" K. W, |+ X: I) X

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

5 t6 }* J7 q& t

2 z. s3 J& d6 t% O% s! L: J$ D

---

. k/ m0 @( d5 i& C2 q

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

. r6 L$ w& }% O/ \

---

6 I& b8 Z7 X% h' g }; t7 q

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

---

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

- X- p$ k4 E# b G i3 P

---

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

' G" _( E* T1 Z+ w3 R

---

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

---

# w3 Z* Z5 t' ]1 u5 p9 p

30. 设定Flash动画属性，以下是常使用到的项目说明： 8 ~ T; [5 {: r; V/ m- I产生大小报表：这个功能是输出动画时，附带的动画文件大小说明，可以此来酌情降低文件的大小。 输入保护：如果您认为自己辛苦的作品，不希望被别人修改变成他的作品，这个功能就可以保障您的辛苦。 JPEG 品质：动画中如果使用到图形文件，您可以统一全部文件的压缩品质，值越大品质越好。 8 K# @, p, \, a* ^) ~& y4 S* ~音效：您可以在此统一设定动画中使用到的全部声音文件品质。

ＯＡ帅哥

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

! b+ Z- K: f& \1 k( l

, d4 h4 j( n6 D8 X7 V) X

---

0 r# E; o6 b6 I `! C( t! y3 R' ^ , Z: O. f; I: z7 f X1 l1 `; J7 E

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

---

. v" \! L8 v. S' z6 q* _( h

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

% C$ ?8 ^; [2 w% {: i

---

7 A" h/ t4 T3 M% _7 W

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

6 f3 y7 i3 L- L0 ?& u

---

5 |9 q- G1 K/ }! h4 b& P$ n8 S

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

9 o/ ~+ Y0 T+ n$ j1 a: a% i

---

8 D' ^$ A% w% w. t: w: D 4 S; `8 B! A" t) F, o9 Z, A* T

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

---

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

- t, }2 v% }, `) l9 y

---

1 x3 f5 T0 r$ Y% q% x7 N

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

---

9 N2 U7 s9 U9 e, F

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

* T j) _8 [4 a" C

---

: v" y! A. m: S$ J4 B 5 a* v U/ M3 g3 O* ]

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

---

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

$ w# i" Q; d9 t# b# {0 }

+ z j# C2 j+ j0 K4 T

---

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

7 t$ y3 B! o' c! h) d; H

---

5 x5 Q3 q, i% s7 G3 M, o1 K

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

6 g. N* f0 G9 y6 _. W* Q+ A9 s

---

; g1 Z: Y/ g6 [1 h

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

+ s: o r1 w( z0 l

---

0 K* t" k: S' [% T

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

* I6 h$ P$ ?3 K7 w# B

---

" c G8 X Y m3 r; e

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

+ B0 i6 N" R) ]6 k

---

& ]! B/ }, _% D. I0 W 4 j& W1 ?$ q. m& F) A

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

2 K, Y/ l8 \ t

---

; h; U9 r3 T0 \( q . J% q2 M" `4 F- M- G+ L

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

---

m- `+ V) p; K$ U

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

4 F( \9 \/ L/ y. v4 }, h( P

+ _# }2 j" Z+ L$ Z8 {

---

( ^: R( C; G7 B3 r5 t

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

9 B* K4 h8 q+ x2 B- \- f1 N

5 B0 n, u. Q" m; Z

---

R) h" w8 Y$ U & c; D- w, v8 `% B. ^5 B7 D

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

# J! b$ b. h% p8 S7 j; d# m

7 H% I; N8 C2 | _0 K: {: m

---

& e8 B4 K: F2 m) K' ]4 x6 d

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

9 W7 l* H; e5 [/ g5 s( d' M

7 H6 H4 t2 b( Z2 R* f% z

---

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

ＯＡ帅哥

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

---

& P7 z: g# s& _. }$ Y

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

7 V) J4 w u. a# b

# _0 p+ l1 h' F1 x2 y+ N

---

: j$ I3 {" c" [- k

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

$ h# a+ w* y9 X; Q! |$ S) i2 Y

5 V$ c: \. m; s, C4 h

---

; V" N( n6 ^0 [1 J9 L- C

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

/ f4 w8 K0 k3 m! Y- z6 C

---

: v p4 _" l8 I+ N2 V7 B, K% A o( D5 i' [) E# p& _( R. s

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

% V' K' \ u# _& @; M4 F

---

3 G$ @9 m- n n0 }$ F' @

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

0 M) g' f5 d8 e( Z0 D

+ R' _& _' m) k1 c* I$ U

---

# v0 n* l! z9 _& i2 Y7 X6 T

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

% ]5 D) O; R; `9 U" U! g. B

# E9 f4 N7 U8 U! L. J

---

0 e6 p- c! O4 y9 ]4 I

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

3 y5 ?* N4 d2 T X! b$ N5 Q

j3 W: L) O' _7 J* z; T' B# c

---

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

1 X5 n! L$ P" i; O: _

---

; Y- C8 N8 C& P* [, u : c6 ?" G! B) q8 k( K- w5 T) @* ?

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

4 N, F9 M, {6 f4 k1 p; A

4 l' ~ q+ J) \0 {

---

a5 X" z) k" R) w' D

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

% q7 N1 u+ z8 e1 u9 J

---

2 M9 E: ~0 |: i' ^- A : I5 O0 \6 x, b: M3 P: ^

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

3 ]9 m0 b6 N- L9 e" F# L; {1 a0 n! x

---

2 B4 }4 a: `4 v# Q8 @% T

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

5 V. u/ {, R9 l

0 M& i- J! N' E# I# K) M

---

" G( |8 C2 y0 }% Y5 R' c% I

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

6 O& L! [ r, V/ f9 T

---

, k" p- v' A5 m$ X1 x6 v

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

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

3 @* W; @7 ~% m0 F3 y

! c5 t/ j7 Z1 v1 o/ U# y+ j

---

- X/ B% R. h& J1 K, R" M+ T6 e, V. s

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

, P/ N$ N: e/ N% s

8 F3 R5 s, y& _# x; D! n

---

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

7 f2 k) w3 q+ u6 u ~4 W) h: q: ^

---

4 E3 r0 }1 T. p4 ] % P- h& C- w" h* c8 m: A* u$ D

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

/ R- e" m9 d1 R$ a$ L/ j* L

---

f+ A; P- |7 {4 m- h8 E1 V: x7 G ' I3 V2 S& x" f$ [; {3 m

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

---

$ F: e5 E g3 \' \4 F; x

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

: F" {1 c {. E" @: g3 p- m

---

3 p/ j5 O$ v( C- p: M9 [

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

( O6 b, P1 w3 P# r1 [

---

$ q( e# | x' j& |- b9 q

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

ＯＡ帅哥

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

---

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

% C; n$ n% d9 ?1 |

4 m+ @0 ?9 w5 V8 D6 R" o3 C

---

4 o* i- m+ b4 Z9 J* V- f) X2 V! z . h- G0 ^7 [6 s" w, G. [7 `. r5 R

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

+ _4 s% t# U, S9 e8 i

---

: T1 k) H3 D- I u

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

5 `9 P8 ?, @9 L7 m9 ^

---

: e/ A; @0 W. z$ W9 i& J. [

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

# {- M0 f% ~+ o1 D- B

---

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

---

, k0 L5 ^. ]; E4 l# E5 S

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

3 I8 Z& q% A1 }6 D7 H _5 E

) H/ t3 @& R) N

---

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

; k" B0 M( l! Q# E

---

; g( k0 z. v4 F2 c0 ^7 R 5 [( l U3 d. R; P* S

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

% A4 e& g" @* D) ~6 Z/ b

---

' ~; C3 z; q8 k) L0 [) {

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

1 q5 i* J" J6 t7 M2 X: w

# p) J' G% c0 O0 I. q; A7 a- G

---

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

5 d' ~( J. g* M# k2 L: z/ L

---

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

---

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

: @0 S* ~- B9 G7 b7 n

---

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

6 ^3 h; c; C) y8 Q# M+ m

) j, u4 _+ G4 }1 L9 V D$ z

---

- u" B1 V9 y/ {* z5 x

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

% J1 j1 R! o! c/ r% D1 B6 Q, M) Q

, `6 U1 t! D7 i V! ~! E

---

; I7 T9 @4 Y b6 A7 w% w1 N: ?

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

% A; j, b8 i2 I5 X

8 G S% R0 m2 G* P/ l, U$ a5 p

---

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

2 n( @) l) \% W P6 A! _: N

---

# A0 a- D( j% E. T' z* j- l5 Y+ l

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

- I0 k# k9 N+ e, B9 [1 V& R

---

" A& D5 ~# v! J r: M6 v* O

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

---

% Z/ G" O8 ?# ]1 s! Q) K: \3 y5 z

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

4 e2 V* Y- ^ r1 l, x

% x+ z9 E# F& p' l' b5 s* i1 s3 k1 a

---

9 x; J2 x" |7 w

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

9 j( G& S5 Y4 \* T3 }

---

s. A$ A( q' J! M( d

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

' _: d' S e1 W0 T. C8 `0 f

---

& c, `: x* T3 |- e$ W' G$ d ( ?: l: r& W! Y' B

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

/ g; C- N; K1 q+ ]! C% d3 b- P v; \

---

0 R; i/ w" N8 a" P7 x, ~4 z, }

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

7 V1 j) E- |4 v) F

$ C# a3 C; a6 J& |( g5 J) X

---

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

7 ^" c b. @0 Y$ h9 \# T

8 O/ O& W, v% L1 M" A; l- X' e

---

) G$ B0 t4 p6 X8 L. y ! o0 \8 ?/ `( B) U& g1 q& Z

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

/ b- n" }; ?! `7 {2 [* A

# g% O3 Q! x Q" U

---

27. 互动式铵钮。

' R* l9 o1 V! v: A" i1 P# Z ]! H3 F9 S1 k3 B& ], P* g2 t( j& Y" h' [% e; `( {* h3 ~- G' z" g! U) B# C2 c. j6 H, z p+ Q5 j) r! }6 |& v& }

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

( r! @ h% t# j$ ?( J3 U% Q% ?- l% R/ O; D

---

2 q2 e) N( o' |( r* b: g

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

---

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

ＯＡ帅哥

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

- F6 T; W1 ]8 n g1 v- k6 c* L

---

# N5 Y4 k5 ]9 y

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

---

' N" n" T1 }2 Z0 @

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

: |0 v+ Z, b+ h" ~% ]; L j

---

6 ^, ? c2 k3 X1 a& v9 Q

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

---

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

---

: _0 Z, `$ h( x( a8 x3 M

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

5 j+ F2 ]% X/ K7 z9 E! N

" u; L: d8 K$ }# P! `& {1 E) P

---

+ o1 w! l/ Q; R9 s+ n8 ^8 h c1 w7. 在动作的项目中，是不是在「鼠标 (放开)」的下面新增加一个「取得 URL」的动作呢？！至于参数设定，URL 当然就是输入「网址」啦！可以应用 HTML 语法 , 如「http://」、「ftp://」、「*.htm」等等的超链接语法，很多人都问要如何加超链接 E-Mail，只要输入「mailt电子邮件地址」超链接语法即可！语法与 HTML 一样！！ % z" s/ Z/ V- p, v* U# v& f

---

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

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

<frame src="left.htm" name="left"> + S7 i2 l$ d6 G) w X) G* n- r2 k' x# g<frame src="right.htm" name="right">

5 ~8 ?* [1 L7 ?* n( N# J- t. ]) ]

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

$ L" S, U" t, V: x4 Q5 K( G: \

---

* N/ s. Y) z/ d$ j* \/ O# [

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

---

, Y, w P0 R( |& C2 d C; A

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

9 b$ }6 b9 X3 g$ ~$ O

---

7 ?+ E2 D' ]( p/ c" p+ R 6 E3 b. d5 a0 d8 }" ]

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

ＯＡ帅哥

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

---

) q7 x: A! g+ O- d0 Q; z

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

---

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

* I: J# A( ^. N/ Q3 n' E, D

3 q c( G7 k! t) {

---

- u, ?. U* V5 D& S. V , G8 O% N6 B8 n/ G: I

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

---

: t( B3 i1 k) r4 D9 m2 V' S

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

) @8 S* P. r; R% P" q$ _6 z& w

---

7 D2 J3 J+ e2 L/ q! X* @& p

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

2 O# y& C9 u8 [5 l7 q

6 D. m$ \$ g% ^) h0 e! `9 I

---

$ Y# u+ z7 w3 R: b+ G- c

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

# ^, ] j3 p2 {' V' k

---

7 { d! b" \) l) `# P+ n

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

+ p! t: J k) C+ `: K2 s

---

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

, a) P& @0 }5 c8 l

---

e1 Q5 x* N* ~1 I6 u& o

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

---

- K% f1 A& B8 I8 ~

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

1 ^. x( |3 n: ~+ k3 b: K" ^

( u" W" C& M' ~3 P

---

3 B2 t. r B1 [8 K) K# u9 n 9 @/ B2 {; K0 C) }

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

3 P* x1 r# G2 ^

---

5 C3 `$ u7 ?0 v$ _ V! O8 D: F

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

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！