用FireWorks制作Banner(旗帜)

[复制链接]
查看: 221|回复: 0
gggds 发表于 2009-12-27 03:19:03 | 显示全部楼层 |阅读模式
3 e5 l- d4 [/ J8 d$ {9 o
当你驾着爱机在网上冲浪时,是否注意到网页上形形色色的动态Banner呢?一个好的Banner图会给人一种耳目一新的感觉,一张好的Banner图会给网页添色不少。那么,你是否也想制作这么一张漂亮的Banner图呢?现在我们就用Fireworks来制作出一张Banner图吧!! D- m% @; W5 n8 {
  1、“巧妇难为无米之炊”,首先要收集好适合你网页的图片,如果自己能够制作出这些图片那就更好了!注意要把这些图片调好尺寸,并且转化成为GIF或JPG等格式,并保存好 2 k6 ~; v' s4 h8 n+ z, I

/ p: S  d- m0 p: t2 D' X0 I0 l9 n# }. x$ o; ^: {/ L1 X
( S; O3 i! R! q+ b4 x
1 Z9 [+ O+ v# d) F

9 L7 b% a2 S; \4 i8 Q/ U* z0 |1 u' S8 K3 K5 W

3 }+ U/ }- f' F3 r2 L* @  2、启动Fireworks,点击“File→New”(或按组合键“Ctrl+N”)新建一个文件(注意调整好文件的尺寸,要和图片尺寸相适合)。
+ q# x$ A2 n( d: H8 {2 W5 W5 M% F  3、打开“Windows”菜单下的“Frames(帧)”面板,点击“New”新建一个帧,如图1所示。% _! K- `3 r6 C& a% @

! S) U! ]3 E( [+ O' X) |, M% e
% p' ?! p" i& R1 I# [3 s9 H图1
* G+ o; f( h' e. g- _2 @" l  4、将焦点指向第一个帧,然后点击菜单项“Insert(插入)→Imige(图片)”插入第一张图片,再把焦点指向第二帧,用同样的方法插入第二张图片。; z) x+ k' C5 Q* d) R" ~
  5、下面的工作就是调整播放速度了,点击“播放”按钮进行预览。如果播放的速度不合适,可以利用Frames面板进行调整,具体方法是:让需要改动的帧获得焦点,然后双击该帧的时间栏,进行时间的调整,如图2。
7 s2 f! ~9 c. U/ a% i0 J( Q4 Y7 {. E, v7 p% ?0 D+ i' K6 h

8 [. z/ ?. k0 l' `, j/ W( B+ o图2
, \$ t" V$ P, u8 I. J1 l7 M  6、调整满意后,就可以对文件进行保存了,保存时选择菜单项“File→Export Preview(导出当前文件)”,否则将无法导出动画。
: }3 w) I; m1 ?5 g7 H  7、进入导出对话框之后,将“Format”中的项目改成“Animated GIF”,再点击“Export”按钮,选择适当的保存路径。这样一个动态的Banner图就制成了。
. }8 q3 Y0 W3 N  这里只介绍了比较简单的两个图片的动态Banner图的制作方法,希望大家可以举一反三,制作出更多的好的Banner图来,使我们的网页空间变得更加精彩。

本版积分规则

精彩图文

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