数学建模社区-数学中国

标题: FLASH教学[闪客学堂] [打印本页]

作者: OA帅哥    时间: 2004-9-15 18:20
标题: FLASH教学[闪客学堂]
( [- Y3 o& g& p& v" I0 w \7 U7 {! A4 M$ B3 g5 H/ [5 p- b1 t5 g# c; H/ }, X! W3 O0 A3 I! }" C5 W, a& m
FLASH介绍
% Q4 `- O1 m/ s' k3 n( i( _# N, c

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

4 ^, g! h v+ z4 V& Y8 `: g% g T. W
作者: OA帅哥    时间: 2004-9-15 18:21
标题: 基础篇

基础篇

- B' n) b' `" O7 }- D

# o6 a2 S6 r! K! _; G
/ m7 m% R( b/ T9 p+ p* J" {# I ; e/ B% o& F4 {

一、什么是FLASH?

; E4 _8 S# q( ~. P+ a

  FLASH是Macromedia公司出品的,用在互联网上动态的、可互动的shockwave。它的优点是体积小,可边下载边播放,这样就避免了用户长时间的等待。0 h* {: \8 m7 `* b- g2 i   FLASH可以用其生成动画,还可在网页中加入声音。这样你就能生成多媒体的图形和界面,而使文件的体积却很小。 # x1 f7 u D" I; c2 i+ G+ s& M+ R8 [FLASH虽然不可以象一门语言一样进行编程,但用其内置的语句并结合JAVASCRIPE,您也可作出互动性很强的主页来。1 k$ J+ `7 p% p   FLASH另外一个特点就是必须安装插件PLUG-IN,才能被浏览器所接受!当然这也避免了浏览器之间的差异,使之一视同仁!

3 I; Q5 j; c* M( M) j

  有人曾经说过:下个世纪的网络设计人不会用FLASH,必将被淘汰出局!* j: {( v5 c' B( [* D+ ?" ~   我相信这句话没错!

' P" @4 V3 E+ j' `) T& C; [$ @

二、如何得到FLASH3/FLASH4?

2 l2 _2 k, T1 b: Z" {, b

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

* p$ \& h- L& Z3 h* @8 p

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

, e- D/ V) p/ \( t! N# Q! @5 m

  基本的工具有DREAMWEAVE2.0,同样也是Macromedia公司出品的网页编辑器,功能强大,与FLASH结合的非常好!(强烈推荐4 D0 e9 `, p7 x! {   另外还有AFTERSHOCK,用这配合其它的网页编辑器工作。(比较麻烦)

4 W; [; [( O$ e- R# b& V

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


作者: OA帅哥    时间: 2004-9-15 18:26
标题: 如何产生Motio的变化

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

# Q4 c0 M2 a2 G9 @9 }7 k/ i

* {: F; ?) x2 T7 z( T( ], c
3 K0 g4 l2 R0 p ' l V- G, N% H+ L

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

& V) r% ~7 w& W

( A. Z' _$ [0 z6 r3 ~) Q
2 ?) r; Q( K* v2 M. j) s6 S/ y$ k- Q, [$ D9 m8 N

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

! i1 _+ k, h$ o1 {& }) P

5 i3 ?9 V# p2 Q* ]
2 k& g3 `0 V8 e9 l/ o' l( D 1 H4 N$ r4 p5 e+ l

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

4 J: g( O$ c4 d0 J0 d$ P

* a+ z# U) _! S) r! X9 O
" \' N0 j# g! ]8 Y & V; H/ C# ^# ^/ Z7 F" p

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

# S1 N. V% T$ q: m* [

4 h! W/ L6 @' T r5 D; j6 p2 m
2 S; G& k$ P$ K2 e- m& ~! ^& X% E: q

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

; _: O) p$ D4 q- T- I: A

1 v; H$ G& \8 @, Q
3 {; n) }. R1 i5 V2 M, L $ h; \$ x* }. S" U/ L3 h) u0 D4 n8 ?

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

- O, }* X+ f7 y+ ?9 ^; ?

' i. O# @; L( v' C; }( A3 \5 Q
$ D6 ^& \% M# V z 2 w# z- t9 Y8 F. E( D7 b

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

' K( R9 l# K" U+ n

: R% M' |, D2 G% m" i
: U" u. Q$ a/ g- j- T+ \! m . a6 @8 P1 g5 [ N( o; N5 P

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

e1 H8 D/ }7 F' E/ b2 z! l& K

0 l" U3 m% ^ [, E3 {5 I
3 K, t, G! b1 F 7 Z- L3 W' G! X0 ?9 n

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

0 l- L- K( y% }! b

7 G6 b! m9 F& b, x
9 g* H( m! e; X # i% ]! x8 K9 p- }

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

& ^5 i7 B& \- W

: z, \4 f, e, g; n& \8 P
9 o0 _: r! P5 Y/ j0 Y: U: e ^: S

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

# v& l2 {3 [# n) F

9 S8 j. m- ^+ ^, l" A
. l! B( {1 g* V; d4 p& X " j+ G* P+ D! T. U% l; _

13. 调整后的渐层颜色。

3 v7 W/ ~/ u% C2 @. h

' C" g2 f( [. B: S
# E |. \5 w: A: R+ F C' Q- X/ ?5 Z- t5 X

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

2 p/ d# l) p, K `3 o% H

* K# i' m2 M S$ o0 J& R1 |) j+ V
8 p; r% f3 I& U# x. G! X* {9 j 3 ?# k+ @0 k3 ?$ m: w2 @. |0 Z

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

$ Y H- p# Y# u4 `) @% f, ^' O

: w# ^' U, N6 \
( Q5 j( L9 X7 v $ v; k/ v8 B1 n% h6 N) C

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

& }9 v% o% O6 { Y

" Q1 X3 P8 W& Z3 g& D/ k/ G& U
9 ~, f& x. e8 p3 H; p. V* W# w9 e) H/ U @) f

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

: O p" P* u# a( |+ o

# G! j: s% t" ~' k( b+ ^5 G
4 W/ w% p. `! g# i 5 Z$ W* p1 Z7 @6 H& U$ _

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

) p6 a9 x2 ]6 f3 t; x" x( a6 r

u% a' I) Q! A8 a, Z
# Z2 }( }' [" H. J 5 o7 \. i$ b' Y* J- m

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

4 Q. c& F z- j' k; [/ O9 k

1 b% ` V2 S, q5 ~( K
% T5 i4 H6 R6 o, }) Y5 W2 Y! g/ _ $ Z7 _6 Y& }! Y3 s

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

% [# b% }( k8 s

0 t5 O, X Z6 S- B8 u9 W% @
' H( l3 A. b# v a/ ^. Y' x 5 ?( `9 K1 i: g# M: }# w

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

( Y4 t2 @ j: P! S+ n

! x# E6 W/ i2 E7 a2 ~
/ u/ e& L' U) b: a 9 [) e! V$ u( ^, S

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

6 L" N4 W( P& g n9 U& m$ T

- p/ v# I0 }) j7 P Z
! S7 d& v3 O, O, { # S( N. Q+ w. P& U

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

8 b( P2 p5 E: q# p g3 {

$ M- v6 W0 t# M R" a1 M
! a- ]4 A F, S! T6 }5 w5 o2 b7 C5 q1 l0 M

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

0 S: M( i8 U) |5 i; R

3 k/ C+ T- }& R, x
+ f: ~1 e; L* E$ m, ~6 Q; z& d9 b/ x' m, l5 e. U

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

4 Q1 R) p B. P% E7 Z6 ?- C9 f+ I

6 Y. L7 ^0 ~* W- S
8 L4 E) F2 i$ T) K/ {: Q 0 A" E$ \: t9 W" v x' j$ [

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

T- l) w& F X/ a& }1 v( N; A0 Y

" o3 S; p0 }8 R
" B _1 Q. m2 [6 P - h0 S. ]" f/ l! I# Y6 `3 F9 o

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

, a2 a# \" I) l$ e

0 R- @5 |# j: Z/ M# ]2 i8 ]
5 U! o$ }) R; Y& Q4 ?' Z% I& x4 X' i# P& f$ m: r

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

( _- y: d0 J4 f

* ^0 p0 y4 O* z; g1 p% X
6 w/ q$ V+ K5 Z# Y# |* u" } 9 \" y. ?6 V( i# ?- p* R6 e

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

7 Q3 o9 x1 d' J, @! k

8 ?9 t( I) |- o* v1 C
9 [. h$ H, k9 y$ v ; O: a1 }& g5 S8 n/ X d3 D

30. 设定Flash动画属性,以下是常使用到的项目说明:/ N; c, ^- D9 d0 q 产生大小报表:这个功能是输出动画时,附带的动画文件大小说明,可以此来酌情降低文件的大小。 + Q o1 c6 h% H- h# T2 v) a输入保护:如果您认为自己辛苦的作品,不希望被别人修改变成他的作品,这个功能就可以保障您的辛苦。 ! l0 j- P3 y3 `( k2 W; J$ ?& n3 LJPEG 品质:动画中如果使用到图形文件,您可以统一全部文件的压缩品质,值越大品质越好。) L% s0 }9 G& L9 f6 O6 i Q 音效:您可以在此统一设定动画中使用到的全部声音文件品质。

# M& [% f1 w* G6 F) o; \


作者: OA帅哥    时间: 2004-9-15 18:30
标题: 如何使用移动导线

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

# Q! T: R t; D+ p

1 f4 x+ {) ^* {) H
( Q1 n$ ]- W6 z8 H 1 m/ }; l* \7 l. X. E% z* z) k8 V

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

2 Z0 N6 q- `1 z* ], {9 o

6 `( r# C$ c' @3 F. s5 n) J% }9 r
( z, O1 B" F+ [: W: X( S$ k8 M3 m" H6 _! H( D$ g3 Z9 C: r2 `

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

% R6 B0 z# q# S) g) p

, E$ p9 n5 H, v/ M7 E
# u/ i% v- I& \# B+ R' p+ j9 h 6 q/ |1 e* b; N, ~) Q- `

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

. u0 A! [0 ^, M0 C1 N9 W( L

6 j5 |* q2 _1 i5 {
; \" x) ^: v) ]% V- `) h( b: L5 O U 1 s' d$ W4 Y# r% i5 ~. N% H

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

& s% y. \+ H, a$ s9 N! A

( r2 g9 S1 _: v9 l
: O/ K( Y& f2 K5 w% N* F. u) o/ M) y

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

6 ?& F/ X% _( I* N* @6 l

" V9 n" I4 E2 _; o) b
! Z( j; ~9 W, Y: C3 y $ |; [$ Y. q* r

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

' u( v8 m# r" b% y& @; o

( Q& g+ j. n- T+ d% a' t$ s: C
) U3 g0 A/ p3 _4 [3 [ % a( |# a9 _. q

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

3 k2 M, J t2 z

$ Z' l! H; Z$ F( m) C
2 L, [" r2 O7 h; d, |- @ , z4 C, d4 {% i& B7 _* U. Y

9. 出现一个图库的小窗口,里面会列出您动画中所建立和使用到的符号。# L. K7 X: P4 v8 {7 l' r. ~ / Z. C; |; H K: P9 u0 d3 s/ L' L- } ( P.s : flyg 是刚刚输入的文件 )

4 I) T5 }, v0 h! u) W& I3 G; m, K5 o" ?: A4 C- {
, ]' D5 T# o* T7 p9 K' M! d; B $ f& J: v; o7 j* T8 V

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

6 b6 }0 s' Q! |7 O! q

1 o+ c4 E; Y2 H8 d& [; A! d* P- H
: V- {7 C! _, t5 v" }' V; B) _3 t! u3 j. r0 X

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

% J! r8 c. H$ R1 c R$ p5 o

5 H/ V1 v; s) R8 l
4 n. G( u3 m7 U" R, U ' Y6 c8 j' R( i# [1 M

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

n7 c# J1 B* y: G4 Z

; S# Q- _$ n- @6 h
7 }( C7 L {, z- O% s 4 x6 O. V* H5 `" V& {

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

: U, ]8 B. R0 y& u" Y! J# X

9 g7 m$ ~3 i8 Q2 P4 G' k
$ o; M2 B2 v: V- i$ ]6 f / }& y% L9 l7 n" J& A) U4 [

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

& d& n/ ]/ S* j( O6 s

W% o/ ^. b& z* q# a
# U: p9 V6 |! q } 0 }, }* _8 p6 e1 O6 d

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

6 {' b* W4 c! W Y+ g0 P

& G4 g6 e/ v8 ^; n$ A7 h
; P& G8 X7 a9 S: M3 ?: z7 d/ _ 1 b4 q0 C$ z% v$ x. A

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

) f3 V8 O& h7 C+ g# y* w

% X* E% Y: ~( h+ a5 [2 f) \
! m. N3 \2 R9 w; O2 G. m% n( Y $ ~% x: z: X" m ^8 y* a3 f8 d* [9 {

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

( ^' K0 o/ k+ K# X" J- C

" ^7 j- r* G; c, @1 V
; m/ ?" B( t- r/ a + y3 I" G5 i. f8 t# g6 R8 C# ]6 v

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

2 f+ ^& o, y3 g

}3 q. f$ X5 s. E. e# U; G; ]
4 P) y: x+ r1 b; N' B0 t / Y4 ]! V* c- L6 Y! d% @/ A

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

h- f1 u- x& R! {+ X4 F+ r

8 [5 v1 u5 [% u1 G( I
r* U0 c0 Y7 P6 O. B6 s * |/ V" u2 `* _0 z( R( n4 L1 U8 j: d

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

; H* S$ d1 C9 x/ L

" i% G" X/ q- L
; a; n7 q8 Z" g V' k* k# ^0 F. U& S, T9 a1 `2 v

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

' i0 V9 v. h* a

5 I, u7 I: h8 \! w( U
) M7 p+ R3 } Q/ W 6 {8 L" n% u# o% m

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

( z) l( z4 c2 v% D) s3 H4 V+ z

5 H4 U# A$ Y5 i( p
3 f) e" s7 C4 P; t* z* A- @! ?% K

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


作者: OA帅哥    时间: 2004-9-15 18:33
标题: 如何使用移动导线二

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

% p) U- E+ w& P) W

5 z) z! {5 j7 Y2 _/ p8 J
4 ^: g6 ^/ S3 Y" M: h; N 6 J: @/ U$ ?0 z( m

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

# L$ n. }% ^: Z0 d! E) n

4 y6 d$ Q) W5 X% u
9 \' ^; R6 w! T/ f, K / q' d+ J0 ^0 K

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

$ P* K6 u! o* \# b

h$ a5 X, D; h' Q7 z7 m
+ U* T8 l& ]* l* f. @" M+ m8 k7 r( u8 c% T9 y4 a

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

. G" J# Q0 j9 F2 S& |; c/ u: {' k

. `0 q* H+ e! S6 }, |4 g
" ~& o# H f( ~9 ]! s* Y 4 ]5 u7 j9 G: i: S- x5 b+ d$ v, u

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

! j" o/ e3 p( _: r( y, i- T" {& @

6 L3 t+ ]% r2 @9 Z% B$ v, p) H, S
+ x& H' |6 N# v% _6 m$ l; X1 t Y % g: p6 }' V6 b/ q |8 G

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

- q0 N+ d: K7 w

; \$ P" G) l4 `) L
" k, N% o" B7 l# u! U6 d 8 a0 Q1 V) s y0 D: \( q

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

, ~' c2 L4 T) r0 c5 n# R

# B( d' Z1 K) s% ^( u+ { V. C+ `
- }! C0 \ ~7 J0 g$ H. Y# n6 {6 p! l$ w }. S

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

- X; m+ X" A/ U

2 {% m7 B3 P4 }% A/ Y- ~: W; t9 v! K
, H" k8 Y. j/ m5 _) u& e# [2 D" O d( D0 |' ]/ Q

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

, X: g. g0 a0 Q. I

! e$ Y+ c& A/ m
: D1 C- V% A* z4 b1 B 1 O0 }9 m! k- [4 E9 [

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

. w7 u$ n0 m m! l' P# n" e

4 @. ~. z- `0 P b9 l5 L& ~
% B6 F% S! u7 r6 z8 L6 B1 H3 V 9 t _1 v, {. _' u5 G( a4 v

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

9 n+ p' m( ^3 ?1 H& b9 F

2 N, m" a3 S# \& S
H* u3 \* G& G. E; l2 g; G" T , h- T8 c- ^5 p1 R3 d) X9 Z

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

. Z8 k2 J: I5 W; i. _" s' g: ?! m8 j" X0 ~: t9 Q* o
L, y6 p! X. y% u0 g! j3 } % W3 l. r. t* M

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

: f3 I$ [. f# |5 O r

5 ]* p4 x5 t6 a: E8 i
5 ?- ?, [2 y; V' w1 h. q3 a! Q

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

: h7 |7 I4 t- W9 T* A

" o8 M9 P3 K7 H5 s5 B4 _
1 f" n$ f# u. ]5 n: ~ 9 S( ?/ Y0 b! N, ]* U+ c. J

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

+ Z' Z- l. x9 w" s0 ^3 h+ y+ b

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

" N C2 Q# c1 D9 S

' n7 s( \; q6 Q7 Q c/ c
, i- F7 X' z X4 F- p9 |" `$ C ( ]( N8 i$ O/ C# {0 T0 u5 C% x

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

# c+ _# {) a4 T: J% }$ S4 d0 y

" R+ C0 z% F. ]6 M8 T! `4 C: ]/ j

. g! m- K3 S% p& n0 j. w
- M' w' U: ?6 I : b" C& h! F& g

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

* J$ r1 m& V! a8 [7 M6 n! d" K' z / P- \. F/ M& M6 _: x/ o0 i7 B4 k
4 C' p8 f8 r# @( K8 O# J9 N1 k( z; R- ^ 5 K2 }0 }. `$ X$ Y( f& i

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

1 F1 B& `% _5 q

; V' P5 k4 e. J- ]9 \( i4 y% A" J
* H( u0 c: y w1 O * F$ P( n3 n' W6 k1 u2 ]$ ?

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

! w, S% Z9 k) d, G7 Y$ `! i* ^

6 q. v H" O* V
& ~4 h) Y: U9 e - t% s( P) j3 T: |- d+ h6 Z3 M

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

; @+ X- U1 I( W* H& x

& D/ v) t$ @2 F- M2 h
F0 z2 G" Y9 |+ ?; m4 Z' g; b( b, Z

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

$ K8 _) ~) R- J8 r/ e
( T! [1 c# M: |% T5 [. N. e% f9 j- f1 [. E+ C4 F! P8 O

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


作者: 熙佑    时间: 2004-9-16 17:41

不错!


作者: OA帅哥    时间: 2004-9-19 12:08
标题: 如何制作互动式按钮(一)

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

/ N u! o9 c/ G6 u, d

, D- K' j4 ~9 a$ `' w1 }
! d3 F0 {9 [6 W. O5 `# N+ f4 Z5 A) S( Y6 o4 y: F

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

/ G; X, z9 `6 }. ?6 i

% M& w. U. P+ k2 e8 P0 a/ O* D
8 ^7 [" |; i! _8 a' H6 k7 V( J, A r- t* F8 `" T

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

/ H! _6 U* O3 l S; t( w9 e

( N& _* F& {5 K4 g1 d1 d1 e. ]0 q
. p# y, r2 L r# Z7 v5 l ! F, S( }. h4 ]: M H: f

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

1 n, V6 W, `9 R* o! m9 O& z( Q

* t( Q' `/ a4 ]* W: `
& W2 U9 q6 k: o. o, D/ p0 {4 s7 _, r7 U 1 @+ [; P/ ?5 h4 |0 w2 {

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

q+ E/ R) d: {5 u% B7 E

2 k0 v( u0 G2 A3 X4 Z# K0 z/ E
3 \6 v6 C; q2 ^0 }+ L$ Q 5 F# [1 y6 s* P! E: N* ~* S

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

0 H+ h- s& x3 Z |9 e" `

+ O' g2 Q* H3 Y: g2 b
8 y$ x9 V V' V `( E4 o # b" ^- ^/ v" i3 v6 y9 W

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

) D0 J7 e7 H2 j9 ?* ]3 A

* ]1 {( k# q: V# M# S% i4 [
! j0 C* E' K3 P $ x! _5 _& l" A. [0 s" |

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

6 C, g, H6 c, K. s

9 ^9 x9 C1 k2 y. v1 l; ?
& Q/ ]( Q5 ]) ` 2 C' {- Q/ i- ?3 v0 C" y

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

) r9 @: g! ^1 w9 Y7 K

0 I) f+ J1 }* k8 g
( ^1 Q: ` \( Z9 j1 I* X% I; v! b5 ~. C2 N1 B

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

6 y. v7 \ o- N" {6 M

' i% O- h% Q! y( m: U0 v; ?
: c- p C& N* |# B( q% D& x& \4 A ! @+ z- g7 K. h

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

9 v. [5 n3 s* q0 u0 G% P. H

- P, ]- P& D4 {7 ]1 Z" M- o8 D
$ F X9 Y6 ~" J: W ^, \( y+ e 1 E' [2 O- Z! c* t; {1 L t

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

( K7 h; ^/ |# |8 n6 S' Q. A

6 s* Y- @3 e9 K/ |* b1 j
& D" q) `# Y; G7 G: J E: J1 G # M( ~; K# o+ w4 @" s" e' \1 ~) d

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

! D% q4 U0 s+ V3 D; k' j; D0 _! @% ~

- U3 D6 k* X# Y k6 j" ^& @
3 U# P9 I& L& J. v6 b ; {6 K$ O# D1 \, q: l- {% B6 F* N

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

7 V, q$ Q7 F6 H; p. u

$ F8 q/ m. ^3 [/ f
2 H% k% F; l; K8 u * t) u9 g) k8 [ E* X

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

0 |; ^1 r- E/ ^$ u! L) B4 f3 D- c

6 k& Z/ V ~" B2 o2 T6 j& T8 N
. O& V7 g1 V0 f# g- h 6 B5 {" L0 i, z" e5 W: b. G

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

i/ [8 {$ l0 ?( k5 V: G

! j( Q$ T0 \, V( J0 z! ~9 I
6 x% @3 F' D6 u; \( ~) ` / o9 k2 N- Y) E2 B. c

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

% O! E, }! y3 X' u( G
" A' z+ C6 q9 m7 H $ E% `# w: [# M B

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

+ D1 `5 F0 M/ @. A: N

W7 A* s& c! W
# |* L1 i2 Q0 X5 `% i: V * N0 ^1 h! G% C. w4 W# M

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

' I! a, C( s7 |$ _! Z1 m2 N
( e7 M, v; R( O+ M( G6 n ( N* `: a, M# g3 F4 m' T

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

0 s/ o* m: _' t t I! x

, ~, b9 q- u& R' O
9 m$ ]# J( n7 ?3 n5 p8 U5 A; { 5 N; a. D, i& a; `9 K

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

/ n1 a, l/ y. q! _* i1 \- D
# D$ U- \2 Z9 K/ O! Y + J5 X9 Z5 l, k) y; h$ Y

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

6 O( Z. P$ E/ {8 J8 }

( \# v1 f& x& H) o O% ^2 w* _/ @- R
" @5 u3 `; m* ?5 E; c! a2 F9 B/ D/ o8 c) @. q9 J

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

. J+ \8 W0 E' e' d/ x* f

1 Q8 N0 s$ A" h3 O) S R
# n+ v8 q& D0 B0 p$ ~% ]8 ? / M$ \) h5 h; V& n- I* I1 q

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

3 `( d1 H+ y* s

) |$ C6 S+ Y$ R* t, X. H5 l1 n
+ n7 x* q7 p# g4 l4 |6 \4 Y3 d* J* y4 l3 X2 L6 k

25. 放开后,符号就跑出来啦!

8 R& o! B }: k% K4 V

0 E6 h" P) g6 s7 |; e
" D7 B1 ^; F- y) F) T) |# p* u% L7 O, p9 |6 `$ ^# r' `3 ^

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

% e+ ?* i% V2 @4 Y& A

/ Q6 B. l* |! S+ z
7 Y' |% G" ^+ y% @# w % ^' Z% b. C& W, F1 O B

27. 互动式铵钮。

* x/ g! v8 \" q. n3 [ 6 s" ^# j: A! ?' R- q- s# e* X6 C- [( P( x, s r# m+ ]. e1 M8 E3 X- L0 M. |) g5 R& k+ @; i# e8 j$ v& Y) I9 y) X$ M/ o+ K3 f5 g7 b, V$ x5 G' H9 V* q+ Y. H5 I1 M+ b8 A& q) G: i5 ?. _- d7 ^& T/ T$ A1 }2 }" i/ x5 |& `
按钮「一般」画面 按钮「滑过」画面 按钮「按下」画面
; o$ v: H* h! k) t7 W1 U
: [4 V. L$ E- [/ C8 x3 X; w " @, Y: `" u# g; f( v

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

/ @9 M8 h4 u9 v' i" s
" P4 @2 @. ~/ G: ] ( _& u" T) H1 d. f) v

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


作者: OA帅哥    时间: 2004-9-19 12:10
标题: 如何制作互动式按钮(2)

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

% |6 Z1 U- q, W; V$ f* I0 `$ O
5 l, q( l6 ~' N1 I8 R5 X& d: h ^4 ]5 o8 N+ Y0 e- K2 o) z

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

8 j/ i% N1 P& |; o# X& {2 U7 p

- k' n* B9 {0 @! n$ |
" _- p& j5 b- `+ `2 U4 }* L: v& s4 C$ M/ v7 ?# r5 [* @

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

! j4 C7 ^% K; U' `2 b

3 P: y- i! S5 o* `7 L4 d6 D$ d
) u( W( `( O, K/ M( D7 I2 ?$ m9 s

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

; P6 e* c/ x2 k1 T

/ }: z: s7 f; {" t
& ^' v9 U6 s( s! L0 Y* j. |" Z5. 在动作的项目中,增加了「鼠标 ()」以及「鼠标結束」两项,请点击右边鼠标事件的参数,可以依自己的喜好来设定,「按下」的意思是「当按钮按下时,马上执行动作」,「放开 」的意思是「当按钮按下时,不执行动作,直到按钮被放开后,才去执行动作」,至于下面几个事件参数,将在往后跟大家介绍。 $ K6 N& F0 C% _! a# @5 q; i

6 S& f# t' \/ H8 I
) w2 E: U% a/ _2 T6 W' Q7 \ M5 u* v K: a' A/ p* w1 O5 O7 G6 i

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

E0 r) H' M( r8 K+ z2 S

/ }$ [ F7 w _4 }$ R8 k
: ^. O4 L( v3 b5 J. R1 Z2 R+ X0 P, Z 7. 在动作的项目中,是不是在「鼠标 (放开)」的下面新增加一个「取得 URL」的动作呢?!至于参数设定,URL 当然就是输入「网址」啦!可以应用 HTML 语法 , 如「http://」、「ftp://」、「*.htm」等等的超链接语法,很多人都问要如何加超链接 E-Mail,只要输入「mailt电子邮件地址」超链接语法即可!语法与 HTML 一样!! : ^0 d7 R8 ^5 g, g% X

1 z1 H" z3 P# h4 n; T
8 r- u& b) I0 d' B) Y+ R : F& H% c0 e: S; |8 a, |: C8. 「目的窗口」也是众多网友的疑惑,在此說明一下。「目的窗口」其实相当于 HTML 语法中的「Target」语法,可以应用 HTML 语法,如「_blank」或「new」两者一样,都是「另外开启新窗口」、「_top」则是「在现有的窗口中开启」等等的目的窗口语法。也有相当多的网友问,使用了分割窗口 ( Frame ) 后,要如何指定网页显示的窗口呢?!方法很简单,不过有个前提,就是您的分割窗口(Frame) 要指定 Name,这样才能指定目的窗口。 + j% Y2 P: x' ^

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

* k+ G2 s: F! ^6 r

<frame src="left.htm" name="left"># ? g7 G# g5 o8 t <frame src="right.htm" name="right">

$ J% K! \% `) L: X& H8 @& Z7 H

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

8 A2 \/ B) D/ @, O: S; @* H

# x' Y) B q/ k: u9 m- r( v
( V5 z/ W2 Y* e, V/ ^# `' Q3 b 0 R k3 p) z0 P; Z

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

$ H/ b& V; t: O ~0 m

1 {! u( x& _: c+ w& K
! A' f# e0 L3 j, [, I' u2 u* F( H5 P f

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

& T3 J1 J0 |- X H1 ]0 \
1 a& }1 T( n6 |8 D+ ^( J9 s # R- {/ N) c0 Z: e/ c+ V& h5 _7 ^

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


作者: OA帅哥    时间: 2004-9-19 12:10
标题: 如何制作互动式按钮(3)

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

# [* {- n9 N, z% N4 |
( O. c0 ?0 c1 d4 x; Y) U9 M ! X% o; C0 @: V

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

1 s3 Q0 A- B* Z

( x5 E7 ?- J9 O& p+ l# c
9 \% |( h( O( {# ~: x$ {( R0 p1 z7 h, z& t( B3 z

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

. h& M9 X3 H4 S' f' j( m) ?

1 h0 F- B1 u( L9 ^7 [$ y. i
" K) c+ A: u) W/ |9 z: N. _+ c % c5 r4 t0 l3 q# R) y, Q

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

" L" d$ A! l' f; F0 [: A$ D( C6 |

/ A' _9 k, r, [/ X; O2 Z; ~
]3 e# [, B" `9 l( D ; ? ?! }! N8 U4 N8 V

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

/ B( z4 n0 s0 `9 H$ g1 x7 g

& J0 V s; n" s
8 {! _. A! K4 l6 N* Y/ f8 R ' ]8 [* L( } c% `" ]( I

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

8 y& z: H/ ?6 n8 K

# J5 p0 h1 ]- \, @- ]
8 N' p# h& @; t" E- D: A9 j0 E; K. v* K# }. E7 v6 H: ^; J8 y y

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

4 [8 w2 e* J5 b% V

7 @8 E3 g4 b7 a: \# t
# [. ^1 e1 X" N, @: ?; m9 Z; x# ] 4 k& l; m2 V6 y2 }) w* \

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

5 H0 S2 [! k" b. ^. m

2 D" v! m8 R% e7 x# U
0 m* F$ ?! J% ^9 Z5 x0 x E& n; D) M$ O3 o: L. {

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

& F/ R) E- l V9 j$ d, s5 F2 d: }

- r2 D N( q3 B8 i0 `
4 g/ L1 a' p2 h4 f9 s+ J% R; Y" R6 t! o: i1 f) [, Y" S

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

- W* O% \ y( b2 s: E) c" u$ G2 O9 Q' q

' L& N2 I4 e2 a1 V) r6 H7 y; I
# j" L4 ? ]" U & b$ V% y7 u N Z1 H

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

) P8 l$ ?. ?5 n4 T

: f) p3 ~5 ~$ e8 t
6 Z$ A5 t. F a& d6 A" ~& X+ U3 }. {% A: |2 V# n: A" }

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

: v" [5 T3 |/ h* D% t

# A3 Y( C" x0 [' ]
7 u6 C$ G$ K; g( o+ J* N% b s % }' m1 X% H" T; }7 f

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的发言: g" v. c. |* z: C ) Y, `8 n! J; Z

FLASH 5的!!

+ \: ~; O* d+ o: i

现在的初二幻城MX了~~

: y; ~% O4 B4 \/ ?/ \9 H* Z4 E/ h6 Z

MX性能比5号很多◎◎

6 G# T2 I8 G* p0 h4 C6 ^

色彩真的很棒◎◎

( X9 ?3 W5 K! F. g) H. s

谁能弄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