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

ＯＡ帅哥

4 m1 e; A- I, G/ ^6 B- g! m; q

FLASH介绍

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

' m) K" c0 e! Z% x- t. g$ C% z" I

ＯＡ帅哥

基础篇

) z: X% K" w1 i; W7 r* [5 c

---

一、什么是FLASH？

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

* |6 f% n6 V; i1 K( p% Q+ i

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

二、如何得到FLASH3/FLASH4？

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

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

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

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

ＯＡ帅哥

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

y, w" n" K( T2 E7 [

---

6 m7 G- {5 e6 r) t5 L

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

---

7 {! l# A7 r4 w1 m 3 _( G3 P& c8 J

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

---

! y& d0 V& K$ E" o+ m: n

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

---

2 o/ C2 Z- `( o a) }: J 7 C6 V1 e( v9 s- v8 H" v0 G

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

---

, [/ p. |3 X$ M3 g3 | ) Z( _" S+ [. B7 l: H! @

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

9 j8 d, r) F) U+ l- U

---

8 {( e' G2 t4 K* G3 _5 t6 @ ) k+ }* l! u/ I N# e

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

---

/ @; W' n) Z9 R' u" x

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

3 [0 c; |* _1 x. M9 E1 d7 k

---

9 z, s# x) `$ h* f2 ~3 C

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

' D3 O6 C& Y& {+ j

---

5 x, f: \4 k" x9 h . M, Z7 |$ p# c: `' n& q9 x

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

---

: G$ C w+ A. j6 x 4 g9 v& V& b# v/ o: }3 W6 l! f

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

2 Y+ @& s; t1 c7 Y

---

6 ~/ _. \% _1 }! O8 | T / I+ J8 K3 p& m3 B: e) [% Z

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

$ s! @! p$ O, ?; p

---

4 ~% D) g4 n. K

13. 调整后的渐层颜色。

; n2 ~, Z# l- D- p, u4 h

---

/ @. H. C$ @) R* Z' a5 Q' H! y

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

! a/ o( D8 `+ H, I; g) d

---

: Z6 z& q" ~7 t. i5 h6 y. g t

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

+ B7 U4 I |# u& t" ~2 e0 L

3 |/ a0 E8 b: P0 R0 b

---

( i1 D; m- q1 G! h

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

---

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

---

5 k$ y! e/ c: n

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

! U' T2 H* h. m, r/ k: {9 d$ S) M0 J

---

: q8 w/ u) e7 f' m6 A

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

) b- _9 B& ^1 S+ z+ I( ^5 i

---

9 t q) w/ x. X N 1 Q9 u; o& O* |) C/ d2 @! U3 f5 L

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

0 V$ V; X; ], i T; L+ R2 Q

---

4 X4 r$ I, e% {+ r; b( ^5 | 6 o* I. G) _. g" l3 k# [( C* W8 I

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

---

" z+ D4 }4 r! j$ T0 s

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

( q$ x& e( v6 ^ b

---

1 _& E, u# }9 S6 K : |/ P( m3 f, z7 G# `. z

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

) z. a. k- a/ D) R

---

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

" d' s4 @9 x: N; @0 y

N4 E( S) N* u. q6 D

---

W0 T# a# _3 r2 }7 P, \

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

---

: `4 M& y1 {; n" g) a6 N: M* N" t

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

2 a6 R C5 Z: n! j- X

" j e* H9 i% ?6 K

---

) m6 h P& _2 \$ R3 X 0 U2 ~, F5 N( G! I2 g

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

---

9 }- ?7 F# X$ \7 m! e# S1 }- y( w

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

3 G! v$ H- c8 I) f: O

---

, h: _- a2 Q* I1 o/ \$ H+ ^; x # C* L, k. L( ~3 ]4 V5 }

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

- y/ c: ~. H, O1 V- D# l* U4 T

---

$ L% x2 }) {' ~* p/ {8 T

30. 设定Flash动画属性，以下是常使用到的项目说明： 产生大小报表：这个功能是输出动画时，附带的动画文件大小说明，可以此来酌情降低文件的大小。 " Y; y! X" Z# v2 c( r4 {/ [6 ^输入保护：如果您认为自己辛苦的作品，不希望被别人修改变成他的作品，这个功能就可以保障您的辛苦。 JPEG 品质：动画中如果使用到图形文件，您可以统一全部文件的压缩品质，值越大品质越好。 $ I, t# Z4 q2 F2 [& l音效：您可以在此统一设定动画中使用到的全部声音文件品质。

ＯＡ帅哥

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

! Q: Z8 V+ E1 H3 y9 h& n9 o

f E% ~: `8 d$ Q

---

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

" i/ @- x% P7 @2 O# T \

, P) `5 c! l; V* m

---

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

---

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

/ I1 o6 ?$ K: F; F: E9 h

---

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

% t) t* T# t" ?3 J+ \$ A

---

: r- S+ l( E8 U) p- q/ N# V& X. H

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

4 N& D k4 K- j# l' l5 d

; v L P# q& s0 i. Y* T. N

---

7 V0 o \: A2 G+ L1 S: v & p, F& V# f& t1 f, L

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

& |# K1 L2 v( {5 p$ l" i1 E/ U

---

) K- v8 U' i/ |; H

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

---

`. N4 U4 A6 b5 \$ U/ Z5 | - D0 O# H% P9 f! i

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

---

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

1 o! @; e5 U1 c$ ?- X6 u

- g8 s9 W3 h0 |0 D/ V

---

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

# T0 x/ K" z7 ~+ g6 y

---

& H5 R$ @# b# G. X3 b * j$ y# \8 v' ?

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

---

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

! k0 H X0 h; X6 `5 \( G

---

2 u6 X9 ?6 d0 V

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

& S5 M: Y, e1 j3 k) A6 P4 h

---

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

8 n3 |: C/ W. S2 r

---

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

---

- ?, e7 L8 M6 s6 x 0 j l. p: q. {& D! C

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

; _' J9 { D6 K% ^" W' K1 |

---

) d; `) E7 t) ]- V- X1 A$ o ( X7 O& A0 ?* n4 U& k2 l' r2 ]

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

" c, k1 j2 n1 g% C; O% {( z

---

' F5 y; m5 v4 \0 P1 g2 z% Y4 Z

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

3 j1 Q- @7 g4 e6 Y1 W! M! b

---

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

# R' d7 E/ `7 l/ S5 ]2 T

( R, H4 e) C# F* u4 h1 d

---

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

& I3 P' I% h) B* \7 l }9 |

, [) I" {6 W$ }% ~$ m+ R( k

---

- e) A- _# i, G

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

* d/ K4 a& r6 W9 V3 s; ?; Q

---

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

ＯＡ帅哥

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

0 Z4 S7 w2 \( c- Y8 g' }

5 \$ u! r! C& Z+ V" D2 w

---

7 F0 o- G8 B. a0 S 9 z, A1 Z+ C' m; H* N- o/ y

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

8 I, ~. t8 S3 J: k

---

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

; Q2 u5 U; O5 f0 c$ t2 X

---

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

: ~8 l( P p1 _. Q3 |

6 V7 T, \% K7 W" J

---

; }' n( n7 ?% Q5 w 6 H( H/ F) ~) _! h1 i

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

---

q6 r; [5 n6 K 7 o4 J% n: n* K9 p5 N

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

0 N) G$ f; g$ \- @

$ w. B5 p- B: E

---

' z2 G% ~5 \0 n" `! f2 `- w

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

0 b2 O( d# ~! G# T# j# z) @

---

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

+ s% y5 h; {1 j, }& n

---

% _. r ^! C6 Y% H, Y# Z; \

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

---

' P" f, i$ P- M* Y

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

# {9 F3 t# `* M1 `1 z

4 N9 q' T/ m6 \% X

---

7 u1 u. j2 c0 s8 W5 | f9 Y 4 g- L% U, a# v9 G2 ]& M9 f6 G0 U

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

+ J) _: _1 X B, U' L+ l8 c

) W/ L# Z3 |) T& f2 h% r

---

$ v3 X+ g' P9 Z8 T% k

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

---

& @$ r: \1 C @8 ` / [9 J8 _0 I `+ z3 r6 l

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

4 H- J) x6 s, D2 b$ h5 @

---

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

* g7 l* ^2 Z: g- P* e5 a' M- x

---

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

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

& q! m# S" H( r2 P- H% k g

---

6 a- T6 z" l) X; C8 f- L

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

; I' u5 V% N9 {3 m( g7 o

2 K: V/ U& |$ j- S+ {

---

: s) o6 q N d- M

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

---

' y V5 L* y8 A* T8 K- u w2 i( |! _ . l- O8 A1 j" b, m! ?

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

, v. ?" K* a' l0 L3 X8 {7 Z* J& C5 V

---

2 r, M" l4 b9 z( B# K

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

! Y+ ]+ [; a$ v- J1 g# X

---

m+ [# ~# o% n3 @7 ~, k

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

" N2 V- ^9 G M6 @# K2 T1 \

* e/ F2 D6 c" e& h+ }% k" T

---

, ~% D+ F' K0 K* E1 o % r& k( T- s# Z# ?1 c9 n) Q

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

# @) y: e# l+ v# y- w- e

---

2 G0 h% W3 B' j% U' K

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

ＯＡ帅哥

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

- u/ }9 y/ H, Y! g* E, I

---

! V) e9 a. M0 P0 e1 B7 Q5 Y - O4 N( {% V! G/ o2 L8 c

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

Y' a- T2 o+ ?9 b2 ^, I

---

8 e Q3 ?+ `$ t' O8 l$ K; _

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

6 l/ T4 }7 ^ i8 b# m) q

! L- J4 ^ Q4 c

---

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

, y3 U6 @) s/ b0 j' c& g+ {

6 Q; ]) \6 m% L3 J

---

* l1 m: G7 |1 m5 o9 L, y5 S

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

: h, b6 r1 P0 E5 P& r X( A# J" i5 o

---

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

" v( _2 w& Z1 o7 `/ }0 H6 Q

* C1 \1 M k+ e _+ Y* t6 I

---

% ?- r$ R" l. \

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

$ X3 r; X& t. F; c7 c! t

f, ]% k- D8 C8 ?: s! g W: Z x

---

2 |; \$ D; G( Z% n4 L

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

---

7 d6 Z1 V0 K4 E6 |6 ]3 \! d

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

4 N! p8 N9 v+ I3 |2 I

* Q% {1 G u/ s. x5 X7 B

---

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

---

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

6 t9 o0 O9 Q! J$ {

, d) T2 f/ e2 F; g5 S) o4 H

---

8 j* R8 g. v6 Q/ }* B: T6 q

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

: @8 C u+ v* i) V5 t1 t

---

$ D6 w5 A# a8 x. y* `

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

; [5 C* F9 J5 b1 v) R- @

---

1 v4 O" e6 _, F 6 {5 E; y1 m8 `" c3 m

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

---

y2 @5 x. P) R' T+ L8 O @

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

4 S! x/ ?+ f' \7 F6 c

7 ?5 p8 B2 g8 `/ D+ {5 K- G

---

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

( a* o3 I7 n6 ?

# V% Y r1 w# E( `

---

8 N, `* L! E2 K* K9 s# s

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

& k! R5 B1 y6 A' g! Q

---

) s! j B( ?, x. g6 \6 k

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

---

& \( L1 \( { e! D7 X% ?, U* ^$ f 3 e5 @ ~! t! E6 J/ }- ^, @

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

---

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

---

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

---

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

2 p: V9 [6 U& ? q: f. Z

. p9 u( F0 [9 ?$ S& I* o

---

# H1 c K+ F/ k3 G" z8 E( D5 m 1 B X, G& S7 s; N

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

+ U8 h t. }1 t7 `) S) V

---

& T% \% P4 P# O# Q7 D 3 S/ F4 I' b8 U/ N0 m, z

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

---

8 A/ ?- G$ ^3 O9 s7 N, L

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

---

# L y5 u1 ?! ?

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

2 |! B" J: x2 f: n1 n

---

& w1 j5 j+ r: s; m5 j

27. 互动式铵钮。

# H0 c6 C; o$ o9 ]) W7 S6 O* A1 A r* h! X% ~3 g, M! x: r& |* ^. a$ |; t( w2 l4 O! n9 L0 i! r @# |: h4 {: S

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

---

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

. a! t& D% k1 D) X* s7 d

---

" e, D( `1 \+ S+ n, M4 \

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

ＯＡ帅哥

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

---

6 A( Y# M9 X0 ~3 g$ X* V; H , Y2 w, m$ l; T. W5 J# Y

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

5 t: e) V2 ^8 l; n6 q% Y

---

7 M, n& \0 ~ k& s O4 S 8 I" P3 d5 ~; U9 {. o

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

+ u& I/ X7 u. z- i# J7 |

' U! \) j4 h( q# D7 n

---

, O' S! Y: Z# | Q9 a! }# @ D& e! H& }

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

* W: b9 I9 G& b; _/ |, O; n

$ H" F& s* `+ o9 W( N, e7 `6 w& q

---

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

---

. h% U6 R0 u# R4 ~. G T

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

4 y7 O! h9 k# |: X( n; _

$ z, o7 r" R% r

---

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

---

4 h- ~: ?/ w W& h5 T7 F- R8. 「目的窗口」也是众多网友的疑惑，在此說明一下。「目的窗口」其实相当于 HTML 语法中的「Target」语法，可以应用 HTML 语法，如「_blank」或「new」两者一样，都是「另外开启新窗口」、「_top」则是「在现有的窗口中开启」等等的目的窗口语法。也有相当多的网友问，使用了分割窗口 ( Frame ) 后，要如何指定网页显示的窗口呢？！方法很简单，不过有个前提，就是您的分割窗口(Frame) 要指定 Name，这样才能指定目的窗口。 k' E" k# C. y# l R) Z1 U7 ^

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

2 X5 {( o: e7 Z) c8 k

<frame src="left.htm" name="left"> ! B* ]' x" j& t5 S, C% D3 L: V& u<frame src="right.htm" name="right">

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

---

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

& E7 ` n. m: ]( o

- y! q1 I U! a% ^& Z) z

---

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

---

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

ＯＡ帅哥

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

---

8 q7 `% a6 _$ T0 x3 ^, [, _

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

---

' ~* E. I' f' v+ J7 M8 a7 [, Z

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

. p% C6 r/ P+ e2 [3 b8 i# [

---

# z4 ]3 {3 f9 T

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

' s+ O; x& v4 h$ a* W# M% ^

---

$ Y, X0 @9 |0 J6 R; e b5 ^6 F

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

' n! @* {% b6 A0 \" E! [0 U) }9 K

---

. E8 g8 Y9 Y1 \

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

6 @. o4 x0 _ x* s) i/ X/ b

- N) V- U1 r' f9 f. p

---

/ u" i" F: c; Y, S/ j9 G) \

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

0 m) k* M+ X; S# [" i* J

---

/ O1 @5 B1 z1 ^) Z1 r" ~9 ^/ k0 J " i. \, {8 J: m3 R

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

. \$ [1 K$ R: C( x( ]

---

6 S+ e% V6 Z, G, a, o

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

5 a4 k/ P1 R1 r4 \; N

% o6 c T" t+ Q9 H5 f

---

: D0 Q1 E0 `+ {: u# Z + r5 y' C, ]: I2 n+ w( O' u, a

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

' v. n5 W5 N2 C& w- H1 `

+ v; f5 b- n+ h2 V

---

, F' b3 l- K) Q5 v# `; S' n

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

7 H2 i: [5 L. ` n

---

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

" F2 F8 Q6 f, w2 L) c

---

! R2 g9 W) s% U! p 6 D: y/ b0 [0 ?

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

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！