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

ＯＡ帅哥

" O P" j" v6 C4 K4 q* Z% R& ^" ^6 r# l% ]/ `4 ?

FLASH介绍

' Y9 P0 u: e% |; p

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

ＯＡ帅哥

基础篇

---

一、什么是FLASH？

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

- \5 ^* Y) Z( {1 S- h5 m

　　有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！ $ U$ f/ o( i2 i9 ]6 Y2 C5 M　　我相信这句话没错！

二、如何得到FLASH3/FLASH4？

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

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

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

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

ＯＡ帅哥

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

. g" Y4 R) L6 o! w8 B

---

2 f& F( z. s( V5 [; @8 B

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

3 t% F$ N& ?" e5 S# B4 m

---

" B+ H/ h P8 C3 Y$ r4 x

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

# e) n/ Y8 X7 Y$ |# p

6 f0 u6 W" t" Y. m/ l6 u- K- G

---

/ j. G7 @1 y" N X) f C

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

---

+ Q. ~. i* w/ U+ C' D

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

+ V& |6 h4 z. h( d1 A+ i) z3 l

---

# N: H, k4 N/ B# P

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

. u. b* }6 {8 y! x

---

( T1 f' k# Q$ G g$ E6 k / p% s/ |* \$ K4 l6 _

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

& d/ X' @, p, q* j% j" \& W- n9 Y

---

# S" R m0 C' S8 ~3 E8 i2 {

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

0 t& C' n& j$ P

---

6 _5 x4 Z' u0 W+ [* H8 O! n

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

" z' R" d/ \) b% M$ Y3 {1 u7 M8 n2 \

) Y7 ~6 k$ p( l, l& t1 }0 }

---

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

! P! C8 S/ \* G# o4 b8 X

---

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

3 R, L3 f) b0 _: Q5 k# @

* L& A( c7 B q/ p$ d" H

---

8 A3 p( i# i; Z J& _ c5 E

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

---

& n' z! }6 [9 [; o; u8 w- E' t$ n & n: n7 A, ~. W4 l: i7 F6 E& B

13. 调整后的渐层颜色。

7 j; R( d9 W6 b. O+ j5 s

---

+ j2 g: e4 {9 D( ~; a: ]% f1 b5 W ) d( n6 n. U) g& _) E" i/ s ~

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

' y) K- F; n, I6 i6 g8 G" v r

---

- N- `# C5 a6 B" h/ T . Q b: |6 `8 o

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

---

q% x) r! I% f' j3 A / n$ G3 d k, I8 i3 f. y. ]5 }

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

$ b/ ]2 n2 X8 M! L

9 N3 E: f, i- w$ W2 e

---

" H! S" p# Q( X: ]6 H% b. y- J. U

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

---

% I q4 |5 w# l : o4 ~6 q# ]: h5 X; u. r

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

! R) A( J/ Y5 `* e, u* n G5 Y

8 r" k, ^+ |$ Z9 A. o

---

. u @6 @! p9 X) E/ v

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

---

+ Z' f, n4 S: ]( ~3 S6 O; {8 ? " U1 T3 D6 @" C* ?

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

7 g9 f+ b& E+ q) o |1 T

---

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

* _1 ~( e. |% G8 ]5 X' [4 W0 [

$ {$ L* t1 j9 N q" ?/ V, v% V$ P

---

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

9 K4 T0 @8 v- F" i8 f$ ^$ H9 L

---

4 r$ m! n6 q6 g) |* ]' }7 X) y

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

; e5 A: }0 ]" l& i2 R+ ?5 u

- J1 Y, Q9 Y' a0 B* u9 g! q

---

1 K1 q, c1 e+ U6 J$ i

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

---

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

$ r& `" w; e: k# B

9 J: L& i |( L8 k/ Q1 a. |

---

7 a, U4 D! o8 W% T& I1 w$ U: m: h / w1 h4 l) j7 y/ u3 s5 o1 f/ M

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

$ H0 |5 h% _3 C# Y' d

/ d( ]8 c$ }- q' M9 e2 r6 f t

---

- i2 X$ R. d+ {" v% J: d9 ?

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

---

8 \, O$ c7 m; g* }

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

---

# U2 i6 L, A; R6 F! \3 k l 2 ]7 W; \. T7 Z6 O6 o( {; F

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

: D; ^' X E- K3 D/ T$ ?/ l- ?

---

* K& k! k8 e# G/ ^; V* z

30. 设定Flash动画属性，以下是常使用到的项目说明： 产生大小报表：这个功能是输出动画时，附带的动画文件大小说明，可以此来酌情降低文件的大小。 * X. ^& u# I3 D8 d, r& T# l& x输入保护：如果您认为自己辛苦的作品，不希望被别人修改变成他的作品，这个功能就可以保障您的辛苦。 ' K5 R7 l! W) @; ~4 O2 K0 e! @JPEG 品质：动画中如果使用到图形文件，您可以统一全部文件的压缩品质，值越大品质越好。 : A2 Z6 @9 E( S音效：您可以在此统一设定动画中使用到的全部声音文件品质。

. h* W5 h' K( F4 D* D

ＯＡ帅哥

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

& p; b: |" v" O5 Z+ R _5 m6 F! ]

---

! P1 q" C* ]' ?- ^3 k% T0 e ; T& N) X$ D* A7 V) l G

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

7 }2 K- E' z# Y/ X( V* p

---

' w$ |! Q% n2 a5 k0 o3 z0 g& L ' H3 ]3 r0 M" A$ S* ^8 h

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

---

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

7 a" ^# `1 b; y1 g$ k

3 ?8 K! k$ r& T( d8 l

---

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

---

! y' @' H* Y$ L, ~5 V

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

: r4 _1 x7 `* N' R

---

3 |2 D; C* Q& X, U( A J* g , Q; [* x. u1 s, A- H, l+ I

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

7 Z7 }/ p) o9 | d' s0 H) }

---

8 `* ^; F' Z! z' ^( z/ Y, F2 {

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

---

& A; b# K( r( F

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

; Y* U" D; C9 \/ Q1 ~' O

---

# H% \0 Y/ Z5 c5 v

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

---

/ _7 L! ?6 _) I $ w) Y9 B( b ] q% I$ k

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

" a( t& m% `1 M5 i+ X% [$ j& ?6 e7 k

---

/ m$ H. \5 e/ I* f/ {4 U" \( y

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

---

; E* M$ E- E2 G3 P% E: \

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

---

: o: V3 {+ ?, E8 p% Z' N % R' ^5 ~3 P6 W% ^( G' G

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

! f; t) `7 r5 [8 w$ A, H

( x4 H+ \* V( M: D5 W2 |" C5 L

---

- N# C, ^8 Y1 }

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

6 a5 A4 F: Z2 |# h# I

% @# u1 o5 i- N9 U1 T0 S, @

---

7 O! \% _( `$ N. o3 S

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

8 _0 t& H& r( C9 o0 m( a

---

8 @" |, m! H6 d6 |, v: I4 t 0 Q2 D8 Z" T6 _- W; [: M

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

---

4 y4 i9 U# h! b6 l q4 K6 e: Y, l 7 H+ `0 m+ [+ V% W6 Z, u$ b! @, l; M# e

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

3 t" M) [- b/ ]* q1 Y+ n/ G" R

---

" k* A; W5 e( \. X" P4 y

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

, P) T7 s0 V& Q

---

/ [/ l+ g1 o: J + r) u% B% h$ ~

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

---

" w: n& B9 m: X0 A

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

' I, k% g, Q- q, n2 H

---

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

# V1 A% z! `, L* W- {3 f

---

3 C6 i7 ?6 l, s2 U3 {

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

ＯＡ帅哥

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

---

) q: I, C( `) s# o

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

, N$ |" m4 p6 Z. {3 p8 x

---

3 _4 f5 s$ u1 Q9 f ; i9 R3 V0 U6 _! C

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

7 t$ I- z; J) @$ ]7 {3 `' I# X, x+ P

---

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

4 W# s9 ]( J9 }5 Z; [( m6 ^7 _

---

. M7 t) u+ a& {% q& I8 \& N3 B5 [4 N

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

---

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

& K4 q# f( p3 N6 _

---

( \; B8 o, |- p0 X) M. ^ 4 m/ J% P$ q1 s; r' O

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

X2 ]. c. s& N

---

7 g; M3 V6 V8 p5 l+ K. S 4 E/ ]1 `$ a7 p. h3 X+ v/ y

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

---

\2 ~" @( n! E4 g' I! |- u + a4 N) b, H c( H

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

---

) g( N; |: M7 {& O8 ~

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

9 G8 }3 s# q/ T4 x" K( ]/ Y

---

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

6 l1 X6 B' M% |' m4 t9 Q

8 \0 g1 w9 u# o$ {/ _

---

9 v% ~) ~: A' L! M6 }" u* X

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

---

9 m9 m1 B' ^6 K9 M8 j

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

' ^5 ~3 X. `4 r9 r, w# E M& w

" J: m' J( G6 ?# h! u

---

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

' t. k6 m4 a$ a

---

$ s: O' J+ E& I, M9 q: } " V1 V4 a4 z' @8 z' J6 X, s

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

: C& q+ I4 d. S

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

7 L# \! c2 N _5 r4 w: |

. j9 @" G6 `% N/ K( m

---

% ]5 I. l5 l4 ? 7 x% W. ]4 b0 o3 T

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

8 O0 r9 ~6 \- f% i3 C% M% l! Q

1 n0 V# E7 Q O8 s# y

& D1 `- U. r# P1 V$ E: N* i

---

8 j# [/ ^) y, K* a& M- w

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

; M9 T. Q" G8 Y

---

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

1 d; G9 A4 ~% m; I. p2 l

---

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

9 l& S' g Q+ K% Q( I" U

+ Y# B# I) x* t4 m

---

. O( `5 G d. T" l ( V6 U. h7 C# v

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

5 @4 T4 B! n/ ~/ {$ b" S

---

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

, @6 X# @2 W0 o# e0 l/ t

---

5 x4 j2 r- X& z$ Q0 z/ B1 } H1 K

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

ＯＡ帅哥

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

# V3 N+ A) u* j8 L3 w' `2 i

---

2 v4 t! m. R4 S \5 U% Z. v

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

4 D" l& t3 Z5 T. r) c- o h

) b9 e( R% c" l; ^" t

---

9 _! ^( e6 Q: w& {+ ?) Q$ S

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

, r0 @ W7 k+ Q+ H

---

' p x3 I' r2 I6 A+ }6 \9 t7 R/ T 3 [/ T. D" u7 B0 R# T

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

: \% B6 e7 I: Y" o

---

3 _4 B* D4 N. N7 h* R$ O: i" _

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

. b7 c" V b# P1 l. S

! K# l* z& @+ C4 W! S. E# C. ^3 W

---

7 m/ K9 i6 e' z+ Z! g

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

; p% g1 H/ T5 O

---

" G% P8 i% Z0 \( B$ Y* ]

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

4 y, E1 ?$ V$ D1 s; T3 Q. i8 H

---

/ q# h- ~$ O1 { & x. N( m* R+ }5 X; A8 q

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

3 C. \ n6 R' w, t: o. N

---

$ p" h- m) g' W6 X& L8 g* g

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

! R& t8 e! y/ f+ J B( X% H7 a6 q

---

' a2 Z' [1 q3 C/ a N# f1 U# W

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

7 J1 M' }. o$ D

---

% m! ~6 E$ ? h 8 N" W) z( w& j

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

' |- ]3 p# k1 E

---

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

---

9 z: i) M+ Q7 h/ a- g- f( A

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

+ Z7 K' v8 w2 A; I. F

---

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

, v, L! \! F5 I: l- h

---

) |* Y" V1 r+ a- k

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

& q. T" P! V: X+ S1 a% W8 V# W" C5 p) v

---

) c# U& D" b5 A2 O7 U* ]

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

\, ]1 d3 E7 f! r1 w

2 b# \4 b6 c9 y

---

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

F" J- p) R) ^( n; ]8 Q

---

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

7 C0 G. v8 a1 h; l' {- O7 I

---

4 I9 n8 A7 a9 a8 U7 _3 T. V

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

---

6 v) T; _' T7 V# I5 r4 h ! Y' N4 p- |( O3 `5 Z9 R+ q

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

$ h* S1 z7 D3 ] A& }5 A) h9 h

---

9 X) ^. s) p% ^% L" W! F

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

---

* U6 s4 Z- N( c6 W+ L! v( n/ u" D + ~, o& n# T- h

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

---

! x# e4 z. e5 Q

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

% O2 c2 h* Y8 a8 a

) q0 [1 a) w( B

---

- s4 B3 }% T; z2 T$ w- c$ m

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

1 M! `/ S4 I6 i# ?6 ~

- y) K# o( E3 i, H0 u! O

---

$ l' ~0 a7 G# o, m% ]

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

- X4 d- w% P( V$ g* p: |& z9 B Y2 @

---

% l B& N: E- k3 g. P4 a: Q# \' { ) D: f0 u& T) {2 L7 X

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

---

27. 互动式铵钮。

! f- s! c/ ]- z& p7 f; s; A8 b; A2 O. N# s5 n B& ?, Q+ n: @6 b* g" K8 X2 G- r( s0 X( C P% O! E) p; x6 d7 _6 o2 e# o7 x4 ?; ]4 L4 B0 n9 J, {: u& l9 I3 H& g3 F6 e" D. z2 |+ r8 [1 I/ M3 B, O$ w

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

---

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

% u+ }& P6 U( n! j U# {( R

---

8 `5 z% u: F/ B4 z- K" ?5 @

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

ＯＡ帅哥

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

---

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

5 {) `+ { X0 Q7 E' q! Z' i9 ^1 R

: O" J6 U3 Q3 z0 W; p- x' q1 E

---

/ Z1 s5 L9 r) e% J v3 A

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

& c8 M& ^& t' q: y8 [+ d: a

# L7 K. u5 E: T0 N

---

2 Z G. P, y6 T; E

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

---

7 a9 _! K$ ]4 t1 T+ Z4 D5 [4 k5. 在动作的项目中，增加了「鼠标 ()」以及「鼠标結束」两项，请点击右边鼠标事件的参数，可以依自己的喜好来设定，「按下」的意思是「当按钮按下时，马上执行动作」，「放开 」的意思是「当按钮按下时，不执行动作，直到按钮被放开后，才去执行动作」，至于下面几个事件参数，将在往后跟大家介绍。 # {% u( v2 s; Y: H8 F

% Z, U5 z$ B8 p7 Z2 A+ D

---

0 r2 R/ g; s. J1 x$ w5 t

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

( F# O- \4 z/ Y( ?/ s

# g7 x1 O( ~+ y3 }, y

---

7 l! \9 V Q5 |# R @ # _9 S# i& R6 ^. d' ^$ S7. 在动作的项目中，是不是在「鼠标 (放开)」的下面新增加一个「取得 URL」的动作呢？！至于参数设定，URL 当然就是输入「网址」啦！可以应用 HTML 语法 , 如「http://」、「ftp://」、「*.htm」等等的超链接语法，很多人都问要如何加超链接 E-Mail，只要输入「mailt电子邮件地址」超链接语法即可！语法与 HTML 一样！！ 3 ?6 `& A1 W) Q1 C$ s) O

---

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

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

) d+ W* b; P8 S& ^/ U

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

% u4 n3 z/ s/ l- o2 ~; `' f

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

---

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

- f- W7 R8 p; T6 O

---

3 T" O2 ~' C+ Q9 w- a5 W* R9 J

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

% }4 t1 M2 x" k! W+ N9 F5 w

---

' |9 V! ^7 H. l" n ~6 I2 L

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

ＯＡ帅哥

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

---

) j7 Z% r- I1 G. l% S* E$ n s" S, x; N* j& @" R4 H7 j/ K

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

+ o8 i8 t5 C3 s

---

) A3 t( ~5 B, p1 v

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

0 {- u; g6 u0 @/ ?# |

: e, @8 w& \6 x9 u9 a* I X! x

---

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

% J5 K. c) a) Q5 P3 ~4 W3 L

0 l4 d( D6 I# z- ]& s

---

. X- N2 u2 \) v: L9 g% A+ O

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

---

- ^8 k& p' F, x7 i+ y J. J/ v 0 ~. @& b, X8 K+ m/ K* G

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

: t+ Y' Q8 t, I0 b3 |

---

6 \4 X4 J) l; Z3 A

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

---

) v# y, C' [& f$ X0 T. |

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

---

, k" n. z: }5 |/ A

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

---

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

8 ~: y0 |! a2 S9 i

---

$ ~4 A, M. j2 y' V; N& ~ C& I: D# f

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

$ M& ~5 s. x+ Q" O

---

6 ], p6 X" O3 c& E1 ^* B, j' ^! b

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

---

' _2 f4 K, W2 j

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

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！