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

ＯＡ帅哥

' O4 f; X% ?* b0 y8 q

FLASH介绍

0 C$ d! y, O8 Y O3 w% {

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

ＯＡ帅哥

基础篇

/ G, ^* t% g; ^# x0 h5 b, J

6 e% m5 d2 D& R* Y1 n3 N

---

/ H, a5 c3 ?8 c, E

一、什么是FLASH？

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

. d, J2 h+ c) A- L% F

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

二、如何得到FLASH3/FLASH4？

, b. h$ n1 G" I) z) K! k y

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

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

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

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

ＯＡ帅哥

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

---

9 v& R: r' @1 d- K2 Q5 \4 f$ W

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

0 f# |# L6 K( T& H1 Y7 G+ h

---

0 y& T4 W _4 X2 l

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

: E' U6 i. @; |) I. @) |

---

5 W. p4 Y, M2 H) |3 X: G

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

; i0 d# Y/ e* n0 k; r' U

---

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

+ k: O; V1 i' u. ]- d

---

. ~/ l _7 k) f4 s. N

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

9 K' V) x0 G# }; i# M

' t. |( `9 U6 t$ W+ F

---

) U+ { D% p" \& Y' A2 p( i & I4 ]7 {' c4 `8 C

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

---

, n8 W1 d) `. Y, V8 Z( I( m. B

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

---

% K0 ~. c5 N# g) C/ X( m9 j, C

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

7 e+ E' d) k* U; N, _4 @+ E1 F x

---

8 r5 `- @' A% q! [' g3 ^& d

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

---

9 u4 A$ @% ]3 J \6 x

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

5 l+ l+ w0 A# ^ t: u8 e

---

, w- e5 W: q% b6 d

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

" T3 ~6 V# \. e, e$ E

) e" w$ | |8 T$ I3 c. o5 }

---

, f9 Z, {( ?5 P7 M; Q5 U ; v8 m4 f* x' P4 z

13. 调整后的渐层颜色。

! N ^0 F3 V/ h2 l

+ B/ w q7 b2 y2 x

---

+ k4 d7 v% w; q4 x" b" t( y - A7 H: I) `9 w2 t

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

" D2 t* w2 z. S

( u7 a+ T& c/ D# ~! I* w

---

$ Z4 B5 l h$ R7 P a# ]3 |1 v9 C ( @& ?! Y b4 U4 w

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

! I. ?$ D7 X5 ^$ u* P7 R; E

& c! D; A# w( f3 k% t' V l

---

8 V: m' j5 U3 f; V1 e* L7 z8 ~0 H& F

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

& T3 G Q7 o/ q! \

---

5 ^/ Z. q% F0 ?& { % ^% g4 ?+ g2 V7 g* a

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

0 k: K( |) c2 R& Q4 s8 f- o" b

---

: d' F- L* @& U4 { ! o1 l" f, e3 `& d) \

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

---

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

) H6 d0 P* S. w& E$ O) `- r

---

$ s% G4 Z+ R( R/ D- h) U" n

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

---

]/ I6 D d5 J: C

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

1 D) {& |! t; J& w

---

t5 T& W& O5 e u8 {8 C7 d! W

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

5 \9 p% B+ T0 m% L. u+ r4 J

---

' U. R( S0 d" Q5 Z8 ~, ~$ d( L 2 E1 Z0 e% m0 m0 h

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

---

2 O' _$ Q- ]3 a. f2 g

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

" A+ L% E. o! e# x: q' @

---

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

( l* C# [+ T; i+ M i" J

---

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

4 u1 c" ~, e0 c5 d& n

---

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

' q" [: l$ Z% I5 @2 N+ i

---

8 Y' K! R. i& z6 ~

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

% e W* Q& N5 H, W: \

# b$ v8 E. D( w$ Y" z/ H8 U

---

* t" d0 E- R7 X4 j0 p 0 t1 E' Z+ {0 T( d0 i* g( h

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

---

30. 设定Flash动画属性，以下是常使用到的项目说明： 5 K( i7 r. o S: x% f3 w产生大小报表：这个功能是输出动画时，附带的动画文件大小说明，可以此来酌情降低文件的大小。 7 Q+ S6 e, I; w4 T% p6 g5 R: _输入保护：如果您认为自己辛苦的作品，不希望被别人修改变成他的作品，这个功能就可以保障您的辛苦。 JPEG 品质：动画中如果使用到图形文件，您可以统一全部文件的压缩品质，值越大品质越好。 音效：您可以在此统一设定动画中使用到的全部声音文件品质。

5 u9 O h8 D; ~& h+ I" h

ＯＡ帅哥

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

---

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

# j0 a0 N+ m5 _2 ~. K3 b

" ]! C6 x: {4 V; \3 D: d0 I5 @

---

) s: D, ?; `, `" V* [

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

---

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

9 B7 e; \3 y4 I4 j

L5 }+ c9 A- S6 `3 i$ M/ T

---

4 F! @2 l `' h8 U1 ^2 i

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

---

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

---

! C% g1 ~, E' {: p" U

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

) [3 k5 z9 ]' [6 k+ o% C4 s6 t

---

5 D1 n" l, O$ Z, f( h

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

---

. X) P! A1 g0 d/ m2 S& k1 z

9. 出现一个图库的小窗口，里面会列出您动画中所建立和使用到的符号。 + t& k' A0 K! N% s: @ ' `# ~- o5 q0 H' x( P.s : flyg 是刚刚输入的文件 )

1 Q, T/ _: V, @3 s3 C% ^, Z

---

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

$ r: J7 H3 x) s# ^- h; Z

---

& Z2 L9 S* N) S3 W3 _* E / e$ V+ o( W6 _4 t

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

---

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

---

" M0 z5 @( Z" g8 R9 C9 K- Q6 h

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

* z n: d" B4 d$ A

---

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

$ }. ?/ {& c- R3 l% N$ ]7 I; f

---

* Y6 V# E; y1 O

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

---

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

1 \; J, S" a$ ?) b

5 h6 N& Z. I+ @0 X+ y2 b* u

---

/ j+ U. b7 P1 k$ J! l/ T4 P

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

1 U1 K3 Y. }, W9 c

3 S" u" k$ ]- f% V9 B' O+ I- K

---

" j6 `8 V. H. Y1 T" R

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

; M4 d, K& l( c8 k9 O

---

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

- X. b6 v4 l, }( Y" F+ S

---

! O& s) H C0 h2 Y8 U( c1 p" R : S- r8 A2 v" ~/ X6 D/ y

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

; T2 P6 n" a8 L7 Y) f; V! D

---

0 i2 ?) s; B- S% d+ W% N/ j' v 5 M8 @! m8 B% v; e

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

) u4 C3 G0 W8 K) j+ i2 `4 R3 ^7 d; _

---

2 W9 Z$ [) q2 h$ K

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

---

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

ＯＡ帅哥

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

---

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

9 B+ q1 C) J! F2 u3 F6 S9 D- I

---

+ k' Z$ S5 a% `6 A3 h) Q/ @( ]# @; a, A% ~

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

! i$ r2 y6 o0 G" @( `# P U# |

---

) ~. j+ c8 F1 s. J$ w: a2 E ' O; a& h/ y8 |

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

% B; H( T# D! A5 k V

---

8 L/ D! D% Y1 D- p

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

9 h, V* t6 e9 N. e7 q5 x8 }" Y& d

---

1 W& v3 C8 i' B# F0 |, U; Q1 z

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

* E, p4 A7 Z8 b0 B. H. D6 d

---

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

---

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

7 M1 C0 ?: w0 U) x8 J- B1 O

2 I( o6 |0 {, r' g* Z2 G: W* q4 C

---

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

, x6 p7 t+ M" x6 h4 s8 L5 Z

---

2 q0 p8 p# M, N) d3 A7 c4 a! |: u

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

7 Q: L/ |( h6 Q$ [ g

---

. Z8 z) N/ {* x$ ` " }- g4 m8 [( O8 W. y$ ~! k, c& h

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

---

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

---

/ f J- S- f/ G0 [" M4 C

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

( ^3 G& N+ v4 Z( j6 W

$ n8 `. h: T4 G1 r3 P S

---

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

---

, @+ J: L0 E4 z/ q5 G

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

$ V" D% O) Z7 P3 n% v! c& Y

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

W! K4 w0 i4 ]* H# {- T) x: R

---

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

---

. J: B2 O3 O% L: S

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

. o7 H8 U* v% I# I& r+ b

---

0 j1 u8 r$ `8 ]3 P# \6 a + ~' V9 K1 {1 i+ R& A( Z- |

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

- n( v* M' q8 i7 ~( Q

---

" E0 k- X0 u0 X0 L6 { 4 I* M+ w5 C" S; I+ U

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

4 r2 {/ m9 Q, P( F5 Q- K7 v( N8 m$ X

---

9 T6 Q& L" \( J8 E+ A

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

---

8 L6 n; M9 }# Y5 u

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

---

5 _2 s s' }9 {4 w. N9 { , n( Q4 @ k0 ?+ l; E% A+ I

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

ＯＡ帅哥

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

( g. A7 F4 C4 R7 I

; X9 b, w2 B# y# C7 n& A

---

/ Q& N7 f" G- g# G# B

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

---

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

---

0 a$ M/ k+ c8 W+ x5 y* V

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

---

: h9 h5 x4 g* k4 o' B; B

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

1 P' Y( K7 v# L* V8 f& C& A8 q i

---

- [4 g6 q$ e/ i4 X

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

) t( l5 [: k7 x; D G6 q, ~

---

% v+ Y+ h. f& X# y i% J3 }

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

---

3 V) b# U9 r) O% m' n- N H3 W

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

) z; |. [6 `( i* a/ }" |" s o6 y6 T' [

---

: I3 O* \( t# E2 K 5 G( A0 E! c* E3 X' u8 z

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

) _: d" f2 P( K$ B" L- x

---

3 t# t( U) p+ @' a( L7 `* C7 W- }" a

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

/ n0 g+ X- g9 e8 [/ P; k0 y

$ D+ O) s) i5 O' j- I/ U

---

' d! r R. \ S5 T

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

2 P4 X/ W$ {! u7 s) b( U

---

. o, j3 v2 D6 N, e" l5 n 5 }' v# L4 m7 D) N4 [1 f6 {# D

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

9 W4 I% ~$ I7 V

---

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

---

! K/ @& _6 D9 C* { , f$ Y) y" d- u8 o) I( m' q

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

6 X0 w7 K+ O1 H/ q

---

4 @* R: I! p6 W

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

& p- w' ?8 c9 {+ V6 h+ l$ ~4 m

4 F7 o# G2 _& _5 H+ |+ U& Z' X1 B6 y6 _

---

* ?/ i% g- F/ x

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

# {1 F# N. X6 b0 n0 S

& G* Y; ] `6 l. D$ E$ m$ J+ x

---

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

; b4 A1 @) O# S3 g, O

---

$ x& o* V9 v4 V$ c) {/ @% h+ ^! u

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

% Y/ T' M9 v' L/ i

' x# ]/ |; ]/ W0 z% o

---

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

---

) T6 n) D; r- ^4 c/ n . d. p5 v: t+ T/ u. w5 F

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

0 V8 }+ b2 R) m/ A0 m2 e

---

' W o3 j2 ]- T0 X7 ]

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

---

" W' b1 n% {/ _7 J/ T ' }6 G8 H" h! ?

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

( h8 C' y4 ~8 z; w1 o

---

# c) Q2 I7 V* P 0 L# v o/ K( l( Q% e7 Y3 O

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

---

! y5 d Z1 q# P2 G' e2 T( u & k- ~2 G- L, X" `3 K; a

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

---

9 b# v$ R8 ?* z+ e' P

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

+ A4 I9 V+ u6 f! }8 ~% k; }9 q0 _) I

: ?8 W- v' g/ I$ o+ j7 B& B

---

' |$ p" _# O0 g/ t6 t3 L2 f* A

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

2 M2 l+ y( f7 e3 U7 N

---

27. 互动式铵钮。

' r$ T/ o8 X3 {" t) I/ Q. z1 v- o" B$ P9 s% _2 l3 R3 K* f7 V* X8 E4 r2 C; v+ X9 C4 c6 c4 s8 S: A1 j

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

: T* K c$ q! I( U0 [

---

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

0 X0 |. R1 h2 v* Y! z8 y( J$ B9 j

---

( C: @+ Q. _5 X `: @# m

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

ＯＡ帅哥

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

5 m: X h( t+ X/ L

---

/ P( ^. }6 e' P- W2 U1 O 9 c) P: L( {* ^* ]# O

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

---

; X' c# q$ T# \6 }8 {

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

# g4 M; ]/ e) ^! I' Q5 `9 {

e; d& ^: c4 ?6 Q- q

---

& e' L _& f9 B0 Q( J

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

---

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

, B& C! _1 B, X9 t! b1 |

---

# S5 J& Z+ X7 @: m" ]0 w ; }$ C5 m8 n* ^4 C4 K1 I+ Z. M

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

2 G" W' F, S- D \

---

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

---

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

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

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

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

---

$ ~0 f6 z. ^, L# S

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

( R" l* _# \: g& o! i

---

0 E7 E9 M8 X' o1 c8 m 1 y5 m, v3 y8 p: o1 B

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

---

0 Z. n8 b" `/ E6 P7 I) |) N X" S0 v

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

ＯＡ帅哥

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

3 b! b' z; ?+ \, F, r

---

, Q* @7 G" | a8 ?; e4 F

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

5 f# |" `- u/ C

---

( y& A: d) Z- u" `

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

- s# e5 @7 n r

) j8 L5 h6 e0 G1 `5 L* L

---

2 C6 R& Z" I( w' I$ v1 D: k, w 4 ~6 _% E7 Z' C `

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

4 a$ A! ^$ d+ R) W: c, y

---

. s% u" U0 j! P3 C, |+ ]; D 0 n* N4 g: X0 J( E& ~1 z( ]8 o

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

" ?' {+ J- h+ o

9 q% l/ s' A$ E' s7 I

---

+ I; F% [+ n7 U/ a

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

o$ l+ h( V, l- ~2 }

---

! {3 A/ _9 y" @$ [% n) Q

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

$ @( e; G- s* W1 h) y4 S

---

' {, f( [0 y: B# S. m

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

! ~; K: v1 t8 \3 _; G3 X

$ z/ }' M. h- c* _) k* K

---

8 j9 F" `* `* @' `& n1 A2 M

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

---

: k: ^; t1 F4 q, E+ n* w ! h; B$ }+ D/ q- P4 k

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

( a5 h- z F5 p8 n. U

---

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

* Y3 Q* }9 H+ R

---

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

* y2 o. y: |! C4 j$ r

---

9 w& @0 R) p O7 z3 a/ B , c: m, ^6 X& R0 w6 i) ~

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

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！