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

ＯＡ帅哥

7 B) h' v% o2 r9 N4 z" M" v0 i# {: B% p5 J+ g" k1 |, E+ [9 b7 o5 u: K

FLASH介绍

+ p9 n. P% ]4 e

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

- `: K0 w# `7 K( x# R4 o

ＯＡ帅哥

基础篇

' ]; u2 \& a5 l) w7 H7 c

---

6 [ ~# ]7 N0 i( I5 t2 ?& `

一、什么是FLASH？

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

- a2 b! L! ~& v w

　　有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！ 6 X3 }; ~/ D6 S7 J' D4 f　　我相信这句话没错！

" s- m2 U ^, E9 @4 C k

二、如何得到FLASH3/FLASH4？

# A! |) O$ b" y3 x6 e

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

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

/ o& t/ o h1 [0 m( b

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

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

ＯＡ帅哥

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

, L# a0 _3 Q, B$ s

, j8 `- \1 n* h+ T9 F9 z

---

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

. Q; Q! F& p1 h: {

---

* S+ m0 x* J( Z

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

& d' r& M: _: W1 w8 ~

---

r5 U$ r7 v* @! K# Z* d

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

C& b* ^3 n# L

---

* K3 E4 |5 B2 l/ p* W9 \2 ~1 a

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

---

, M/ g0 a3 {* L

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

---

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

; p+ e3 D! ]4 o$ Q4 _

---

4 q/ ^4 C+ C; Y

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

9 N8 x" C. ^$ j1 v5 n' N. I+ L0 F

---

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

---

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

% ?& l5 l# b! J$ o

---

! N' f; K1 e9 w

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

$ G6 [& s' V* j8 ^% k

7 K% s% U! r( ?4 x0 B- L1 [$ K

---

# S) e/ X+ Y \, C0 M

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

---

a: @! W) M* x+ c6 o

13. 调整后的渐层颜色。

M9 _* B, ~: L6 g9 h

6 R7 {3 N" D* _: f1 C x

---

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

' Y1 M3 a5 ]+ p

---

8 _- E0 o0 |$ ?2 m9 x% L6 @5 ]

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

( @1 ^7 P8 z( ~4 R# `

---

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

( ?& a. `: ~. a/ c- O

---

& w* @$ o( b$ @, Q9 a# R2 c7 F

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

! K+ l4 g. `5 N) g& k K+ Q

---

* i# [$ y; C* v# H7 z& O

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

6 ?5 u' P- B" u( ~( W

---

/ s% h7 D: L: ~" _/ b2 i/ F" a( d . G3 {5 i8 u1 [: N

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

---

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

0 F$ K) O$ g9 u1 `$ C

* `) Y$ L1 A2 v0 h6 v* i

---

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

) Z- W1 v/ h+ w$ X

---

6 A1 K. u9 t: h) c9 @; B) _# D

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

: \$ [/ f! D- ?

---

7 [: O6 O7 f ~$ y; h1 b& u

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

; q) N. B: Z" ]8 s1 f0 h

/ ^7 u% f% q. Y2 E

---

. G. o9 N& Z4 h" I/ C( X 9 r4 w! m9 s3 Y" s& h# B2 @: l* n

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

---

1 {; n* b3 Y3 X* O9 W

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

---

b% M; s; z: } g2 w# s( A ' |# `: ?0 b; s2 P9 w1 T/ W

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

: s+ b( a1 x2 b$ ^7 v, S8 v! \

---

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

+ B! P6 [8 q4 c) ?

---

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

---

3 c8 ]$ v0 k! V6 S! ]/ Q

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

. W* Y A. u4 @0 `/ ?% Y

8 _6 c' c: S/ M

---

* h2 ?8 n, K% N- _; ` I' A% d) k3 l+ D

30. 设定Flash动画属性，以下是常使用到的项目说明： 7 c) h/ M/ h _; K' j产生大小报表：这个功能是输出动画时，附带的动画文件大小说明，可以此来酌情降低文件的大小。 . C4 [- P' u( M2 A9 q输入保护：如果您认为自己辛苦的作品，不希望被别人修改变成他的作品，这个功能就可以保障您的辛苦。 J" y" I6 _ f3 D* yJPEG 品质：动画中如果使用到图形文件，您可以统一全部文件的压缩品质，值越大品质越好。 音效：您可以在此统一设定动画中使用到的全部声音文件品质。

ＯＡ帅哥

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

, p( t; C9 ~" P1 v2 t

0 e( [) O7 N" Y+ x& _ F: u: y

---

& E0 y; ^+ `* B# C

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

! I$ U9 B0 b+ s9 Z( Y- b% N

---

& j9 O5 n( ~/ v* I' ^ S 9 d* C2 k9 N- \) ]# `; H

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

/ \ M. {; {4 a6 m( S, t9 a5 |

6 N- J8 u B8 K2 e& l+ N1 l

---

5 x# g( ?" A% j7 q( {

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

1 n/ }+ A/ b3 V7 I2 x8 w

---

: l. Z6 k" h. L1 Q- B% X

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

) b$ i, x' `& Y7 _

" D+ P' R- t& ]; G. U; W c

---

+ i7 r( d& D2 I) q! @) ^) S9 u

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

9 n E/ V7 O( c! C' R

---

. q+ A6 l3 E. G" c: h+ O

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

/ T, e& r8 Q ^# ~$ Z, R# v$ v

---

: `# \+ u& @; [# P' G

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

) a! T I) a8 d! p" \& t9 M

---

6 [% D4 e7 _$ n5 h) K% O; d$ E- Y

9. 出现一个图库的小窗口，里面会列出您动画中所建立和使用到的符号。 ) O' A9 ]+ m/ H% t( ]/ K $ z+ m8 G; A/ b1 _) ?( x0 o o) R& G( P.s : flyg 是刚刚输入的文件 )

! X' K+ h P* I0 O& v& p+ p1 b+ J5 L

---

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

---

. B) n1 l5 b0 {

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

* @1 P9 |& u, J

0 }. v' l+ p0 H# h! G1 x* H* j

---

$ \0 `. Q- y# L; v- K ) \4 u) o* H# b& ~; K

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

3 ^1 ~/ Q( L3 l8 j, W% Q2 ^9 t

---

h9 I2 I0 `- s1 H# S8 B0 S

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

" I8 I+ B* M/ ?7 {/ x5 f

! V3 C# F" _8 M% u' F

---

+ u ~/ U4 W0 G; k3 b

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

6 K% ], O; K9 y7 {7 Y

6 O- \% K% `5 z$ _& E! f; |

---

' V4 y/ w' j3 d( M2 r " l+ W! k! w9 E# O# P7 }6 a

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

---

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

' E7 T; m, G8 U# \- H2 a

---

& H$ f5 F$ |9 h" [* G7 [) g4 X

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

' w2 ?4 `- `9 c7 G, i8 C/ B

---

- i4 m9 e( x' L/ u( N6 j: u, D

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

---

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

---

9 h5 u8 l; R$ r2 A+ k: @" m9 x

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

! e( j; G5 \' H5 U

---

$ ^1 f" B: n2 |6 i6 C( q & L6 O6 e4 [3 Q, B

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

5 c; _% e0 w2 N+ U2 u) V1 f

---

5 j& l! A' {' O. F

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

* }! j. f. U7 e- ]* @

---

4 |' w$ U; p8 c% ^7 R# F

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

ＯＡ帅哥

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

& |+ M' s& c4 o6 h

---

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

1 ~ }7 S, V8 a9 B& i

---

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

) U" S8 M7 \7 ~; i0 S: ^

---

2 p8 f4 g' \" s7 {0 { - g; m# I% Z" F; P; M6 P

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

---

, _" A$ @7 S+ \+ N. p" m5 g

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

6 `) g- m* B: Y7 ~( d9 }7 z/ s, e

" d; E% N2 ]! ?% E

---

( m7 Q2 i; z; r 7 I3 v! |' @% D, F

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

" B+ l; x. E/ v' ^

---

E. x$ Q; U" S0 O7 I) i/ h

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

- Q/ s9 s9 S- w) K! a) e( |

- l9 Y V$ e5 L& J

---

# c ~6 N" h3 K3 y6 R# I3 X2 ~

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

7 Z0 z2 f) e& X$ H) p$ e7 {3 V

---

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

* ^" v( H, Y9 h" r- p# Q$ C) Y

* I# j- M/ c* s0 k

---

6 C2 ~- n3 X* C

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

: A# K2 I' }6 S# k: o6 s0 I

---

/ A% c+ {! { h$ ^# t' F7 ~ C

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

' n+ Z+ B1 Z* _# k4 J# u

---

5 O, F1 h6 G9 u# W, f3 W * P2 S1 j# t/ s/ A% R! `& T0 N0 R

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

. ?2 S) y+ k5 ^8 M7 a1 ^+ R 1 c# Y- _ o: \' f8 G

---

* J0 ^: @2 m6 A% H5 \7 d( m' V : D- r% k: T! k* J: d8 }4 q. I! ?) v6 U

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

---

# }1 R2 S a5 M* Y' g4 m! D

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

---

! c- w/ _# C9 v% D# j9 Y

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

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

( N2 @5 H! X+ m7 f6 Z3 z

5 }) {6 Z9 H$ [2 f, I

---

7 y; @0 l6 J5 l7 i7 ~! [. V

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

---

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

+ ]: ]5 Q0 x6 N* D, x2 ?

---

+ r% K" c$ r# p

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

1 K# ~, V. C' p! U- r+ i/ q' S

---

) o6 _2 S8 `3 e" x

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

- J( [6 ^+ f# u

---

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

4 z' i. W8 o3 O5 i4 [6 ?7 M- R* u

---

. U' w0 K# w7 b

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

U2 b V' h4 R0 E* Z# [: h

---

; g+ v4 H( Q9 ?. ^ h2 |. X) j

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

ＯＡ帅哥

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

---

4 O( d- o& @( V8 ^9 ^1 b ; [4 }+ [, o* u4 R' z1 h7 B/ P& h

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

. _$ d9 Y9 K7 K) N/ p; Z( @$ p

---

9 E, g% Z V6 P4 S

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

---

2 S" |$ I) ~- |6 a$ e : w( U4 j' Y" |3 v" Y

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

---

2 L; D% T4 C o+ j

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

" Q/ _# K4 O. H

---

7 q E! y9 T' E# f" s. r2 u' z Z2 |' [

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

---

, e- F) h; S/ S

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

) V! g; T I4 N

---

+ S" [* d- X% p) j- A+ o

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

, R3 e# {# r. K& }8 f4 w0 G0 L

5 G3 ]" _2 ?3 F7 f; G9 G! @+ ^

---

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

* b) b3 _! O$ w# E: y

---

) k8 i! |$ V; {( L 0 z% e$ i( T1 _8 ?; y3 k

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

' r- M* Q1 i! }9 y6 F' x

---

( R2 | S; Z/ D# t4 @, Y 6 y9 u* W3 s {5 ]( w5 {9 D

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

" u- X! L4 R1 G! A& \2 c

; U/ O1 @" r% P# _: r) \

---

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

. d2 H# v) j& m7 n

---

5 {' |: q3 E3 ]) n: m) g5 A

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

4 v) g1 U p. e! H/ |/ ?6 I( Q

[* C Y0 ]' t4 A" E$ R: y6 D

---

W' u5 j: H' ~ E" p

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

---

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

$ w& X( N; [% ?6 g( [! M

---

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

---

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

4 s2 K/ {3 X% W5 A/ j# h9 ~

---

! K' Q; r3 I) m9 h* n1 s

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

- N9 b3 X9 }5 I+ {6 V7 ]

---

; \: E, a; P8 C3 y2 Q- h& j

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

0 Q3 |) _- F0 \& l% M

---

+ Z$ I7 z% B+ \2 z2 y

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

/ l: R0 l6 T# p" c

---

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

$ G3 j M- R3 [% e+ ^, X0 ?

---

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

7 g" A% _. N% @6 e) \/ s

. s! Z" n6 R! d4 u

---

0 P6 H1 z+ [- o1 p9 j; S 7 b) Z5 f. T0 @/ e. P, ]: T

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

---

1 e3 Q0 s" S% b3 J" f6 s: I/ p' h# G * P2 q% C% s% h% R8 R3 w

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

, S$ ]( ^& i" L/ x: D: E8 h

) L5 c* c2 l1 F

---

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

+ ?2 O: F' z- D/ ?

---

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

L" k5 ~; S! l( @

---

6 h( M- { o) P" e

27. 互动式铵钮。

3 \* R" |# g3 w+ }* w% T! Z, e- s4 T" x& K5 q! e7 ?4 g0 H: R, k4 w0 _2 i9 ~ r( } m( W' z! n8 Y6 s' `0 @! T- [& x! g) c9 c& r- E/ p6 l" ~" |8 B" {& \4 }$ J. G

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

5 I$ E9 X* V- ~. h3 j5 r

---

6 [" D+ W% X* Y' c( W# N

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

+ u& N, u3 N5 g: B

---

1 V2 r- G# z6 r2 c6 o. X 7 @/ w6 m3 k0 a: }! Q, Q5 ^

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

ＯＡ帅哥

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

---

8 Z% O9 Z* n3 ~% C9 L/ I

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

( U* a0 D G+ T+ T! Q

---

# W* \! |8 g, Y. D

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

---

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

---

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

" ?- [0 X1 ?& ~1 y; ?

---

4 Z/ G; k0 N" t1 r) ^5 o1 j9 I' j5 B

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

& j& n. k! X6 B# R4 K8 G3 J

---

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

* u' y" Z: M7 C% I0 s

---

3 T! V% @7 t0 ^ : H: _7 e7 I% x$ V8. 「目的窗口」也是众多网友的疑惑，在此說明一下。「目的窗口」其实相当于 HTML 语法中的「Target」语法，可以应用 HTML 语法，如「_blank」或「new」两者一样，都是「另外开启新窗口」、「_top」则是「在现有的窗口中开启」等等的目的窗口语法。也有相当多的网友问，使用了分割窗口 ( Frame ) 后，要如何指定网页显示的窗口呢？！方法很简单，不过有个前提，就是您的分割窗口(Frame) 要指定 Name，这样才能指定目的窗口。

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

<frame src="left.htm" name="left"> 6 e! x" G) Q# ~; W( r% P<frame src="right.htm" name="right">

6 G+ J! \; A+ e i2 p, Q I

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

4 E* f( n6 Z& J4 B

8 \* w. w2 D% p6 p

---

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

---

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

" w/ l2 X% S6 u* X1 x

---

+ H7 E/ W( z* ~4 v. g( } q 7 P8 a7 c0 E( o C

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

ＯＡ帅哥

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

---

& _5 e2 V! t2 s7 W+ P# _# ~5 j! z $ S2 t0 x: F' f, W) [

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

7 m2 o- U$ ^# K& \ W# G9 W

, p6 \& w4 S# u1 ^

---

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

* R D9 P* d6 N

6 N- z% i' A" h

---

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

9 n8 E/ g3 s0 K9 K. l

A6 p' e5 |* p5 a" d% ^0 {

---

5 E* O+ U7 J5 V& _! ~5 f

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

* L; u5 E9 W$ x

---

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

, _0 n" p4 v- p$ i, X% H

---

& W V( v* ^: M9 i: A% Y0 n4 s

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

4 ~, R' _7 p Y% T

---

C; z- p/ c' h6 p1 z1 }

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

- z% Y0 Z ^+ r$ k; ~3 V9 ]" `0 Q

---

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

---

+ {; g8 {& ^, W

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

/ a2 D8 T8 k# _ @* W- [

---

! u R7 N( x! C! P/ }6 x1 k# \

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

' M% o9 h0 l1 i

---

3 q0 b& G+ W: Z4 X2 m

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

7 N0 V+ X. R% B7 }1 R! l

: R! \* c6 y' ~! V6 Y) O

---

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

╃無名草╃

这个帖真的很好

加分！

熙佑

不错！