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

ＯＡ帅哥

! q/ [% Z3 l! q- ~! g3 D% H% B( o0 q

FLASH介绍

! a5 i) W6 Z( t! d( l9 c

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

ＯＡ帅哥

基础篇

2 Q/ z# x6 ]. w% P

---

一、什么是FLASH？

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

　　有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！ 4 L2 g" j8 P4 K$ v% k　　我相信这句话没错！

8 i6 E+ z% `9 D& W! ]) j

二、如何得到FLASH3/FLASH4？

0 o! d0 R* p c+ l+ i( G+ ]6 H, b/ u

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

" Y6 c9 ^, b( F, I! @* @

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

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

: Y6 ]4 \5 D! I _/ s- g' H6 O

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

ＯＡ帅哥

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

y1 ^$ H* h2 s* n& N

---

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

0 z x; J, x! m3 _% j

---

3 ^3 z) M7 m* v7 A

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

* X" y0 L* h0 Y0 J$ p

& B9 a+ n' f+ l, ~2 M( x

---

1 ]3 d4 Y* Y s' n

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

: }" G. l+ Y, [, M; f$ X4 `7 P- _

---

; K) J8 X8 \: ~+ v

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

2 R1 z$ Y* Q7 s! D: n: v

$ u& D* Q, @1 [/ R( v& U1 O

---

' H$ \5 ^8 g1 T+ |6 p7 X" M) x Q

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

* i# z/ a0 Q1 _2 |9 Q ?; o

---

' f) r+ Y* Q% \2 m( ]. t0 B5 h1 x

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

---

# v# A3 o8 f$ B4 [; M E

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

---

+ Q9 B% Y `, e- u4 q' f1 A. y

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

( L+ L5 z) d; C( \9 u

---

/ o' x: q! x+ w+ K: t' e8 t2 Y' S

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

% [+ F! g; P7 K; o# n% m

---

7 K2 P6 }4 Q* R' s* K ' D O$ w; s7 W" b3 G8 g

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

8 v2 V# r9 W* J" r+ v/ G$ |2 @

---

( @/ I* L" \8 x- } / G* l4 n! W, Z6 E. ?5 h$ a

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

8 Z( E# {8 C) ~ `2 v7 y

---

* A( ]' U C4 v- W, `4 w# S

13. 调整后的渐层颜色。

1 F! w3 \/ p4 O* c5 t I! E4 p0 P

---

+ ^$ J+ D% Q+ @* @/ s' U9 g) t2 }

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

9 D) b$ k+ Z6 g- d( z: Q+ I

@' M6 L" Y+ n* Q& P( E

---

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

) v3 F9 O' h2 H( g

---

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

- U+ w/ Y" \' {( q9 P

---

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

8 p: ] ^. k0 f' @8 J) j

---

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

/ b: U2 k; F1 w

---

5 t: w+ V( b: H# g& q

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

" R" w- o" T1 I9 |5 ^7 B9 ~0 R* F

9 n) z3 i) n. z$ f

---

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

---

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

4 d7 u$ X/ ^# M

---

: T1 O4 Z/ ~ Q7 Y3 L5 n( l Y: X

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

. H6 a( q. [) a8 N! z

---

4 T$ F4 L5 ? d7 Q. N

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

' w$ O0 ^, ~- z* q' k) H X

---

) t' w6 n7 X* _, R: q! n

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

4 G" V9 @5 i! Z# S+ ]! Y1 \

---

( G: `1 q4 d4 X5 w: g# N0 `$ Z$ T% {

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

5 `: q# r9 I i6 G! X

4 u2 u9 [ X$ S6 H6 F6 D' T c) M, u

---

: G* d$ Q; w2 t% r5 B, w 2 I+ \8 ?' `" a1 Y

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

0 [; X+ J) `. c7 c U0 m

---

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

/ {+ x* m4 m# `( a' f

---

8 ~) r& p* z& ?

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

h2 H7 P" |9 F

---

5 L0 v- l1 A, \& ^* k

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

---

. b+ b" \+ d" x

30. 设定Flash动画属性，以下是常使用到的项目说明： 产生大小报表：这个功能是输出动画时，附带的动画文件大小说明，可以此来酌情降低文件的大小。 - A" u- H2 x( C" e8 ^输入保护：如果您认为自己辛苦的作品，不希望被别人修改变成他的作品，这个功能就可以保障您的辛苦。 JPEG 品质：动画中如果使用到图形文件，您可以统一全部文件的压缩品质，值越大品质越好。 音效：您可以在此统一设定动画中使用到的全部声音文件品质。

* v/ _0 D* Y! c4 W7 O, r0 y0 K! [

ＯＡ帅哥

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

* T- |$ f* @" N0 {* ^! s/ K

---

% \! _; `/ _. t3 G% l' [( P

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

---

# w5 n8 o% o/ X+ J- H / E' H4 |& u. H) o1 C

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

1 T m( [6 m4 {4 ^ G" }

9 k7 a$ h' y7 z# ^

---

3 Y i, C& l; `3 v, l* o7 a$ y

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

% @$ R, E2 t$ E8 y' X# f, h- ~

---

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

. |9 R: Q) F8 d2 d1 {

$ J, m! a* T+ U3 {

---

: X: h4 `) I# {' d

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

---

6 X. e2 R/ J, y$ L V& k& w3 a# K N

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

---

3 [4 m& D% `) S& t! ?

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

---

8 W3 p X8 I# b: K' Z

9. 出现一个图库的小窗口，里面会列出您动画中所建立和使用到的符号。 # k* A5 S: g; x7 p1 P$ O6 l3 O ( P.s : flyg 是刚刚输入的文件 )

9 j* Q! H/ z. |9 O* d, Z( ^

---

3 o! v" ?% h- a& U/ D2 Y" E

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

. f5 }9 \! j* |( r

---

3 X2 K% ~7 A6 I, v! f2 A/ E( C

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

---

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

$ A9 G) U! y" \- |6 } z/ S3 Y

---

8 j# h# H' t1 w k6 d

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

1 S4 k7 f9 }8 ~! A- O# J

; d+ v% G4 }! J7 Y9 ^

---

4 \7 G, C* a' a8 k; ~

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

---

+ }& u, q, o8 C7 Q : j! O8 U2 p: V' ]% [

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

2 A1 x/ W4 U$ p& O4 T2 \! A. k7 u

, v; H5 G) c$ X) Z

---

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

+ P0 F/ C( A# X$ W" Q' L G

---

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

---

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

---

, \) g7 V& @& E; J6 V5 k, Q v

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

& a2 r6 E) W8 V& l4 W

---

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

---

* ?2 p, w3 X. F8 y

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

& O, `4 i" `0 s* l+ B I5 O& a

---

2 t* b& M. z9 d

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

/ }; K1 \5 C% B3 ^7 ^8 y, ]$ r2 i

---

/ ? R3 U% ?+ [) q4 [9 E

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

ＯＡ帅哥

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

( j' c1 p2 u3 T1 w# r1 W

---

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

---

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

8 h- \# n4 I& l+ h$ u3 \% s2 n

5 F/ X; v3 Y' k0 l

---

7 q& _$ F- q- j" E- L

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

- }' _; n1 {* _0 F# j: ~: [6 b6 s

---

" U, g2 |3 m# Z$ s2 y( c3 v( x , X8 X4 H B( u0 j& d2 R

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

---

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

' n2 q4 ^& u: j) ?

8 Z5 u6 d5 j. c7 ~& s3 G

---

8 l5 D, R z, c. n0 [ + v6 b& }2 c) \3 ?$ V5 G

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

7 A5 T# e; G/ Q3 i, U( p

---

], Z# Y2 _9 [0 e% [( p3 t

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

$ a. _/ H* `% v0 J, j \4 B4 f F

---

: C+ I' `+ x5 N1 p5 D

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

$ `* G! k }. H9 ^) F3 o; Y

* S2 {2 j7 S4 S

---

& P1 ], O. ?, O* {

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

! K4 {4 ?( q% H# A+ I3 y

---

" J! h1 @3 ?" \% X( \

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

- w- ~' l' N0 z; a9 x1 m3 k

/ e' F, b+ M& |$ c* H* [1 r; ~

---

9 R" C; R" O& u# q/ F $ i Q7 |+ O1 `0 w" V, }3 y u

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

9 T, n# R/ |" k+ l

---

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

( M9 v: h0 P4 P. z7 R2 U1 F+ D

---

1 `- Z# }* Z" d2 D' I

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

2 [) e- z8 u3 b* x

---

: L' o1 f( p) A, U+ q* A, z' f

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

, Y4 T% O0 Z b8 ?% i3 R

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

, { z+ |6 x% S

---

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

$ }! u% d9 Z0 q

; G9 K5 q$ G0 _* V8 H

---

' f d# M# ?9 ~

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

0 ]& B( U1 H$ j' ` I$ i* p; r# T & d! s6 |0 @! |: U, ^: C7 x$ |. x' E

---

& @9 q2 \* X7 |

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

4 ^* Z9 M. j4 h( T' c

---

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

---

6 y0 D {# Y, |9 J+ s/ b2 I

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

: v8 N9 v+ B) ]

---

5 ~9 h h1 ^2 A9 O% _8 P

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

---

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

ＯＡ帅哥

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

6 i* O4 t) X8 N2 c! `2 Y" s# @

---

( t! _1 o# h$ k# y6 b3 @

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

7 _$ F# x/ y$ [7 {- r9 \6 H

---

7 m: G( t5 w( x: ^

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

& u; }) ~& b! h9 F0 a) m6 n/ @. X

8 c/ |* b) l7 s" e, C

---

+ I3 S t- ?2 D, a( x( k

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

---

2 x' K5 u7 z Z6 E

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

---

: x: j: Z! p; `, k3 e2 @ 4 Y" y. f1 I( z9 \( s- [

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

, v2 N, ^8 ] j; j2 J

; x d0 G @% z6 b- v+ `5 q( j

---

3 v; z+ h% _, h. y: m$ l7 H - o1 i. w/ q8 s3 c( \" _% S, S: s! p7 |

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

% v# Y. t0 Z" |1 I

, X3 H Z' x6 G, d/ {

---

! U, ^, x9 D8 ~" d

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

---

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

# w0 G O- J7 I& ]% ^2 b

% j6 ~" c- c$ C( S$ r

---

m7 g# t* }9 T! b) O 6 C$ v, e- e" _# W0 T" E9 X# J

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

9 O/ \' s4 w& R. x& h+ I

---

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

8 T$ Y# A+ {- A* H9 Q7 T( v

---

+ p, F+ F; v# S- s2 D9 D

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

. d7 `$ \. C7 v! Z

---

/ e* h- |. r# F4 m# j

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

: `/ {1 @" X) k2 a: [0 r

---

& T9 _* ?$ E( G* A- A% ^

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

& G: M, X0 o1 b4 T* V0 Q

---

3 t$ q5 c6 O' X1 ~. } ! B W% A, Z" W5 P: f* V% A4 ?

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

6 y2 E( X. `7 a

---

8 G5 }* S) P; B6 X& C

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

. k1 {/ H2 L8 [& E9 G( m& {: l

/ P& ?5 m2 i# A* \

---

; {* o9 U* j- ^. U8 T! W

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

3 d! z7 m) u c3 u6 }& ^- v

---

' Q& m7 D6 x. p2 K* ^

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

: B# y/ H8 B$ y3 C, e& W

---

# p5 G( W/ \5 I- Q: ^) _9 Y

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

---

/ [: ^0 A2 R9 ^5 I+ R* ? " N7 ~ J4 M( M3 Y2 G

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

---

$ S4 L* a& n9 B

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

---

) ] |3 `" J9 B5 M

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

6 ~4 ?7 q) N7 r2 s& {

. s% ~) W3 X3 R$ U8 F, M

---

6 d* y5 D5 ~7 Z# v9 C* Z% b

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

+ W& y* |( t! B* Z" E

6 M+ a j5 ` [5 C# i

---

& x+ K: w* r$ ^, q1 f

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

' Z o! F9 C, X8 g. b

---

- n1 y3 `4 V B

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

; h6 u! e' f, S4 l

7 h0 }5 n* @7 K! G% K# [8 E

---

1 h; E0 s) R# B 3 C2 Q- z& a; f, K! S; Q5 ^

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

2 W8 j F7 n1 h. Z( g9 H

% B9 l& n6 M9 S9 s& e1 f, E1 C

---

8 ^7 d# [( i9 P* W# S0 v1 f

27. 互动式铵钮。

) V/ w$ O" L6 t6 `# O4 q0 b

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

/ Y6 R9 {+ r! s. F! H

---

, D% T |& G! O& d7 |

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

5 p! n# y( `7 r x( k' |% u

---

% ~& i% v9 q5 s1 g& q

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

ＯＡ帅哥

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

# T) F7 d. ?* P1 f7 t0 b8 T; t, V$ H4 f

---

/ `) R6 H( c2 S5 [. o3 L+ s% F$ g

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

---

7 e; u( Q/ k; w! I4 W

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

' o+ S/ l& x9 C% \7 X% c" W1 f

---

$ V. u4 m( r% U: s" q2 T

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

+ r( f7 z% g8 D+ w3 V W

4 T6 s, ?, h# C; u: O3 l

---

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

V. _& O( f8 t* u! j4 v

---

" ]9 h. i& y; s5 |9 z6 d4 p+ ~7 r . E1 P; D' x( \

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

) X* r- R. U+ S) W6 Q h9 @$ T

---

0 T) F# [( C1 O: V4 t; K : {; L9 |7 i8 _: X7. 在动作的项目中，是不是在「鼠标 (放开)」的下面新增加一个「取得 URL」的动作呢？！至于参数设定，URL 当然就是输入「网址」啦！可以应用 HTML 语法 , 如「http://」、「ftp://」、「*.htm」等等的超链接语法，很多人都问要如何加超链接 E-Mail，只要输入「mailt电子邮件地址」超链接语法即可！语法与 HTML 一样！！ 9 W* F) Q2 k5 n1 ~0 A4 T/ J

* l( J" M+ {& B/ X4 M: N9 K# S

---

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

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

9 \* p" D: |' T+ X

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

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

% r- s% N. B' U. A1 m- R; D5 ]' T6 x

---

# P: |0 P0 v# ^9 s) ?! b: [ # P2 \: I0 W0 i# u

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

6 Z8 K0 y |9 @) @

+ `. Y7 _; y3 C/ P0 U, a

---

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

( K; @* I3 |. W

---

5 W- S: _2 Z- U5 B% `

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

ＯＡ帅哥

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

& R. E1 q7 s) w

---

( u" ~- u: I7 q) i Y

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

---

( F) O. F# R2 m1 O) R

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

+ k+ S% x8 h8 g- O' x1 l1 y

5 ] `- [7 A& L

---

% o, H7 }1 q* F' r i5 x7 m1 _ $ W+ U, r, C+ [0 E

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

' x. @3 @% R' C6 ~# K0 f. G$ i

---

1 U# X S4 F. B d- l4 K

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

7 P' E6 i/ `! v4 L; L" X

---

: J3 g5 M6 d7 t* Q% `

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

. u; I' U% N/ j" W) s1 J

---

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

---

& }9 g* D- c' ` a( E: a9 Q4 x

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

9 z/ O; Z/ N' L- c6 t/ L

---

( b" `: L( S/ W

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

' y5 g& e5 f8 ?

---

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

& V( x* H- P% D; Q2 z

# X `: }) N1 N) g$ O% n! k, V

---

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

* z# u& D% `( ^2 F+ i

---

# [8 d ?* e) g$ {6 O1 L8 l . ]) Y$ a! d& V3 [+ Z+ P; ^

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

$ C+ O; w k E; S( f. l t

---

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

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！