Fireworks MX制作像素动画

[复制链接]
查看: 219|回复: 0
gggds 发表于 2009-12-27 03:10:53 | 显示全部楼层 |阅读模式
 众所周知,Fireworks MX是一款非常优秀的GIF格式动画制作软件,但是很多朋友在制作动画的时候除了文字的移动,渐变很少做其他的效果,实在是对Firewrks MX强大功能的极大的浪费。其实只要我们有一些想象力,多在动画形式上下工夫,可以制作出很多与众不同的动画作品。  下面我们就以一个简单的像素动画为例子,看看怎样只使用几种最基本的编辑工具来制作特具特色的像素动画。$ t* |& A4 ?4 @5 U$ v, D7 `

! g' b; i3 Q- T此主题相关图片如下:
5 G; z- a2 g* a6 i+ M- W# h, l0 `% v# Q
+ h6 s; ?5 K2 H5 A6 ^ 步骤1:  打开Fireworks MX,使用菜单命令File-New新建一个文件,在弹出的文件属性对话框中设置此文件的大小为宽88像素,高31像素,背景色为透明。
) @) B6 v3 q1 N% b. [  步骤2:  在工具栏上选择矩形工具,并且设置其填充色为深红色,边框色为无。
; ?* V5 [* e1 G& P0 K
( L4 y7 O) A" p2 r: M* \此主题相关图片如下:
* I% t! y$ T' L6 n, L3 O" x; q
2 w- @) C' k. }! a  绘制一个矩形。在Properties面板上调整矩形的大小与位置,使其居中对齐。
8 k# e: S( Q( k: p6 E8 t. D1 |% r2 ^9 U! J4 ~) Y
此主题相关图片如下:% r- Z, }: d- T/ m4 \' A: B

0 d3 h! \5 }1 M, S" Q  步骤3:  在Properties面板上的填充选择区域中选择Texture为Grid4,并调整其透明度为50%
& T8 L% b4 H0 t! F3 u9 T% W4 e; ^1 w, i9 E
此主题相关图片如下:4 M" A$ ]9 O: z$ ?- N! k  f$ Q1 `: ^

0 d% G! M5 D2 ?: {! u& `) {此时的矩形效果如图所示:6 |4 w, ]7 b6 L: v2 g; Y
% C: P0 M2 G8 t2 e" P6 P; J
此主题相关图片如下:; O. g) f% b- |

; t; p. Y5 V! A9 S6 Z. r7 Y  步骤4:  使用圆形工具以边框色为白色,填充色为无绘制一个小圆,并放置在画面的右下角。6 e4 h& q0 p3 F# o' p$ }
" [; J- ]8 r7 M' t
此主题相关图片如下:6 _$ O; B& t1 b8 n3 Y
/ |* t2 Y0 _$ y5 E9 y- |- X# t5 i

( u9 j/ ]" Y# E  使用矩形工具以无边框色、深红为填充色绘制一个小矩形,放置在文件的上端。
0 Y! t& d+ ^# ]2 e9 `  步骤5:  在工具栏中选择直线工具,在Properties面板中设置直线的宽度为2,线形为Hard Line。在图形上点一点,并使用同样的方法点出不同的小点,并调整其位置最后形成一个像素小人。
$ f3 P/ G0 ~) z5 h  ~8 L" ?% k3 t7 a, Q* X; j  {5 |
此主题相关图片如下:
/ P+ ~( J. X. i+ k9 f, ^, a' i& T1 B3 w
# W! B1 ?* e+ v, I- Q' F- {% B   步骤6:  打开Frame and History面板,点击右上角的三角按钮,在弹出的菜单中选择Duplicate Frame复制一个Frame,在弹出的Duplicate Frame对话框中如图进行设置。4 t/ P2 k1 s; D  j% }  z; ?

/ c5 v; ~. l" G4 P& \$ c3 H- C8 v此主题相关图片如下:
5 q5 I0 \5 i! E, T
! y8 U1 d5 e* r0 F9 A5 o! y- o2 [; F: ]6 n7 J5 {
  步骤7:  向右侧移动像素的位置,并改变小人的造型,向左适当移动圆环的位置。) h/ r* c# W; r! N; i& i) Q
& U4 j6 U; e$ u7 w9 I
此主题相关图片如下:7 ]/ Q- H. S2 A# n7 h

+ w  S$ L! l$ ^4 j: U  步骤8:  使用同样的方法复制Frame3、Frame 4、Frame 5、Frame 6,并且改变小人与圆环的位置,最后每一个Frame 上的图形分别如图所示:# [% I' O- a' Y9 Y! k9 Y9 r( F
( m# E8 U2 S# ^
此主题相关图片如下:1 x: P  Y, x- j/ f
3 V3 f( s9 m( `& G* N" `3 r

  s: q8 B+ c1 ?0 b) `( I0 ]6 k% u5 z3 P( @8 h* u
此主题相关图片如下:& ?" X! ^4 ]8 N5 e7 l% _- Y

* t, K4 t6 {( o0 }; d7 H  l( @3 m" I- j4 N: y- C
% T8 [( \9 q4 p% I
此主题相关图片如下:% F5 F! t, U9 {
( P! S$ Y6 h4 O4 j* ^8 u+ r

" c& S* `/ J/ K/ J' ~9 m; p% C7 h% F% l. c) T  s
此主题相关图片如下:9 q8 ?- d( H7 |& x9 b' `7 _" l  z
+ {: W5 `8 q& {6 V

- K8 ?8 Q* e$ H; {- v  步骤9:  在Frame and History面板上双击Frame 1,将时间间隔调整为25毫秒,并且用同样的方法调整所有Frame 的时间间隔。
/ U* e6 }) K- c: [3 i0 w0 @- b# K! ?) ?& s
此主题相关图片如下:: }6 W; |0 ^5 \0 B
4 H3 e  p9 v5 i- ?: C6 l' n0 b

4 `, x1 d2 R8 T% z: Z. i  步骤10:  点击“播放“按钮,可以看到整个动画的效果,像素小人飞身跃过滚动的圆环,只要你稍加改变就可以得到更多的不同动画。

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )