科技时代新浪首页 > 科技时代 > 学园 > 正文

制作网页 我用BannerShop Gif Animator


http://www.sina.com.cn 2005年09月29日 12:08 新浪科技

    文/大言若川

  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所示。

制作网页我用BannerShopGifAnimator
图1

  应用案例:房地产超市动画

  制作步骤:

  1.新建一个文件,按[Image>Import Image…]从BannerShop Gif Animator安装目录下的Tutorial目录中导入chicago.gif文件。

制作网页我用BannerShopGifAnimator
图2

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

制作网页我用BannerShopGifAnimator
图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所示。

制作网页我用BannerShopGifAnimator
图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所示。

制作网页我用BannerShopGifAnimator
图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,充分发挥您的想象力,还不快来试试。

发表评论

爱问(iAsk.com)



评论】【论坛】【收藏此页】【 】【多种方式看新闻】【下载点点通】【打印】【关闭




科技时代意见反馈留言板 电话:010-82628888-5595   欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

Copyright © 1996 - 2005 SINA Inc. All Rights Reserved

版权所有 新浪网