众所周知,Fireworks MX是一款非常优秀的GIF格式动画制作软件,但是很多朋友在制作动画的时候除了文字的移动,渐变很少做其他的效果,实在是对Firewrks MX强大功能的极大的浪费。其实只要我们有一些想象力,多在动画形式上下工夫,可以制作出很多与众不同的动画作品。
4 @% `6 P* k% }7 m8 E9 O团购网站系统,团购网程序 下面我们就以一个简单的像素动画为例子,看看怎样只使用几种最基本的编辑工具来制作特具特色的像素动画。
9 B q7 G& e: m7 V0 h
团购网站系统,团购网程序& x; q8 m Y* F+ R: _5 d+ `& n
为互联网事业发展提供源动力!0 j, L5 B$ u" j6 _
为互联网事业发展提供源动力!. q' ]$ w1 O% M' L
步骤1:
9 Q j( b# Q6 g8 u) g( v: v P7 |0 m
打开Fireworks MX,使用菜单命令File-New新建一个文件,在弹出的文件属性对话框中设置此文件的大小为宽88像素,高31像素,背景色为透明。
4 L' m: ~* ? |5 C+ W/ }: D" V" T163K网站系统官方论坛为互联网事业发展提供源动力!4 f6 W7 G8 B# O8 y5 l8 w
步骤2:
bbs.163k.com- p' k) E/ c- |/ \& m- R K$ K0 u G; U
在工具栏上选择矩形工具,并且设置其填充色为深红色,边框色为无。
H) r! M2 |! |* V6 Q
- {( O; f. I0 f: Lbbs.163k.com
( x2 i+ b: u" E+ Q163K网站系统官方论坛
$ J! [) D& e6 d6 @7 R4 x5 y为互联网事业发展提供源动力! 绘制一个矩形。在Properties面板上调整矩形的大小与位置,使其居中对齐。
# a: q" g8 q: R: S' ]7 n1 T163K网站系统官方论坛
* a" z: S' ?- E, ~ W为互联网事业发展提供源动力!
% W# I% j( Y! p7 B! _为互联网事业发展提供源动力!bbs.163k.com$ B5 q. M" ~% z+ X8 I+ A
步骤3:
bbs.163k.com# ^2 a& J! ^. b
在Properties面板上的填充选择区域中选择Texture为Grid4,并调整其透明度为50%
) F! |. h7 h2 c' F# F1 d H163k团购网站系统官方服务论坛
, e5 ]; k$ E, ]6 y& }- I团购网站系统,团购网程序
! \" o9 t$ r, D- n: C1 Y: v8 d
- v& l( G. O( H* u. N1 |7 m3 l为互联网事业发展提供源动力! 此时的矩形效果如图所示:
8 g( L8 s' z R' ~$ P为互联网事业发展提供源动力!为互联网事业发展提供源动力!% a" E+ u5 c- U7 S6 l
3 _5 G1 v( i: i/ [. b, s5 w, H团购网站系统,团购网程序163K网站系统官方论坛$ K- J7 P0 H# M: Z0 z& \& |
步骤4:
163k团购网站系统官方服务论坛9 U* s, ]) F) M: S$ I) ]
使用圆形工具以边框色为白色,填充色为无绘制一个小圆,并放置在画面的右下角。
/ k% R, n! J' ]1 E7 r9 Z
$ z# R2 l6 q$ m; U* r163K网站系统官方论坛
5 p4 m# R) b! @+ X163k团购网站系统官方服务论坛
8 v" g; }8 ~0 p$ @bbs.163k.com 使用矩形工具以无边框色、深红为填充色绘制一个小矩形,放置在文件的上端。
bbs.163k.com5 ~- a0 |8 E. V5 a8 X
, S0 ]8 @# G# e163K网站系统官方论坛 步骤5:
团购网站系统,团购网程序# z# E; q# [% {" k% ^
在工具栏中选择直线工具,在Properties面板中设置直线的宽度为2,线形为Hard Line。在图形上点一点,并使用同样的方法点出不同的小点,并调整其位置最后形成一个像素小人。
bbs.163k.com: Z" C& z k/ M8 G. R, g
6 b9 y: ?- s- B" g( H( r0 r团购网站系统,团购网程序
+ U5 T6 \" a% a0 w8 k7 S u% A+ ]+ L
为互联网事业发展提供源动力!7 k3 j" t: }' s: G/ S, ~( n( H
步骤6:
团购网站系统,团购网程序1 S1 o& q6 C7 U2 C H$ O
打开Frame and History面板,点击右上角的三角按钮,在弹出的菜单中选择Duplicate Frame复制一个Frame,在弹出的Duplicate Frame对话框中如图进行设置。
- i6 I4 {- B. j& P团购网站系统,团购网程序
! ]! {4 x& p% G- ~7 X为互联网事业发展提供源动力!
1 \$ Z+ c" W# y3 g3 C6 X) P) t: O# q2 P163k团购网站系统官方服务论坛团购网站系统,团购网程序3 z. I p# }7 s* X- s) c5 I7 p; r4 t
步骤7:
bbs.163k.com2 q0 `+ ]9 X4 x- e1 C
向右侧移动像素的位置,并改变小人的造型,向左适当移动圆环的位置。
+ I k6 T6 k: u2 Q团购网站系统,团购网程序
3 K. Y% s* E3 _# L$ Z5 z2 ^为互联网事业发展提供源动力!
163K网站系统官方论坛8 q8 ]# D0 @4 J' x# \6 E
团购网站系统,团购网程序" b& |6 T' E0 M& [; o+ e9 J8 Z
步骤8:
$ S; L0 N" V+ ?2 w1 Q0 A Bbbs.163k.com 使用同样的方法复制Frame3、Frame 4、Frame 5、Frame 6,并且改变小人与圆环的位置,最后每一个Frame 上的图形分别如图所示:
$ N0 p/ o3 R K# ]+ u为互联网事业发展提供源动力!为互联网事业发展提供源动力!' |+ f+ e6 k8 w, E
团购网站系统,团购网程序6 P0 c, D, x( Z3 m1 @
+ A: h, \" v$ d# k; C v6 L/ y3 p- z团购网站系统,团购网程序
& S0 L6 K. f! b9 p163k团购网站系统官方服务论坛 为互联网事业发展提供源动力!; K& t& b' t( a* @$ ]) A! ]' d
团购网站系统,团购网程序$ u* X7 ~! R: F
为互联网事业发展提供源动力!! Z. n5 l% n, ?
1 y, D0 ]' R4 J; p
7 Y& `/ H: M1 Z! {( E5 [- B163k团购网站系统官方服务论坛 步骤9:
团购网站系统,团购网程序+ o4 e* }1 D: M' [0 I3 |
在Frame and History面板上双击Frame 1,将时间间隔调整为25毫秒,并且用同样的方法调整所有Frame 的时间间隔。
0 n9 }7 U% o7 p7 A: j% L! Z163K网站系统官方论坛3 m6 H4 Y% L. ^4 a4 |) }
m6 ]+ ]" A w( ?为互联网事业发展提供源动力!
163k团购网站系统官方服务论坛# a" m- q) S% u1 w8 I% {
163k团购网站系统官方服务论坛: C- N* v7 L6 [* }# k5 f
步骤10:
为互联网事业发展提供源动力!" f% v% E+ X( z0 C
点击“播放“按钮,可以看到整个动画的效果,像素小人飞身跃过滚动的圆环,只要你稍加改变就可以得到更多的不同动画。