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

ＯＡ帅哥

- ]8 m. S( X) A0 L+ M

FLASH介绍

5 F6 m. G+ ? M9 ^$ J6 q+ ? H4 e

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

ＯＡ帅哥

基础篇

---

% R( s/ U- c {& w6 r/ X0 C! G 5 f( G) y2 n, G

一、什么是FLASH？

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

, _2 ?8 o; s) K5 o+ ^

　　有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！ 2 f; N% d8 s% ?& O　　我相信这句话没错！

2 }: V/ h2 R, t* Y `2 X! U

二、如何得到FLASH3/FLASH4？

% l8 O) u, V% t7 }- K

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

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

- P8 n0 z* ?5 l. H7 x, [0 h

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

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

ＯＡ帅哥

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

---

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

---

( f" j5 h. `! Q" \

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

: ~' @. h" w. X2 w, @( C, W: z

---

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

---

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

( y. Y2 x' r, H" X

- g7 Q3 d- f. K F6 y- n

---

1 C6 b+ M, f* C' S3 b * E- f I- a) k* g' V9 l

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

---

9 j" b' `5 ~5 d$ u9 _

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

! @4 B9 i, _: v& U+ p; u

---

6 Y6 c* A0 |* ~/ P

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

) }4 n! j( v2 G4 g/ k7 @7 {

9 w+ J& G3 P7 s3 V

---

; L3 T& T' [8 s0 [6 { Q ) z% x. i( o3 h ?+ G

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

7 `7 w# M, b2 F* y; y

- ~5 r/ _3 V8 w8 u' C- ~

---

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

7 A9 A- y2 c8 _! _' D2 j

% |$ B* w. ]& |/ c6 ^

---

; N+ c( |# \9 k: j

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

7 r+ B/ E* l) Y9 h0 e. F

---

& A" C3 ~& c* {1 B

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

8 F4 m! M+ ~2 H' w( `5 _

2 E* h9 g, b8 U( M. L

---

- u6 k! g+ S9 A

13. 调整后的渐层颜色。

0 l& x- f' D& d+ l* X5 V, v

---

- A+ R. G; Q9 T0 q+ ? , d$ o2 a: i- I% c Y

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

---

; d% z6 ?$ z% b ' J2 B- p: } W

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

J5 o: }/ G( h7 n% q; W

---

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

. o: D" @- X; c& m! ]

---

* B- ~: P/ r# w8 w/ {/ q( \6 w

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

; @" }/ g7 Y9 d

---

, U& s: o9 y3 q3 o# x2 \

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

. g. D1 ~+ c' k2 _0 X

---

; W: s$ K- T, ]2 u+ \

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

, a' B2 c5 e# T2 N/ p$ D- p! f4 U

---

1 S1 ^; R. y) R2 t8 T; a

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

2 s( \0 F. X! ]# F8 q0 r; G" }

2 g) G" _7 R4 Z# I

---

B- c) U. y: G9 `; @- B: w' A 7 A1 C! Z0 c% Y3 C1 n5 f1 v

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

+ X/ O: w# u% r5 X

! _0 Q- V- s( ]/ I4 ~( d$ ?

---

9 L5 S0 R1 X, v% q

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

+ Q/ n5 k! }! k4 d; l

---

) e! U U, k$ M/ w3 H& P' R* M" P

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

7 C& S: ^; V# B' c' k

---

6 b' w& ~; C( g7 V

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

, z. e) V' ]0 b3 k

---

% P& i4 F2 F2 ]9 h. I5 M 0 q9 B( c2 F: I) T

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

: P! t/ ~$ q9 H! Q+ w- C9 h/ r

---

" Z" ^5 Z7 W1 h6 V L + z0 q( o- D" t& `

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

2 }6 x1 z$ e& Q% _$ K, t6 D$ i( h8 {

---

# y& `3 C- C, r2 d7 S+ M

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

/ y0 x: ?. ?# Q1 r; H0 o T, ^

---

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

---

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

---

4 h6 U1 c/ t9 T: W

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

p, ^- \1 U' q' S

ＯＡ帅哥

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

+ b, `7 `5 a+ D. c; l+ ?' Z. f6 s

4 Y8 u3 \- v' p1 h( j1 p v

---

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

---

. x- g7 ^- C& K$ k

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

+ \& L8 m( z. F+ v S8 X7 G" B

---

j8 s3 h$ x# X8 e- r- `+ B * w1 @! {0 |- r) `# `8 H

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

3 U! `7 a1 {; V: @7 }2 j; I7 t; \8 s

---

) H4 s. [; a# I+ u$ v2 E 0 L" ?" f& \6 I' a' H' r3 [0 c

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

# \+ \' {8 Y/ _1 x5 P

---

+ O) y( a3 T/ @$ i. P% [" e / q$ r' b; H7 s5 D4 S6 }1 j/ ]7 g

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

1 X8 i3 }! u4 r/ f$ Y1 M5 G, Q

---

; Z, }! I( M0 ?8 b

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

x1 [: N8 N, o1 z, d4 \. ]

---

5 {( |, \8 y/ u. a R9 U4 x! o 1 i: C, {- u9 ]5 P/ [ Q" b

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

7 C& ^( Z3 c. E! O; X! l, u

---

) K' k3 I a' W1 b' R

9. 出现一个图库的小窗口，里面会列出您动画中所建立和使用到的符号。 4 @7 Q' S- K! T0 ^( G/ i1 p, D ( P.s : flyg 是刚刚输入的文件 )

---

- i M& X; b5 d, U( y% f0 p1 ?. ~ 6 h& B: h- W j& o

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

( J5 n( F* j/ E' Q/ j+ S8 @9 R

---

/ O' A7 l/ p/ T; A8 E' x6 Z : E- \& Y5 { k* v

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

& v9 x. b8 B% }* s0 R: B

---

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

& u, y- ^0 o3 b2 i1 N) e

---

0 z1 Q0 ^9 v; W: [

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

% f% ~# W, w: z, S, q

' G9 ?+ J# W2 N* ?! `: p

---

# G8 {' c! @! J, w' F

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

' F1 J8 f v, X

5 ] O# |+ S+ U1 t4 i9 T9 m2 o4 d' ^! h

---

! K2 F% Z3 C. i' o6 c/ r # o' ^7 n* V/ e. N8 ?2 V

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

6 p2 M% J; `+ U. H7 l, J" H

---

; {" ~1 y! b4 V$ q

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

$ P2 A' ^) L. \, B9 T- U, v

---

* y% H0 @, O5 e+ E ; n( H$ N: ^ v

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

* y. A) _! H% T" r

. y+ G* t6 `7 Z- ]

---

3 f& a. U: [ s7 Y, x$ u' z

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

1 P, d: [1 Q# R1 N% ]# w

---

S* [9 x2 X% Y3 t. c1 Q

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

---

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

---

8 l: Y7 [# y3 y. c; B

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

) h- H4 A# u3 r4 ~8 c) K3 F6 q* W6 h

---

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

3 |' @) r) O2 R D6 L+ R0 D

5 Q) Y/ W: |% h) U# [% l

---

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

ＯＡ帅哥

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

# x/ ` S0 C, `

+ s% i& l( U/ w' O9 N6 H6 }

---

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

: z. ]- S4 ?+ E4 Q9 k, P1 G* l# x0 U

---

7 H% Q2 X2 ]$ b( w) u+ e1 P0 `: k% K ! a/ W- y& C- ?: h9 k" c

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

7 U& [! t( K" k0 G6 u

---

% C& g7 j" t% d2 ~, g

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

" x* d8 u" b8 y2 y0 M4 [

---

+ A9 c/ v! F$ c+ |0 ]4 n

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

4 ]( j5 T' ?' R

---

8 m, q, L9 j& ~! u

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

, L( |9 d- q$ W( q# \

---

9 u V) N" E! V: Q6 E- Q

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

---

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

- ]( b4 Y! S+ X" F' C

---

& f8 y+ @" g* F0 I5 A0 ?& a) X# j

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

' h; ^. _5 I: h" k1 ]

---

' F" g. ~* n9 l. j

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

---

6 u! i9 ]1 y% O; q0 n. W$ D. t

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

- X! Y0 v. Y' J

---

( Y1 x7 R! q: L) o" T9 g: B/ m & F- ^: d0 s: [2 y6 @( U" i

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

7 C2 I( [) \! P9 l4 f) @

---

4 r6 q% ?& A# s* R) V) s

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

) L; m4 e3 c% F

---

9 \3 X) c! n$ n$ A

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

& D8 n. K9 q6 J% O2 o2 a! Y

---

$ a) d! Y; H" p* j" q6 v

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

/ y% R: n8 C0 V. R" N- T% }4 O

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

7 ]! U5 G8 m% k0 \* O

---

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

8 L; v' d8 J* c/ @1 L

---

) E* a* w2 W @9 m/ {/ h & v% M- o+ t, D# D5 y5 X7 o

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

' Q3 p t' B+ J% j" o. q9 c

---

2 C) ]' m# C7 o$ [7 A1 x! G4 I 3 Q* c5 ?3 U+ R1 N" X, b3 D

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

. k+ ]7 Y8 g9 Q" s& A1 D

# F6 k7 U0 q1 j$ @

---

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

" i9 h9 k, Z3 L! b+ C$ R; j- Y1 c

---

/ X/ T) D- ?4 ?9 M1 f Q( f, y% ~

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

* t, [( C/ H+ y. K0 |7 t8 r; H5 @

---

& s8 }% y7 K8 F+ C/ m* Z

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

% T2 L& `$ X1 n' _

---

7 J$ ^8 ]) S+ p b; G

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

ＯＡ帅哥

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

1 w9 T4 ?, X! f1 X, ~, L) x' c9 \

---

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

; T1 q9 a3 ]* `" f" Z

3 P K/ ^) h- Z# c

---

, c+ T: G* |' r9 [& w

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

1 z3 u6 k! V L1 K$ `3 z1 ]& O6 x

---

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

" B8 [3 J/ W& ~' `2 Z

---

6 C, V+ s% w' i" X6 p( O0 O

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

# b6 g" O) {: U

---

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

---

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

---

0 Y$ c& z1 a( b" c

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

) M' B# b( E, m# f. V( t* d

---

& p/ L+ X% K) R G / L, f: V, j1 F! ^& g2 E

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

, R0 r5 T E: @& q! A! Z4 c

---

& l; y1 K- [9 q# X* G, u9 t0 M

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

( |& [3 T& B- J% a2 b: D! T* B5 }

---

. Z8 Z6 g# G4 {: C/ K & w9 o6 t) d# o, d

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

1 ~) K* ]# @+ }7 R+ j0 @: K

3 q3 w! L: l# {+ A* [

---

7 @1 e+ B1 ^+ Q ~' R7 t7 A7 ]9 i, V

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

- i1 @' t& h R6 M; S1 c; L6 o

---

. v8 z0 J* c8 l+ V6 m+ y

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

---

+ R7 W( F; D6 K5 q7 z6 x ' \ W/ i% h9 ?% d& j+ S2 Z! C1 L

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

7 |+ R+ |' B+ Z5 ]

---

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

---

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

: C4 V! M! R5 a! U& y

---

$ H5 u' A8 B: r# m: r# ]& h5 X1 ~

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

---

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

/ C5 b" s# s# G6 ?7 M8 ?; z+ [

---

0 [ E8 {: S8 @8 j; E 8 c/ Z+ ^/ f1 n6 h3 O

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

---

1 D6 z7 @( I" F. J. n

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

1 T; E: A% Y# q* K. D6 X* h

w. S4 ?# s& \7 _1 V

---

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

" t% S9 ?0 j" [' f

---

; f; N3 l+ {; V' A: \

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

---

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

+ {/ J" E, `9 V0 e/ {

---

, r7 R0 k; G2 t

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

) k n2 Z- E' k5 i7 T1 A! i

---

: b: z& Q. e$ a

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

+ v3 z2 Y- }) P# Q' S

---

+ B& H! [/ k( t, E( M: ^; b( R& s

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

---

: _' _4 s7 U L. }5 I) U8 {% h

27. 互动式铵钮。

0 T+ q# c9 s) G4 c: X0 }" C/ F. P$ `* w h( B9 u* K' `: ?0 B. q% o) h: i1 I$ I/ g$ `* C$ m, b2 n0 t2 H- J

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

- I2 X' V3 P: z: F

---

! R& E* V' p2 u- ]( Z8 [. _

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

---

$ j+ V" w7 L5 h, l( V% ~

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

ＯＡ帅哥

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

) q6 g) F1 W3 @# r* V. X# k

---

8 q' B, e4 \- t: z0 `( o ( R+ t* A0 `* D* M0 I7 w

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

) H' ]2 _" P. u

---

) v& a; n8 [6 I) R ! ^2 U/ s+ K8 M- g$ `* u

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

4 k6 I+ V* R) ~

---

) U* [+ W7 C# d8 l' S

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

; l( g: l6 h F4 m+ g" e

---

. B9 T8 V3 \0 l8 y w/ H3 t# b5 [5. 在动作的项目中，增加了「鼠标 ()」以及「鼠标結束」两项，请点击右边鼠标事件的参数，可以依自己的喜好来设定，「按下」的意思是「当按钮按下时，马上执行动作」，「放开 」的意思是「当按钮按下时，不执行动作，直到按钮被放开后，才去执行动作」，至于下面几个事件参数，将在往后跟大家介绍。 : t+ F+ ]- X d4 T/ Y9 Q6 B- }

---

, q- @8 W, Z5 \* ^

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

---

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

/ i/ U/ ]. ]5 q4 ~8 u" ^6 j

---

6 R4 S7 M8 g% i7 P 1 b6 ?5 v) b5 Q' a5 ~( M) O8. 「目的窗口」也是众多网友的疑惑，在此說明一下。「目的窗口」其实相当于 HTML 语法中的「Target」语法，可以应用 HTML 语法，如「_blank」或「new」两者一样，都是「另外开启新窗口」、「_top」则是「在现有的窗口中开启」等等的目的窗口语法。也有相当多的网友问，使用了分割窗口 ( Frame ) 后，要如何指定网页显示的窗口呢？！方法很简单，不过有个前提，就是您的分割窗口(Frame) 要指定 Name，这样才能指定目的窗口。 ~9 D- S9 B: ]3 O2 q

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

; D+ C' ]& d2 y2 }3 F

<frame src="left.htm" name="left"> 0 u" J$ M7 G! ^3 e<frame src="right.htm" name="right">

; O8 a. a& ]0 H, ~/ Q; {1 t9 y9 y# Z e

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

---

* e: W4 ~( i9 X / G9 p! Q8 b" g5 y

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

* _0 ? K: h7 n4 Z. Q# P9 a2 ~: ]% t

---

. ?& p% E: k+ B' e' q0 o3 v, d/ [2 I : J( h7 r$ x' P

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

+ ]: B, u, a$ g

---

; i2 v7 z' n. C: e, A5 ^) O1 \ ) Z& w; m% y1 d1 E% h

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

ＯＡ帅哥

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

---

# X) H2 x! S: C( H1 ~9 i4 V

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

3 ?$ z' ^7 E3 C& J2 L- y0 u

---

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

( w' a+ j! m) K

X5 }( Y( `3 C8 Z! \

---

i9 k9 z1 L4 U9 K4 ?6 S. H 5 a p$ G8 h8 \

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

7 j) a3 a7 k8 \* `/ V. j) [8 a

---

5 S! w; P. V- g1 ]1 _ / I# C% h/ E/ A* z( v

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

---

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

w4 G( W3 h; t+ w$ I8 m9 f0 ~

---

, T* H: M; }1 i, ]( x$ `

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

$ [+ S2 t( D0 T7 f

8 Y) t1 T) O D" f7 l6 j( s

---

, ?" T/ C9 `- `- ^9 ?

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

---

) a, r2 q6 @! c. d- ^: y+ Q2 j% c

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

. q% L% P9 P0 q! c

---

7 P5 i, S, n% T: w

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

6 F$ Z9 J1 i+ D* i# ^

---

# W: c6 Y9 z+ ~0 y- A. v3 W

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

---

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

7 z3 ~' R# |. N' H. F

1 j) Q$ [* j9 i

---

. }* j `) U$ D" L# k9 Q( T

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

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！