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

ＯＡ帅哥

6 Z7 n: L" l# ]) p% x( @, `" p

FLASH介绍

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

ＯＡ帅哥

基础篇

- B; E6 ?# Z- O2 S

---

一、什么是FLASH？

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

: d9 a4 c5 H, D- B2 Q9 n

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

! h9 ^% G& C# I2 |6 l

二、如何得到FLASH3/FLASH4？

2 Y. s: Q; m6 e# ~' z8 ^# A

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

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

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

/ s# M* B& {$ Z. F8 I

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

ＯＡ帅哥

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

- v8 }" d( m k0 G3 C

---

3 k `! n! H) f

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

! ^9 F, h* \: q0 i! j' \

---

+ I" B( R, e$ [ / L) e4 e9 W" P% {9 N

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

1 \3 B% X& k: Y

# E4 W: J( _. e& f

---

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

7 u- a% a6 C! F9 ~! g

---

" J4 m! a: }4 F& p# Z3 w

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

---

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

@$ B' T% f+ K

---

' _% S. X _% v" S n( C1 Y 7 }4 `/ U4 ^ M- W8 D5 ?

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

---

9 D8 | e7 z: n L# n/ o- b* B6 G

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

( |7 q4 }7 C! L+ X

---

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

6 v% O) j+ z; q' r% Z. h8 Y

---

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

---

0 H. u- J" W5 y# z; @

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

# u- Q8 w. t/ ]

---

( W1 S0 W8 ^5 A+ C0 e# T' |

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

a- [) z t2 i& R

---

( t4 y9 r5 }- S) n 6 \; D$ D# X" ^/ f

13. 调整后的渐层颜色。

---

) a7 H0 c" e/ i0 a 7 u: u- G: { J" u$ V, d

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

1 `% U6 c6 ], G

---

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

$ Q3 Y' g9 c2 P+ h) F

# p0 `; ]4 n% i+ l' o

---

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

1 ^! O" [2 [: |" U5 B7 l+ o8 q

9 P, [/ B+ O" F& N5 H8 J+ `0 G

---

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

* w" v1 B" J: e9 n, N

. N- I" ^1 B, a

---

+ o% d3 L' F1 A- i& t- e$ \" x

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

---

: [3 D8 ?! P9 \9 } * i0 `$ r; O% v

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

8 U# L; P7 j/ v1 M/ x) O% V3 @

---

7 v& b; o4 h$ {. k

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

---

2 t: R Q& D y7 j4 c

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

1 H1 {9 y1 h: N3 i+ n4 @/ K G3 _

---

% x1 r7 V) a; |. i5 e* G

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

- y2 F9 a/ W" O! @0 {9 G* r

---

7 \ S: t9 Y( z % [! c& H8 y* T9 ~7 d

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

8 f: u! N/ F. }/ B+ W( [7 c( }

---

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

---

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

---

! ~, m; G( |$ @ " |9 P; l( n* [( V

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

4 n* I, z8 o$ h4 k$ v0 u

---

) x; M& k7 d( N) Z4 l% h- M+ F ) ~2 a- `& c0 ? k& u

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

0 C. d# q/ s& f. z& ?! i5 V

---

; J6 @* n" Q; f: l; Y( q

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

---

4 `: j4 U* x2 G: m' N7 S, a$ t

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

9 R" n# b1 {: A9 X8 e

$ b b M# t2 f; T5 Y) \9 X/ L3 E

---

30. 设定Flash动画属性，以下是常使用到的项目说明： $ d+ Z0 S. S4 L产生大小报表：这个功能是输出动画时，附带的动画文件大小说明，可以此来酌情降低文件的大小。 输入保护：如果您认为自己辛苦的作品，不希望被别人修改变成他的作品，这个功能就可以保障您的辛苦。 JPEG 品质：动画中如果使用到图形文件，您可以统一全部文件的压缩品质，值越大品质越好。 % b0 h& W$ I# z, R; A音效：您可以在此统一设定动画中使用到的全部声音文件品质。

ＯＡ帅哥

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

) @* ?1 }% [/ O7 V1 I; V Z

" N+ }% @# `$ k( j; `% O

---

+ r5 t( q: M$ n% Z

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

& a: e" V( {+ @# }; |/ t0 }/ v" N

6 U! G0 m6 B* m0 X4 A# x

---

' u# W- t) [/ P- S) ^$ W9 i# L

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

/ o* x( J. }4 ^9 }

; Z# K7 F' y- u3 |

---

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

---

" l" {6 q1 w4 ?* P4 y

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

---

- z* \& E- D8 u' Y* W7 i

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

% ]1 {0 p$ U4 D( b! G6 V+ |

7 N( t9 P# G) ?& O4 L

---

# A. ~& P' {; {

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

---

+ |% f0 y1 @9 u) v6 Y

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

! @3 J( o- E* I, N

---

6 l) }$ a* \& D' P5 Q0 Z

9. 出现一个图库的小窗口，里面会列出您动画中所建立和使用到的符号。 1 \4 M+ m2 @, K9 \; t7 L1 ]! k ( P.s : flyg 是刚刚输入的文件 )

---

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

4 l; H2 e( Y. X( }' S5 d/ X

---

* y, o0 q/ y @& P 2 E3 V8 O2 R# Y0 B6 h

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

---

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

* d/ c, m- K8 ]! s

---

6 R( C) r5 p5 O/ \& f' F- r( i 4 l* q" f1 T# F1 ^! s& t

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

; f6 d! }; g" m. P% a) W, ?

" ^* ^' r* }1 F5 ^" }

---

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

---

, l0 F6 B8 `: u9 s. F* V; q ( L# k' y" [1 H" e( l6 q% ^

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

! J9 N7 p. h9 Q: k" V( o

---

2 ^ [. A W5 Z5 X

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

---

- N2 o" _3 P% L" n$ g; [

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

/ P+ B8 Q9 E/ ^6 e6 ]: W' b& h

( b+ B( n' @6 t6 v8 W& ?( I

---

9 B& a; }7 u0 u' J, E , p& A. B' f/ W8 @8 L! a

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

---

! g$ v& j* | t0 W 6 p4 ^- b8 j) [

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

---

1 O- r. d: L$ z1 S* j7 A0 d% D

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

, E: ]; q# ~. Z) V! u6 Y7 V

---

3 D1 M+ M. r+ J6 k0 t& P . u+ v* n0 ~( j' l8 Y# X

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

7 p' `: g r" W! h+ Q

---

* `/ C$ j4 \7 ?8 m , q [% B2 @' u; z( q

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

* `2 z% s& k. m6 O2 p7 v& o, e

+ B! Q# J) [6 w

---

# ~8 i7 B' R7 X7 m; j

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

ＯＡ帅哥

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

; w9 @& {9 q- {! C& s0 \2 l5 C3 ~

---

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

3 K; C7 o1 `# V# j7 G

---

3 y& o4 Z/ m0 l/ `# ^$ b4 T0 s

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

8 y+ r& U4 M; A7 [ A+ ^

---

$ a( _: s# O- ^

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

6 ~8 Q3 Q$ b$ t" J7 H8 C C0 p7 ?

8 T/ `! E3 s0 x0 K) Q0 w% t

---

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

6 ~5 a9 z- B! d

---

: l4 x# n5 p5 w$ G! ]: S X# o- h" J( r U

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

---

; }2 J' D4 V# S' r7 T( D : i8 N5 I: Y4 c- R0 F, x$ o

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

---

0 X2 [7 J, N' T. ]

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

---

! ?3 B7 l. h+ ^' T

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

---

5 D* V+ ]4 l# w* d, e

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

---

% K; e/ M6 I' k' S3 d* o2 v 2 o6 i( Y' |6 { x2 k

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

- l5 |& y2 [1 j$ j: l

---

5 a* r5 Y- C ?/ N

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

" s( O9 }$ K4 ~) N" T" `* C0 i: g 8 Q' A, T0 f, x- n* m

---

3 _5 H1 d4 U0 s* ~2 c7 H0 r

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

2 O( K5 w) D3 T; h' `2 @7 s

---

1 k# i: w# L0 n+ M- U2 A

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

: b2 M# @6 G+ n- Q' Q" P

% W4 D4 G$ Z7 ]# [) C

---

, a0 z0 X* U3 ?& r; n/ J$ a( h

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

" S2 a8 n* v2 n1 o* n$ B" R) v

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

2 W+ m4 X4 l, b5 b7 j: I

6 ^) f' S& D) |; D. q+ `

---

. U7 Y" }' m7 N6 i: O

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

* |* {0 }3 `8 W2 H4 e- ~# g1 n# p

- x' |8 m1 C& j

---

/ G% g# \! c( Q: E& r

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

9 K) |8 P' `" T2 l! a: u, A

---

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

---

" u- }+ Z% z4 \

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

) T! p5 L' [5 W I: U% Q

---

) P' n1 ]5 O# a7 p

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

1 J, M. @- I. d, N8 j

- p0 S' {5 @; v6 U( A0 u

---

/ m/ j/ s2 _) r$ H

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

% } K3 t( K4 u& u0 A. f4 Q+ @+ m

---

$ D: T5 b9 J- [/ m

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

ＯＡ帅哥

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

7 e G. a7 I0 R4 P! P

' J: H/ ~: d4 j' c

---

|, E: W; i" C. L

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

; W. J' [/ X* s2 S4 O

---

, `+ {! d% i$ `$ y

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

: c" k2 t( b9 v5 J+ W/ R, Y& |

---

( b# B9 r" _' F% {# p F& d% H/ t/ A( z

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

---

. n( P1 w- O1 f6 G

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

' A# T6 Q/ _, S7 o. K9 o5 O S

---

' \+ @. b! |$ R; [6 H9 b

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

% I# m) P, M# Z d8 [

---

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

+ d6 ^: P2 n- K6 {$ p, i: t" [

---

! W" J2 L2 _' d L& t R % h+ Q4 J3 C5 j7 V) @! _

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

---

P2 m0 ^) A% _3 Z9 m$ j( d

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

5 f7 ~! |( h' A% ]

---

5 K% k0 V, w$ |

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

; f. H1 q }. t' M" G) X0 r

. H0 O1 g) w/ l) }1 ]! E

---

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

1 Q" E" L6 p9 c8 p; ]- ^) ^6 e

---

8 ?! A; _, d9 ^+ z

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

---

, u* V* N+ e3 p& J D, n8 r; `' p$ L' _' I2 v

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

---

& j- R- ] F7 v" [ # @5 m/ Q0 r9 }

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

! H5 O$ Y4 u2 s2 k7 b4 l3 T0 @9 K$ p+ d

---

+ B8 ~1 Z1 g" Z1 S/ O X9 F8 ^/ m

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

- j& s5 N1 S# B; R3 `9 |1 l, T& e0 R3 Q

---

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

3 l5 Q! x8 z3 s0 D5 I

" a/ h7 O7 _/ ?. W

---

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

---

0 n# l# J4 @" `9 [1 J

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

---

9 r- Q8 D( K9 s2 C

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

---

" }7 \) w; n6 A7 d' I4 u; Z6 }: B

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

/ w1 q' R# {5 O( E# d$ `3 X

---

* u" `% f4 p7 G: Q" |, Z

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

---

1 D# X5 Y6 e6 [. e+ \

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

---

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

- z5 e0 u" F h

9 s: D. p, _0 F/ Z' D/ e

---

" m: U" B- V1 Y1 n! ]' d5 B) W

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

6 h+ B3 v# w* c3 T& `( L9 |2 x9 U/ X

# _( R1 D+ {2 ^; l: G' s6 ^

---

0 W# N# I$ a, }8 `. U : Y4 o8 J/ |2 |5 k* U" D

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

! P% W4 S! T m" U5 ]. E

---

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

( s& G1 @7 }. ]9 s1 b

0 {+ U. H2 _" |! r! n# s

---

" F" {9 D: L0 A4 r 2 k& J4 N& f& k* k

27. 互动式铵钮。

1 m0 ~/ M: C( T# c9 ~% `$ | U3 D ]5 A9 W. D5 z8 |$ }

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

---

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

% D6 [/ W( Y7 k. d% w

---

1 _1 o' U/ Y* F( B( F$ \ % ^) G$ x" \! y) ~/ \

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

ＯＡ帅哥

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

7 {+ Q2 B }5 w8 y6 ?3 K

---

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

v; S# b' c# Q5 g2 C' o

---

5 E* G, F! J8 v1 r* `8 n1 t7 p( s; @

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

- d8 I+ K3 q0 _8 A3 ~

---

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

; q- X4 ?# y: i6 s7 B9 n* u

---

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

$ Q+ f$ l3 j, Y* n

---

" e8 F9 T; a- s; w4 s3 }/ g / g7 e' {) }7 z, l* l- [

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

1 t! T0 a' z' _5 T

---

9 [# Z* |- a) f1 Z5 \/ k/ {6 c7. 在动作的项目中，是不是在「鼠标 (放开)」的下面新增加一个「取得 URL」的动作呢？！至于参数设定，URL 当然就是输入「网址」啦！可以应用 HTML 语法 , 如「http://」、「ftp://」、「*.htm」等等的超链接语法，很多人都问要如何加超链接 E-Mail，只要输入「mailt电子邮件地址」超链接语法即可！语法与 HTML 一样！！ : r. ]# Z& P% \# F! a+ j) J- K4 K

---

& K0 _% y4 V! p- T2 g! ]9 q: C, S. T - v/ H7 i* N) T; |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」.

6 ]9 v/ k" R$ \: D1 l Z

% ^9 o) J( V; R$ T- }6 Q, g

---

$ X( A) N- H9 F( \8 V. |

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

---

2 o, \: p5 r6 P w2 F/ K( | . @) g0 w# K# ~# Z6 w' I4 c

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

! W' @$ e% d5 D x) N# S) I

---

: {& d! b2 \/ w! i B3 M

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

ＯＡ帅哥

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

---

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

; [& l: s) \% K- Q

. W" P7 m% W! C9 t" Z2 a& M5 d! F

---

: o; E2 ?2 |8 b : |; w! K0 \; Y8 h6 ~8 G, B9 ^

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

---

* e* |5 n0 t1 S2 W5 D# O 8 |; E$ i: k# M/ ~5 n- r, J

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

; u. _: g+ G/ q

---

# t& z) ^) a1 h3 E

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

---

Z) m. v# C/ X7 n% J

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

---

/ W' C2 v; q5 k" |4 R! T

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

; Y5 p/ F& I- i

---

^& m3 l# ~3 _/ a9 @ 7 R ?6 J& h' t

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

0 s* ?( @" p5 ~) \/ y m

- Y0 H& j* s: M

---

4 N& u) E1 T* `5 P' Y9 ]1 R. ]

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

---

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

; L1 ^: u& A9 g- @4 O5 S6 Y

---

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

---

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

* L0 l: U s: |. x2 Y; u1 s& l+ P

---

+ V1 p; d- a2 t9 V7 A! w9 e9 S

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

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！