您的位置: 玩转手机网 >> 手机技术>>查看文章

用Ulead Gif Animator制作网页GIF动画

来源: 编辑:ZZW 时间:2005/05/14 浏览:

核心摘要:现在只要您上网一看,就会发现许多网页中都放置了一些GIF动画,这些动态显示的图片不仅吸引了浏览者的注意力,而且也给原本较呆板的画面增加了不少生机。您是不是也想在自己的网页中加入一张这样的动画图片呢?其实制作GIF动画的工具软件很多,象Ulead公司的Gif Animator知明度就很高,颇受青睐。下面我以一个实例,具体讲述用Gif Animator 1.5制作一张GIF动画图片的过程。   一..
现在只要您上网一看,就会发现许多网页中都放置了一些GIF动画,这些动态显示的图片不仅吸引了浏览者的注意力,而且也给原本较呆板的画面增加了不少生机。您是不是也想在自己的网页中加入一张这样的动画图片呢?其实制作GIF动画的工具软件很多,象Ulead公司的Gif Animator知明度就很高,颇受青睐。下面我以一个实例,具体讲述用Gif Animator 1.5制作一张GIF动画图片的过程。

  一、 计划及准备工作

  在这个实例中,完成后的动画应有如下效果:画面首先显示一幅“创一流产品”的图片,随后,第二张图片慢慢地从左至右显示出来并覆盖第一张图片,其图片的内容是“征万里市场”,当第二张图片显示完成后,第三张图片以立方体效果的方式从底部翻转出来,上面显示有我们厂的地址、电话号码及传真等。在准备工作方面我们要做的就是三张静态图片,我们可以用WINDOWS中的“画图”或专业图象软件制作处理,图片的大小及修饰依您网页的实际情况而定。图片存盘时,将其存为.gif或.jpg格式。

  二、 动画制作过程

  1. 启动Gif Animator后,出现如工作画面。点击属性工具栏中的Automatic项,使之不被选中,这样我们可根据自己制作静态图片的大小来定义GIF动画的尺寸。在Background项中可定义背景色,你可以选择自己喜欢的一种。Looping项是定义动画循环次数,默认值为无数次。
  2. 执行Layer/Add Images命令,调入制作好的第一张图片。用相同的方法分别调入第二张和第三张图片。如果我们此时不作处理,将文件存盘即可得到最简单动画,即三张图片来回切换显示。
  3. 用鼠标选中左边窗口中第一张图片的文件名,执行Layer/Add Transition Effect命令,出现Add Transition Effect设置窗口。在Transition中将转变设为Wipe(To The Right),也可选别的项目以得到其它效果。将Quality(Frames)项设为Best,将延续设为4秒后按下OK钮。
  4. 用鼠标选中左边窗口中第二张图片的文件名,执行Layer/Add Cube Effect命令,出现Add Cube Effect设置窗口。其中Direction项定义了画面翻转的方向,我们选Form Bottom To Top,Frames值定义了从第二张图片翻转至第三张图片之间有多少帧画面,Delay为延续时间值,这两项我们不用修改,其余的地方均可不与理会,按下OK即可。
  5. 以上步骤完成后,你就可以按下标准工具栏上的Start Preview按钮预览您的作品了,或许效果你并不一定满意,但现在你完全可以自行控制,修改设置以获得理想的效果。
  6. 执行File/Save命令将当前文件存盘,以后你就可以在制作网页时调用这个GIF动画了。

 [我要评论

特别申明:本站绝大部分文章与作品均收集于互联网或网友自行上传,如有侵权,请主动与我们联系,如属实,我们会及时删除。同时玩转手机网不对文章及作品使用后果负任何连带责任。谢谢合作!

相关文章

专题新闻

关于我们 | 加入我们 | 合作双赢 | 广告服务 | 常见问题 | 意见与建议 | 版权申明 | 文字版
玩转手机网 2004-2008 年版权所有  业务与合作热线:7983135259797856