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

ＯＡ帅哥

6 c9 o# c' g# y6 ~1 | K% F. l# Q+ L5 W9 }( {$ o1 h1 A' G: A$ c

FLASH介绍

! i( e( H2 @' H6 Q) n

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

: K" [7 c) l) E% N6 q" k' {

ＯＡ帅哥

基础篇

, e1 j/ v9 G, K/ e6 ~" G Z

---

( o& b" P2 j& s' |

一、什么是FLASH？

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

5 d* h7 j& O$ _8 Y6 w' _

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

二、如何得到FLASH3/FLASH4？

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

9 n: Y) m* N# _; E$ l

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

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

9 I* J) p; [2 X8 A8 _0 ^% d. O

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

ＯＡ帅哥

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

3 ^+ S, N& i0 w, Q7 [. @

---

# n5 T- a. J' Q! @ 6 ?5 C* D7 y5 f! |2 G

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

---

6 ~5 X- H k! k. e3 o0 A

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

---

6 s* y1 o, L, V0 j' A' X: v 8 m8 L" q5 T( P+ O8 s

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

) [( D) {3 U/ ], E2 t' I9 g) d* c

---

4 X* P# { A `( v% |

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

8 l# V0 b" E% }9 w8 q$ [

---

' ~8 L* p% a* y

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

---

+ ^# c o* @; A* N

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

---

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

' a& G0 [ E. C- C. g

3 A+ ?4 b( Z1 ]% v/ t, Q

---

, @' p: k5 ?3 N7 P" R8 U

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

2 t# z' _7 x0 U

9 e- L& Y! ?5 m" A3 S

---

* C# T# O3 l; h2 ?- e4 K+ q

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

6 r5 A7 ~7 C7 t3 c" J

4 i* Y- O- E* {' g* ]" N

---

- @, S. q; ], s+ H

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

% g9 t1 t7 ^, g

9 U9 t/ V- L i& H2 F. f

---

8 {7 }& f G% ?- J) t4 {$ u

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

1 c( K* r* l6 ?4 D% z

---

^6 z% W: W: @4 e, S

13. 调整后的渐层颜色。

" t% G n& Z7 _; _; i% T

---

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

7 A l4 Z) a9 f; ^) ^' l1 u

---

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

5 K' l, R2 Z0 v4 |5 }$ W; G

---

, } R' L" Y& B/ J7 Z, x , o7 b |; ~: Q# f

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

---

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

R8 u, J M+ R/ y$ D4 h* h

---

% y6 S+ q- Z8 X+ L( y0 R2 `/ k

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

1 W' o4 V8 @! [) j% D* }

5 o9 H3 s4 _4 ?6 c& M, \ G

---

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

+ H1 }, X0 T+ P

---

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

# s, \7 V& \% \! Z/ y, {

---

8 A" V2 E' S( H 6 ?/ l8 ^7 B# n: D

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

" E d8 V4 F5 Y5 n# S; w. B

---

, v8 V, l, u ?8 W! N : M8 G' `3 J% r" W5 f

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

6 G, U* K- w3 @; a, u% o! d: c' y

9 d' I2 a: M. s+ G" T/ u

---

/ y3 R: E S4 }" T, H 6 J! S* O' E1 |+ T+ o; O

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

---

- K* i9 B) @1 w9 \9 _) w' T . V' O$ B7 I- X. H

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

( ?( j3 g( ~) S5 r2 b8 _

---

% p2 J" i9 {& v) s

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

---

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

# e6 A7 x4 B) S0 [& _, V, T

: T" x$ }- ~; N2 o& I" v4 {

---

& B# l2 t; `, Z/ t1 R/ `$ ~

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

) @* C8 ^( Q7 ]! b' y

---

; m: i1 R3 D# ^; N H5 z6 r# Y* o- e! `

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

- A* s1 g) H5 g* \# i

j: i8 l: |* H G6 H2 |

---

1 M, d3 Y& j/ q

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

/ i! N& v9 L5 K" r2 t5 F

---

30. 设定Flash动画属性，以下是常使用到的项目说明： 5 a) I+ c8 K, D产生大小报表：这个功能是输出动画时，附带的动画文件大小说明，可以此来酌情降低文件的大小。 2 `# f/ N# h8 i; N" F0 X输入保护：如果您认为自己辛苦的作品，不希望被别人修改变成他的作品，这个功能就可以保障您的辛苦。 8 X1 g9 m6 L5 _# MJPEG 品质：动画中如果使用到图形文件，您可以统一全部文件的压缩品质，值越大品质越好。 音效：您可以在此统一设定动画中使用到的全部声音文件品质。

ＯＡ帅哥

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

" a3 R1 T4 u7 }% L9 d

. z8 |: t/ y( u# {, l) u

---

4 f+ k7 t, L/ s' J" }1 C

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

---

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

; Y! F6 t6 ]: G, Y' V! r

---

5 B# F5 a2 v# ?: L5 N

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

z6 ^* [* q! ^( L* C/ d

---

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

. z5 n5 O' V* y6 P+ ]# v0 p- e% A6 {- F

---

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

( F* `+ M) v" D( R8 y( _' v

---

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

4 N& Z1 ]5 R- c: J x' G0 Y& m

2 g6 t5 I, N* \) {& X

---

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

1 c1 i, c" D7 j$ B' D, j% V7 T6 [

---

: f# k3 ]5 I V6 |& l' t

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

: `0 H# K3 D \6 _6 r U2 x 8 W% j- p! y) N5 `! F! }7 C

---

) r& [4 \4 [" D( [6 t. x8 w

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

* {; A3 i. g3 x7 a& c) ]8 M+ [

8 T8 c) E5 g8 c3 Z' ~/ k9 o

---

3 n+ p7 h5 y3 h+ Z

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

- Z- G; f' P Z) Y) T- S) Y

---

5 v2 T+ O: U3 E2 v3 t& B

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

3 d. I/ M! ^' e0 `9 m+ v

---

$ S i, y9 y, Y# ]& d/ w

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

2 a) ^+ w V8 b, L7 K2 z, ^

! T: o' r+ J+ K7 ?5 c5 k; ]

---

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

. ~8 k( z1 ^. B1 W* j* \5 I

---

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

- s& V, k) f1 u5 g/ a, v C

---

* S; S# T. `5 y

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

---

1 t/ q2 T( Q1 x

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

- }; t9 B+ V2 [% }! k6 t6 T

5 E) D7 Q9 z6 S7 }( v

---

+ \1 k- A6 |( z% B, h

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

---

! \- y' M, T% }2 a% X# L0 u ! z \( G6 Z9 e1 v1 _

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

---

' I9 q7 b' D+ D% v7 F8 [ 0 B: h4 L- ]+ P2 K( r+ A# {

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

8 I! p; Z1 n3 a. O0 Z+ h, G2 m/ X

---

' n V, o: |9 S4 Y9 \ 6 a) A7 `# u$ M& r$ Y6 X

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

4 k* s4 Y, v1 ?

" v- D" P4 e" l& f( e- l9 {

---

; `3 Z: O+ J# ~: Q0 m8 ~5 T

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

---

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

ＯＡ帅哥

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

( z! X* c6 U9 h4 X; x5 j: r2 I

0 k" m9 C' k6 z! I2 [5 V

---

) W; {) T- E* \, J% ^# x

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

---

: U; N( [1 A, j, ]* Z2 G: L 8 `$ d- c. F0 B7 u J& b9 {

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

---

5 V# t& ~" w; R, w 8 g: \$ \8 p6 a+ y8 I7 d: X7 T% s

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

( r! T5 i6 B$ X" b! S( }% y

---

9 r, {+ G, \/ ~% d5 z! X0 g5 V

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

---

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

# s& ?* X/ ^. x: K Y, g' l3 @& R' I' l

---

* G3 N0 t8 D( F% [; s

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

---

+ _3 x% z r2 T

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

: p( a& _# E* M8 e- a3 Q# z" x

( A" m, w% {) v. q; X1 I( _

---

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

$ J4 A M) {: [

' d$ i/ Z. E% x; ?2 d( H4 L

---

$ f0 d! X4 }- R% a5 `

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

/ J4 `% @8 g* {

---

5 l4 H% i* p3 F2 {2 G1 P . z; F$ u7 v& |

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

* V1 g4 o- v' A) O

---

8 f. u" T* K% C' c0 S7 x/ T

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

! H5 W. k5 L' \# Q / S9 a( K4 {' f: ?/ z H. Y

---

& ~' Y. d" W T3 C6 F% N4 |

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

, q& }) G8 O& m

. k, J8 l) b% { _8 U; G3 v

---

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

8 s8 d2 D. Q. Q* O/ S/ W

---

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

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

---

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

7 K: `5 h+ X, n' y2 j @8 H4 z0 y

2 t" E1 b1 u% o$ k$ k1 l% B

---

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

8 [4 l, z/ S& U; Q& c7 W; H) u , n4 M3 Q0 m9 I6 L

---

) K* [, N* ^- S. l

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

! |. @' G h3 Q& I7 t5 s* ^0 K; C

---

/ o. V7 ^) R8 j" q2 V3 F& W: E$ a

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

5 P* ^; J0 ?. g, @9 J

$ M2 ~* h( L" l

---

" k4 A% p) t* ^$ G/ C 5 M; G) N! g# F# F, s

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

2 L- v9 i, j, z# M

---

% V! I3 k" O! e) A0 T8 B1 @3 f9 J

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

) K$ z, X% O* A3 G9 [: C, ~+ }

---

; V& m9 u) o& y6 o

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

ＯＡ帅哥

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

---

+ N7 F' G; h6 I. O- V% J: E

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

! M) {0 r9 ^+ \6 Z8 k, m

---

2 k5 n, _% a0 E: {# x 8 s# ~ ^: r( i* q: d( ?: \$ g

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

3 U+ c. }' a2 o) A

---

/ ~$ S! h8 F6 ] g K7 ]* L& A+ g

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

---

/ ?* b; |" P$ u . i1 n% U" Z: C& {0 k9 w

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

' G$ z/ \2 V! ~+ v% R$ k8 X

---

" J* s1 ^# M" K

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

3 J$ E2 p9 @& P& X( g' a; Y

---

/ v2 z: J5 z% G- ] r' j8 i* p, l5 v) H

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

- C, t) W/ g7 z

9 t) O7 N- r. A& R6 @, B

---

) b/ l: F7 y* [0 a# h/ z2 X

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

- Z0 I) r+ p. A2 u

5 F. y! Y* |1 `& j7 H# }* q2 Y* |0 f+ r

---

2 u6 ^! h3 d: \& v+ F- O& b % {9 p$ D3 i: u5 D3 D m

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

$ Y& _' }; H( N" {- O! m

$ \, r' j8 I' Q- Y" C

---

: i: M+ o- H1 M2 M; }$ w* h% p3 u

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

# c ?' t& K! T$ c& Q1 d% [/ l

' \7 L' | i) ~* b# q% [

---

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

5 s- M: h0 q2 e4 }$ i9 ~

---

3 D, w3 l L$ U/ {8 Y 3 y4 Q2 e4 n* U: i# c

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

---

* P3 f, b; X0 W" c4 X

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

* }# g8 t k) y. D6 }

---

n/ s2 b8 {) F* w/ F" {2 ` * ~( w1 f" N3 u$ ^ z

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

* M$ @9 m9 {" U; Y3 ~$ h' x

---

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

3 |# x: d8 m% v6 C- h1 Y0 c4 R

---

) R6 b) v" @7 X

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

# D: L N9 k) i5 f9 j& y+ V

* ^" F2 c4 p# ?. i' O

---

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

---

$ i" _( q2 E/ X2 M* R9 s, F+ ?' I

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

---

2 u7 A" _, p5 X& }7 }6 J5 x* A 2 T$ A/ O! l! u3 y/ |8 z

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

---

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

" U2 W+ }% R* d% j

---

3 k; w2 q0 _2 k4 Z; Q & `# x* ^* ?7 e1 \

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

L7 N/ e J7 L! y4 L( M7 n" R

---

& t/ L) K# J! h; [

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

5 y" o# H, t; b( T* l' W2 h

---

$ t9 ]5 o: Z; J: v4 M, z& Z, Z' ?

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

* N- l5 U8 u0 a, R

---

6 q' W/ j! q5 A- p. s8 ~4 X! t

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

) `- e6 [+ b% r! H

---

1 U5 X6 G; x3 U

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

) Y9 A8 Q- q5 w1 P+ T% k6 C: R% A( l

---

+ e3 t! s4 ]/ C6 r 8 F% e7 `9 h. C5 s1 B: m, W

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

d" g* Q8 q# U

; n7 }5 P3 _# n; m( ?

---

/ k7 T4 e2 ^( R+ {, G G1 T* |

27. 互动式铵钮。

# w: C) P$ \3 [ p+ ^! c0 |" ^8 u: z) m# Q+ L: L: q& S0 ~% A$ l- \0 L* N) g3 K% E; L8 b9 f s' s0 }) g: x: {: p' b" A H5 a* d& L4 j) p I

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

---

% K+ z2 ]8 u# ~( h6 }

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

---

e/ {( x; i" P0 y) e) g0 M" F# N9 T 1 D3 G1 W# A/ I$ O) J5 s" r5 M

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

ＯＡ帅哥

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

---

$ _+ W0 F5 ^8 A6 `' S" ^+ I$ U" a. A / ?6 s) J' q: S. M3 ` r. _

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

3 N1 `% X7 N, h# X+ \$ a

---

6 s* j5 m* n8 ?" d

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

; w" M7 J. j. k* c+ A

---

o+ @7 ^0 ~6 [4 A6 f

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

: v- Z4 [0 V0 }2 P J

---

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

0 X2 z ~' P7 C& o( {/ Z

---

4 ~. {; X* {7 Z. t) x) {

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

, `) ?2 v0 A5 x& A

---

" o! J4 V- _6 ` - e& h( s% W3 D; ]. e7. 在动作的项目中，是不是在「鼠标 (放开)」的下面新增加一个「取得 URL」的动作呢？！至于参数设定，URL 当然就是输入「网址」啦！可以应用 HTML 语法 , 如「http://」、「ftp://」、「*.htm」等等的超链接语法，很多人都问要如何加超链接 E-Mail，只要输入「mailt电子邮件地址」超链接语法即可！语法与 HTML 一样！！

& F. I8 H$ b5 Z/ s

---

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

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

) t. H+ R) k0 e: S. [

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

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

4 J9 B5 @9 R- y4 S, ?/ y+ Q$ P

---

, G1 H2 Z. s4 _9 C Q5 f

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

}4 c h4 G$ R: Z7 k

---

4 @: `; T! O& e; c! Y0 P3 S1 }

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

---

# O) R9 ] f7 W( v, F! t

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

ＯＡ帅哥

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

---

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

- Z2 L! g+ Y3 h5 t/ Z3 ?6 p

---

2 x# k9 i, G9 u" }4 t3 S

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

! g( h. N, L* I) f

% Y- D |) n/ V

---

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

) r1 C4 a, B7 e" }) C' T" a

% b) a* q) p% j; U8 r4 K

---

! p/ Z8 H! B+ f6 V* Y# M

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

---

: z; Y; T2 P. Q6 R$ c8 ?7 [6 W& I

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

( d* ?# U% s. l* m6 ]" B# Y

---

2 f$ t; |3 Y4 P/ [: B: V

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

& c# e' W% k5 @ j2 g5 u

# ?. L) J# \1 T1 s9 @- f0 f

---

6 P/ c. |+ V" v: `: j; \; n# q8 o2 u - {2 T o7 w0 }6 z: c. t" o

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

- R7 K* n% D E. s# Y4 A

---

, S- H6 X) h- n) j3 i5 v( ~ + {& R2 y" G( ?% t/ ~

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

! {! G& \" k0 m! k& ?. l" C

---

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

+ x% V' t# h0 v. \7 P1 O

3 I& @+ F0 U% ]$ l2 }- c

---

+ Z8 b; b! f! W 2 T: f% G' D) t7 x! ]" p% u7 W5 S

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

---

/ I& b/ E, ^; t0 Q5 g N6 X' U0 Q* ?7 \, i6 O0 ~5 F

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

$ N) L; ~2 {/ d" _1 G3 G2 T

6 z. Q' [2 h7 e% p& A5 x

---

* n& D% V# ~/ {" x& W

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

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！