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

ＯＡ帅哥

& N6 |% z9 I |% ^- D! D, \6 W8 m8 C- w8 b3 C$ ^

FLASH介绍

4 z1 Y- d, H5 J. C1 e _% N; S

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

m _" P. L- K& U0 I

ＯＡ帅哥

基础篇

. H- N- Z# } W" _4 y

---

8 Y+ A3 Z- ~) R" `/ J

一、什么是FLASH？

# u6 b5 p9 [ z/ ^

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

3 S5 k, u% m8 b

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

二、如何得到FLASH3/FLASH4？

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

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

# p4 Z; I9 u. C$ t0 Z

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

- r/ T" o1 `/ f

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

ＯＡ帅哥

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

w1 U, I% E- j3 `0 U' P

: e+ z; n4 i# `! D3 J8 n

---

9 q" T7 N4 c1 U T( z' j2 m- R8 j6 b L Y- z) y5 _0 H3 F) U9 m

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

. w; [" W: k# _

O' V- l& ?2 y

---

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

---

+ Y" K/ j# J, ]* n$ K- ?) A" o2 s

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

---

, T" y; l: r7 ?6 W 4 W; S" y5 x2 u0 q* s$ D6 D9 Q( ?4 E

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

. Z+ `+ y& K% \, ?8 }

) b8 n& k. T: X0 v) C( T6 U$ C

---

7 w/ L9 y0 _, z. `& D5 O - Q, q* v) |, v+ |# V1 d

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

7 F) A2 Q+ S" x! R/ ]' a& Z3 D

---

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

---

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

& ?" O4 v' R- B

---

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

1 e8 H, Y: F: [2 f2 @* L" ]

---

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

' x6 d: `* r/ d) Z6 c/ ~

---

( B9 w: A: w! U1 ~. D% R( f . `1 H7 X7 E; v: U2 \

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

---

6 z. [2 q% P* }3 _9 ~ ) M; H7 h3 {$ E9 K

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

---

% \2 W, v& u9 n% E- A. X- ?4 I ; ^/ E4 Z+ A; a, ]: a

13. 调整后的渐层颜色。

4 k# {$ {. l; Q/ X3 V: {+ ?3 E

$ s+ h E1 _1 `. m7 Q) a

---

9 m2 I% i) y, k5 O/ q * w, @$ G1 o, a3 I# ]. }

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

/ W$ R" s; Z4 f6 m3 M

---

3 E4 P, G" m$ I/ M9 ~! i1 e 4 G/ X4 w; d1 m) @$ i7 D* |

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

9 N: o2 b$ k5 h1 R

---

( R4 l2 z9 ~8 [- f M0 h

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

* z5 W) f; V$ [' [0 i) w; v

---

h* J# S; U/ b+ Q i t. [* i2 S

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

---

8 t. `! {, M T/ ~, Y) g4 Y

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

+ e/ V+ d% P% o) {8 I+ A

---

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

: b: A: b( D: H6 I2 U3 \1 Q1 a

---

! `! P2 X5 s8 u( F

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

5 |- U2 m3 h0 h3 y6 Z T5 y

1 ? e/ a0 x3 r% X8 G

---

! J; m" l: S/ S) g( M, p/ O

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

( a4 Y4 d u- W, I" @2 l

---

' z- h" z# q, B7 ^, h9 b$ a) N

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

) H p {: F( o7 v% A, L

---

5 w8 L( N/ O }% s" R8 Y! Z 0 _* O! S: H" y+ e e% o1 S

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

; x: r4 m% i6 {* [% a( C

---

$ @# R" I2 S6 O & S! l+ Y0 U# n8 n; n# v

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

---

9 y- u3 [' m X( g2 O

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

( r4 z7 `3 g7 E9 F6 I9 t

6 n2 T {) u6 @& [' ?- @1 T6 o

---

. z5 ^9 s5 G" b, t b5 b7 T1 t

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

0 d' R" j: \2 ~6 E- h( \: j

---

0 W8 U3 o' q1 [0 }

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

3 W. R$ c% g5 g3 F' p3 b

" _# t3 Y7 Z) _) X

---

& q# Q7 o n) \& }4 H8 U 9 j; }, a0 E. j

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

9 j* r+ w5 v8 c( O$ t( F

---

+ V8 Z3 t F7 k: y$ X

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

---

i. h; j6 L; j3 f - z7 c& U3 D# Z

30. 设定Flash动画属性，以下是常使用到的项目说明： w3 X. Y# ~) v! R4 i. X产生大小报表：这个功能是输出动画时，附带的动画文件大小说明，可以此来酌情降低文件的大小。 7 m0 _8 n1 p: a: W9 v* {输入保护：如果您认为自己辛苦的作品，不希望被别人修改变成他的作品，这个功能就可以保障您的辛苦。 * J, A" M/ w9 GJPEG 品质：动画中如果使用到图形文件，您可以统一全部文件的压缩品质，值越大品质越好。 音效：您可以在此统一设定动画中使用到的全部声音文件品质。

ＯＡ帅哥

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

! v4 z s* ^! e# c6 r

---

' i2 a* O- f6 d z7 l* K% J

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

/ R0 F) x# j% V% X: g

---

/ x6 j& R' p( t; e+ [2 K % Z! ?' e% P, d2 v( f! D8 j

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

---

/ b2 c8 X& A+ K0 O- Z . V5 p/ g! Z8 m c9 C( ^) a+ d

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

& Y, } r4 u+ l$ R" i

; m) i T8 S. R

---

& s3 o% {6 M9 Q! o1 e: k2 d

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

" D7 l6 e% O8 K1 V1 s! ~: j. \

---

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

9 y1 T" P" E8 e2 y

---

$ x) U y* J( ?4 {2 D5 K

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

, y7 E1 l o9 b. s1 y

& h0 y1 n; V, @2 ~. C1 U# k5 w0 r7 w

---

4 }7 W' D; p* g4 D+ \% B; t

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

3 M" z1 w: {$ ^- H

---

) [4 i) Q# L$ s, L1 j2 r

9. 出现一个图库的小窗口，里面会列出您动画中所建立和使用到的符号。 $ L" V' S: a: ?. r' W5 V $ q4 a y% [+ j* P3 \, j6 g7 v( e* z( P.s : flyg 是刚刚输入的文件 )

* S4 t- N$ r) L: s8 u) a8 G

---

: F5 `% v' Q5 g8 l

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

---

+ j, c0 W4 M1 p( a2 ~

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

---

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

4 U/ K* X' @: Z$ T

---

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

^ n% ]4 v8 B) z3 Z

---

2 I7 h. }4 t# {) Q. t ) o8 _9 t) S6 W3 |

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

5 z4 f0 O" m* J& v) L! X/ K

---

) F$ w/ |8 J! P0 V% z& `& O( _5 b

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

, W+ ^2 n8 l+ C

---

/ f' P% e! ~$ ~ & q( \, b7 ]% }% V/ E

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

# ]: O) z) e( x5 ^5 ~1 V

---

" X) P w+ O" _; ]8 S8 E

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

! r+ Q {" _% V9 e5 L! n5 q3 c

---

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

7 k; b- J, _0 H3 `

---

. b& p4 A# u* G# ?8 B3 @ # s/ v; h) c# O$ I

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

# e9 r* o7 v6 j2 d# N# B4 q

% B7 Q! v% _9 `& h( p6 j5 g

---

6 U# a! i, V/ j R0 j2 ], H

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

---

; p4 A+ B6 {2 F: K5 d9 n 3 o2 ?- [ O& z+ ?; J& D e

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

; L1 E( T5 L4 u/ I( x3 R$ o

---

. r0 K, b6 [! W9 j& o# b9 C# @

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

, a7 I' @; ~4 H! V- m

---

8 h% K& {8 ]& U, l `

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

ＯＡ帅哥

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

$ @- h$ A( E; F- I+ W3 y

---

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

---

9 K4 G6 f7 T* A Q ; N* ^7 j4 O% m6 I! F& P

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

---

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

! Z X0 V+ Q/ J, |) A8 D d

---

2 X# x e" P( ?' Y7 A j3 u

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

% e/ `# v" W# L: N% o

---

% l3 J1 G [$ j3 H$ a

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

d, \0 E# _: n

---

) D) s$ ^5 o6 w2 R/ }

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

- g+ u5 L" m+ Q4 E; F: q- `+ v

---

3 r" o9 `$ a, n: {! S

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

& @# F8 O+ a! ` a6 D0 [

---

( x6 C. ]8 ~3 E4 h

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

* c5 ]/ ]& i2 i- J9 [/ W

. ?$ w6 P, r. p, @

---

3 B: K+ I% J# p; P" D9 d7 J" S6 c ' W+ D0 w8 m) l* I' r7 G" G5 P

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

---

, g) w! q2 V4 u( n9 f

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

5 q) P2 r* f0 \

: ^/ W' P5 R- [7 v1 _8 g& [8 b

---

& N4 k! ~" Q* E" ^; z0 `

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

z% ?% i2 L3 h6 ], X$ M: ~

---

7 {; U/ {; L: U9 o + C7 r; y5 Q/ o ]# _

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

! L4 e: J& x1 i; q, p

---

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

---

3 J M0 O% n% K4 Y" N1 F

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

- Z+ E% v2 G$ z8 L0 P! p

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

. E5 i0 T/ }1 e9 v: G

3 u0 B. f$ v. I" R. K& [9 z% K& P

---

2 r* N1 C: H4 D

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

7 F4 w4 Y( D: O( x) y3 ~" g

---

1 H3 z; b6 Q1 }! n9 z

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

" c' y1 J: V# P P, Y; P: C5 N

---

2 H( j1 g! D% s

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

4 r2 P$ ^; {2 R: Q; ?9 t3 J7 f

' k* P _$ R" I) k

---

' \% V" j" L' B& |! A5 f, S, Z

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

" ]1 g- I* M5 ]' c( Q

---

5 i. Z$ u2 Q# k7 r* \: Q6 B , u% z. N! f/ @

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

---

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

---

" ~7 _. e) e/ O h ; i- {% J- j, ^& |$ D# ` X. u! R7 i

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

ＯＡ帅哥

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

/ d5 e/ L" D* {/ g6 P

. y7 l. Q8 c- i0 u

---

6 w) v7 y" _: T" e* F . e0 t& V8 b7 V6 ^ R

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

4 v7 Y0 t/ | ?) ~; o$ E& q4 @

---

: c6 _0 `. V+ L1 p0 b

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

---

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

& [- i8 a3 U. S1 y- N9 [

---

& c2 @! B. N/ R1 v2 K3 x ( R" J! d4 y2 Y% H

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

; U# U5 H I4 c, M5 |0 Y* _ j" F

---

% o: B+ w0 u. }- l y! \ ' r. D( y* ?3 G4 R

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

/ _. q1 F2 M* ^( J

---

8 k6 w0 s$ `8 N. U5 N

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

$ V. \: S9 ?2 C2 _/ I$ d% |

$ x: r4 N5 ?8 B/ x- S

---

& ]* a6 {9 p6 T( |; ] Z

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

; M0 n/ B" g. t& q: Y9 p

---

N+ {" j3 C5 y& v1 S7 r. N! L

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

5 |2 X0 P+ p' N/ O; P

---

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

0 f) ~) M0 T1 X3 \

---

- u+ ^7 V% {2 C. x4 ^; @ 4 h& }& R6 X, z' X

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

---

3 U }5 J$ k) q- ]" c- O5 h8 g

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

5 m* u' I4 V" ~3 ~1 i5 }1 H1 v

7 D1 v7 a, e1 q* J* u5 h

---

' _6 w; e/ ] X9 I+ i! k9 }( Y

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

$ g) P8 a% ~7 U5 O; ]) V) j

9 f. d/ s& @1 K& t

---

8 g. _- S1 Y% {8 d

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

/ L7 |" z' G, C% V, A% e

4 O6 } T( {: ^) m7 U2 ?/ m

---

+ H2 H" `% P! T! V. |4 y" C

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

4 l. h& a! s: ^) G4 u, w7 f

---

; G8 }+ v8 C7 t E; b5 L1 v

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

$ A# F( O+ u8 w7 V. i

---

, K( J. t0 p! ?& x7 ^ 2 F$ @3 C! n1 @$ s. @* t

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

---

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

$ Q0 a) r& S. p: j- t

---

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

1 T* V2 x9 m) d' H2 @! S/ s. U

---

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

1 n1 v5 X4 p& B( G" \# o. w& v. V& z

`! a& F+ \2 w7 {0 E" ?& S( O

---

) x- ]& Y! C+ v! I7 w$ b

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

- Z! g! \. ^, |8 ~/ y

---

9 i5 K' F# }7 I1 G

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

0 v8 O5 U* E, T1 {, m" L$ {. n! X: f( f7 O

---

2 P6 x, M7 Q! g2 I6 I- p* n

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

- x: j" V6 W# K2 p8 ~

---

* `) z2 U' m! P& Q0 j

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

1 J& e" O7 {' \+ t0 L

---

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

---

. I% I5 f m+ V

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

- s' J2 ?+ P6 I' P6 l) j

---

6 o( R( Y7 d" r! k; D

27. 互动式铵钮。

! u/ X* [" A" Z1 O& @2 P; [1 i' U% @0 F' `) {3 S, n. V b5 B* c: y( W$ g4 X. E) p, q- \6 v$ n3 Z" M& V

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

3 w: a( m! ^: J% m8 [3 ~

---

+ b- I9 u" a( e1 B4 r

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

---

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

ＯＡ帅哥

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

4 [0 ?- O& ?7 m5 Z

---

' D% k' W8 B+ v( x0 B9 }- V2 K6 q* s3 I

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

---

9 Q* ^. Q: C+ Y# O 2 B! U: H9 j8 C% {

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

3 _3 t; o w1 y1 _( z

, N9 r: \6 V' X# j6 B6 m+ L

---

5 O. x3 J$ h7 Z6 y' _, E P- j1 p

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

---

& C. W! m# L% r) D2 I. s5. 在动作的项目中，增加了「鼠标 ()」以及「鼠标結束」两项，请点击右边鼠标事件的参数，可以依自己的喜好来设定，「按下」的意思是「当按钮按下时，马上执行动作」，「放开 」的意思是「当按钮按下时，不执行动作，直到按钮被放开后，才去执行动作」，至于下面几个事件参数，将在往后跟大家介绍。 8 ~$ D4 ~0 c1 b7 \8 C

, g1 z$ G" ?5 m6 \8 N( D

---

: z" b# m& t5 {% k

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

7 w9 p. ^3 P5 _+ ^ j

---

$ l F" R5 ^8 d d% s* V0 {; \% p9 h7. 在动作的项目中，是不是在「鼠标 (放开)」的下面新增加一个「取得 URL」的动作呢？！至于参数设定，URL 当然就是输入「网址」啦！可以应用 HTML 语法 , 如「http://」、「ftp://」、「*.htm」等等的超链接语法，很多人都问要如何加超链接 E-Mail，只要输入「mailt电子邮件地址」超链接语法即可！语法与 HTML 一样！！ 6 ]2 i9 |5 ~9 M+ N* l; ?

- e+ P9 _+ q6 F6 P

---

3 r4 i+ ~+ T7 ^( m / ~( R9 X' I. `2 v) n9 p8. 「目的窗口」也是众多网友的疑惑，在此說明一下。「目的窗口」其实相当于 HTML 语法中的「Target」语法，可以应用 HTML 语法，如「_blank」或「new」两者一样，都是「另外开启新窗口」、「_top」则是「在现有的窗口中开启」等等的目的窗口语法。也有相当多的网友问，使用了分割窗口 ( Frame ) 后，要如何指定网页显示的窗口呢？！方法很简单，不过有个前提，就是您的分割窗口(Frame) 要指定 Name，这样才能指定目的窗口。 ~/ n7 f/ m" @

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

3 G( J: O' }% F7 } c3 r- g! V

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

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

9 D4 v/ e3 m6 C" F0 g- E) }

---

j9 m9 {: V) w" \1 j& }$ `

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

5 S7 p! D9 X5 W/ L( w1 x! l1 E

---

1 u2 ?0 O* B' ?; x' _0 T. B; K* L+ |' ~

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

---

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

ＯＡ帅哥

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

---

* k: ~6 r& ~1 P) ^9 b$ W

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

, `: b5 [+ D6 P7 G8 n4 Y4 A

---

/ J5 x/ }$ X9 ~% h$ ?

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

3 ]( Z: O% G/ V/ s2 ^

: e3 P4 ]* k- P4 f% G# _

---

0 k- B I: v; v- k$ ] 3 `$ ` A6 F/ K" W

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

2 E j, Q; g: O, S7 R

---

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

+ P) q, S3 o* `9 R. K

& H% H0 v, a( D( [0 t, Z- _! O

---

$ R/ o' b5 V3 F3 O " Z) z9 q+ ~% f7 W/ S- U' T6 e

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

' u7 O/ S/ [+ I* o2 e

$ A+ S8 X9 \- f! x/ D6 O& j

---

! q& W( m, s- Z8 d

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

---

8 s/ n' u3 ?0 @# W! u' D/ E$ A- z4 l

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

: R! n+ G9 q7 n

- o! O8 [$ T+ d; p, t0 e8 C- r

---

& L1 F& V3 _- a* \& h6 x. ]% m$ ?: B4 M 3 d5 L5 u% j5 {( o' d

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

$ F1 f1 _* [2 z5 P8 @

---

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

' }) e- l& c6 q4 n' Z

---

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

---

7 h7 J* `4 j3 ]. C8 C0 s# K+ D 5 s; T. \6 y: D8 r0 `) b

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

( l: ]5 B3 q. `0 r+ |% O

) T* u: ]4 |+ f7 g, \% n+ Z

---

" @4 i$ ?/ a( H% U+ m' Y

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

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！