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

ＯＡ帅哥

l8 @3 Q9 F0 R, H3 x4 v0 g; ]6 Y9 O6 E; z6 o! t

FLASH介绍

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

ＯＡ帅哥

基础篇

6 Q+ |4 }1 u& T, m; M* m5 w) k

---

E7 X! v' v' {) a . }/ |4 \& T, T- A

一、什么是FLASH？

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

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

二、如何得到FLASH3/FLASH4？

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

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

3 S! ?- Z+ v- `) x$ s$ h& T4 \

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

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

ＯＡ帅哥

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

8 J& E, M9 c# `: m9 M

---

9 v* I! {' Y' }/ n1 b" P9 |, ~

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

" [* W( y3 R8 ~: u& k* e

/ b' |; R0 V% s9 h$ P+ z2 v

---

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

' E7 h7 p1 k3 V4 `/ l

---

" M. h' B+ M0 L, y, h

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

---

- h" I6 }0 c3 T1 Z 4 M7 R" Y* x& p$ C( D; H# \( d

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

4 ~+ q, ]- Z0 x% D" V B& C

6 X, q! P: t* ~" R- ?" ^' i. V

---

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

1 o+ s- i# U9 b0 ]. m4 V

---

8 m) Z# }" n$ j9 u/ |' v2 J + S- F7 P' y5 {. ~7 Y! b+ x

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

+ Q6 o$ c# w$ y' C9 W7 c0 L

' z2 y" @% L; l

---

; }3 r$ ^( e. h" v9 L, ?

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

" @$ q! d$ Q) J `

---

" G" O4 `) I9 s' y( q/ I 8 ]/ Z1 x# a; [3 d; T4 J2 O, k" T

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

- x0 h7 r" ]: j( D

---

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

; G K- ^ G% L* e

---

3 _% V' n2 j! Z& U& P 9 A+ [/ ?, X5 d- m

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

3 j4 I5 r" m# f4 y; b: p c

---

6 u6 X( |. E, N2 {4 k" J% { . D/ Z R2 e/ J- z* J

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

---

: X; v3 l/ b# ^. v6 G. W2 x6 ^

13. 调整后的渐层颜色。

) _2 F: x/ B$ f3 m! o0 V8 A

---

7 n7 [; R2 ]6 x% G, R

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

* t$ L* w" T1 Q( P* x4 T

---

2 x* _" d% H+ Z. }* I, w. V

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

3 q! R4 j5 n: h9 | }; Y

---

8 {0 r8 O) n E0 j0 y- O1 d @

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

+ m) B8 I1 h. }. {4 f- a

---

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

1 y0 ]- u2 m3 a! J: q

---

) K$ g! S, S7 z

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

3 J; E+ N# H# f

---

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

---

* y6 x* v8 N/ W1 d 1 j. a8 N/ _' X( x5 s* o

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

$ |8 K; Z! ^: z" T

---

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

/ @* }4 _5 G) s9 U8 G4 l$ ?

---

" u2 L' [0 y/ y8 W+ B, I6 S & d# z+ a0 s' e- s i

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

2 l- h% x9 l5 S" o

---

3 z7 {. P' h1 N

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

---

D( P) z2 E) j. @3 | / g9 \; Z8 n) L5 z6 E/ m

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

* `; ]4 |: r- F# D! R: w

---

. q" h. I8 B( E

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

/ ], f: X2 |1 C$ a( c. T6 w% P

---

; @3 ~) b( T: w " S* n m3 f \% g: L

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

S( k8 V& R/ N* ~1 ?* }; D

. d& I3 ~% ?( p

---

: w5 |9 `* H2 ? * O. [0 _* P- G$ u4 M

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

* {" o$ p3 u$ L) d9 \

---

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

4 y& Z1 g3 ?0 f5 K% `4 X8 S" q

---

k' e. W- G+ I+ M, F

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

. L3 J$ n0 h2 B8 k: Y! E

---

30. 设定Flash动画属性，以下是常使用到的项目说明： 产生大小报表：这个功能是输出动画时，附带的动画文件大小说明，可以此来酌情降低文件的大小。 输入保护：如果您认为自己辛苦的作品，不希望被别人修改变成他的作品，这个功能就可以保障您的辛苦。 5 y' F3 ]! c# I, mJPEG 品质：动画中如果使用到图形文件，您可以统一全部文件的压缩品质，值越大品质越好。 7 u. ]" Q* W4 }, d1 m! ^音效：您可以在此统一设定动画中使用到的全部声音文件品质。

, p. p* T; n9 g: o

ＯＡ帅哥

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

: u# Z2 _5 w4 K. Y- o7 X

---

! f& B, o% k1 c

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

---

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

* ~3 B, W0 {6 c6 r& ^

---

. V3 _; d% R k& a2 e4 s ! ~4 E' y# H# W3 A

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

---

' L' A; w4 M3 b' s

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

---

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

; ?' w3 V) ~* ~- T3 X

---

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

" q3 c' H% }: ~5 C8 A4 l

---

8 W6 w' \9 L$ q' V5 J % _# J, p+ \% x& Z8 ?3 L/ l

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

6 H4 X$ k, N+ q+ u! d- @

---

/ F( }; n9 v, Y' L: G, ?4 Q

9. 出现一个图库的小窗口，里面会列出您动画中所建立和使用到的符号。 , A: |+ e9 y- _7 u+ H6 {4 G$ Z6 w( P.s : flyg 是刚刚输入的文件 )

---

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

---

5 L' ]$ c) S8 L ) {2 J* Z5 o& e" c# ~4 F1 a3 c# n9 g

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

---

- d! }# _$ @; U4 K# f

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

3 }: `" m' t" M3 V! k

---

# i, u7 q v, I$ J$ L5 J

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

---

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

* @7 J+ F. Z% w

; P: `# x0 J# `: c5 y' s$ t7 y& U

---

' Z. e( j' k+ i) G 0 k6 }9 F& g: D/ |9 M% d# i+ u

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

2 J6 o6 w) @* W. f9 [, b: G

* W' r( C' Y* d6 A

---

5 Z. R w5 z5 D' \* D

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

% P$ [! t- K, h1 L, @2 ?

---

. ]- V/ ]+ N4 w6 }- `. z( d

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

9 T" ~2 r4 e8 N) a2 B. k9 N

---

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

: I* \% B$ D6 F1 ?

( }; p: k; j" i9 F

---

" p3 v# Z: R7 ?6 Z ! B- m n# _$ c: S

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

5 `( ^8 V7 P" W

---

# P) o' u: A0 [! z, j+ ?0 O; [9 i ! X! _! X& n% e3 m" u J- i

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

$ u* ] D3 n& T: S, ^/ N

# s6 S* h/ I: D* N, ?- M3 P

---

, o6 ]. y4 ~$ B- e; P

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

& u8 T& |* H% [0 X

---

* b! A8 @: _1 z( h5 }( y

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

---

# N; _$ t; ~, K& U

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

ＯＡ帅哥

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

---

3 ?# X% n' R( Z

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

8 o$ i4 B$ C9 Y- K( G

---

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

% W" I9 z% Z2 s' i" y

/ ]: H& X' t# Z6 m6 U

---

' |6 D7 o- {4 g : L( b. u3 C" T$ _; |+ U, D

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

3 e6 z7 x" M! f! V: O

---

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

) ^$ Z7 q: T3 [

---

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

0 `; q! D3 O% ~' y1 n

---

, s' G. O8 W4 k7 S, ~) I H* X. y2 B1 A; T0 m I

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

2 x- k2 M& ^1 \: U: R* x. W4 e4 R

---

# V9 a" P& x" g. c$ u+ }

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

4 Y* @8 ?; N# z6 H& y

, }1 w k/ a7 R; J& i4 M# w H6 R

---

( |$ _# t9 {( i1 r, } I, B X% J K ! I. s+ {& ]. i$ {8 H

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

---

0 Q! r: h. B$ U, V! S! I! P9 @

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

7 N: g& B a2 a" D b

---

% ~, P g( G, i6 g

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

3 g- e$ A2 }- v% c3 Z4 y

---

8 p) H# E7 E( p8 ]# I

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

# N) u2 S L e0 _

---

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

5 E# C% c/ y/ `4 L8 l- w0 s% M

" b) _; ]5 X1 h0 L, j5 }

---

% f% Q7 b6 j% p0 ?/ u / _7 }0 G+ p* _8 J$ }" ~

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

---

9 `( u5 n/ b& ^- s 8 I& c; Y# A" A# u

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

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

. O; k/ S9 ~( p% k/ d: O

0 [& n } Z; _: k

---

- i; G4 f- E% o& Q9 g$ b. b5 X/ `

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

: T5 _# e3 B) a2 h$ r

/ R; n9 z9 L, T

4 M, y9 Q, P$ a/ U8 W2 E( [( r- a

---

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

9 m4 w2 ~3 |& h0 J) R7 `5 @$ B

---

1 g. i( `7 v0 A# j1 u6 a! h, R% p

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

$ @4 h2 b! a$ r3 |7 j7 ]

" @/ Z$ p \3 U+ T- L6 T

---

9 @( v$ Z$ ^! l/ @, A1 U6 X( @

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

7 \( c2 F; i! m6 s$ ]

---

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

0 R: p$ U8 B( A1 h' }

* @: R4 V: a9 g+ \( S1 ]

---

; q% N7 X2 s' j$ b

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

---

: `* H4 E) p" W* H8 ]. r6 Q

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

ＯＡ帅哥

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

---

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

& g. [8 m9 A& e" p: d0 \, Y! ~8 i

---

# p& ~$ e" W9 |# Q

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

/ W$ {+ i1 ]& ]* j% {$ @/ {

6 c3 l0 X- N& Z3 f% O! r1 `

---

9 s9 U# H' C2 z" o1 X* H5 v

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

/ N# |1 F! a; f! h9 ~! Y' H

---

' O: y3 q2 o2 b* O/ | ; s: @% f8 a0 A: y' w5 N

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

4 K% X* b6 s2 W" O! l$ ?

1 v9 Y4 r! `6 I7 ]: h0 w6 _0 E+ P

---

) {& z, z" r- c, e' R0 K6 k$ q

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

& `7 L* q) m. m7 {

! Y/ B2 {% F1 D! {$ Q

---

' u$ y* J. x1 k I/ ~0 e

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

* ~5 G+ r5 a% j& @7 c

---

0 Y J* |. L0 y6 s

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

" u0 S1 q: Z0 ?5 ?6 w. V7 m

, r: @" n& _; j( ?1 j

---

' F, ]2 l6 p3 I( I

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

& N8 Y6 O+ P$ t$ N$ ]

---

1 }# b0 {* n2 M0 u0 q 4 R+ x! {5 B4 A/ L* V4 _2 o- P

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

7 n+ |, Y/ q, I# ^8 S

8 x7 A5 i$ Q2 C

---

* ^' z6 y3 f7 r6 N

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

4 L- I6 i7 S5 ]

1 D ?, o. C3 u+ J9 M" x; d

---

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

' a/ W+ C2 f" b7 [8 l' x: S

4 b( p5 {0 _, s3 p

---

! d( V2 |% |. U$ e. x0 }

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

0 A) b8 S9 d, w/ m

! |% c3 w, x% c( e3 p

---

( |% f% x& A8 u6 I- G1 ]# b ]

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

+ d9 B( [* Q+ b' i1 X

---

2 O* T; P& V/ O 8 J* O# j% M$ N+ ]2 |4 J' }) U

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

, ^' `- ]8 ]) F, n0 o% x6 ^

---

) f7 y0 {$ w) o( D2 d1 X

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

---

: ?% k4 y4 v6 L/ D5 t0 `1 M

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

---

1 ?/ w! E# [: g, V- Z v; V3 A0 \0 Q$ J# I& |! ^

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

2 z( m* z% P0 W

---

9 O2 b! Z! d# C( I

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

2 S% g) g$ B! [& j0 r0 E& ^

---

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

9 O, A1 F$ {, Y3 f0 G+ U5 P8 v

---

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

7 G( Q* z) q$ v! }

---

9 w$ _1 S. `# u: z4 Y2 S4 D ! ?' W; u5 a. X4 |

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

1 y* C7 l6 w/ c: H- J W

---

$ z/ U) k9 P3 M- K

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

) z3 |* K/ X7 E p

---

+ D; K* E6 p9 \- |

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

; m4 s7 {6 y! x0 C7 Y7 u* {. W

---

2 Y& ]4 H' D, U3 q2 U7 G

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

. N' \2 R1 s A) ?

9 Q5 r# e3 @& `' H

---

+ Z; \( {9 }2 W ` / n, M* M% E, q0 o- \& p

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

---

2 X F3 S8 }, K% j4 u

27. 互动式铵钮。

) A: s" [, }& Q! | i9 z& q2 G8 M" @4 V' s5 F7 ]7 n4 K8 }' q7 t% F8 f7 \# M: x% B$ W# N* ?( l7 j" E# G; B0 v" S8 }; ~0 J% Z/ ^9 Y' r: M' T5 w1 s% X$ k& X. b) R# g3 r9 Z8 V

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

/ }9 d2 S+ V+ P9 F) U& n4 z

---

$ `$ V9 a# E6 \9 f % w: W: @7 ]1 P; e3 K

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

5 n1 V( |8 ?% v3 [. \6 z3 L; ?

---

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

ＯＡ帅哥

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

+ H/ ?: E: e. Y0 \, q2 h' T( t

---

% e$ @- U) n7 {6 z7 u/ ~ L5 U: \4 {# d) @* ^3 c- p7 M) d4 c8 K

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

1 A; J% r. v. u7 J* V$ d, E+ a. v

---

2 M; n+ l4 I% b8 w+ @% K8 P

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

---

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

6 }/ n* }9 b7 j, @/ P

; c& d+ f7 P* \7 D

---

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

Q. Z) h5 W# N( m4 p$ ] T' x! O

---

) ~ E0 B4 Y2 u1 }; x; ?- d3 M: S

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

Z! ]' [* _( o* |

1 k4 }) H: w" w" L, e) e

---

7. 在动作的项目中，是不是在「鼠标 (放开)」的下面新增加一个「取得 URL」的动作呢？！至于参数设定，URL 当然就是输入「网址」啦！可以应用 HTML 语法 , 如「http://」、「ftp://」、「*.htm」等等的超链接语法，很多人都问要如何加超链接 E-Mail，只要输入「mailt电子邮件地址」超链接语法即可！语法与 HTML 一样！！ 0 A* I; R+ \* K D, c) _9 s0 g- n

% H5 i; b' |/ i) C; _! }$ \$ b

---

Q9 J; S. L3 q" l% q% ?7 x8. 「目的窗口」也是众多网友的疑惑，在此說明一下。「目的窗口」其实相当于 HTML 语法中的「Target」语法，可以应用 HTML 语法，如「_blank」或「new」两者一样，都是「另外开启新窗口」、「_top」则是「在现有的窗口中开启」等等的目的窗口语法。也有相当多的网友问，使用了分割窗口 ( Frame ) 后，要如何指定网页显示的窗口呢？！方法很简单，不过有个前提，就是您的分割窗口(Frame) 要指定 Name，这样才能指定目的窗口。 * ]4 r- I6 Z( d( B+ x4 |

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

<frame src="left.htm" name="left"> : h3 u# _- O+ ?5 n- h" q* c<frame src="right.htm" name="right">

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

$ h& A8 T' S4 {5 `

---

. M0 e R- P+ U0 D. D7 _ ' |& I1 D; S, k+ L

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

, c; O- t+ x0 u

---

$ ]' v% v2 y+ h

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

; r: D8 \# n# ]+ _% o

---

& e2 q. \% t& i3 d" E! r( L8 m

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

ＯＡ帅哥

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

% E: z& i) O( j) L

---

3 v. K& x5 q( L. e8 w/ T- ]( n: n' c ! Y* @" r7 i, H0 O6 ^3 s

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

- k# l+ }) f% a" G, Y& g

---

3 {0 s) d" [4 \8 @$ e! w. ]8 _! R , y7 d7 e7 z" w! ~! { o- P

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

---

K. {* I- R1 S- Q, c

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

% P$ r6 v! s1 g) I

: A5 X* H/ D! C, V

---

+ t2 L# s a( Y3 I, X( R( f * W2 l# A( f! E. H8 f) {1 Z# U( V

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

+ }. @8 L) C, ]" W0 w; z; P+ S

' I. M) w" f" U1 K8 D4 ], g

---

+ D/ g! W2 [5 M f( ?4 d6 o

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

6 R# A; c; M, U% W$ L

---

# F) u9 d# e: P5 p( h

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

---

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

5 m& `( _5 Y4 G* ~+ t/ b1 C

---

0 V' ?$ _# Q3 U1 L$ R% S" W1 W

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

---

' V: N& d& x: v: e9 ^+ x3 e

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

/ u9 B W. P* W+ t& i; L3 c

---

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

- o1 M! r& K. }6 O' B& b

---

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

. _. n. k! z; L I! P

---

3 t9 k9 | {% S

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

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！