如何制作网站Banner?-网页设计-西安兄弟网络

来源:百度文库 编辑:神马文学网 时间:2024/04/28 11:07:51
如何制作网站Banner?
信息来源:兄弟网络 添加时间:2008-2-15 阅读次数: 1592
自助建站网免费试用
美国虚拟主机全球畅通
Banner作为网上广告宣传的主要形式,越来越受到许多网站的青睐。笔者在制作自己的网站时,喜欢用友立Gif Animator加工一些创意独特、制作精美的Banner,它不但能给访问网站的用户留下一个深刻的印象,而且能体现你做的网站非常专业。一个偶然的机会我发现一个名叫BannerShop Gif Animator的软件,使用后发现它能做出非常专业级的Banner来。从其中“Master Frame”的概念来讲,它在功能上已超过了友立Gif Animator,并且在制作动画方面包含了友立Gif Animator的所有功能,其内置的图片过渡效果还可以从网上下载,非常方便。笔者不敢独享,赶紧介绍给各位幸幸苦苦制作网页的菜鸟们。
BannerShop Gif Animator是Selteco公司的主打产品,最新版本5.0.6.2。由于是共享软件,只有30天的试用期,所以每次当你运行该软件时都会有一个让你注册的对话框,我们可以按对话框上的Evaluate按钮来试用该软件。操作界面如图1所示。

图1
应用案例:房地产超市动画
制作步骤:
1.新建一个文件,按[Image>Import Image…]从BannerShop Gif Animator安装目录下的Tutorial目录中导入chicago.gif文件。

图2
2.缩小图片的尺寸。按[Image> Image Size…](如图3)将图片设置成宽为200像素、高为33像素的图片。

图3
3.点击 按钮自动将当前帧的大小调整为当前图片的大小。
4.点击Current Colors浮动窗口的前景色按钮(左边第一个按钮),弹出的对话框中,在Predefined Colors的下拉框中选择Orange,把前景色改为橙色。在工具箱中选择油漆桶按钮,把chicago.gif中的蓝色区域涂为橙色。
5. 在Frame list中点击“New”按钮,当前帧之后插入一个空白帧Frame 2,并在Background浮动窗口的下拉菜单中选择Frame 1,此时Frame 2变成了与Frame 1相同的样子。
6. 在Frame List中选中Frame 1,然后勾选面板上的Master Frame项,把第一帧置为参考帧,此时Frame 1变为Master Frame(1),Frame 2变成了Frame 1,便于以后的编辑。
7. 返回到第一帧,按第2步方法将前景色置为白色,在图中的橙色区域中输入"房地产超市"的字样,点击“Font”,设定华文琥珀三号,并将文字移到中央。如图4所示。

图4
8. 新建第二帧,按第7步方法在相同区域输入"www.zjfdcjg.com"的字样,点击“Font”,设定Arial Black五号并将文字移到中央。
9.由于第6步中我们在Background浮动窗口中选择了Frame 1为Master Frame参考帧,以后新建的都与Master Frame的内容相同。所以分别在frame 2的前和后各插入一帧,原来的Frame 2变成了Frame 3,新插入的前后帧名称frame2、frame4。如图5所示。

图5
9. 将frame1和frame3的文字"房地产超市"和"www.zjfdcjg.com"分别粘贴到frame2,通过Current Colors面板中的前景色按钮修改两组文字的透明度Opacity,将它设为50。然后在Frame list中输入该帧Frame Delay为0.1。
10. 按第9步的方法设置第四帧,只是将frame3和frame1的文字"www.zjfdcjg.com"和"房地产超市"分别粘贴到frame4。
11. 按F9演示一下动画效果,够专业的了。
从以上实例可知,运用BannerShop Gif Animator可以制作出各种创意动画Banner,充分发挥您的想象力,还不快来试试。