网友俱乐部 » » Fireworks教程 » 巧用Fireworks制作精彩Banner

2008-4-21 09:39 lonjew
巧用Fireworks制作精彩Banner

  当你驾着爱机在网上冲浪时,是否注意到网页上形形色色的动态Banner呢?一个好的Banner会给人一种耳目一新的感觉,一张好的Banner会给网页添色不少。那么,你是否也想制作这么一张漂亮的Banner呢?现在我们就用Fireworks来制作出一张Banner吧!

[b]  1、[/b]“巧妇难为无米之炊”,首先要收集好适合你网页的图片,如果自己能够制作出这些图片那就更好了!注意要把这些图片调好尺寸,并且转化成为GIF或JPG等格式,并保存好。

[b]  2、[/b]启动Fireworks,点击“File→New”(或按组合键“Ctrl N”)新建一个文件(注意调整好文件的尺寸,要和图片尺寸相适合)。

[b]  3、[/b]打开“Windows”菜单下的“Frames(帧)”面板,点击“New”新建一个帧,如图1所示。  

[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510170849477.jpg[/img]

[b][i]图1[/i][/b]
   
[b]  4、[/b]将焦点指向第一个帧,然后点击菜单项“Insert(插入)→Imige(图片)”插入第一张图片,再把焦点指向 第二帧,用同样的方法插入第二张图片。

[b]  5、[/b]下面的工作就是调整播放速度了,点击“播放”按钮进行预览。如果播放的速度不合适,可以利用Frames面板进行调整,具体方法是:让需要改动的帧获得焦点,然后双击该帧的时间栏,进行时间的调整,如图2。  

[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510170849195.jpg[/img]

[b][i]图2[/i][/b]
   
[b]  6、[/b]调整满意后,就可以对文件进行保存了,保存时选择菜单项“File→Export Preview(导出当前文件)”,否则将无法导出动画。

[b]  7、[/b]进入导出对话框之后,将“Format”中的项目改成“Animated GIF”,再点击“Export”按钮,选择适当的保存路径。这样一个动态的Banner就制成了。

  这里只介绍了比较简单的两个图片的动态Banner的制作方法,希望大家可以举一反三,制作出更多的好的Banner来,使我们的网页空间变得更加精彩。

页: [1]


Powered by Discuz! Archiver 5.5.0  © 2001-2006 Comsenz Inc.