|
本文中我们建立一个具有胶片形式的动态影视Banner,首先制作一个具有胶片效果的边框,接着使用帧面板制作GIF动画效果。主要熟悉Fireworks MX 2004中组合、帧面板、修改画布大小、动画面板等使用。文章末尾提供原文件供大家下载参考。 % ]- U8 m% }, i
! R8 K5 l5 t# ^
" I: H, l) v& f3 r1 g4 I4 P
下面我们看具体操作步骤。 1) 新建一个353×51的文件,设置背景颜色为黑色,如图1。 * S' p S2 @# j1 p8 ]
3 W3 I+ d8 H! p9 N5 o/ z# F( b# c A 3 Q" v4 J/ f) F% O+ Z9 p
图1? 新建一个文件
- r. _0 ] U/ ]* S$ J& g/ @* b 2) 由于图像相对较小,为了方便编辑需要改变视图大小,点击\\\"视图\\\"菜单,选择\\\"缩放比例\\\"150%,如图2所示。& C% A; h. q: T( |7 ~& k) s4 j }4 u5 t
& F: q( K/ C, {, H
0 q0 ?# P6 r$ X1 F图2? 改变视图大小' I% z- r& Z2 j2 [8 r! U( D
3) 点击工具箱的 图标,在图像上画一矩形,并设置填充色为白色,得到图3。) |% v% ^, L7 J/ C* L
3 T* l! S: v7 C, b* u - i+ i' c4 Y g1 T
图3? 画一矩形 4) 选择矩形并按Ctrl+C复制,然后Ctrl+V粘贴。并用方向键移动复制所得矩形到适当位置,按Shift键选择两者并组合,得到图4。* y( ]5 m8 `+ u4 a n! E
# X) J3 \% e8 l4 L! R7 o4 g/ i8 X
$ r# C' e( ]+ u图4? 复制并组合矩形 5) 不断重复步骤4)得到如图5所示。这样就做出了一个胶卷的样子了,下一步就为其添加一些\\\"相片\\\"。! V! A# m& c% ], }+ x' N
2 S* @4 {8 v4 w6 H1 \+ g 3 s1 Q5 T Z$ f" u6 s0 q* f; v' [2 c0 H
图5? 重复复制矩形得到的图片 6) 导入一个Banner.gif图片,如图6所示。' N$ z9 E: I& I, t! p1 t& w
) H' N4 c7 ~1 h# I8 P( k& ~7 U- i
3 k. r K8 A& f) L" N图6? 导入一个图片 7) 选定导入的图像并点击工具箱的 图标,改变导入图像的大小使其与\\\"胶卷\\\"符合,得到图7。' [. O# h4 o; x4 {% o0 y
5 j2 j0 K2 ?. `; e7 { ! M7 I7 T" k+ S$ M, o
图7? 改变导入图像的大小 8) 重复步骤6)和步骤7),导入其他一些图像,并按方向键排列导入的图像,恢复到100%视图最终得到图8。) I5 m* m8 g! _/ ]9 F
' P; X# W/ q9 c" J" L5 ]2 m

) ~; H7 ~9 \$ W. e* d图8? 导入所有图像后所得图像 9) 保存文件为Banner.png,下一步来制作一个滚动的Gif图片。打开Banner.png图片,单击\\\"选择\\\"菜单,选择\\\"选择全部\\\"下拉菜单,选定所有的元素。如图9所示。& a& Z4 C& S) Z# F m8 V
+ a- |" d' D ?) d

! X- c5 s8 q) J0 a图9? 选择所有元素 |
|