|
前一段日子,六月抱怨Fireworks的tween功能太死了,还在论坛上嚷了一阵。但是最近偶然在Macromedia官方网站上看到一篇文章,哈,哈。Fireworks的tween死是死了一点,可是我们还有利器呀。 下面我们先来看这个流星动画。感觉什么样????cool!!!!5 q3 |6 W, p; X
& a2 _7 B+ T) `4 E& p; V
_# I; Y4 T6 }% }9 F3 s
( [& C t$ ]* e# _2 j, |& F: V
| 让我们赶快来掌握这个技术吧! 唉,互联网的技术发展太快,要成为高手就得最先学会新技术,新功能。可怜了六月,一天到晚泡在网上在每一个角落里,垃圾堆里,只盼望能找到一本惊世绝学,成为新的武林高手。咳、咳、最近绝学没找到,人反而成了病猫了(呜\\\"\\\"\\\"\\\"\\\"\\\"感冒加喉咙发炎,岂一个惨字了得?)。咳咳………………………。 -。打开Fireworks,新建一个300*300,底色为黑色的文档。 二。在View菜单中,选择Ruler和Guides,打开标尺与辅助线, 注:这两个选项前面打勾,就表示已经打开了,你可不要再按把它给关了喽。 三。从水平标尺与垂直标尺上分别拖三条辅助线出来,不要介意位置,下一步我们会让它们乖乖的到自己应该出现的位置上。 四。选择第一根水平辅助线,用箭头工具双击这根辅助线,出现Move Guides对话框,输入25,按ok。余下的两根以同样的方法,分别设置为150、275。对垂直辅助线也以同样的方法,同样的参数输入。3 q p- e% n! i( Q4 K6 u& f. {
' a6 k; y' M7 ]3 M" Y
: f( \- ?. g8 O2 M& M7 ~
" b* B m. _! K( E4 O | 五。选择椭圆工具(Ellipes),在水平辅助线150与垂直辅助线25交叉点按住shift画一个圆。在Info面板中调整W与H为15个像素,在Fill面板中选择明黄色,在Stroke面板中设置为none. 六。按住Alt+shift键,并用鼠标拖动这个圆,复制这个圆,并使它垂直移动到底部水平辅助线为275,垂直辅助线为150的叉点处。并在Fill面板中设置填充色为none.在Stroke面板中的设置也是同样的。
+ {% X9 \# M1 n& P, Y6 C/ i
$ p, J6 M0 S! G' f7 S% J ~( z% A3 w* Y! j# X0 ^
* h# [- P$ [- q' k1 s( I2 p$ W! U0 H
| 七。按Ctrl+A选择这两个圆,选择Insert > Convert to Symbol,将它们转为实例。给它取一个名字,这里取名为orbit。 你可以在转换成实例之前应用一些效果,如Eye Candy 下的motion trail和smooth bevel。如果已经转换成实例了,你可以在实例编辑窗中应用那些效果,当你将实例编辑窗口关闭后,效果就应用在实例上了。 八。确定orbit实例被选择,选择Edit > Clone ,克隆这个实例。选择Modify > Transform > Rotate 90° 将这个克隆的实例旋转90度。
! F. f4 M0 M; A9 t) `$ @6 B3 I$ O Q5 b: i
" \4 L- ?" `! l z : w: A0 {/ z6 E4 [; T: L: B/ M
| 九。打开History 面板,选择Clone 与 Transform 两项,按面板底部的Replay 按钮三次。选择Modify > Transform > Numeric Transform 在出现的对话框中选择Rotate,并输入-5。' ^. Y& @0 b& |- c6 S
, o6 l& J0 ?8 l6 h% x+ K" y# ]) b/ a0 n

! q7 ?( W: t" D
6 X) B4 Z6 X. y( ~) z. Z+ d. o
0 D% [" r/ L6 W | 十。选择Edit > Select All将这五个物体全部选中。再选择Modify > Symbol > Tween Instances,在对话框中帧数中输入8,并勾选Distribute to Frames ,单击ok。哈,哈,现在你到文档窗口中去打开播放按钮,你的动画已经形成了。现在你只需要调节一下动画的延迟时间以使动画看起来更流畅些。 但是上面的动画我们还不太满足,现在我们利用洋葱皮技术使它不以圆形运动,而按椭圆产生变形运动。 一。帧面板底部的Onion Skinning 按钮弹出的菜单中选择show all Frames。并且确定Multi-Frame Editing是被选择的。
! \1 f* c" n( E# G1 R. |3 ]) F1 R' y; o
) S/ j. r2 S, I& z9 h X m1 n' R7 g2 z" ^- M7 f
$ c2 c& T# V: M# b& D* ?
' {( r' U3 e0 e5 E: G | 二。选择Edit > Select All 选择全部。现在选择工具面板中的5 Z& V0 T$ ?, K9 k) v/ S
3 M T1 }3 u) D! V! Y- v
Distortion Transform 变形工具。拖动变形手柄改变动画的形状。这个当然你自己变化了,你想让它变成什么样就什么调节。这样你也能得到不同的动画效果。 * `7 V4 A e [4 @3 h
4 k6 f1 w# I! Y3 p: c
$ b% i$ r/ n. k, v# A1 e4 b
0 x/ @3 i- g8 M/ R | 最后打开播放按钮播放你的动画。看看它现在是如何运动的。下面就六月调节右边的手柄后出现的效果。
8 z% J1 V/ y6 ]4 S/ S% k3 l/ I7 c* j, _/ m
1 P' O( c& {6 m) K0 i
) o4 k* y" e! K) Z4 l |
|
|