作者:巍 原创
/ |2 @2 Q" p0 D& m5 p, {# i0 z出处:天极网$ ]/ F9 {, M& y" Y: K/ M7 B. k
本文中我们建立一个具有胶片形式的动态影视Banner，首先制作一个具有胶片效果的边框，接着使用帧面板制作GIF动画效果。主要熟悉Fireworks MX 2004中组合、帧面板、修改画布大小、动画面板等使用。& t* v' z: o3 `$ T" s' @* _% G
文章末尾提供原文件供大家下载参考。# ^! U" S q% \: n
- t8 V& C8 j: [& |9 u ! V& u: c2 ?2 e, B/ t6 c
下面我们看具体操作步骤。" Z+ X$ B7 t7 y7 ?- Z5 r, a
7 \# v' I+ R! ? 1） 新建一个353×51的文件，设置背景颜色为黑色，如图1。 : m0 {; I/ J/ P( ~3 R7 g! U( r' j
9 I, n, y! p4 u2 e # i5 ]# C9 W' f1 p- g
图1 新建一个文件' q: k5 n' X1 [+ `- R
! F$ a: X3 T; \ 2） 由于图像相对较小，为了方便编辑需要改变视图大小，点击"视图"菜单，选择"缩放比例"150％，如图2所示。
0 N8 x: x: G* ^/ P; ?: E" Q0 i, p0 Q& u3 v" e' | @" O5 _, z8 c" N
 . J. z1 h8 t; Y f y0 M
图2 改变视图大小
% I! K* i# K( @ A9 ~ n( \ 3 z; a( z& J3 ]* V) z+ G( _
3） 点击工具箱的 图标，在图像上画一矩形，并设置填充色为白色，得到图3。9 l; ?" p6 i7 ^% ~& I
- l2 U5 ~ p# C
% E2 V$ J- D' f4 T) p+ D8 _) Q图3 画一矩形
$ }; L, h, Q8 J$ e- w0 u 4） 选择矩形并按Ctrl+C复制，然后Ctrl+V粘贴。并用方向键移动复制所得矩形到适当位置，按Shift键选择两者并组合，得到图4。5 i; f# o! u! @) N9 B
6 P1 o( w+ o. M3 [1 [, Z : V( N4 n% E6 O/ H
图4 复制并组合矩形" f) {. }# V* d. E% {
5） 不断重复步骤4）得到如图5所示。这样就做出了一个胶卷的样子了，下一步就为其添加一些"相片"。
# Q F* q# A* j, I6 g" f! \" X1 v: s+ Q& ]* R' j; O
6 k$ P. [' [8 W8 R9 D+ M9 _图5 重复复制矩形得到的图片
, F9 V* T3 A4 u9 `9 _: b
; u F- d7 d4 E: l 6） 导入一个Banner.gif图片,如图6所示。: R% ^. h: M- C* X( P
+ y* G8 T. I4 J7 L
& f7 t8 ^ `% U+ ^ x( i/ E4 Z图6 导入一个图片
1 \# C! a, l) U$ F1 A
) _' K) Y8 ]1 |( z1 a" D 7） 选定导入的图像并点击工具箱的 图标，改变导入图像的大小使其与"胶卷"符合，得到图7。+ H x/ \' w9 g/ v
4 F6 U* e. e6 N; d. b 0 E- L9 p( }+ m7 b8 G
图7 改变导入图像的大小
, E% o; K) h& A: X; } 8） 重复步骤6）和步骤7），导入其他一些图像，并按方向键排列导入的图像，恢复到100%视图最终得到图8。! d0 v. w9 F! B: H
) m7 i& x0 S$ L2 y+ s2 w1 r
9 q$ ^- P9 Y0 ^6 p% x8 R4 @图8 导入所有图像后所得图像
8 U; {! k6 \0 h* ?/ n+ u: ?
/ |4 Z1 K: T R2 P9 c7 Z 9） 保存文件为Banner.png，下一步来制作一个滚动的Gif图片。打开Banner.png图片，单击"选择"菜单，选择"选择全部"下拉菜单，选定所有的元素。如图9所示。# _: Y1 u- p5 Z) L( T
" d" n1 W3 R/ g
 6 x) q5 V3 ? q4 [
图9 选择所有元素
. f% d9 b3 @- _! Y; K10）选择"修改"|"组合"，将所有元素组合成一个对象，如图10所示。
" M; |3 [( I( f; `+ H/ R8 p
7 `0 h, m( I% a, R4 Y: V 6 M& o) m+ V1 x
图 13）按Ctrl+X剪切所选组合，修改画布大小到353×51，再按Ctrl+V粘贴组合，将所选组合右侧与画布右侧对齐，得到图13。
( Y; J& P2 l* X+ `! j v图13 恢复画布大小并右侧对齐画布与图像（图片较大，请拉动滚动条观看）- d* r3 A6 ], e$ Q& F* T
# K) A! Q( [* T2 o
 4 s3 l9 r0 x9 m4 ^, _/ z
14）在开始制作滚动动画。首先选择"修改"菜单，再其下拉菜单中选择"动画"|"选择动画"，得到如下图所示窗口。将"移动"设为"353"，使其恰好能够左右衔接上。并将"帧"设为70，如图14所示。
. u# P# H& {* |8 C# @, H8 ~8 h( }2 A6 d
3 D$ v' I7 l6 i s1 l; a图14 动画窗口的参数设置8 [( \" @" Y0 c( p* P
15）单击"确定"会跳出如图15所示窗口，单击"确定"会得到图16。9 O& B. N# J, p! }# i5 E
- _+ O/ c1 [% S R) X& u9 y6 x' ?
& T: a$ v0 \. V9 n& r图15 跳出窗口
9 j' v( y/ x0 \3 M/ k图16 动画元件窗口（图片较大，请拉动滚动条观看）
$ r/ T7 z4 c' Q/ z/ I2 n
$ p. _3 G& [( G# q C; k/ ?0 m 16）打开帧面板，选择第一帧，按住Shift键并拖动至第七十帧，单击鼠标左键选定所有帧，双击帧面板右侧，修改"帧延时"为"10/100秒"。如图17。! o0 E2 Q/ _ d$ o1 `
0 [1 x A! q1 ^7 y2 l. A
: h% c: d1 C/ f图17 选择所有帧并修改"帧延时"
5 {4 I6 z) Z z8 t% q 17）下一步就可以播放动画，看看效果如何了。点击绘图面板的 图标播放动画，效果如图18所示。, p; f! E5 a9 X4 D
; ^6 ^1 k! D% ]3 ~/ P2 k; \
! t; t- Z7 Y" a% f \; G$ k/ C2 z9 [1 \图18 播放动画
" d7 x( D1 V% P0 g 18）最后一步导出图像，将做好的图片保存为Banner.gif文件，如图19所示。: j1 J- h, `/ k
原文件下载
0 ?8 l. O; m, l# O- F+ x7 }# l* ~. G3 I! ?* \7 y
% ?* R5 z$ N0 [; i1 v
D+ {! C& }& l3 U图19 将图像保存（图片较大，请拉动滚动条观看）; x$ e+ O! F" {' w& R/ Y
少了几步滴图图，偶找来贴上。
: T P, `. [* ?4 i+ E' `图11：: q& Y* |6 T+ ~2 s4 a( V, W2 v
7 ~' [6 o3 c Q2 ^ " A4 e/ g) H5 ^+ Q6 @' {
图12：
0 p3 c! P- ?: |: b7 {) B
, T2 H* U$ P7 c/ h9 I
9 W/ H z$ f# n9 z' V1 v图13：6 Q, p2 W0 c4 h* z2 v
( }1 n! n1 x: B; r4 k
, x; y9 v; A5 k3 t) [/ A0 o
10 组合所有元素
. D1 {. r9 ]" x9 k11）为了实现滚动效果，需要图像右边移出时，左边有图像能够补进。需要两幅相同图像来制作滚动效果。首先选择"修改"菜单，然后选择"画布"|"画布大小"，修改画布大小为706×51，得到图11。. D5 ]# _/ u' Y( K9 S S1 n4 P1 y
图11 修改画布大小（图片较大，请拉动滚动条观看）
' x3 |% j% C" z& {' j3 h# P% O& k
# E3 g( W) e( C7 e- N3 Z$ u3 v' q8 M1 Y9 I- I6 {
12）选择所选组合，按Ctrl+C复制后再按Ctrl+V粘贴，然后排列好两个对象并再次组合，得到图12。
. ]' J* q+ i0 z! b+ Y7 ]4 l图12 复制并排列组合元素（图片较大，请拉动滚动条观看）9 G7 Y$ r; ~# T2 y# j
" F* `9 A7 `8 `$ R5 D7 K# K
|
发表于 2007-5-8 16:04
| 
踩窝窝
送礼物
问候Ta