数学建模社区-数学中国
标题: FLASH教学[闪客学堂] [打印本页]
作者: OA帅哥 时间: 2004-9-15 18:20
标题: FLASH教学[闪客学堂]
! ~+ h, g R! s
4 I+ e5 R) M) p: n
1 F$ x4 D9 w0 I; A6 K9 O8 X- V2 L| FLASH介绍 |
& U7 [2 @4 P6 z( d! C# k |
0 a. l) S, \6 h
Flash是用来编辑二维动画的软件,经过几代版本改进后,采用了矢量图形和流式技术,迅速成为网上动画的霸主。Flash能够很好地支持声音,具有交互功能,简单易学,越来越多的教师以此平台制作课件。Flash界面和Director极为相似,可分为工具箱、总谱区、层控制面板和舞台四大支块。Flash制作动画比较简单,你只要定义好各个关键帧,当中的过程由计算机自动生成。它在制作动画方面和秘密武器是多层透明效果和变形技术,再结合按钮符号的交互功能,就能制作出炫目的课件。Flash特别适合表现现实中难以实现的、抽象的概念或现象,像炮弹的轨迹图,原子裂变效果等。只用Flash当然可以开发出一个完整的课件,而且“身材苗条”,适于网上传播。但Flash并不是为课件定制的,在课件开发上存在一定欠缺,最好与其他编辑平台配合使用。
, C3 A# B3 @" N) c D/ E- p

作者: OA帅哥 时间: 2004-9-15 18:21
标题: 基础篇
基础篇
8 Q- p, e R+ y' M& s0 I4 o/ M* ^3 R, S9 R& z
* H# _: x. u( k
6 k3 @. n: A) K" w7 E E) H m- i一、什么是FLASH?
4 b$ i7 R4 }9 p% I0 ?# q3 @% K5 t
FLASH是Macromedia公司出品的,用在互联网上动态的、可互动的shockwave。它的优点是体积小,可边下载边播放,这样就避免了用户长时间的等待。
: d% `' t9 O( n% x+ I2 J FLASH可以用其生成动画,还可在网页中加入声音。这样你就能生成多媒体的图形和界面,而使文件的体积却很小。
) V- n! q1 T9 N5 gFLASH虽然不可以象一门语言一样进行编程,但用其内置的语句并结合JAVASCRIPE,您也可作出互动性很强的主页来。
I2 W- R4 i8 P2 K" U FLASH另外一个特点就是必须安装插件PLUG-IN,才能被浏览器所接受!当然这也避免了浏览器之间的差异,使之一视同仁!
5 ?) ~( M. E ^5 Q V7 q
有人曾经说过:下个世纪的网络设计人不会用FLASH,必将被淘汰出局!/ `1 m6 U4 |: B! s8 p. g6 O0 E3 {- d
我相信这句话没错!
( t4 t/ F* J4 D6 M6 t* O
二、如何得到FLASH3/FLASH4?
) R0 m0 l) {' z7 t
Macromedia公司提供试用版本的免费下载,您可通过该公司的主页得到 FLASH3/FLASH4。
$ A/ t3 M- t! T
三、其他相关工具有哪些?
?+ A$ k* L2 d' x 基本的工具有DREAMWEAVE2.0,同样也是Macromedia公司出品的网页编辑器,功能强大,与FLASH结合的非常好!(强烈推荐)
' M: Y0 C, k2 o g* H4 N 另外还有AFTERSHOCK,用这配合其它的网页编辑器工作。(比较麻烦)
. Y! Y }1 F1 s- W5 W
如果你掌握了矢量图设计工具就更佳!如:Adobe illustator8.0 、CorelDraw8.0等。
作者: OA帅哥 时间: 2004-9-15 18:26
标题: 如何产生Motio的变化
1. 首先按主菜单「插入」的「建立符号」选项,建立一个新的符号元件。
* C# l' {( z# E% _. j5 h6 b' X

$ }1 V" {# [3 }2 ~ s
+ b L* \. n6 U
5 C6 ~& o& j/ \9 m2. 给予这个符号一个名称,并选为「图形」性质。
! J. E4 N- k& l8 Y% g
7 I- i0 ` b. r" e: @3 W$ l# J
( G7 W4 \! W4 M$ T
0 y- c# f7 x( E' G
3. 设定完符号内容后,会出现符号的编辑画面,请按左边「工具」图示中的「文字工具」.
# x# b) N3 {" k) d; g
& W3 h" d& q1 ~
' ^$ f- g: ?5 O# A) h6 X
* ^: Z/ T$ i. `" K R% p4. 选择您要使用的字型,及字体的大小。
/ k5 k7 C- {, x9 i
6 i; h9 b: n# ]* _# j1 }
/ p* a2 q) o" R: R! ?
& s% A/ S% A; r, _
5. 在符号编辑画面中,输入文字。
# m% j( b5 V" Y/ x
J0 l" \& l$ X0 [. i( R/ R
$ w+ ]1 P/ r& e" ~ Z( I) p! w
# x5 G: R) E7 u5 Z" i7 @/ R7 R- i5 E
6. 按主菜单「检视」的「网格」选项,符号编辑画面会出现网格,这样可以方便精确地排列整齐喔!
$ I+ M- @0 X6 j; a9 V) Q( [& s

% m% \1 w1 C5 v! F, N6 Z3 T
- f3 C- j$ |' K! T4 s( T
' ~# Q% N$ v. K
7. 移动符号到中心点 + 的位置,建立网格比较容易对齐中心点。
$ ^7 L3 N+ T! c/ p& E8 S1 \( i
. y P) `# @3 U- ?1 [: V; O
& a+ D/ H- L4 ?& a3 B9 h
1 H. {5 L3 ^0 }- P' ?/ @8. 按 Ctrl + B ,将文字打散,这样可以为文字上漂亮的颜色,相对的输入文字也无法改变,除非重新输入,所以先确定所输入的文字,再做「打散」的动作!您也可以按主菜单「修改」的「打散」选项來完成。
8 w: K7 X& D0 }6 Q* @! L
8 T. ^. u! q5 I. n" A2 u/ B$ v
' x% U" v% W9 b9 \3 ?/ l% c
4 B! x: ?+ [ z5 G+ e. \7 b, B9. 按左边「工具」图示中的「油漆桶」,调配喜欢的渐层颜色,里面有一些渐层颜色供使用。
! W- ?' W$ r: X; T- y) O( D2 \

" s$ L' b5 E% I- S; [
# F6 b v* w. K: q+ P1 I; h" F
7 H9 j* C/ d7 {3 _- P3 V8 _10. 选好颜色,移动鼠标到打散后的文字处,这时键头已经变成像油漆桶的样子,点一下文字,隐约可以看到文字已经上了颜色啦!
4 h; t; S, }+ m6 w- b1 i, `$ e

" U0 x/ |, z5 h
" H+ v) Z _" I7 N# M; N8 I* C4 x! N
11. 或许渐层颜色的效果不是很满意,没关系,可以做高速。按左边「工具」图示中的「油漆桶」,下面有两个小方块可以选取,请选右边的「转换填涂」小方块。
7 r0 Y5 t9 r3 {( B$ \& `0 s

" \: B- q' t, K7 l' g) w _ {
2 z( i I6 B: C+ J" W
8 \" e! }& B4 c5 q" `. g2 g
12. 这时点一下文字,旁边会出现一个小圆圈和一个小方块。小圆圈就是旋转渐层颜色,小方块就是缩放渐层颜色,中心点就是移动渐层颜色,依自己的喜好做高速,可以达到很棒的效果喔!
! c9 [5 ]4 ?/ S& C1 P/ ]

$ }$ _4 j# R: q2 Z, J
7 x) E! [8 v3 [) k2 y) I1 @, ?: O; o/ u* i
13. 调整后的渐层颜色。
) M: z: S8 c* I! f7 {

" u4 S) d9 m9 J7 h
/ j. y, l2 H1 c+ b# P; d3 ]* @# {' p2 m
; Z% h4 z9 l" _1 p
14. 完成符号编辑后,右边有一排符号标签,按
钮回到主画面,这时就可以应用刚刚建立好的符号。按主菜单「视窗」的「图库」选项。
! y/ ^* I5 A6 k

- v+ {3 l- ?( c! ~- o
4 J$ Q8 f; X! l
+ p+ c& |+ z0 L+ S. A15. 这时会出现一个图库的小视窗,里面会列出您动画中所建立和使用到的符号。
$ ?- A- s# F k; I$ I

, J3 r8 R0 V- L4 A% ?+ p
4 A" F; ^8 W9 {" [5 {% V
/ N2 K! d* y& A
16. 拉住预览窗口中的符号,拉到编辑画面中,虚线方块就是该符号!
1 w2 G) q$ M) O# M9 [5 \
8 l# [; F" @4 {3 l+ J
6 C# C U- d$ p
7 { ^. @1 l' [4 U1 \# y17. 放开后,符号就跑出来啦!这时您的第一影格会有一个小蓝点,代表播放动画至时,就会出现这个画面。
, s$ V( y5 P! p
7 n+ e B% j1 P$ c: S( f
$ n: q! m4 a( D1 R& I$ L9 }
' q7 C4 o. V, E% m2 C( ^- X+ c
18. 为了方便符号的排列与编辑,按主菜单「编辑」的「尺规」选项,就会出现尺。
' Z! d, E5 p5 T5 F( G; _, Y
5 c0 v9 f# { K2 Z
9 v9 W% N' ?" ~5 R* A
* x; _- `0 y* z& y7 q0 W( n: N
19. 之前符号已经在第 1 影格处建立画面,因为我们要利用到这个画面,做点小变化,成为后面的画面,于是在第 10 影格处,按鼠标右键选择「插入关键画面」,这样第 1 影格的画面就复制过来了!
3 c8 b$ b; K; Y6 m

; T" v9 @; t5 O+ [. E7 B4 ~
# P* f' F: v, ]4 k2 t- W
j |: T9 {7 I20. 在第 20 影格处,也是重复刚刚的步骤,复制影格画面!
; i7 I T- g3 M9 ^& h
0 X Y1 O/ D: B% s( P
6 V$ s! s9 }% H
I U' {$ Y& W2 a9 o: z4 d
21. 接着就是变化啦!将时间轴移到
第 10 影格处,选择符号,按工具列的
缩放工具,将符号放大缩小。
& [0 H/ {5 N, t2 j

B2 Q9 a& {, w
. N3 I" Q# K) c$ t# @9 L1 n6 {1 ]9 Q6 Q+ C. k) ]
22. 放大后的符号将成为第 10 影格的画面,其他的画面將不受影响!
: k/ h s% e1 _ W( k& Z' q4 w

: s" l$ o( I, D1 r) W- G& H
# r9 G9 K( C- j; e/ Z' s. W/ D' p5 g" l
23. 建立好动画大概的画面后,再来是怎么表演啦!在第 1 影格按鼠标右鍵的「內容」选项。
1 T N: I9 X5 r- ?/ L

) \/ h1 ^+ b X" {6 v3 ], m
7 y. n* a, W8 E1 b P, \9 b
) _. Q7 f4 U3 Z7 C$ G/ Z- _, _24. 定义第 1 影格至第 10 影格间的变化,在此我们设定它为「Motion」,意思是第 1 影格至第 10 影格间自动产生產生连续动画 , 够厉害吧!Flash 会依前后影格画面,自动替您产生中间的画面变化!
( V# R C9 n+ f6 |5 Q
. S: I1 @& a. n9 ?0 n9 m+ R1 }
- f( l. `' \1 p& _# ? n$ J$ a* S# C* E& z! N
25. 记得选取「自动产生缩放」喔!因为我们做了缩放的动作。
2 i' i- Y4 V) Z6 b

$ O4 f, u6 P2 i- I/ b
4 Q9 A9 L9 Y' T3 K, x, [
" D; x) J& y' l8 e' s8 D( M- A& C, g26. 您应该很聪明,现在应该知道接着要做什么了吧!?没错,就是产生第 10 影格至第 20 影格间的连续动画,重复前面的步骤,在第 10 影格按鼠标右键的「內容」选项,设定为「Motion」,一定要选取「自动产生缩放」喔!
8 S* ?# ?0 U3 ~4 u- G* c) U

5 J" [: W5 `' a4 a1 i
* |, V' B: n' S6 x, z" J
( ~# q1 J- P" A6 i% H5 c7 a$ Q, b27. Yeah!大致完工啦!剩下一些后续工作,或许这个动画您以后还要利用,深怕过一段时间,自己都忘记哪个图层是什么功用!所以就要养成好习惯,替符号、图层、场景、标签等等,取个有意义、好记的名称。现在就来更改图层名称吧!鼠标按一下「图层 1」的地方,它会变成
这个样子,就可以为图层输入新的名称。 
* @; _+ F5 e" _) Z: ?% C+ F I
! E5 f8 O$ G) Y8 T! z
# F2 p; m# j. Y1 _ C1 R
9 F( I j) u8 r0 w! g- @; A4 y2 N28. 迫不及待要输出作品啦!方法很简单,按主菜单「档案」的「输出电影」选项。
- Y* T2 m$ k/ v" D' m% A/ h

x2 X0 x- k+ F+ X: Z3 ^' T; @+ a# N% i
1 C* t0 t( S( @0 {7 {/ Z
! {' j0 J# V3 V! E- B29. 选择好储存动画文件的路径,并输入文件名,扩展名为swf。
' N r+ f$ J& a4 b: N

1 m# ~- c" k; [' n
1 S& H8 q6 l. S+ a. N) G
, F2 d% F% p" y+ _6 T) A$ e
30. 设定Flash动画属性,以下是常使用到的项目说明:, D V- d8 g( l3 c3 {/ y
产生大小报表:这个功能是输出动画时,附带的动画文件大小说明,可以此来酌情降低文件的大小。. [) I- I6 k8 ]; [
输入保护:如果您认为自己辛苦的作品,不希望被别人修改变成他的作品,这个功能就可以保障您的辛苦。
" I. R3 p/ x* K, NJPEG 品质:动画中如果使用到图形文件,您可以统一全部文件的压缩品质,值越大品质越好。
/ S. B! o! W% J1 R# ]3 k音效:您可以在此统一设定动画中使用到的全部声音文件品质。
8 W+ U5 q. V+ j+ z4 q. m/ V
作者: OA帅哥 时间: 2004-9-15 18:30
标题: 如何使用移动导线
1. 首先按主菜单「插入」的「建立符号」选项,建立一个新的符号元件。
! [7 O# R8 b$ s/ F2 D" R5 T
! V% X" [% e: s1 t
: E8 f) p" t. l+ r+ x) D) C6 O+ \4 }/ @. V# \
2. 给予这个管理人员五个名称,并选为「图形」性质。
0 m" C2 G9 \& B3 t

8 D6 Y Z$ i( M0 V: M
% r% u4 Y M( t s& Z6 t B& p9 D/ b% \+ e& G; m, b8 b
3. 输入一个文件来当符号,按主菜单「文件」的「输入」选项。
' \9 l% q- d( r6 n7 l$ V$ K3 G/ ~
6 c+ u1 x- T/ O4 M2 g: z- }5 z
; o; x+ x5 G: F, V0 Y0 U
$ W; {& F) z0 {1 I4. 选择好输入文件的路径及文件,按下「打开文件」。
' a, }3 s2 n# O( @* ~ e# W9 ^
9 A# I/ S/ q( g+ y( i- O B4 Z& L
4 O+ n4 R- f0 _; w; c. Z. a/ ~" ~- i# m) t* {
5. 简单的步骤,图形就输入到Flash中了!声音文件也一样。
. g! V! S" {* t9 F$ K. Q
* I6 D! x2 Z9 v! V
6 f& ?8 u2 M9 m8 Y
) L2 ~* |6 A$ y6. 因为输入的天使是向左,想把它转换成向右,方法很简单。按主菜单「修改」的「转换」的「水平翻转」选项。
2 J6 m$ V+ @/ R' ^, v, [
7 W* y$ d$ V9 x+ j
" c+ Q9 Q$ C1 A( D
2 Q3 e; G* C# U% o; a+ W+ |7. 瞧!是不是转向右了呢?!完成符号编辑后,右边有一排符号标签,按右边符号标签排列的
标签回到主画面。
: b6 R. B( d+ s2 e
7 q/ Z: Z$ X' P) S- ^
* P, M6 N# W' H
3 o: @# i0 ?( [: L+ @( k. D
8. 这时就可以应用刚刚建立好的符号啦!按主选单「窗口」的「图库」选项。
" c! U1 P8 J r$ x

+ p8 f! K7 l& E: e- T$ U
6 h* n7 b/ P7 [7 L2 J( I o L4 D& b; Z" z* W. ]0 K2 ]
9. 出现一个图库的小窗口
,里面会列出您动画中所建立和使用到的符号。 p+ T& \/ A5 p
4 I( N' q+ h9 X- k9 |) P1 ?& I1 N" d( P.s : flyg 是刚刚输入的文件 )
, ~$ t% |$ U# [" i( z$ p. o" A* h9 V% ]/ M% I- [1 P4 G8 M, C# z
+ [$ m' {# C3 h& j& P3 s- A
" E) F( V( `. A0 d: w10. 拉住预览窗口中的符号,拉到编辑画面中,虚线方块就是该符号啦!放开后,符号就跑出来了。
) u2 z" M; W* Y) ]' [1 C
, ]6 |8 T' r$ G& P
) G6 b& I9 p9 X$ r2 k, M6 K$ o, z) I5 N+ ]
11. 接着就是开始应用「移动导线」。在图层 1 的位置按一下标签按钮,并选择「加入移动导线」选项。
/ J) \$ \* \" k+ I/ e
8 r v k, ~/ k! b
/ s ]: F4 K% H# w- ~* d( p
" L- ?3 E( `- Y- d# d; t: K; B12. 是不是新增一个图层,前面多了一个曲线的符号,代表您图层1使用「移动导线」。
9 A3 F |2 r' d; w" Y

5 @% q" N2 C: I7 q. ?) M
" {2 n+ f1 X$ \: j. W# D) A0 J. \( m% m
6 v. Z4 N: V% t) v+ r
13. 目前编辑状态在「移动导线」图层 1 的位置,使用工具列中的「铅笔」的「曲线」,随便画一条曲线,主要是用来当符号的轨迹。
8 \4 U6 a5 [% T$ O d
0 d3 Q: r, v- a0 h! @
# c8 c5 q+ O" L! H
?" p/ G; y: F14. 画完曲线后,可以做些小修改,使用工具列中的
工具,将曲线拉得更漂亮,记得要先选取曲线。
. N0 [- R) x( ^# z( e

. a( V) Q+ Y+ r
9 \, w5 e0 U% L/ p1 ^( l) C9 }. Z0 w. x8 j5 }
15. 鼠标从第 2 影格处,按住左键拉到第 20 影格处,再按「F 5」键插入画面。
6 P& x G9 v1 |3 u; Y) l
5 P: \4 t4 ^) m9 O, t& B" [
# g7 ?7 S1 t6 E) e$ r9 G
/ c! a5 V6 v& y0 N1 U+ S16. 将鼠标移到第 1 影格的位置,接着拉住符号的中心點 , 移动到轨迹上,您会看到符号中心出现一个小圆圈圈,只要将小圆圈圈移到轨迹上即可放开,记得要点选選工具列中的
工具,才会出現小圆圈。
; @9 z1 l0 n, C& [8 J! v
1 p2 ]; | V. U4 m$ B: T+ m. J
% n3 [& b( K9 F: i* w3 H% F3 o% ^8 C
17. 接着在第 20 影格处,按鼠标右键「插入关键画面」,复制第 1 影格画面。
& {# u6 }5 L" k+ m/ }6 F

" e' W- m: P( I8 e! W
J! `, e; C7 i( J1 {3 d2 a# l# ]9 R; y, c; w; ?
18. 将鼠标移到第 20 影格的位置,接着拉住符号的中心点,移动到轨迹上,您会看到符号中心出现一个小圆圈圈,只要将小圓圈圈移到轨迹s上即可放开。
% V0 X+ L* [# J
- A: l2 Q m! s: U$ F1 p0 X/ X+ [
6 k$ K5 n, h+ l* t- Z
( \" {7 j" K& o ?' Q; ?( c19. 接着在第 1 影格处,按鼠标右键「內容」选项。
/ f; ^- ^7 w) q$ o v1 |

: c3 ?$ L' O {+ |% F9 [
' X6 j) B7 \% f8 q6 V
- ]& \- h0 R2 J) x20. 产生Motion连续动画,记得选中「沿路径方向」选项,因为我们使用了「移动导线」!
' f' w; Z; W$ \" ^3 R
: W4 m" B- S6 i4 J4 P
( p! M/ Y$ y. E3 O/ L/ [
9 X0 J% z$ Q; E" i' I21. 完成第 1 影格至第 20 影格的 Motion 设定后,接着把「移动导线」的图层「隐藏」起来。
1 G9 Z* u1 ~5 ~$ l7 A. Z4 d9 B

+ O8 U7 l/ k; W0 y1 o7 j1 n/ ?$ B
; M) [: X/ H! z
0 a4 H6 t- P: F. N2 g22.这个「移动导线」图层的标签就会变成一个打叉的眼睛,代表隐藏起来,播放动画时不会显示出来。
7 b) c2 ~! I' |+ |7 P2 Z0 E0 f# i

6 s. }) @; A! H
]9 a$ x5 i2 ~$ h3 s. @
6 _) v+ r$ O: T) M1 g23. 完工啦!可以输出作品啦
作者: OA帅哥 时间: 2004-9-15 18:33
标题: 如何使用移动导线二
1. 每次制作动画前,您可以先行定义画面的大小、背景颜色等等,初始值是 550 px X 400 px、白色,修改方法:按主菜单「修改」的「电影」选项,就会出现如下图的设定。
, [$ D; _- a9 y. L. g% U
: F& z* h$ G' k6 d% ?6 l. j
; C) T3 w! E/ i' O8 P4 j
" p- N! C3 O' [) ]2. 首先按主菜单「插入」的「建立符号」选项,建立一个新的符号元件。
) v# P0 l- j) R4 U" s D

. B6 x0 [* F l/ w
. r6 Q' H9 i% i9 q
7 Y- p; i& N+ F# j3. 给予这个符号一个名称,并选为「图形」性质。
5 `5 E* z# t" f# `0 i4 o

# O$ B2 g$ c/ B! r
2 S' c/ F1 J. o9 z! H+ u4 X/ E# H2 S7 [' T5 Z5 h; X2 [
4. 完成符号编辑后,右边有一排符号标签,按右边符号标签列的
回到主画面。
" v0 h. |8 e8 A' n

2 h" V0 ^! p& T: W0 |
$ e) s% r! j3 B3 ?; e
, L: A8 t& M/ r1 n, }+ H/ G! V5. 这时就可以应用刚刚建立好的符号啦!按主菜单「窗口」的「图库」选项。
. V2 L: A" p% i1 j6 T7 N* |

% k, |. T2 a6 u
! W6 _- x# R7 n3 f' s5 R4 [, w. G6 q' B3 N" L8 b) k$ o+ U* b+ ?3 _
6. 出现一个图库的小窗口,里面会列出您动画中所建立和使用到的符号。
& {- z+ O) X3 ]# Q

4 D ^, ]! @" y& M
8 y' a- g: N u+ g+ n0 Y& f$ ?/ M, q" p4 {8 e- M. H; d
7. 拉住预览窗口中的符号,拉到编辑画面中,虚线方块就是该符号。
6 b- [1 F) ] A) z% b1 [9 R
9 `0 l7 _( ?2 f3 i( ^4 O E4 z
4 n1 b; u* `# l# H
6 u$ }( V1 H& Z1 L5 p! ^+ F+ M* U
8. 放开后,符号就跑出来了。这时您的第一影格会有一个小蓝点
,代表播放动画至第一影格时,就会出现这个画面。
8 Z/ k/ t! ^& p& M
# \7 ?" ^' q F) v. x! S
; z7 x0 `6 m7 C! p% [" q1 V
$ Z. J" _1 H6 Q' C1 R! E2 H; w9. 接着就是开始应用「移动导线」啦!在图层 1 的位置按一下标签按钮,并选择「加入移动导线」选项。s
' w5 o+ m* e- T1 K& r) \, c

( t, V2 B' k# w0 w8 r3 ]" A% p
: q; m0 G8 T/ ?/ r0 V3 E5 }4 D% D1 u0 V: z J: ]7 L
10. 是不是新增一具图层,前面多了一个曲线的符号,代表图层 1 使用「移动导线」。
2 C6 s# G" k2 y. |7 y0 R7 ^
! c, m/ p" H. e
5 N3 c2 u5 T. b S1 P; V, ^
" |. n- A4 P3 U7 L& m; F% h0 |5 l11. 目前编辑状态在「移动导线」图层 1 的位置,怎么看呢? 就是「铅笔」的标签,就是目前编辑状态在哪个图层。现在可以加上符号移动的轨迹,在画面中使用工具列中的「铅笔」的「椭圆形」,随便画一个圆,不一定要是圆,曲线、直线都可以,主要是用来当符号移动的轨迹。
" K! b, u% J) g ]5 p
) u0 V3 M; D8 n4 r
$ j& o8 t8 v/ E% E# H; I
( B8 ~' K2 i5 o6 |1 S
12. 在第 20 影格及第 40 影格处,
分别按鼠标右键「插入关键画面」,复制第 1 影格的画面。
9 U1 q2 H3 D, _4 \9 b. {, k! T9 a- ?, E2 |
0 h$ ~: H+ b8 @4 a
+ T6 [; f% T( x$ y! V& K% `8 L
13. 将鼠标移到
第 1 影格的位置,接着拉住符号的中心点,移动到轨迹上,您会看到符号中心出现一个小圆圈圈,只要将小圆圈圈移到轨迹上即可放开,记得要选取工具列中的
,才会出現小圆圈圈喔!
3 ?8 Y8 h+ Q5 G4 ?% g: b+ J( N; r) _
/ J# |& K1 V Z4 ?& ]0 |
7 R9 T! Y& h- _+ ` K$ m, o) o( h
9 m/ D! T9 d1 _. q14. 依样画葫芦,将鼠标移到
第 20 影格的位置,接着拉住符号的中心点,移动到轨迹上,您会看到符号中心出現一个小圆圈圈,只要将小圆圈圈移到轨迹上即可放开,做完第 20 影格后,并完成第 40 影格。
2 q8 [5 W0 i( j5 W8 B/ r% C

& f" r$ `' G% ~! P, B* j
( F: E6 ]8 t" z) ~
& T6 ?/ z( p3 H7 Y15. 移动的位置在轨迹上的任何一点都可以,只要是让动画播放起來有连贯的动作,下面 3 张图片分別是第 1 影格、第 20 影格、第 40 影格移动放置的位置。
8 b$ Q* I# N7 d3 V5 i3 t( P.s : 第 40 影格与第 1 影格的位置不同喔 ! 第 40 影格比较靠近第 20 影格的位置,至于为什么,请看此节的最后一个步骤即可明白 ! )
$ \# X* b5 p& Q. F2 o$ X



% W- @2 h6 v* Q2 H
9 ^3 b/ k) @* o# Y2 u+ f9 |7 h7 ]- b$ s' V8 w* \ u& O
16. 接着在第 1 影格处,按鼠标右键「內容」选项。
3 g5 U m" r4 w9 \, \' W) v

$ q9 r; @3 v1 H& M
+ i7 U/ N7 Z+ l' y5 A
+ T( J5 p! q! N9 f% C
6 c% W# D; z8 \3 L9 Q
17. 产生 Motion 连续动画,记得选取「沿路径方向」选项,因为我们使用了「移动导线」!
. |- c; w0 b. l* j# P$ `. Y% o. H
4 j( b# E' t( B9 K+ G
* s% K& y; Z- s
# o) w# e$ V3 W& p) s, j18. 依循上一步骤,也将第 20 影格完成 Motion 设定。
1 ]( W) E9 s1 D' a& Y

C9 Z$ q) G* _' q' P
" P# {3 u& C! ?8 x; s0 X
! O$ Y1 w3 n. E9 l4 R
19. 如果您不想显示出符号移动的轨迹路径,可以在「移动导线」的图层中,按一下标签按钮设定为「隐藏」。
8 V* {- E- {3 m% S6 j9 |
& N- v% _( e) D* i2 K
+ m: n* j3 j4 j
; S7 p5 M4 \1 j/ `' {# ^ T) m20. 这个「移动导线」图层的标签就會变成一个打叉的眼睛,代表隐藏起來,播放动画时不会显示出来。
8 h: _: Y7 v! o' |! C, \
( {3 c5 O# P6 F# g
" A1 G. M, c5 ]" z7 S6 q: {' y
0 X5 F7 G. `" F" _+ s5 S3 I6 ], t21. 完工啦!可以输出作品了。 ( P.s : 输出电影方法及步骤可参考 [如何产生 Motion 变化])
+ `2 C& m3 U+ K8 P& X2 `( ~
# h6 @9 p; v& s- v: n$ W7 l
! M$ b) C) X# ^6 I# S22. 附带一提,以此例來說,为什么 Motion 要分成两个部分呢 ? 是这样的,当您使用到圆形的「移动导线」时, Motion 勾选「沿路径方向」,Flash 会依照第一个画面和最后一个画面产生连续动画,它会走捷径,也就是最短的移动路线,所以要分成两个 Motion!如果您只使用一个 Motion,第一个画面的放置位置完成,再来是最后一个画面放置位置移动一点点,设定 Motion,希望能依照着移动路径跑一圈,Sorry,没有办法,因为它会跑前后画面最短的移动路径,所以无法以一個 Motion 完成,要用两个 Motion 以上才可以完成喔!是不是又学会一招了呢?!
作者: 熙佑 时间: 2004-9-16 17:41
不错!
作者: OA帅哥 时间: 2004-9-19 12:08
标题: 如何制作互动式按钮(一)
1. 首先按主菜单「插入」的「建立符号」选项,建立一个新的符号元件。
/ I8 `( I% o. n- w

) J1 V/ t# \: C6 W# s0 y* }
$ P6 }7 t+ J7 p
9 M9 \) H$ G! {5 y$ Y) ]% ~+ b
2. 给予这个符号一个名称,并选为「按钮」性质。
1 V% q2 O$ K+ T

& V- |+ s! F. v9 G# Q% r6 g- l. E
+ z3 J, p7 p0 |/ h3 y
" {/ [9 i6 h' T$ q; @( v$ j
3. 点取右边工具列中的「铅笔」,选择「椭圆形」并设定线条粗细。
+ p, a& `/ j9 _, S. j' z' U
6 X3 Z5 h) I/ ~! C" Y( l2 ]+ e
7 ]7 i, j3 e/ T
; ]3 u& h0 D% K3 }2 n6 @/ l4. 在编辑画面中,画一个简单的形状。
4 Q) M0 @8 k; H- G& X# j
% \+ y2 C* g4 q- D3 v$ t
$ X, w: }3 ]' o
6 @$ |7 m( k6 @: n% D5. 接着点取右边工具列中的「油漆桶」,填入漂亮的渐层颜色,可以调自己喜欢的颜色!
], Z2 n% a6 t5 _

( O2 z- O. h }
& o- {$ P. {7 m
. ^2 _* \+ l( z) O( Z: O6. 填入颜色至刚刚画的椭圆形区域里。
% H4 G& Y( u) [) L, ^9 J
$ {" G% v: V6 a% q% i
5 F) y$ B# M: V
: J: k& d' Q9 ~2 R1 A+ {7. 这样就完成按钮原始的外型,不过没啥特别。所以接下來就来制作互动式的按钮。在「滑过」的影格处,也就是 Over , 按鼠标右键,选择「插入关键画面」选项,复制前一个影格画面 ( 一般 ) ,这样就不用辛苦地再画一次啦!
& \: \' {7 r( [$ `9 F3 D k8 |
/ S( x* X% J G$ @& f Y
* y( n& f/ X" U$ _" P' m! H1 J7 W; v5 u x, {( I, k$ e y
8. 来点特别的,填上不同的颜色,方法可参考前面第5步骤。这个画面就是鼠标「靠近」按钮时会产生的变化。
9 r: R5 V. o# g7 D( h4 m1 k
' \* T2 p; O9 X4 J z2 v' E
. { E1 y, ?- J+ p) g! c$ n
R5 I! o. @( y$ \3 F! p9. 同样的,在「按下」的影格处,也就是 Down,按鼠标右键,选择「插入关键画面」选项,复制前一个影格画面 ( 滑過 , 其实 Over 和 Down 都可以同时复制「一般」影格画面,因为我们只是改变里面的颜色,没有改变形状等)
7 f* O# A0 Z6 U/ ]0 d* F

, p7 k+ f+ l. z! U( h8 g
& k/ T' t! [. x6 [0 T" ~; a, x+ I; r; _' y& P r$ Z
10. 填上不同的颜色,方法可参考前面第 5 步骤!这个画面就是鼠标「按下」按钮时会产生的变化。
2 `" V# a3 j6 K6 W% K$ c
0 t- g. B: e& j" r! [% s
% }( x4 V( k, |3 ~6 p/ n
+ x( R+ _; u4 y11. 按钮图层下新增一个图层,在「铅笔」图示的下方小方块,按滑鼠右鍵,选择「插入图层」,此图层是加上文字用的。
8 ]7 S% o6 e1 Y# @! c! A
5 f9 k8 Z) w! d
5 m/ c, [3 a3 G$ y" N. G) Q8 _
6 r. W6 q: y% L, D1 n- [: Q
12. 可以为图层来命名,双击图层名称处,即可更改。
" s5 ^( S, T- Y: K" ~# ^
" z0 i! ]1 J/ @0 L
0 U2 l' j+ \! c0 h0 O0 U9 W
y% r. F4 q# A: @13. 接下來就是加上文字,点右边工具列中的「文字」,设定好字型、字体大小属性等等。
. }+ M- q% M& |& A, |9 j+ c6 z- R. v

6 n& l) Y; U2 m5 P
@3 |# W/ S; I) v" ^8 M6 p' o- K0 \) A
14. 在适当的位置加上文字,可以用鼠标移动文字调整位置。
, ?/ C% Z! R: N8 c: \1 p! P# H
. I8 s( B4 C2 @9 V( [0 H4 N* g
' v3 q5 k& ?+ d2 C) x T$ J
) S& U1 {; h [ _15. 文字输入完成的画面。
( J. c6 D. G# c" V) Q8 o
) T8 \4 F% x) I/ ]8 D' X
9 S5 O C" }8 g8 j' l+ @& f. G3 [
6 B3 ~9 X: l9 p! P16. 同样的,我也想在「滑过 Over」、「按下 Down」的影格画面加上文字,可是文字不一样怎么办?方法很简单,只要插入空白画面即可啦!鼠标移至「滑过」影格处,按住鼠标左键拉至「按下」影格处,即可放开,就选择这两个影格了!再按鼠标右键,选择「插入空白关键画面」。
7 J; k9 Y1 H7 t0 J5 i

1 q5 |9 o8 |4 B$ L# ]) }5 ~
7 M1 u, G: R. i# e; W+ y* g) O" r: \2 Q( Q7 N# c+ h
17. 将时间轴移到按钮的「滑过」
影格处,这样所编辑的动作才是「滑过」影格的画面,不然,很容易更改到其他的画面。
) U9 ?( i7 z; l Q4 G
- h! w* D; u; }0 q% P2 ]8 a" }2 W& u4 L2 A3 c1 ?) @$ o: _4 e4 D
18. 文字输入完成的画面。
6 }# H& p) h' ~" o6 D1 X1 q
1 w- B7 ?3 |, ~. ?+ [
; B$ D6 n0 w6 I% a1 e: `. X
8 V" p7 w9 \0 [ y( V7 u8 \ P19. 同样的,将时间轴移到铵钮的「按下」
影格处,这样所编辑的动作才是「按下」影格的画面。
3 C: |. O9 _$ `8 L, u: t, h7 Z
4 O& X- N# H! F v& S& `, T$ n; C: _6 K, J
20. 文字输入完成的画面。
w) | z# L7 t0 @; }
( f3 t5 f2 T3 O. {! d* x7 @
" k1 r5 b! ]8 q9 f3 ~- u
* Z5 G8 O/ g% Y21. 完成符号编辑后,右边有一排符号标签,按右边符号标签列的
标签回到主画面。
% f' o& q- L0 `5 X F
S& p1 d4 q3 A! |" U* o
) c$ g& v9 f; r! l
22. 这时就可以应用刚刚建立好的符号啦!按主菜单「视窗」的「图库」选项。
( ?2 q! s* a6 O

1 j! R0 ?, i" z1 j* G) Q
! V. |& Z8 m4 x7 O) A1 p& e
1 b0 Z/ j: Z2 r M23. 出现一个图库的小窗口,里面会列出您动画中所建立和使用到的符号,鼠标按住左键拖曳符号至主画面中。
1 A# q+ x7 {2 a% ^
1 F* j2 I3 ]) \. D& v) D# a( T5 m% A
) l u/ c9 n( t- E
' [5 i/ j/ `1 f1 r- N/ z24. 虚线方块就是该符号啦!
& y/ S7 M C5 r
1 g" ]8 B% b2 S7 L1 d' B& h$ O
5 R/ M! b% I' F( W: r! K1 ^, ]$ t% X6 q* y: F
25. 放开后,符号就跑出来啦!
X/ H L3 c" u2 `- |7 {- e
( @9 U3 @5 H- n" P! M% H7 T
5 h# N3 s8 u+ G* k& |0 a& }3 H: D0 Y) k
26. 想不想先预览成果呢?沒问题,按主菜单中的「控制」的「启动按钮功能」,就可以试试按钮的动作了!
3 L6 ^( k7 L9 \& q5 i g j+ Y

) k4 q8 T; q0 F9 a, v& `0 R" [
, l7 I! Y+ D; x4 j7 j& `7 l( c8 p
# V v+ b' H6 Z) M27. 互动式铵钮。
8 p5 g! ~5 V3 t$ w; H0 f: |: ?; y2 {0 E6 Q* @
, @8 e* c e1 E) t
5 H9 X1 c/ h. { e| 按钮「一般」画面 | 4 D- L! |2 t9 @. a9 X h
按钮「滑过」画面 |
, }% u! t, b, w- U8 R% S9 g. _按钮「按下」画面 |
5 T( X- n+ @& r* v F( g; k6 q3 C- i: ~7 H/ m3 Y4 F
 |
, n- v3 k$ n+ O# o& ^& g! U. P | . J- ^5 e0 r5 T0 v$ |( |/ Y
 |
u! E/ a* h3 M5 m4 {
& l' O8 @8 B6 N# y% q& J
9 ?! w! K* a* Q2 N% m- L7 l28. 完工啦!可以输出作品啦!
$ e8 a1 A9 p: K0 z
' c& M. t( t$ E+ p1 Q
9 c. e7 }7 H" _4 X" d; k4 L1 z29. 此篇为「基础篇」,让您知道「按钮」的互动观念,接下来的「按钮」教学,将越来越「进阶」。不会很难,只要脑筋转地过来,会感觉「按钮」很有趣且好用!只要是互动式动画,一般都会使用到「按钮」,所以要用心的学喔.....
作者: OA帅哥 时间: 2004-9-19 12:10
标题: 如何制作互动式按钮(2)
1. 延续「 互动式按钮(1)」,此课将为按钮加上「超链接」以及「目的窗口」的动作!
6 K2 Y) J. |- W, y
, D3 A# C5 x% O3 x' f3 C9 P' z
* b! Q; @+ f7 @; k# o
2. 应用「互动式按钮(1)」做好的按钮,在场景按钮处,按鼠标右键,选择「內容」选项。
( n9 |. R9 b% H: [$ u
. m& ?, ]% a G" q$ W' U% @% y, _$ Z
0 u5 F5 G! W6 y8 y5 V+ J
+ S7 a9 Z, B; s4 z
3. 会弹出符号的属性设定窗口,请点「动作」属性设定。
/ T+ c; X: C$ k& z4 V
1 J0 V( d% ? [7 @% [( O4 O- c8 C
+ I( G; }: |) K$ t9 i4 K0 U# n& k
0 x0 ?* v4 S& N- F0 Q4. 接着在右边处,可以看到一个类似「+」的按钮,按下去会弹出菜单,请选择「鼠标事件中」。
/ H$ j7 F- b T% v

+ M3 d/ @) P* b/ J2 c0 D* l d
7 q. F3 z+ I) ~2 }2 B7 x/ D5. 在动作的项目中,增加了「鼠标 ()」以及「鼠标結束」两项,请点击右边鼠标事件的参数,可以依自己的喜好来设定,「按下」的意思是「当按钮按下时,马上执行动作」,「放开 」的意思是「当按钮按下时,不执行动作,直到按钮被放开后,才去执行动作」,至于下面几个事件参数,将在往后跟大家介绍。
- `) Z' r$ G8 |7 M% {4 {8 K5 x
: x0 n2 {7 J3 V. D! k, a/ d
9 _0 L x Q7 R. L6 g$ k; d5 J
2 J) S! b& w9 P8 }/ |: O6. 设定完鼠标事件后,接下来就是「超链接」以及「目的窗口」的设定了!在动作「鼠标 (放开)」的下面增加一个「超链接」的动作,方法很简单,按「+」按钮,请选择「取得 URL」。
1 g0 ~7 i8 X) X; Y

+ F# t) V, D' S' W. j, z
7 j+ N& f) m, h& l7 a' m3 a2 T
; m: @# F; d+ _
7. 在动作的项目中,是不是在「鼠标 (放开)」的下面新增加一个「取得 URL」的动作呢?!至于参数设定,URL 当然就是输入「网址」啦!可以应用 HTML 语法 , 如「http://」、「ftp://」、「*.htm」等等的超链接语法,很多人都问要如何加超链接 E-Mail,只要输入「mailt电子邮件地址」超链接语法即可!语法与 HTML 一样!!
4 G* N0 r4 g2 s2 h
" d% `/ V2 ?8 n5 y: ~6 O0 ~: o4 S$ l
m+ R% d; o% M! l3 i& R- N: B8 c2 k8 S& c, H! h8 [9 P* D) L
8. 「目的窗口」也是众多网友的疑惑,在此說明一下。「目的窗口」其实相当于 HTML 语法中的「Target」语法,可以应用 HTML 语法,如「_blank」或「new」两者一样,都是「另外开启新窗口」、「_top」则是「在现有的窗口中开启」等等的目的窗口语法。也有相当多的网友问,使用了分割窗口 ( Frame ) 后,要如何指定网页显示的窗口呢?!方法很简单,不过有个前提,就是您的分割窗口(Frame) 要指定 Name,这样才能指定目的窗口。
/ b+ E m4 [; Q7 \举例來说:分割窗口主要文件的 Frame 语法中要有 Name 参数!
4 M" \! g2 e/ K! `( o" q
<frame src="left.htm" name="left">- `# ^0 l5 f. a4 [, {$ L
<frame src="right.htm" name="right">
4 ]' F; d5 N, C" `4 |8 t7 @ g; x
假设您的按钮 .swf 放在右边窗口中,想指定网页显示在右边窗口,那「目的窗口」就要填入右边 Frame 窗口的 Name,也就是「right」.
7 [: p4 |' w4 [) a2 X4 i/ i( M- Z) v
! [* Y9 D2 I4 f( v% p
% y4 x0 U( @& p2 D5 i
9 y& P0 j1 d. t- k- a) }9. 按下「确定」按钮完成设定。
& I" T" e) T6 \! O
( h5 J8 o" y' t
& t0 E i2 X3 a/ M* l- q4 C& ` ?+ |! O5 J9 g
10. 完工啦!可以输出作品了!
) ?# O# M% ]- F, x6 G% ~; a
4 W9 D8 Q* x+ j3 v; M7 a% {+ w
% a& E! l4 S; G& J
11. 附带一提,在 Flash 3 软件或单独的 .swf 文件,无法测试「超链接」等等的动作!要输出 .swf 文件,在用 Aftershock 产生 .htm 文件,最后用浏览器开启 .htm 文件,才能测试「超链接」动作是否正确!
作者: OA帅哥 时间: 2004-9-19 12:10
标题: 如何制作互动式按钮(3)
1. 接着「互动式按钮 (2)」,本节交赤按钮加上「动画」效果!
, i: m- H/ ^% w5 B% X3 a$ \0 F
! F4 i% ]$ o4 G m# i; _+ a2 G5 ^" H6 ]0 Y# M5 n
2. 应用「互动式按钮 (2)」做好的按钮,并建立一个「电影片段」( Movie Clips ) 的符号,按主菜单「插入」的「建立符号」选项。
& ~. J; o$ v# V1 \4 i' @9 x
1 e3 a5 I3 U) y
+ H* ]7 u: H" B# _3 @9 U( O1 o% }7 U X$ Y8 R+ l7 a3 W, t* ^
3. 符号的内容设定,请选「电影片段」选项,并按下「确定」。
9 j' D3 _! X4 h4 S8 q$ D

, S' F: r& H/ A- }" N; n) J
+ p& M8 C9 Q+ H' T
\: n( Z. J# u- t' ~5 i4. 接着应用「如何产生 Motion 变化」,来当作我们的「电影片段」,您也可以自己做不一样的电影片段...以下是文字 Motion 缩放变化。
`. g6 F" l/ r
# ?( d7 l, i- i( n1 p- z
7 a, K: D* H+ `. m# {3 R
+ V2 T, d$ l4 H) ]8 {5. 时间轴影格间的变化。
9 m2 h' G" z4 e5 ]# \( x3 {

, m4 c/ F: B' Y/ e
' m: x2 ~2 ?# t. }9 K# K
, w8 C4 {6 \" a! s* u. ?6. 在按钮的「图层 1」下面「插入图层」,准备用来放置「电影片段」。
4 F+ y8 u9 E# V% C9 N, p

! n+ V% d: Z8 F8 n0 m8 {$ p
' H0 ~5 Y7 T' ^" Y T" K
! G% a' `" A4 j( v7. 图层的名称随便取一个,在这里我们取「动画」好了,方便大家学习!因为我们是想在按钮「Over」滑过时,产生动画的效果,所以时间轴移至「滑过」影格位置,您也可以将它改成按钮「Down」按下时,产生动画的效果,那时间轴就移至「按下」影格位置。
1 t; ?7 H. Y" R5 i4 F0 k& G2 p

, [/ C, R; k5 }. M
% u$ k% F8 k. z1 T: _% P/ p! {) h' w- ?/ N7 a
8. 接下来就是把刚刚制作好的「电影片段」应用上來啦!按主菜单「窗口」的「图库」选项。
& z1 @, B. i+ s' A9 w" T

' \# z9 u' ^$ E1 N% T" h4 \8 N
. n! U0 O& B" }3 M
: y+ k: n2 h. Y- P9. 选择好我们的符号 2「电影片段」,并用鼠标拖曳至编辑画面中。
& G) c! _! }) C9 w( ]

l2 I. |" A4 Z# h$ i+ I: j' x! _, Z
3 n& t. _- A% v% b5 P. K! I2 ~; K
5 s3 J3 C. A' p# Z
10. 按钮动画图层的「滑过」影格,是不是从原來的「空白影格」变成「蓝色影格」了呢?!
; P6 y0 B: f! l5 R

1 N: ^' v1 N6 A! P+ M- @
( n5 s k% [ Z1 Y
; o# b, B& c9 i$ U$ a! B/ k11. 按钮「滑过」的画面,在这里无法真正看到按钮「滑过」所产生的动画效果,需透过主菜单「控制」的「测试电影」选项,浏览结果。
' \8 y! G' U3 u) s9 g$ H
! U" j- a/ h7 @. l4 _
. |9 q6 R. c; K* _0 o' M
. y* G9 I0 g' M* D+ q# s, P# K12. 附带一提,若您按钮的「按下」影格没有加上「空白影格」的话,那按钮的动作就会怪怪的,变成鼠标一靠近「电影片段」文字时,就会产生动画效果!会误当作是按钮的一部分,所以在按钮的「按下」影格加上「空白影格」,使按钮的「滑过」影格之「电影片段」没有延续下去,这样按钮「滑过」时才会产生动画!
s, v: Y a6 `) ^
* b7 H3 `$ A4 Z/ g8 e' p' O9 L
' c& ], x4 i) H% j5 [/ A: `
: F" n9 u! b. H
13. 完工啦!可以输出作品啦!
作者: ╃無名草╃ 时间: 2004-9-19 12:21
这个帖真的很好
加分!
作者: ilikenba 时间: 2004-9-19 17:15
学习!
作者: Syusuke 时间: 2004-9-21 21:43
FLASH 5的!!
现在的初二幻城MX了~~
MX性能比5号很多◎◎
色彩真的很棒◎◎
作者: ╃無名草╃ 时间: 2004-9-26 10:50
以下是引用Syusuke在2004-9-21 21:43:08的发言:
! Z0 p1 P: u: V8 E" J! [2 H L
2 `) j2 }. c3 \! _4 Z+ H! A" HFLASH 5的!!
: h4 p6 ]4 Z7 j# Z# O现在的初二幻城MX了~~
5 S8 ]! p, y' [# |: [+ G% i; oMX性能比5号很多◎◎
* |1 W( t+ Z5 u" k% {* x色彩真的很棒◎◎
4 x4 U, V+ z- b# k4 n
谁能弄mx的教程?
作者: Syusuke 时间: 2004-9-30 23:44
这个,你想学的话~~~~
偶就会~~
但是教程还是去买书来的快
作者: lynn324 时间: 2004-12-6 16:40
是个好东西。
作者: sam53 时间: 2004-12-24 04:15
good
| 欢迎光临 数学建模社区-数学中国 (http://www.madio.net/) |
Powered by Discuz! X2.5 |