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

ＯＡ帅哥

2 q1 K2 p5 {. u9 J* A5 ?

FLASH介绍

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

0 d3 W. \. z$ p& T$ K) y; x

ＯＡ帅哥

基础篇

---

% k* i1 e" ^6 u- A, n' e/ `! p

一、什么是FLASH？

) ~7 @& r, U8 G! l1 v4 i

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

7 `5 u+ s0 g5 a6 p# ^( f- J

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

二、如何得到FLASH3/FLASH4？

$ H6 ^% u$ d/ N7 B* Q2 L) N

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

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

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

- G8 u$ O, }6 s* V4 s( c

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

ＯＡ帅哥

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

8 [9 e) s/ _+ d5 @/ V3 X( [; ~

5 I( S( A* V" b: Q! u/ Y i5 `

---

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

---

1 C9 ]" c6 v0 ]% f+ t. y5 H7 G/ B' |

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

- h+ @8 w5 o* R, O) O5 X2 Y+ O+ |

---

' r: v0 [! ]; V& e

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

5 i: a" I2 X t1 P1 V& s y8 x

---

1 z) Z4 A/ \2 B9 u: k, f + Y5 @ ^1 ^% Y# y

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

2 `! U; D* H1 Y" {5 ~

---

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

---

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

% X* q' x4 g7 F9 k7 L

---

* ]/ ~, m' U8 Y

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

$ S$ {/ y& V! Q2 t2 \

---

. y) B3 i. a" E( W, q' f. \+ g

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

3 J: h/ [' i& ?$ l7 p

---

$ ~4 ^' @7 |* ~* a! z: P( O - A( U% ~" a' {% J3 V

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

---

3 m( \ @: F5 w% ]- W3 e5 s5 g1 \

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

---

# j1 o1 w! L0 a Y, ^4 i

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

5 |2 O& f6 H0 E

( J4 a+ {# _' D* k

---

7 ^$ x% v' }$ e6 i$ p2 e Z , W( D% l5 x+ }# s3 V1 ~

13. 调整后的渐层颜色。

---

V7 \% o. R/ i7 G5 D! }) v+ z/ N" j

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

4 h5 K8 v5 m6 G" X# l

5 W9 ]! A* e% o% d

---

' N+ j* V0 T( }; v \

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

# Y8 H* H9 ~7 t$ ^7 k7 q/ }

---

& L. p u4 V: W/ o6 u/ q

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

8 |$ h5 q1 f h. C( r: \3 D

---

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

) _; z7 H4 k. a: a

---

; r1 m& Z6 b: M" c + E/ S' |; f) z. r8 Y! e

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

' W/ Q* z8 d2 C1 \9 H

/ ~3 _2 g+ G ^5 N4 S

---

8 C2 W' K6 B3 V" o2 c5 E0 w! j0 B; f 9 l1 G- T6 o/ z! f

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

( v% C4 Y2 T- `7 B! z5 e1 C; |+ f

---

2 A- ]' s- Q2 n5 |! _9 t& `

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

8 e0 P1 Z& p2 L4 q* E' n2 O6 c

0 ?. V% y, L9 e- u, @1 u$ ?

---

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

---

: R r5 V/ q+ } 9 F' E- u; Q% c

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

% t- U+ f* B5 h

---

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

$ r I& S% h9 g- _. w

- E& D& U+ V7 C1 F4 [

---

# m: h5 ^5 Q0 n8 j) I* b; d2 u

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

---

3 K# D( a- o5 ^: B. S/ e I

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

9 C0 Z6 z% E- j9 z. F* C. C

4 a! X# f' m' h

---

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

( C8 ^2 }5 I, V9 O, t9 n$ M9 @( P

% o8 x( [/ F) @* p

---

8 [ J% g* k1 q# H% @. W

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

---

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

---

* y2 X+ D0 G3 C, x% T8 ^: w6 E " v+ ~+ h: v0 x

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

---

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

ＯＡ帅哥

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

! ^, L$ X, b7 @# H* {# p

o$ S3 _: ~5 m* L: O' o; I

---

- V( G2 |, E, m6 W$ h ) |7 ]8 h1 m, O" `

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

, Q. X' ~' f; \1 u2 @

& {' P! i' J0 Q

---

1 q. U0 ?; ?5 Z7 q

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

1 D, n) D5 Q C* i1 `4 v) q- B

( }( i+ O# n' J9 c8 C4 f

---

4 ?' X8 z# ]7 t( P" g* l0 ?

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

! g/ |) @4 e; ]* [2 v

---

- x& I( S' u& i( U6 ^' ^

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

8 ?9 S1 b o7 f; x( c

& {' H4 }0 M9 a' t0 ^' H# E5 X

---

8 Q$ E" ~$ |# A4 H# @4 I3 l- s

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

8 f9 N' Q9 H( Q% ^

---

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

, a( L9 L( n. q/ k! x T

---

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

$ v6 R: s M2 Z2 q

( }% b0 a" x1 u) m# C! \

---

# J/ j9 D9 O5 _

9. 出现一个图库的小窗口，里面会列出您动画中所建立和使用到的符号。 ( ]9 O0 l3 L6 u4 o/ S5 }" b5 e / W9 D5 j2 Z) s( P.s : flyg 是刚刚输入的文件 )

4 p! p; o, {; \7 T. g

---

; N; w; [+ Z, @- ~ . `8 e9 ~ x& w1 [

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

u, i) L; C5 e

---

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

: [8 S" M3 e B z. i3 ?' H

---

( `$ y7 m( u. n: {, S9 a

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

( j5 }6 q3 b# r* l( e

! O9 p$ e; d9 i ]

---

+ [+ \9 f+ v# }$ L2 {( B

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

. o U3 g) d" V1 z8 W* U" B, h* f* O

---

- f3 J+ q/ ^, ]$ y a+ d

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

+ w7 n% t) Q4 i

, _& L* n3 X2 k2 B

---

9 N+ e" W6 c" g$ \2 Z* N; @' I# X

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

+ _3 H: |) b( F

9 R4 V! P) ^1 Q* [

---

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

$ C2 }& g2 K7 T! _( T$ L6 ?$ k

+ H& O& i* k3 G9 v3 I

---

8 W# m8 n9 N- m* g6 ]1 S$ ^" q 6 R) m) ]: _1 v2 s, L8 r

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

---

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

o) h: d6 Q, {; b ?% |

3 E7 S% D) X2 N2 r

---

$ P! n% s+ k8 L% [ p; A1 Q9 P# }

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

! |' U/ g, x9 @

---

1 } Z6 ]+ c3 d/ Z

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

8 l { K3 d5 x/ K' T- M. }* O

V- r. Z8 d0 u6 K) ^

---

2 j) O) |* x9 n; M5 P0 B

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

7 K% n! \# z6 k6 `$ u V6 S

---

; h! `2 O" e* K% K }; T

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

8 i4 h8 _7 _! f8 i$ u6 b' l

---

( r" H) E/ ]* |0 f9 _

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

ＯＡ帅哥

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

---

* ^' ?1 B: i& `. S+ ^' N0 a

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

* M9 a2 W$ i" c$ @' n ]) l4 W

5 K. [1 e: I' \+ |- `# T, E5 D3 ]

---

- j3 q E% S/ q$ b8 e3 s1 o

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

---

, D8 A1 t, n# U% W

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

/ E5 V8 r: \1 R! R# @

8 K5 N. u3 @8 P" T7 `/ G

---

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

---

2 s% r4 E+ i F' N5 A+ V

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

1 F) u" S+ s+ d! I9 K

---

" d: N8 e8 B5 u `! G: s( N ' w! u9 T7 R9 \2 C! [. {$ a% E

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

5 a+ }: Z/ z/ g, Y

0 v0 w& V+ T( c& L: X

---

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

---

! W3 f8 X3 A4 y" t( S& }/ G

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

8 e' h) v4 b& W/ {: u% G

& b u0 z2 _ C1 Y

---

1 K. d) P) h/ p5 l# c$ l- [

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

1 f0 G$ i1 \2 M. u- Z8 f

---

9 w% e/ _* E' I: u# y' f# ]

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

* [- r5 w' }7 A) r

---

" d+ d* U9 J: o x! `! F/ o1 o$ d0 x

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

( G$ z! t& x6 ?; [0 b& T* A

---

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

( I6 {4 d4 @, E- G s

---

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

( z4 K9 I% L+ N) {6 l/ v7 x

---

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

8 R' W( L0 I! g* B

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

# n- {# g2 K' c3 Y' k. `" a' A+ `

---

4 ` s; J2 t% _5 {7 t. z9 l : u+ K+ z- E* H+ N& `9 S

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

! {" c5 \, i4 [' V" X+ G; i: A

4 B- l9 W5 C5 Y" `2 ^

---

w: P8 W8 x% N5 D ! n4 _1 O0 @3 ]& Y/ ?0 W" i

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

. s( P- _9 {, t& G- ]1 S# K

---

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

! h% D: A2 X) T5 _( G$ k

' V3 y; `4 a4 R; T: r% e! M

---

! s8 f6 o9 w2 ^. k( g; T: S

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

2 R9 R5 u# L2 {$ e

---

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

2 S" x6 S: u! h, S- I {- L

---

! \! C/ k( j# g

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

---

4 g, j. j. D; ]

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

ＯＡ帅哥

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

---

3 N/ O: C( n; e

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

---

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

7 u: g* p+ Q+ V) _+ d' \8 ^0 h( J

" V2 e; a1 v* h5 U: _0 M4 F

---

+ D- }* V* E7 P2 I' _ - ? m/ v& l4 q& s3 i. x/ M$ c- w

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

% K; Y8 u# z" ^0 m0 o; v

---

0 V# L$ z/ w0 k" F( s

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

6 ]# s6 u2 |$ @! k

---

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

---

& b {- u8 W+ v0 j2 d' o/ W

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

---

# U5 \3 U! E6 h7 p% p; S) p" J! S

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

3 V/ [/ N2 ~5 K

5 j3 N( Y: M6 i' K: t3 j

---

/ h0 ~! t E- a9 t% C( B# `

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

) ]" m6 ]; s" M; `' O/ G4 k

---

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

% ]( K8 Z: ~: q+ ]

---

6 b* b4 Q$ G+ y; _ I) t

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

; @7 W8 e# ]* U$ J

---

5 Q0 Z3 I; r# o5 E7 d4 I; ~ ( [: o+ M j; b, ^0 J# L: l) O

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

% t+ n/ k+ N" N3 ]

---

' U4 p8 ^8 @/ V0 I " e5 |3 z% Y$ x K$ ~' j7 O

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

( v9 D0 t! b" z

---

- f! I/ L& y( G

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

9 f# \! b# A+ f1 o |6 p! Q1 t" m5 P

---

3 e! N$ `/ ]' e0 a1 P ' |" G; \# \6 \/ L" z

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

! E2 J5 f2 E/ l1 J3 R2 b

---

9 f5 V; K1 a2 x% R0 ?; i 4 _& ` ^. P2 J. |

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

e8 H& x6 k, q/ j/ l$ Q

0 w$ |. q2 Z1 M9 a; A6 ?; X

---

% ]- Q4 J: W0 k& j* Q; i$ |; R

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

6 B P: N y0 l' Y

---

" M9 w6 P R6 v+ Y7 `; e# P- s0 N; h0 x, `

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

---

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

---

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

, I# J# @. P% P! c+ _# b

---

* m i; L# p1 [& m2 r8 `

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

0 p4 z5 k6 u# O7 S- q7 D6 [& i

---

" Y- E- }/ p" _; M9 |6 g

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

---

B) v; Y, ]2 f2 u

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

+ I$ T0 x8 q: g. Y, F% a$ M9 @

---

8 B1 Y" t. r' g5 ?. L* N" O 8 i0 J2 ~7 ] y6 G+ ]2 b9 T

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

8 {( H! F, q; ^7 W0 A# {) a7 D6 u

$ |; ^( ]" H2 X, h" h! |

---

3 w8 v$ \6 x- n* {/ [, H

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

1 i/ R( m# l2 I# k

---

$ i4 l& \3 _6 h, r, }1 [& \ . c2 q: j7 u8 H4 ^

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

---

' \3 O9 x5 I! W

27. 互动式铵钮。

3 j5 v+ g t- [5 L& y0 D6 t* n& |! q4 x7 o# K* l' ?% D5 B

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

---

! Q; ^3 [% _! e. ~( b3 P( X 9 W/ z+ C+ m4 R% v3 N0 y, `7 F

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

1 G2 L# C) q: r& r& X

---

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

ＯＡ帅哥

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

---

9 _3 p0 b8 z: Y4 _5 a

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

---

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

0 p& y5 C9 D5 x( H, g+ G

---

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

$ S5 G$ v3 J3 A. v

% _( g2 g C5 z8 z$ y& z8 U; w

---

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

---

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

% A) E5 h9 |! P& w3 B8 }

---

: r* }4 [3 Z, ~$ X " \7 t& L/ R: C* L7. 在动作的项目中，是不是在「鼠标 (放开)」的下面新增加一个「取得 URL」的动作呢？！至于参数设定，URL 当然就是输入「网址」啦！可以应用 HTML 语法 , 如「http://」、「ftp://」、「*.htm」等等的超链接语法，很多人都问要如何加超链接 E-Mail，只要输入「mailt电子邮件地址」超链接语法即可！语法与 HTML 一样！！

6 l4 K: C. ~4 N. B) ?1 u4 n, d

---

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

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

8 j/ \" H2 R" _8 `4 }% Q {& ~

<frame src="left.htm" name="left"> * _+ Y$ \/ Q5 V' Y% y2 R: X7 q6 `<frame src="right.htm" name="right">

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

: R0 _2 ^; t7 @+ n- K. } e

---

, X' k0 e# N* N- ^& o- }. P1 _" ]

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

* {2 n2 o9 ^/ E( ]. V5 E& ]* f

1 G* `7 s& n' k+ ^+ K' V

---

' K' b- }; Y( m( N6 W, m* i 3 N5 |' j" ]+ L8 n. M2 W

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

---

7 `/ g9 A( l1 B6 U( [6 E3 ?3 S - ^1 ~& F5 k7 H4 L) ?6 s

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

ＯＡ帅哥

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

6 T+ B" l, J5 {9 u

---

" M" m& }* f* b* E" Y0 ?& q9 C. `

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

8 M1 {* @7 O8 i G- h& y

: L. z1 W2 I5 P" [

---

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

---

/ t9 Z4 x6 V* Y4 R' k$ W

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

. y1 W; g8 [4 b6 o2 t5 W% A( A9 P

$ C) J g- L" ?* u/ g

---

" l5 u: ~, d1 X

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

; E4 }. P, @7 {) l' y9 ]

---

" d$ W( Y0 v5 O! p9 l5 y

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

---

) |" q0 V5 t9 _6 O5 j

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

) o6 E% x0 g& P6 j6 n. ?

---

9 j% K8 q6 o& [2 A, M$ x% j 6 B- a0 h! Q" [1 d

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

9 ?' i- I9 ~1 Q6 p2 |0 K

---

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

---

' o4 a: _. j$ |

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

0 \+ f8 @6 P: j( p0 k

---

: V6 P) E2 v6 \) Y: g) L$ d

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

---

0 p4 m+ n5 `5 f. R

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

# O! j7 ^( _5 Z1 R

2 H: A' X- F3 R; @ Y

---

; z; A0 P- p* C1 m$ n* Z

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

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！