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

ＯＡ帅哥

* `* A0 C% D* O, M& S4 `) _# @' ], P* ?: e* b, {8 C6 N5 b- H1 p) _) P9 C M& V: S

FLASH介绍

- B0 e4 w; q, c: {

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

ＯＡ帅哥

基础篇

4 S! Y' _9 P2 H$ y; B& Z, ~1 U, I

---

( ?; z; B3 v3 S) j, Z/ I3 c8 ?$ a & E1 W: @/ C* a; A: n" U

一、什么是FLASH？

) n* ~6 \; {4 I$ {* \6 @

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

　　有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！ 7 Z8 k: {" V$ S# a7 @　　我相信这句话没错！

二、如何得到FLASH3/FLASH4？

+ d S% q9 G# C: x

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

5 e5 B5 `. k, n C9 y$ u

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

1 S0 ]" ^$ k4 Y5 c* P

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

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

ＯＡ帅哥

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

1 o2 d* {% D* F1 G' ?/ h

9 i3 W1 Z7 I5 c1 Q

---

1 s# ?& n0 x7 d, I( \0 ]+ l 0 Y( M& ?/ ~+ ~

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

5 o0 C- R2 u7 c

---

( a; s: I2 x; }+ y H T

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

3 x% Z7 |" i9 }5 z

; E. F5 q; o. j9 u

---

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

9 ^2 ~7 n# k" W6 F- h

---

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

4 |" Z) W& b: R- |& [/ A

- m9 d0 O5 @! {7 P

---

+ P( g- ~. A7 a9 _4 m: N

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

3 }% r; \3 `$ R# M- t2 U# e

---

/ L; r: F* j0 s( B6 z5 a' z: a 9 e: A# S0 L2 s6 F. R& W8 q T1 n) P3 p

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

/ x! L, c% C# a$ n/ n& G

: E" M3 P6 v2 K) h

---

- i+ B+ d# }8 e( L0 Z $ T+ r- {8 J7 X) k) q- Q8 q- @

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

% z6 H# |& Q7 ?* E; ?0 q

---

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

( {2 i6 W- O6 N$ b W. {

. b b3 Z( n J( w. V6 p T

---

- ]& E& m7 D( I2 `/ M8 V5 n

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

---

2 m% M5 A1 S f+ A+ C! s

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

---

" z/ g0 E$ T; M6 x! a( D + r; q6 |7 T, d% r. c7 o( L) J

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

~% Z' Q: p3 w: F3 v4 o

---

5 Y# w y0 G9 H6 Y8 o8 Z

13. 调整后的渐层颜色。

---

, [ k) u1 }7 X' n1 p, w # g# ^( b/ p+ y3 s: A+ Q

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

L9 H$ R7 ^) u" m

---

( {$ `+ d" F. |$ Y2 A9 y/ C3 _ |

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

9 j& [9 o& Z) P1 E% ~

---

; v1 J8 m1 o/ S6 p# F6 a2 l

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

---

: k Z, B N; ?) x) h. J+ Z

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

" v1 q9 E" h8 d

---

* I7 F o3 c8 O0 h; B: h

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

---

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

3 |0 @; b: |$ `' [( x, }4 g! M' P

---

% M$ f+ w9 ]) b2 g8 E# V

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

---

8 D: t8 m: X6 X H

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

+ O$ s. }) t+ _; ~; q

---

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

1 R! j; w& y7 P. \: H" U: ]

8 l1 } b9 d! ?9 q* q6 q8 F

---

; F+ h$ S* b" K. l( Z# V# C3 S

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

& C; M' N- J( ~

5 Z* n9 A% o" N& V

---

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

# y1 S: E" ?9 ?* S3 B; K

---

8 p, x+ D0 [( k7 t9 I% l , _! x; s- g% a4 K5 z. c

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

' B% C) a5 I4 X

- \1 R" x2 j# q7 X

---

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

% Z% G% B3 M/ _4 H5 c" x

---

4 x2 Q w% ?! K5 x# t

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

---

/ W- ?1 p- `+ b. ]; Y2 b% s ' u4 [+ ?3 Y0 k4 {/ }) j& Z

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

---

6 m7 H6 D- `& o* K

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

0 t/ m6 M* ~- _- h! o

( ^( j7 r" l2 G$ U+ _* _8 b

---

. @3 u3 K7 Z6 f/ m

30. 设定Flash动画属性，以下是常使用到的项目说明： 产生大小报表：这个功能是输出动画时，附带的动画文件大小说明，可以此来酌情降低文件的大小。 ( ^2 O" u- `2 R" B' J, h9 ^输入保护：如果您认为自己辛苦的作品，不希望被别人修改变成他的作品，这个功能就可以保障您的辛苦。 ) [1 k& Z/ g7 ?. g RJPEG 品质：动画中如果使用到图形文件，您可以统一全部文件的压缩品质，值越大品质越好。 ) S" [" |; G& a/ ^8 ?: F% {1 Q音效：您可以在此统一设定动画中使用到的全部声音文件品质。

( ]5 @2 k. r" }& r% i( w3 U* t1 I* {8 @

ＯＡ帅哥

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

---

) e i1 T, F; P9 C4 A

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

" U+ ~5 u( C0 i* H% O7 n

---

2 J1 x; s. r0 f; a4 y

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

---

0 I8 J4 Z8 R5 v0 d ( x/ B* O' N! ?+ P* h

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

~2 ~& H& z$ _0 o) G/ F

---

. q# _# j: M: `9 Z9 j! h

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

& C0 ?% ?( T# ?

---

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

) O3 R; r1 Q8 V

, S8 Q( I, i+ f0 ^: L

---

. k% F+ R. _$ _

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

6 c* z2 a) W. Q: z7 s, _

" `7 Z" G# P$ m

---

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

2 G# K7 Y% E$ p1 N9 K7 w0 W

---

9 x3 B" c; }5 [; f- [4 O) r

9. 出现一个图库的小窗口，里面会列出您动画中所建立和使用到的符号。 " M- |+ Y$ r$ @( L9 I+ O4 z" | * S/ R [; y3 \" G; I$ h( P.s : flyg 是刚刚输入的文件 )

# F( k& ], S5 {+ ^/ h# e8 c4 n9 L( y5 k

---

& g M+ g5 B9 y; Q# _7 E& d. w9 H- ~ * E! R2 T- B' s8 }% T& R3 g8 {

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

9 U- k3 d" Q7 V" G

---

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

---

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

5 }1 p, L* I. Z/ Z3 S- s, |+ w

---

- q' X! m5 ] r- B

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

. r) C" Y2 }/ Q4 j" V; ?

---

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

* d/ F: f( I# E: K

---

$ u* y# w! H6 D3 W+ W

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

/ R1 w- E, G1 C6 h: F8 k. `

---

5 U2 R% E1 d! u( t% Q: j ) g5 B7 L! n! [1 Y5 X; g4 ?

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

3 Z" m9 x3 I2 E' Q3 X0 p F4 x

---

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

* c, I' `5 l& s4 I8 p& v3 y0 G2 D

---

' J# K) i$ H8 S2 m) L # A( f5 D9 [ e7 |1 ~

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

/ ~, G0 O4 V+ ?- p. Y3 z

---

9 U# R) _+ _9 f" D: ?( V+ L+ J

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

7 ~: N, Z$ X8 Q% S9 T) r

5 D' L( G5 h6 Z. L9 U( N

---

+ u/ d( A9 c( {) ^

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

' N0 e1 A6 ]; T

---

* U; e8 a0 b" v/ t/ d

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

/ k1 x" _& U4 A- z1 P1 `9 r

---

: L3 \' c6 c. U" z0 j4 O: r# n- g

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

0 t T% G0 k6 Z1 {' L

---

) d# K2 R( K+ b& i ' @% m4 L" a' H2 _& R

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

ＯＡ帅哥

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

* q# V% x: j' Q$ \1 R

---

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

---

: b8 l' [. m6 a) T* i3 o" S9 a

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

# Z/ F7 l* s) t

---

+ j b3 `1 X" `) u9 ^2 r2 P, o 8 x9 ?+ ^! R4 x' k

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

2 K' E5 Y2 c. F5 h

+ o% H( o$ ^! U4 ~) J/ q# B% Z

---

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

---

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

---

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

---

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

---

& p+ [7 W5 \% @ h; z . {; V: v7 s' m% e0 ^9 |* s

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

---

! _+ p# R2 G, z ' \- b0 _( \( I5 v0 P) E/ d5 q

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

, r, j3 E7 X+ a/ V. y+ A

---

3 r" k$ p, @! Q" V3 R* C. k$ p 8 R$ |% u5 B) t

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

---

! m( k4 u. O, @9 p 0 |. `3 k: g1 ]& A7 D

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

---

0 h5 Y/ c* O5 S

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

) s0 \6 C9 V2 _! p& Z% O3 `

---

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

) I( v& s5 c: V$ g8 f4 }

9 c: r M& g0 @3 o( U/ t

---

- b0 U+ n& {+ m4 c2 N

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

% U" d+ C- g& y

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

& ?/ t4 U3 K" V& D* r3 }

0 ~8 I7 V" Z7 l, T2 q& \

---

1 p) C8 Q5 V5 k

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

---

4 n- B. c' `5 a3 c5 _/ t0 |0 H 4 h$ N. t3 j3 K$ }: e' E

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

3 b* x5 \" O p! b& c. f9 t1 o

---

% h- H! u2 X& k) d

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

---

, a4 R0 C0 x! V. _: ~5 W1 P1 d * Y& {( R. Y: L# e! `

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

- x& O9 C2 b; }% U" u6 Z' p, b2 e

% s" d7 l' s) }

---

p9 D1 S0 \3 n" q % X# b X( g9 h- K3 C

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

* ?8 y4 ]3 b* r$ ?

---

: D L8 U1 [! x$ |4 U6 E 4 M, u$ c+ ]9 b K4 b

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

---

8 ?- m+ h3 F% k : {+ S! W- j$ Z( F$ M7 p! x. M( V

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

ＯＡ帅哥

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

---

% Y |+ I2 P; ^0 v" [3 h * r3 t+ k+ I, M

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

7 L) W, j# a i% x" P7 c

( |3 m0 B O0 ?; l# ?: q/ |4 b* S

---

5 D% j/ ^, M) ?: _ _( C ; n3 B I7 m! K) X+ }4 w3 k/ d

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

---

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

) o& v- X; [) |: L) g( Y' y

P" H# X) V; J1 P- E8 y

---

+ W- F% Q0 [7 D7 ^% ` ; q& m+ Y- d/ S

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

3 Z1 R/ l' r2 _4 \! g) n* @

---

- Y9 h2 N* |$ H

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

---

2 [$ _& M# o/ t# u& f6 d5 r - E$ E& B, W% B S* V9 P+ p( c

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

/ D4 x& J) |& n6 R* R' M8 p& t) E: |: ^

6 O2 s B1 D) O. |% p% _( V& z/ |, `

---

7 b" }2 h' }( v% d9 z 2 N; m& e% l8 {3 w6 K

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

; E: L7 L) q" A' v

( G, U* ? d- c* G7 S4 M

---

9 V2 |# v- y: M+ n- Y3 b7 Y' h, T

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

---

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

5 n$ c: M9 D$ r0 Y/ R0 }

---

3 |; c: z7 X, D; v* O1 a

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

; [1 I7 s0 i: `+ o( P* Q; i

---

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

2 U4 n9 k: a* J7 A0 U+ L* q

) a/ |2 H# A1 s9 A" b1 F z1 `

---

5 U8 r/ P, d8 h" r0 H% H: ] L8 n- z8 o9 |: K6 o' y

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

---

2 B4 V/ B7 |8 L( u0 Z. n ) W: I K5 V" F1 g5 i

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

: J3 g( h8 H! z' N4 v# p: p& F

---

! J2 |5 K1 Z7 C. n9 j

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

+ X7 j* r' G, d( p; q1 h* u1 C5 n

---

8 n! L6 _5 G r+ l

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

" e( }* @, b3 i3 l, G2 I5 ~% P

---

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

/ G0 V3 E }5 s, V/ S

---

0 d' f$ f5 C+ V

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

1 f; s& v+ X! \. K6 |% g" E

---

" @% T! T, j$ l) G+ U P

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

---

3 h5 N# m8 S k/ Y- i1 X) j

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

* L ^& y* z8 C/ x* ^; B

---

D4 d' B* E6 ?+ |! f, o$ t, n! V3 X3 c

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

6 {, F' T" w. n( _

---

9 r s! Q, t6 X* g# j

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

8 M0 t8 S8 H/ u0 V; t* H

---

: {: b9 Z" R. y: A( b& O: u

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

x7 N r. u* f! k J

---

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

---

/ I, e6 ]3 N+ A, i- b4 b& j+ E, o

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

" T4 g* I6 U% s3 b1 M C

8 q7 d! I$ |) P

---

3 J( B9 p1 t! E) A# J q7 s

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

/ u9 F: Y q1 U5 R, b

7 |7 q+ h! M4 \+ I$ J% {4 P

---

& K0 x3 E2 X' f$ J$ d# Q: N% ]# }

27. 互动式铵钮。

8 C" W! s; [; m; D5 [/ h& D% y0 D+ |/ V' |8 m! K% I2 Y. Z. z9 y5 i5 P! f* R2 W6 d( [( O( s p4 k2 W t: R5 [, Y _, ]3 \0 @) X- ?% {3 Q) m" W8 C( L- L7 A! p" l E2 W( H0 F1 `

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

---

2 y4 @ o. G/ I" A3 t

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

---

2 x- @3 ^1 S8 c2 P- V

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

ＯＡ帅哥

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

---

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

9 ]9 b& V6 @8 e2 m

---

2 j0 A' \# k0 C V 3 }" S5 e4 R/ l) o- |- z' L

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

2 c `; C9 p+ c# z" z

---

" N9 i+ f( v* q Q8 o

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

---

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

1 v: D+ b( [7 k6 z

---

. K _( J6 P) c1 O; H3 D

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

---

6 x+ P; Y8 o8 i9 W6 P9 ]7. 在动作的项目中，是不是在「鼠标 (放开)」的下面新增加一个「取得 URL」的动作呢？！至于参数设定，URL 当然就是输入「网址」啦！可以应用 HTML 语法 , 如「http://」、「ftp://」、「*.htm」等等的超链接语法，很多人都问要如何加超链接 E-Mail，只要输入「mailt电子邮件地址」超链接语法即可！语法与 HTML 一样！！ ( n5 b; }$ S5 \8 A: s; [; N0 d! k% w, L8 n

3 B; S* t! }/ z$ ~

---

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

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

. c9 H9 B8 P+ ?( G! \) b

<frame src="left.htm" name="left"> U* `1 P7 z7 Z# u<frame src="right.htm" name="right">

- K8 }2 k, n! ?/ _

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

; R( L+ u4 x9 o/ q k

---

) t% P3 I- \7 Q3 I5 E2 _

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

6 A6 n( W4 u+ j) L

---

4 g) Y' q/ o% ~

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

0 I& D% Y& s8 I

---

1 d) ]9 `& k& W4 w3 j

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

ＯＡ帅哥

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

. [! g0 C2 s; H4 H% O9 H5 Q' X' u, G

---

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

---

7 S5 M0 Z6 U/ e3 t3 _

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

3 {0 O) `5 F2 Y( t7 I

k1 j+ Z3 O. a& T3 ~4 O& h

---

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

: J! s6 {- A# }

---

0 e. |3 [5 R7 X2 }! x

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

) K5 s4 P* \; F: E

3 r( b9 O2 U( @1 C

---

) r8 J( f4 r% V# d, V2 S! w

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

9 R" v- p$ n7 K: q6 a+ m1 A

---

5 ~: u! | U6 r4 J- H8 {

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

0 r9 X, x: ?( ]6 P, p5 l

* f' a R v3 |4 V7 @2 \

---

9 q8 w! x* \8 [& |2 w% u4 \

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

3 r# x+ O, i. j3 f% i# N" e! q

---

" V$ t: I+ L2 [& g

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

, V' {" O+ @: D- h9 b4 e. O, t- }

---

& f0 O4 t. C5 b, m' t& y- b ( H0 T8 [: Y+ W6 X

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

7 O. t# l) C4 @ G

---

' e$ e8 O8 B& H9 e % ?9 d3 L! j v0 S# f/ {( E

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

% J2 M5 I4 @6 T& p; c

7 m) @8 `) F- q! T

---

! e8 o; N4 o7 A5 i; {. Y

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

?, B; `' _; Z) z4 e

0 n7 T6 p' Q! y, w9 q

---

; L0 o2 Y4 L) D* L# S7 n ) Q ] a, ^1 i; ^7 j, H3 Y

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

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！