您现在的位置:莱阳教育>> 教育技术>> 信息化发展>> 技术与培训

三款经典Gif动画制作软件比较

作者:YHD 时间:2017年12月14日 点击数: 出处:本站原创 编辑:admin

 

当你浏览网站看到那些栩栩如 生的动画时,是否想过自己去尝试着做一个,让别人也羡慕羡慕呢?现在使用较多的有Gif动画和Flash动画。虽然Flash动画迅速崛起,但Gif动画 以其制作简单、适用广泛,在网页动画中的地位依然无可替代。本文向你介绍的三款软件———AdobeImageReadyMacromedia FireworksUleadGifAnimator皆可称为经典,仔细权衡之后,总会有一款适合你。

ImageReady号称WebPhotoShop。它不仅有PhotoShop强大的图形处理能力,而且还可以创作富有动感的gif动画,有 趣的动态按键,漂亮的网页,ImageReady完全有能力独立完成从制图到动画的过程。它与PhotoShop的紧密结合更能显示出它的优 势,ImageReady是基于图层来建立gif动画的,它能自动划分动画中的元素,并能将PhotoShop中的图像用于动画帧。

ImageReady的编辑环境(可通过PhotoShop工具面板的跳转按钮直接转换),我们主要使用到的是Animation面板。开始 时,该面板上默认只有一帧,点击面板下方添加按钮,插入新的图片可以新增加一帧。另外通过层面板改变显示和隐藏的层,还可以产生局部发生了变化的帧。当完 成所有帧的设置,再依次播放这些帧时,动画就产生了。

在每一个帧的下方,都显示着一个数字标记,这是表示在动画完成之后,本帧所代表的画面将迟延几秒。数字越大,表示该画面停留的时间越长。一般可将重 要的页面设置成比较大的数值,以便于引起别人的注意;而一些效果过渡的画面应取较小的值,以增加动感效果。在设置完成后,点击该面板下的播放按钮来对动画 进行预览。

ImageReady在优化处理方面也提供了比较出色的支持。Optimize面板可以对你的作品进行压缩优化设置,通过减少颜色数量可以很大程度上降低文件大小。

如果你是一个PhotoShop高手的话,相信可以利用ImageReady制作出更经典的gif动画。另外,请在完成所有设置后,保存好PSD格式的文件,以便于以后在必要的时候进行改动。

FireworksMacromedia公司推出的一款编辑矢量位图的综合工具,与DreamweaverFlash合为网页制作三剑 客。在Fireworks中,你可以创建动画广告条、动画标志、动画卡通等多种类型的动画图像。由于该软件制作动画随意性比较大,所以下面用具体的步骤来 说明。

新建一个文件,定义好长和宽,导入所需图片;选中图片,选择modify菜单Animate->Animatedselection,进入动画参 数设置;在frame框中输入10,说明这个动画将由10个帧组成。帧数越多,动画越细腻,但是会加大文件大小;在move框中输入200,这是设定移动 的距离像素;在direction中输入45,设定移动的角度,你可以点击工作区上的symbol,用鼠标拖动路径上的第一帧(绿色的点)和最后一帧(红 色的点),来改变它们的位置;也可以拖动中间的帧(蓝色的点),改变整条路径;单击OKFireworks将会问你是否添加新的frame(帧),单击 OK,将会自动添加新的帧,步骤同上。

现在矩形上的右下角会加上一个小小的箭头,表示这是一个动画符号(animationsymbol),一条线表示这个符号的移动路径,线上的每一个点表示一帧。点击画布下方的播放/停止按钮,就可以播放动画。

Fireworks对创建的任何对象或导入的对象都可以作为动画符号。每一个符号都有自己独立的属性。所以你可以针对不同的对象创建不同的动画形式,例如移动、淡入淡出等。

自从Ulead公司1992年发布UleadGifAnimator10以来,UleadGifAnimator一直是制作Gif动画工具中功能 最强大、操作最简单的动画制作软件之一。利用这种专门的动画制作程序,大家可以轻松方便地制作出自己需要的动画来。你甚至不需要引入外部图片,也可利用它 做一些较为简单的动画,例如跑马灯的动画信息显示等;如果只输入一张图片,GifAnimator可以自动将其分解成数张图片,制作出特殊显示效果的动 画。最新的50版本又添加了不少可以即时套用的特效,以及更多的动画效果滤镜。最令人惊喜的是目前常见的图像格式均能够被顺利地导入,甚至部分影像文 件,且皆可保存成时下最流行的Flash文件。下面就让GifAnimator中的特有功能———动画向导引导我们创建一个简单的动画(软件启动后,动画 向导会随之出现)。

设置动画大小(长,高);选择动画所需要的图片,同时可以设置延迟时间和帧速(注意对话框左下角的帧速预览,非常体贴的设计);动画中的各个文件将 会出现在下方的帧面板中(FramePanel),点击“Preview”标签即可预览动画了;一个精彩的动画banner已经做好了,但如果这样直接保 存,生成的动画文件会比较大,故需要对动画进行优化。在菜单中选择File(文件)->OptimizationWizard(优化向导),在优化向导 中对优化的参数进行设置,一般取默认即可。使用的颜色数越少文件越小,效果越差;向导完成后,弹出GifOptimization面板,列出原文件大 小、优化后文件大小、节省了多少字节等参数,如果对刚才的设置不满意,你可以选AnotherTry来重新设置优化向导。

另外Ulead的动画效果滤镜是十分值得强烈推荐的。像Gate3D3D过渡),DiagonalBuild(倾斜过 渡),SweepClock(时钟式过渡),DiamondAFX(菱形动画)、IrisFX(彩虹动画)、MosaicFX(马赛克动 画)、PowerOffFX(关机动画),FlapBFilm(分割倾斜翻页)、ProgressiveFilm(前进式翻页)都是比较经典的。

动画的形成原理与卡通影片是一样的,都是通过视觉暂留现象,连续显示数张图片引起动态视觉效果。Gif动画制作需要注意的无非是图片、帧速、效果三个要素。我们将着重从软件的易用程度、效果实现以及人性化设计等几个方面来具体比较这三款软件。

GifAnimator具有傻瓜式操作,提供了动画制作向导以及最后的优化效果对比,特别适合新手。

Fireworks矢量做图功能强,创作自由,多利用FW面板会达到意想不到的效果;但是操作稍复杂,适用于习惯MicroMedia软件的用户。

ImageReady是基于图层来建立gif动画的,它能自动划分动画中的元素,并能将Photoshop中的图像用于动画帧。操作比较方便,易于修改,适用于熟悉Photoshop的用户。

字体: 收藏 打印文章