|
众所周知,
! A! S# d7 \6 G! ~% i" H& ~Fireworks3 @- {5 k4 X6 s7 q
MX是一款非常优秀的GIF格式动画制作& T5 o. w* Z- P! J$ A* H$ Z
软件5 o2 Q u, a- j6 [7 t
,但是很多朋友在制作动画的时候除了文字的移动,渐变很少做其他的效果,实在是对Firewrks MX强大功能的极大的浪费。其实只要我们有一些想象力,多在动画形式上下工夫,可以制作出很多与众不同的动画作品。 下面我们就以一个简单的像素动画为例子,看看怎样只使用几种最基本的编辑工具来制作特具特色的像素动画。
! ^# {" D5 X- F# O
& y1 A, T! w8 I# i' t此主题相关图片如下:
) F+ W( C2 U' s$ A, a2 _$ S
7 N# f# R8 j3 B5 {$ N( F( C, R% l! F 步骤1: 打开6 Q4 P* o( X6 W8 E
Fireworks
4 ^* |) e: b8 Z) c2 k MX,使用菜单命令File-New新建一个文件,在弹出的文件属性对话框中设置此文件的大小为宽88像素,高31像素,背景色为透明。
5 N6 y+ c1 X7 n/ @8 x6 D+ i3 Q2 M! h 步骤2: 在工具栏上选择矩形工具,并且设置其填充色为深红色,边框色为无。5 G9 P) o$ |) W
& g) i7 r+ t8 ], O* R, r此主题相关图片如下:$ h3 B/ k" J( A9 E2 W9 @3 i5 y
: R: m7 \/ ?- f/ K. F 绘制一个矩形。在Properties面板上调整矩形的大小与位置,使其居中对齐。5 [! @8 F. S4 O# T3 k0 }
- C( \, d8 O, Z- I; I
此主题相关图片如下:, }; p0 J9 m" z. i3 H
4 i4 i5 d4 U' y. T
步骤3: 在Properties面板上的填充选择区域中选择Texture为Grid4,并调整其透明度为50%" r6 G5 V& T7 b8 r! t
3 @0 a5 e! Y8 q+ y; m此主题相关图片如下:8 `0 a# M8 |# p/ O6 [+ R) ~5 u
" z* {3 h9 h1 c4 F2 S3 r此时的矩形效果如图所示:
! `0 k# i0 `: c8 E. r# x5 c- B0 A/ q, _4 f
此主题相关图片如下:8 w0 R* S; \8 j1 d' S6 F9 ~' p8 H- G7 N
: m% F, }/ ]/ G 步骤4: 使用圆形工具以边框色为白色,填充色为无绘制一个小圆,并放置在画面的右下角。1 i+ V) w+ N" i2 C" q
; R: {# w9 ^5 i7 c2 f# A6 R7 T此主题相关图片如下:
1 x6 |) v$ x/ g/ H- r- p, S0 t9 q. y# K; R [7 v. U w2 [3 ~
) C; M- P1 Q2 i7 J e: `
使用矩形工具以无边框色、深红为填充色绘制一个小矩形,放置在文件的上端。: a* V$ v6 a- ]8 }
步骤5: 在工具栏中选择直线工具,在Properties面板中设置直线的宽度为2,线形为Hard Line。在图形上点一点,并使用同样的方法点出不同的小点,并调整其位置最后形成一个像素小人。: X- R' U' Y7 [ _0 c, H
2 Y. j% T N: ^; d/ r此主题相关图片如下:+ \% ~' r$ ~! M6 ?" g, n: o' h6 C' y: X
8 U- ^# z% I8 I5 B$ v! F 步骤6: 打开Frame and History面板,点击右上角的三角按钮,在弹出的菜单中选择Duplicate Frame复制一个Frame,在弹出的Duplicate Frame对话框中如图进行设置。
2 T/ w- p' [( o1 i/ y/ C8 |# }# `; }; i6 P/ { l' o( n' X
此主题相关图片如下:
0 F. {$ b" O8 r/ r5 A( J* g- B9 R, k& B3 h
2 h8 r1 \4 h( s( l$ b I1 W 步骤7: 向右侧移动像素的位置,并改变小人的造型,向左适当移动圆环的位置。
0 }" r( j1 q& p& V4 C0 n. V; ~/ L) `7 v# a/ t+ h3 i
此主题相关图片如下:
- N" i0 O$ u! J [$ R0 D1 C8 S, X8 A1 z
步骤8: 使用同样的方法复制Frame3、Frame 4、Frame 5、Frame 6,并且改变小人与圆环的位置,最后每一个Frame 上的图形分别如图所示:, A3 }5 T9 H4 H) C) w# ]
7 Z% ^; H$ X5 m+ \) u: Q此主题相关图片如下:
+ o7 z8 Q/ D0 i! U$ r% b7 W Q* G0 L: m0 i( X
9 s' u- w ^6 |1 E5 l- Y4 A% `4 o- t; N N6 d
此主题相关图片如下:
" h/ D8 b3 y8 B& n: M, U# |1 X. T2 K/ x1 i6 v, E5 e
1 @: V) }5 f* }! M U% a
& _# k; u0 _* j5 [: A& \# F) L3 F) W! h此主题相关图片如下:# F1 Y" N" ]! v. O- ?( s
% t$ I; m5 I- t2 `& Y0 R
+ ]; u* S8 r, `7 Z }# a. x! O0 T7 G
, S9 C3 `. Q5 q6 e6 F
此主题相关图片如下:
( [+ N" z; Q @5 j6 K! O' A1 q0 x( z
* w6 e. X* d% g: X& ?* B% N9 I$ _; n 步骤9: 在Frame and History面板上双击Frame 1,将时间间隔调整为25毫秒,并且用同样的方法调整所有Frame 的时间间隔。
$ J1 Q w" o3 f7 x5 T' S& k; b
+ v$ D g2 ~) H+ t! U% `0 p此主题相关图片如下:6 [* J; n. b) u n
& x2 ^" @% h+ d0 r
: \7 i% p: \6 e& G1 ]
步骤10: 点击“播放“按钮,可以看到整个动画的效果,像素小人飞身跃过滚动的圆环,只要你稍加改变就可以得到更多的不同动画。 |
|