Ulead_GIF_Animator_V5动画超级简单教程

admin管理员组

文章数量:1536786

2024年2月27日发(作者：)

Ulead GIF Animator V5.05动画超级简单做

从名字上便可看出，即“友立GIF动画，5.05版”，是一款专业 GIF 动画制作软件，由 Ulead（台湾友立）公司创作。Ulead GIF Animator （以后我们不妨也习惯称呼它UGA）不但可以把一系列图片保存为 GIF 动画格式，还能产生二十多种 2D 或 3D 的动态效果，足以满足您制作网页动画的要求。在介绍这个软件之前，我们先说说 GIF 文件。

什么是Ulead GIF Animator？

刘智宇

Ulead GIF Animator是Ulead（友立）公司最早在1992年发布的一个动画GIF制作的工具。1999年Ulead（友立）公司又推出的Ulead GIF Animator4.0的版本，在这个新版本中不但继承了前期版本的优点，例如多幅外部图象文件的组合动画、对外部动画文件的支持和GIF图象优化等，而且还提供了新的滤镜功能、条幅文字效果、增强的优化算法和新的四个工作版面状态等，使网页设计者可以快速地轻松创建和编辑网页动画文件。GIF Animator引入了图层Image

Layer概念，这原本只有在高级图形处理工具中才提供的，而使用这项功能，我们可以创建出效果更加丰富的图形，甚至是多个图形之间的叠加，这样的画面效果极好。同时程序也提供了近乎专业的层合并、重定义尺寸、Layer Pane多层内容的同步色彩编辑等功能。

GIF和GIF89a格式简介

在了解软件前，我们先了解一下GIF 的基本知识。GIF（Graphic Interchange Format 图形互换格式）是为跨平台消费市场而开发的。因为当时的计算机图形卡最高只支持256色，有的只是单色的。GIF格式应用了减色抖动（dithering）技术，将每点的位数减少至1—8位，通过这样的减少每点的存储位数来达到缩小图像文件的大小目的。因为GIF格式的图像文件的小巧，使GIF成为Internet上应用最广泛的图像格式，并且直到现在仍旧是这样。而自JPEG（简称JPG，最早由Joint Photographic Experts Group提出并由此命名）格式出现后，GIF格式受到挑战，但是GIF格式具有的特殊效果：交错效果、透明底色效果和GIF89a动画效果，使GIF格式仍然拥有较多的支持者。

GIF89a格式是将多幅GIF组合在一起，并按一定的时间间隔顺序显示出来，从而实现动态效果。为了减小图像动画大小，一般制作GIF动画是在一幅背景图像的基础上做一些变化，可以将后几幅图像的背景设为透明。

使用启动向导

GIF Animator中针对最常用的操作，提供了启动向导的功能。在启动GIF Animator后，程序会弹出一个启动向导来引导设计者制作GIF动画。在启动向导中包含了两个部分：新建栏和打开栏。在新建栏中包含有在使用动画向导创建GIF动画和创建一个空白的动画文档。在打开栏中有打开已存在的GIF动画、打开已存在的视频文件（以.avi和.mov等为扩展名的动画文件）和打开示例GIF动画文件。GIF Animator提供的动画向导功能，通过一个简单的对话框管理动画文件的每一幅图像，这大大加速了设计GIF 动画的设计过程。在打开一个文件时，GIF Animator会自动按照一定的时间间隔读取图像，按照先后顺序分解成GIF 动画的每一幅图像，并自动命名每一层的标题。在GIF Animator4.0中程序还自带了几个示例以供初学者研究，可以通过打开示例文件打开它们。

对于Ulead GIF Animator强大的功能，小编一直钦服不已，最新版本增加了许多功能和作了改进。

特别适用于Flash、等动画软件操作不是很熟，而又对动画非常感兴趣的朋友使用。

Ulead GIF Animator是Ulead（友立）公司最早在1992年发布的一个动画GIF制作的工具。1999年Ulead（友立）公司又推出的Ulead GIF Animator4.0的版本，在这个新版本中不但继承了前期版本的优点，例如多幅外部图象文件的组合动画、对外部动画文件的支持和GIF图象优化等，而且还提供了新的滤镜功能、条幅文字效果、增强的优化算法和新的四个工作版面状态等，使网页设计者可以快速地轻松创建和编辑网页动画文件。GIF Animator引入了图层Image Layer概念，这原本只有在高级图形处理工具中才提供的，而使用这项功能，我们可以创建出效果更加丰富的图形，甚至是多个图形之间的叠加，这样的画面效果极好。同时程序也提供了近乎专业的层合并、重定义尺寸、Layer Pane多层内容的同步色彩编辑等功能。

1. Ulead GIF Animator 4.0

2. 熟悉GIF Animator界面

3. GIF动画大师速成

4. 快速制作横幅

5. 优化动画

6. 网页图形动画制作实战例1

7. 网页图形动画制作实战例2

8. 网页图形动画制作实战例3

9. 网页图形动画制作实战例4

本文作者：刘智宇

出处：

/webcourse/webmonkey/1ulead/1-uleadanimatior/

Ulead GIF Animator教程文章列表

· Ulead Gif Animator 5.0做闪光字的素材精品

· Ulead Gif Animator闪字与相关教程制作

· UGA5.5教程-立体图片遮罩字

· UGA5.5系列教程-拉幕效果

· UGA5.5系列教程-飘飘雪花

· UGA5.5系列教程-下雨效果

· UGA5.5系列教程-彩色渐变字效果

· UGA5简易教程-美女眨眼

· UGA5简易教程-动态签名头像制作

· 用Ulead Gif Animator制作网页GIF动画

09-20

09-20

09-20

09-20

09-20

09-20

09-20

09-20

09-20

GIF 的全称是 Graphics Interchange Format（可交换的文件格式）, 是

CompuServe 公司提出的一种图形文件格式。GIF 文件格式主要应用于互联网, GIF 格式提供了一种压缩比较高的高质量位图, 但 GIF 文件的一帧中只能有 256 种颜色。GIF 格式的图片文件的扩展名就是“.gif”。

与其它图形文件格式不同的是, 一个GIF文件中可以储存多幅图片，这时, GIF 将其中存储的图片像播放幻灯片一样轮流显示, 这样就形成了一段动画。

GIF 文件还有一个特性：它的背景可以是透明的, 也就是说, GIF 格式

的图片的轮廓不再是矩形的, 它可以是任意的形状, 就好象用剪刀裁剪过一样。GIF 格式还支持图像交织, 当您在网页上浏览 GIF 文件时, 图片先是很模糊地出现, 然后才逐渐变得很清晰, 这就是图像交织效果。

很多软件都可以制作 GIF 格式的文件, 如 Macromedia Flash, Microsoft

PowerPoint 等, 相比之下, Ulead GIF Animator 的使用更方便, 功能也很强大。Ulead GIF Animator 不但可以制作静态的 GIF 文件, 还可以制作 GIF

动画, 这个软件内部还提供了二十多种动态效果, 使您制作的 GIF 动画栩栩如生。现在我们就开始介绍 Ulead GIF Animator 的安装及使用方法。

/

互联网不断地发展，导致网站不断地增加，其中不乏一些优秀的个人网站。做网站其实很容易掌握，但是如何做出漂亮而又吸引人的网站，并不是所有掌握技术的人都能实现的。在网页设计中，不乏有两种，一种是文字，另一种是图片起到了主导地位。在图片当中，动态图片又是独支一秀。网站的各类Banner和Logo也都采用了动态图片。有关动态图片大家都不陌生，但是如何达到这样的效果却是相当的困难。但是自从Ulead

GIF Animator推出后，动画制作变得相当简易，而这次Ulead公司又推出了5.0的新版本，这个版本让笔者体会到制作动态图片的乐趣，现在就让

我们来看看吧（推荐下载绿盟的Ulead GIF Animator 5 简体中文绿色版 :

/soft/31/32/2006/Soft_

不用安装直接可以用非常方便）。

图003：启动向导

在新建栏中你可以使用动画向导创建GIF动画。在打开栏中有三种打开方式。另外你还可以选择“Do

not show this dialog box next”来关闭这个功能。

(1) Animation Wizard

选择这个可以教你一步一步地完成一个GIF动画图片的制作，所以如果你是初学者，强烈建议你选择这个选项。

我个人认为，这个动画向导创建功能主要是方便了我们选择，从另外一种角度想就是提高了我们制作图片的速度。

(2) Black animation

选择这个可以建立一个空白的动画文件，选它主要是因为你想制作一个全新的GIF图。

(3) Open an existing image

没什么好说的，就是选择打开一个已经存在你机器里的GIF文件。

(4) Open an exisiting video

如果你想利用视频文件的片段来制作GIF动画的话，就可以选择这个。我们知道视频文件其实是由N个图片组成的，这个后面再说。

(5) Open a sample file

Ulead GIF Animator中有很多的示例文件，所以你想偷点懒，或者不是很熟悉GIF

Animator的GIF动画制作过程也可以选择这个。

为了便于讲解，我在这里选择了“关闭”按钮。

互联网不断地发展，导致网站不断地增加，其中不乏一些优秀的个人网站。做网站其实很容易掌握，但是如何做出漂亮而又吸引人的网站，并不是所有掌握技术的人都能实现的。在网页设计中，不乏有两种，一种是文字，另一种是图片起到了主导地位。在图片当中，动态图片又是独支一秀。网站的各类Banner和Logo也都采用了动态图片。有关动态图片大家都不陌生，但是如何达到这样的效果却是相当的困难。但是自从Ulead

GIF Animator推出后，动画制作变得相当简易，而这次Ulead公司又推出了5.0的新版本，这个版本让笔者体会到制作动态图片的乐趣，现在就让我们来看看吧。

图001：启动画面

一、新增功能

1.更人性化的用户界面

GIF Animator 5.0

重新设计了用户界面，让你在制作动画图片的时候更方便，这个版本的工作区域已经完全支持真彩色，无论你是在设计还是预览的时候都可以在真彩色的环境下了。同时，一般常用的做动画的流程都已经简化在编辑、优化和预览选项卡之间，很大程度上简化了操作难度。

图002：操作界面

2.增强的编辑能力

这个版本的 GIF Animator

在文字编辑器、选色器和选取工具上面都加强了各自的功能。同时转换器也相应的得到了增强，现在你已经可以随意调整对象的大小和角度了。

3.支持更多的输出格式

GIF Animator 5.0 支持的输出格式除了标准的 GIF

以外，现在还可以输出 FLASH 格式的 SWF

文件了。也就是说，你可以用它来做 FLASH

动画了。当然它还可以输出 MPEG、avi、mov

等视频格式的文件，这样一来，只要你的系统安装了 MPEG4

的驱动程序，GIF Animator 5.0 也可以直接输出 MPEG4

的动画了。另外值得一提的是，它还支持 Photoimpact 的 UFO 和

Photo Shop 的 PSD

文件，这样你辛苦做出来的动画里面的层就可以得以保存和发扬光大了。

4.增加对象管理器支持更多的输出格式

这个功能在 PHOTO SHOP

等软件上面已经老早就有了，其优点也已经得到了广泛的认可，GIF

Animator 5.0

也当然不会漠视，终于在这个版本里加入了这个功能，有了它以后管理、

编辑起动画里面的各个对象元素就方便多了。

5.外部编辑器调用

你现在可以在 GIF Animator

里面直接调用更好的图像编辑软件如：Photoimpact 、Photo Shop

等来编辑 GIF Animator 里面的对象图形了，很大程度上扩展了

GIF Animator 的功能。当然我推荐大家还是用 Photoimpact

比较好点，毕竟是同一家公司的产品，无论的兼容性还是操作界面上都要好点、方便点。

6.强大的优化功能

新版本的 GIF Animator

在图像压缩优化方面更完善，你可以利用有损压缩、抖动颜色、颜色索引编辑等等功能来进一步优化你的作品的输出效果，而这些操作都会即时可以看到预览效果。

7.新增两个滤镜

新版本的 GIF Animator 增加了两个特效滤镜 Color Replace 和

Color Shift ，让你只需简单步骤就可以做出漂亮的效果。

8.其它

GIF Animator 除了可以输出 SWF

等文件外，还可以把你的动画导出为一个可以执行的 EXE

文件，让别人无需看图工具也可以欣赏到你的作品，同时，这个可执行文件还可以在你的作品展示完后用一些图片做背景显示你预先输入的一些字句，这个功能用来做电子贺卡相当不错。

二、下载与安装

以上略微介绍了Gif Animator 5新版本中的功能，使大家对它有了感性的认识，下面我们就一步步地挖掘Gif

Animator的强大功能。

软件可以在Ulead公司的官方网站(/)下载得到。下载得到的是一个试用版本，只能有期限的试用15天，当然这个是免费的啦！

只要点击安装文件，一路“Next”下来就可以，如果你想更改安装路径的话，在系统提示你是否需要更改时更改就可以了。

开始使用Ulead GIF Animator 5.0

当启动软件后，点击Try按钮进入真正的操作。

这时，程序会弹出一个启动向导来引导设计者制作GIF动画。在这里你可以新建或者打开一个GIF图片。

图003：启动向导

在新建栏中你可以使用动画向导创建GIF动画。在打开栏中有三种打开方式。另外你还可以选择“Do

not show this dialog box next”来关闭这个功能。

(1) Animation Wizard

选择这个可以教你一步一步地完成一个GIF动画图片的制作，所以如果你是初学者，强烈建议你选择这个选项。

我个人认为，这个动画向导创建功能主要是方便了我们选择，从另

外一种角度想就是提高了我们制作图片的速度。

(2) Black animation

选择这个可以建立一个空白的动画文件，选它主要是因为你想制作一个全新的GIF图。

(3) Open an existing image

没什么好说的，就是选择打开一个已经存在你机器里的GIF文件。

(4) Open an exisiting video

如果你想利用视频文件的片段来制作GIF动画的话，就可以选择这个。我们知道视频文件其实是由N个图片组成的，这个后面再说。

(5) Open a sample file

Ulead GIF Animator中有很多的示例文件，所以你想偷点懒，或者不是很熟悉GIF

Animator的GIF动画制作过程也可以选择这个。

为了便于讲解，我在这里选择了“关闭”按钮。

三、实战GIF Animator 5.0

1.设置GIF Animator

在使用GIF Animator时，进行相关的设置，会得到更好的效果。选择File>Preferences，在设置选项中共有7个设置面板。在General中设置GIF

Animator的普通设置。进行有关默认的设置修改。Optimize面板中设置有关动画优化的参数。Plug-in Filters中进行设置GIF Animaotr所支持外挂的配件。由于篇幅关系，这里不多一一介绍有关设置的具体操作。

图004：属性设置面板

2. 软件界面介绍

菜单栏，包括文件、编辑、查看、层、图层、滤镜、视频F/X和帮助七个菜单分别完成从图像创建导入到图层滤镜和视频特殊效果的功能。

图005：菜单栏

Ulead GIF Animator 的工具栏上包含标准的 Windows 应用程序按钮， 即新建， 打开， 保存， 撤消， 恢复， 剪切， 复制， 粘贴按钮，

使用方法和其他 Windows 应用程序一样， 我们就不在这里介绍了。在工具栏上还有一些 Ulead GIF Animator 4.0 专用的按钮， 这是我们要着重介绍的。这些按钮是：Add Blank Image(加入空图像)， Add Images(从外部插入图像， 包括从外部插入 GIF 动画)， Add Video(加入视频)， Add

Comments(加入注释)等。

图006：工具栏

Add Blank Image 加入空图像：在当前层的后面加入一个新的空白层， 层中没有任何内容。

Add Images 加入图像：在当前层的后面加入一幅新的图像， 新的图像是从外部文件获得的， 如果您插入的是一个 GIF 格式的动画文件， 那么 Ulead GIF Animator会自动把动画中的所有帧都插入到新的层， Ulead

GIF Animator根据动画的帧数相应地产生新层以容纳插入的图像，可以一次选择好几幅图像一起插入到动画中。

Add Video 加入视频：插入视频文件， 如 aiv， flc， psd， fli 等，

Ulead GIF Animator 4.0 会自动把视频文件中的所有帧都插入到 GIF 动画中。

Add Comments 加入注释：在动画中加入注释， 如果您想在动画中保存版权和版本， 就可以使用注释。

Move Layer Up 将当前层向上移：把当前层向上移动， 也就是说，

在播放这个动画的时候， 让当前层出现的次序提前一个单位。

Move Layer Down 将当前层向下移：把当前层向下移动， 使当前的播放次序推后一个单位。

Preview in Internet Explorer：在 Internet Explorer 中预览动画。

Preview in Navigator：在 Navigator 中预览动画。

Preview in Custom Browser：在用户指定的程序(能播放 GIF 动画的程序)中预览动画。

Help 帮助：求助按钮， 点击此按钮后， 鼠标指针会变成箭头和问号， 这时您可以在 Ulead GIF Animator的界面上随意点击， Ulead GIF

Animator 会告诉您点击处是什么地方以及点击处的功能等信息。

图007：绘图工具栏

常用工具面板，在这里可以对图像进行修改，例如写字，填色等。使用方法就像是Windows中自带的画图工具。

图008：常用工具面板

层面板，在第一次启动程序时，层面板显示为列表形式，可以点击缩略图和胶片标签查看每一幅图像的缩略图和相应的位置顺序。在导入多幅图像时，列表中列出了每个图像的标题(每幅图像的文件名，在参数设置区可以进行修改)

图009：层面板

工作区，在这个区域中可以查看GIF动画的结构，还可以针对每一幅GIF动画图像进行编辑。在选择工作模式中有“编辑”、“优化”和“预览”，其中最强大的是GIF的优化功能，在GIF Animator中预设了七个方案，可以将图像优化成色彩数不同的GIF动画，相应的优化后的质量也是不同的。同时还可以对优化的各种参数进行设置，在优化后程序还会报告优化的效果.

3.使用动画向导制作GIF动画

GIF Animator提供的动画向导功能可以在几分钟之内完成GIF动画制作。在制作GIF动画前要找素材，同时也可以自己设计素材。我们知道GIF

Animator实际上是把一系列的GIF图片压在一起而成为一个动态的图片文件的，那么这些GIF图片就是我们所说的素材，需要我们提前制作完成，制作的工具有很多，比如Photoshop、Fireworks和Freehand等，素材准备好后就可以通过GIF Animator中的动画向导功能就制作出专业级的动画了。

在启动程序时，通过GIF Animator显示的一个启动向导来引导我们创建动画。也可以通过“File”菜单里面的“Animation Wizard”命令。

打开动画向导按钮后，会弹出一个对话框(图010)在这个对话框中可以

选择我们要制作的GIF动画的尺寸。

图010：选择GIF动画尺寸

一般一个普通的Banner是468*60，系统默认值也是这个。当然软件还自带了一些常用的尺寸规格。对于特殊的要求你可以自己进行修改。

进行完有关与尺寸的设置，点击下一步按钮，进入“Selects Files” 对话框(图011)。进行有关素材的设置。

图011：选择文件

点击“Add image..”按钮，进行图片素在的引入，可以一次引入多项，也可以一项一项分别引入。Add video与Add image不同在于一个是引进图片作为素材，而一个是电影。

进行完素材的导入后，点击下一步进入“Frame Duration”设置对话框。在提示栏里面有很详细的解释，根据解释再设置每个帧的延迟时间，值得注意的是在参数栏中填入的数值要除以100才是真正的延迟时间，你还可以指定帧的速率，同时在下面的演示框中可以预览设置结果。

点击“下一步”按钮后，将弹出动画向导——完成窗口。点击完成按钮后，一个动画就制作完成了。

4.优化GIF动画

在设计动画过程中，当帧数较多时，这个动画文件可能会较大，不适合于在网络上传播，所以GIF Animator中提供了对动画进行优化的功能。这种功能的原理是将将帧的图像分割中若干块，在帧之间的变换时，相同的块将

在第二个帧中被删除，达到减小文件文件大小的目的。所以我们要对自己创建的动画再进行一下优化。

点选Optimize按钮，进入优化设置，窗口如图十一所示。在这个窗口的左侧是原始图像，右侧是系统按照默认优化设置所优化的图像。另外有一个窗口是Color Palette，此窗口中显示了优化后图像中使用的颜色。如果对优化的效果不满意，或者优化后所取得的大小不满意，可以进行有关像素的设置。最高的像素是256，也就是系统默认值，最小的是16，其优化效果真的是不堪入目。

5.预览GIF动画

完成一切的制作后，是不是想欣赏一下你的大作？点击Preview预览窗口，就可以发现这个动画正在不断地闪烁。同时你可以调用一些浏览器观看它。GIF Animator 5.0允许Internet Explorer、Navigator和Custom Browse这三种浏览器查看动画。

6.输出GIF动画

完成这一步，你的GIF动画就顺利成形了。最直接的输出就是把动画保存为GIF，可以让它在网页中随意地插入。选择File>Save As>GIF File，输入文件名称即可。当然GIF Animaotr同样支持其他文件格式，例如PSD以及非常流行的Flash格式SWF。

这些文章格式却只能用于浏览，如果再次进行编辑则需要重新来过。因此GIF Animator自己开发了一种保留GIF动画信息的文件格式：uga。选择File>Save即可进行这种文件格式的保存。当需要再次修改这个动态GIF的时候就可以调用这个文件，然后再上进行修改。

GIF Animator同时还支持了输出为网页格式，输出为桌面项目。网页格式在这里不用向大家解释，桌面项目是一个很有意思的功能，它利用了Windows中自带的桌面自定义功能，把动态的GIF动画放置在桌面上。

点击Export>As an Active Desktop Item，出现如图十二所示的对话框。没有什么特殊的要求，选择OK。这是桌面就会出现一个动态的GIF动画。是不是很有意思？更有意思的是GIF Animator可以直接输出为EXE文件，让用户只需双击此文件，即可观看到动态图片的内容。

点击Export>As Animation Package(EXE)...。出现如图十三所示的对话框。在Select sound file中可以输入动态GIF所采用的声音，支持的文件格式有WAV和MID，在Generate executable file中输入输出的运行文件。此外，还支持URL链接以及最后发送消息等。一切设置完毕后，点击OK。就可以运行这个文档了！

7.渲染

GIf Animator不仅可以单单支持最简单的动画，即把所有的图片夹杂在一起。还可以在图片中加入特殊的效果，例如3D等。当然，这样的效果一多用，文件格式就变得相当大。其次，这样的效果必须与动画的主题贴切。现在我们来看看在GIF Animator中内置的渲染效果。

所有的渲染效果均在Vido F/X菜单栏中找到。我们以最简的文字效果来查看渲染效果。在一个468*60的Banner中输入简单的文字。然后选择Video

F/X>3D>Gate 3D，出现如图012所示的对话框，然后进行其相关的设置。

图012：Gate 3D渲染效果

在Fames中设置4-40的帧数，针数越多，文件越大。在Delay time中设置帧与帧间隔的时间。Soft中设置框的粗细，一共有4种选项“None”、“Large”、“Medium”和“Small”。在Border中设置有关边框的颜色。选择Reverse，表示原本逆时针运行的方向，变为顺时针。进行完以上设置，点击OK，就可以输出动画。

当然，GIF Animator可以运用很多渲染，当然其设置效果类似，如果你觉得够麻烦，不用设置，就用默认设置点击OK。

不同的渲染效果如下表所示：

效果

功能

3D

Gate-3D(三维立体)

在动画中实现两个帧之间的动画3D过渡效果，可以在对话框中设置过渡方向、填充颜色和柔化过渡边界的参数。

Build

Diagonal-Build(倾斜过渡)

按照不同的倾斜对角线路径，逐渐的按照不规则块的方式实现两个帧之间的过渡

Clock

Sweep Clock(时钟式过渡)

按照顺时针和逆时针方式实现过渡效果

F/X

Diamond F/X(菱形F/X动画)

菱形效果

Iris F/X(彩虹F/X动画)

十字心形的彩虹效果

Mosaic F/X(马赛克F/X动画)

马赛克元素效果

Power off F/X(关机F/X动画)

显示器关机效果

Film

Flap B-Film(分割的倾斜翻页效果)

将原来的帧分为四份，分别从中心开始倾斜的实现与目标帧的过渡

Progressive Film(前进式翻页效果)

也是将原来的帧分为四份，分别从中心开始以前进式的方式实现到目标帧的过渡

Turn Page-Film(整页翻页效果)

整页翻页效果来实现两个帧之间的过渡，同时可以设置翻页的方向等参数

Peel

Turn Page-Peel(整页翻页的剥落效果)

以剥落的效果实现两个帧之间的过渡，与上一个翻页效果略有不同。

Push

Run and Stop Push(移动到停止间的推动效果)

为了消除两个帧之间生硬的动画元素移动，使用这种效果可以将这种效果作成好看动态效果

Roll

Side Roll(整面翻转效果)

整面翻转效果

Slide

Bar-Slide(条状滑动效果)

可以从不同的方向用两个条状的滑动实现过渡

Stretch

Cross Zoom-Stretch(交叉缩放拉伸效果)

交叉缩放拉伸效果

Wipe

Star Wipe(星形擦除效果)

星形擦除效果

2D mapping

Crop„(修剪效果)

修剪效果

Camera Len

Gradient(倾斜效果)

在原帧中加入模糊的镜头，可以设定移动方向等参数

Mirror(镜象效果)

对原帧中的明显的对象加以处理，实现两个帧之间的过渡

Zoom Motion(缩放动作效果)

缩放效果

Darkroom

Hue&Saturation(色调饱和)

设置图像中的颜色的变化效果

Nature Painting

Charcoal(木炭效果)

木炭效果

Special

Add Noise(加入噪音)

在原帧中加入噪音干扰效果

Wind(风)

风的效果

三、综合实例

1. 座右铭制作

一直想找一个软件，可以在桌面上显示座右铭，曾经想到过运用桌面，但是一条座右铭没有必要牵涉到整个桌面。在使用新版本的GIF Animtor 5.0中，增加了输出到桌面项目，由此产生了制作一条座右铭的动态动画的想法。

首先制作一个新项目，尺寸为468*30，当然可以根据自己座右铭的长短进行控制。然后再新建的文件中，使用文字输入工具，输入文字并进行美化。

为了有一个感性的认识，选择文字工具点击空白处的任意地方，弹出如图013所示的对话框。

图013：输入文本

在文本区域中输入“You are the best!”，字体选择Comic Sans MS，当然字体的选择根据个人爱好所定。字体大小设置为30并加粗，Script选择西方语言。点击OK，把文字拖到中间。效果选择Video F/X>Special>Wind，然后点击OK，出现如图014所示对画面。不需进行任何设置，点击OK，动画便生成了。

图014：生成动画

最后就是输出效果了。选择Fiel>Export>As an antive desktop Item，在新出现的窗口点击OK。桌面就会出现这样的动画，并且可以随意的移动以及关闭(图015)。

图015：座右铭最终效果

2.祝福语制作

萌发祝福制作的念头来源于GIF Animator自带输出到EXE文件。这样就可以通过eMail发送到朋友的信箱里，给他一个小小的惊喜。

新建一个500*500的素材，作一个有关生日主体的动画，创意可以任意发挥。当然也可以来自一些网站，个人认为，在制作图片动画用渲染令人感到杂而乱，然而文字用渲染的效果相当美观，因此不建议在动画中加入渲染，

制作完一切动画后，选择Export>As Animation Package，出现输出EXE对话框。

在Message Box Style中选择文件，在用录音机中录入自己的祝福语()，在Select sound file中选择文件来源，在Generate

executable file中输入输出文件的位置。在Enter Message中输入“生日快乐~~”，选择Font进行有关字体的设置，在Loop Count(循环数)中设置循环次数，如果要使用无限循环，选中Loop infinitely(无穷循环)。分别在Start Frame

Position(开始帧位置)End Frame Position(结束帧位置)中分别设置动画的开始结束位置。如果要随机的显示，将这两项设置为Random(随机)。最后点击OK，输出动画。

3. 网站Banner制作

在网页动画领域中网站Banner制作领域相当广泛，一般尺寸为468*60，所以在GIF Animator中新建一个同尺寸的文件。为了使得Banner更加美观，我们先要特别为Banner做一个背景图片。当然可以调用功能强大的Photoshop，或者单一的使用Windows自带的画笔程序。同样也可以在网上找到素材。然后在素材上输入有关Banner的主题“心跳回忆----玩得就是心跳”，在输入文字时，不但要考虑到文字的大小、颜色还要考虑到与背景图片协调效果。制作完这些之后，就可以进行渲染设置，这次采用Ires-F/X渲染项，输出图像。

我们现在来讨论一下文字的效果，毕竟文字是体现Banner主题的，在制作Banner时，可以在背景上直接增加文字，软件把文字与图象看成一个部分。另外一种增加文字的方法就是进行完渲染之后，在某一个需要出现文

字的Frame中，单击右键，选择Add Banner Text。我们现在就来一次这样的制作。

一开始进行渲染以及Banner背景制作步骤类似，不再重复。在第一帧处点击右键，选择Add Banner Test，出现如图016所示画面，进行有关文字的美化工作。

图016：添加文字

在Text面板中输入文字，Effects面板中进行有关文字的特效，有移动，跳出等效果。进行完相关设置，点击OK，此时会出现两个选项，均可选择。然后文字就出现在Banner中，所与前面制作不同之处在于Banner中文字的运转需要等待图形效果完毕之后(当然要看你把文字帧插放在那里)。一切制作完毕后，输出为GIF动画，或者Flash动画。

GIF Animator最强大还支持很多种特效，你可以在一个Banner中插入同样文字的几种特效，这样会变得更美观，所牺牲的代价就是文件过大。不过换言之，如果你没有很好的艺术细胞，记住这句话：简单就是美。网站Banner的制作主要不是技术，而是创意。

4.用一个视频的局部来制作 GIF 动画

用 Windows 视频文件，如 AVI，或 Quicktime 影片，如 MOV，是快速制作极酷动画的最轻松方法(如果不加修饰，它看上去和原始视频一样)。但是，大多数视频文件都很大，在 GIF Animator 中打开整个视频会影响效率。幸运的是，GIF Animator 带有一个内置的解决该问题的功能 ，可以选取并只打开视频中某个特定的部分。以下讲述了该操作的步骤。

1. 打开 GIF Animator，创建一个新的空白动画。

2. 单击标准工具栏上的Add Video按钮，打开Add Video对话框。

3. 找到要用的影片文件选中后，单击Duration按钮。

4. Duration对话框打开后，有两个属性需要定义要使用的起始和结束的视频段。它们是Mark in和Mark out。有两个方法可以用这些属性来选取视频段：用手工输入帧编号(图017)，或通过预览窗口和视频控件，拖动Mark

in和Mark out按钮，来标记出要使用的部分。

图017：手工输入帧的编号

5. 在标记出要使用的部分之后，单击OK。Duration对话框关闭，返回到Add Video对话框。再单击OK，选择的帧就被加载到 GIF Animator 中了。

5.使用布局功能制作动画

在 GIF Animator 中，有两个方法来创建移动的动态精灵。您可以很方便地在 GIF Animator 中打开一个元素，并自动完成使它穿越该 GIF 文件的逻辑屏幕的运动过程。第一个方法，用于简单的、静态的帧，详细描述如下。而在下一页讲述第二个方法，用于动画。

1. 在 GIF Animator 打开背景图像。在此我将用 作为背景(图018)。

图018：背景图片

2. 下面，打开精灵图像(图019)。该图像应该比您刚打开的背景图像小，否则它将不起作用。(左边的海豚包含一个透明的蓝色背景。在将它导入到

GIF Animator 中后，我选取了该层面。

图019：外部导入图片

3. 选取该精灵层面，然后单击Object> Duplicate菜单命令。

4.在本例中，因为背景不是很大，我估计 5 个副本就足够了。

5. 下面，输入每个副本相对于上一个副本所偏移的像素值。您可以使图像水平或垂直偏移。

6.提醒您：每个副本层面包含的设置均基于原始层面。

6.压缩实例

在制作一个Banner，或者是要应用到网上的动画时，必须考虑到的一点就是图像的大小如何。因此这个问题成了阻碍图像采用多种特效的最大绊脚石，通过GIF Animation中的压缩功能可以轻松做到使图像文件容量减小。

1. 使用动画制作向导，将准备好的素材导入进来。

2. 点击Optimize标签，在Prese栏中选择GIF Animator预设的七种方案：256色优化、256色无损失优化、128色优化、64色优化、32色优化、16色优化、优化局部调色板。在这里需要说明的是，全局调色板是为了优化而创建的在多个帧之间应用的调色板，而局部调色板是为每个帧创建的调色板，保留局部调色板，可能起不到优化的作用，所以我们选择使用全局优化调色板。

3. 如果在要了解这七种方案的详细设置，点击“高级>>”按钮，在右边的栏中会出现高级的设置。

4. 在高级参数设置区中可以对一些参数进行修改，当您认为修改的参数

要在以后经常使用的话，要点击按钮保存为自定义的优化方案，在“预设”栏中填入预设的名称，同时点击按钮可以删除自定义的优化方案，切记不要删除GIF Animator程序自带的优化方案。

7.真正的压缩实例

1. 如果使用预设的优化方案中希奇古怪的设置令你摸不清头脑，可以使用优化向导。点击File>Optimizeothion Wizand，启动优化向导。

图021：启动优化向导

2.在弹出的优化向导对话框中，选择推荐的“是”选项，点击“下一步”按钮。

3.在出现的对话框中，设置GIF格式的颜色数，并且在下面可以设置图像的抖动。值得注意的是，正象在对话框中提醒的一样，颜色应用太少，是可以减小整个文件的大小，但是颜色应用太少可能使图像中的颜色失真，反而得不偿失。点击Advanced按钮对GIF优化引擎和使用的调色板进行设置。

4.在新出现的对话框中选择是否要删除多余象素、注释块和标题。

5.最后出现的一个总结性的窗口，将前面的选项汇集到一个对话框中，如果要重新定义一些参数，要点击“上一步”按钮，重新设定。如果对当前的设置满意，点击“完成”按钮。GIF Animator将对动画文件进行优化。

6.优化完毕后，优化结果的窗口显示优化的成效。如图022。点击Preview按钮，可以预览GIF动画的效果。

图022：优化后的结果

7.如果对优化的成效不太满意，点击Another Try按钮，又回到向导的第一步，再对GIF动画的各个参数进行设置。

8.果不想覆盖当前的GIF动画文件，点击“另存为”按钮，将优化后的GIF动画文件存为另外的文件。

9.点击“确定”按钮，完成优化。

10.同时可以点击菜单File>Batch Process，可以批量优化处理一个文件夹中的GIF动画文件。

11.在弹出的对话框中可以对优化处理的参数进行设置。若包含要处理子文件夹中的GIF动画文件，在包含子文件夹的选项前点钩。

图022：优化的参数设置

12.如果要选择相应的文件选择By floder，并点击Browse按钮选择文件。

13.如果要创建新文件和要删除原始文件，在创建新文件和在删除原始文件前点钩。

14.如果没有必要，不要选择添加自定义注释块，那样可能不会起到优化的作用。

15.点击“确定”按钮，GIF Animator将对文件进行批量优化。

7.利用视频文件来制作GIF动画

前面我们已经说过，利用视频文件来制作GIF动画，比如AVI、

Quicktime、MOV等，实际上是利用了视频文件都是有N个动画元素组成的动画，我们可以把它的每一个元素——帧，想像成我们制作GIF动画的每一个GIF图片就比较容易想通了。不过有一点，由于视频文件都比较庞大，如果转成GIF动画，将是一个巨大的图片，在网上几乎无法传输了，所以我们只能截取视频文件的片段来做处理。

基本步骤和打开一个GIF动画没有什么区别。

1、在文件菜单里选择Open Video，弹出选择文件窗口。

2、选中你要编辑的视频文件，按Open。

3、那么这个食品文件就自动被解析成N个图片，和我们打开一个GIF动画一个效果。

4、其它如编辑、优化也都一样处理。

5、保存成GIF格式的图片。

注意以下问题：

1、GIF Animator是一个相当强大的网页图像动画制作软件，支持多中格式的文件，不要误解为只支持GIF图片一种格式。

2、我们在调入文件时，最好按照动画的播放顺序打开，尽管调入文件后对文件的次序我们还可以随时修改，但是为了避免出错，还是养成这么一个习惯好。

3、在其它图像处理软件中设计每幅图像时，要尽量使用比较简单的颜色，否则使用GIF格式时，有些颜色后改变。

4、利用一张图片，我们就可以制作出非常漂亮的GIF动画图片出来，主要可以利用复制、旋转、翻转等功能。

5、设计完每幅图像后，应将文件保存为GIF格式，以减小动画大小。

6、研究使用滤镜和透明效果，其实图片的水平如何，主要看对滤镜和透明效果的运用了，像其它的工具，比如Photoshop等也一样。

7、在编辑完动画后，要将动画优化，同时可以设置优化参数以减小动画大小。

8、习惯随时使用预览功能，使动画的制作和调试得以控制好。

8. 使用Simple Text Objects制作一个文字Banner

我们以上已经提到过Simple Text Oobjects这个功能，在这个实例中，会学习到只用这个功能而作出一个文字类型的Banner。

1. 先建一个460*80的文件，背景色为白色。

2. 在Banner的四周画一个细小的矩形。

3.现在我们就可以输入我们的文字了，选择Frame>Duplicate Frame新建一个帧。

图023：复制帧

4.在第二帧，选择输入文本工具。

5.输入完文字之后，在文字处单击右键，选择Shadow。建立文字阴影效果。

图023：给文字添加阴影效果

6.选择Object>Text > Split Text，这个时候可以看到一个个文字独立

存在着。

图024：分裂文字

7.现在我们按照文字多少，建立十个帧。

8.在第二帧中，只保留I这个字母，其他字母层均为隐藏。

图024：为文字建立动画

9.当然，在第三帧时，保留I和 a这两个字母，其他字母为隐藏属性。

10.依据类推，就可以建立处正在打字效果。

9. 朦胧就是美

在这个例子中，你将成为一个设计大师，为你自己或者你心爱的女子做一张图片，并作成朦胧的效果。

首先在GIF Animator中打开图025的照片，对图片加以修改或者修饰。选用文字工具输入图片中女主角的名字，当然要与背景所相衬。

图025：导入照片

选择文字工具，在照片的最底部，使用字体工具输入“Coolergirl”，考虑到照片是长高宽短，因此字体选择20。在图片中单击右键，选择Test>Nero，对文字进行特别的修饰，弹出图026所示对话框。

图026：Nero对话框

在Nero项上打勾，就可以发现图中的文字产生变化，如图027，点击OK。

图027：添加效果后的文字

现在开始制作有关朦胧效果，朦胧效果是在GIF Animator 5版本中新增的一种效果，

选择Video F/X >Nature Painting>Charcol，出现图四窗口，为了使朦胧效果比较突出，

在Apply this effects to how many数字框中输入20。点击OK，出现图028所示对话框。

图028：应用滤镜效果

由于图片不是等像素压缩，因此有变形。不用修改任何设置，点击OK。这样一个朦胧效果的动画就算完成。

图029：最终的朦胧效果

你可以用来制作一个自己的网页，或者发给你朋友，都不用害羞了。

四、外挂软件

GIF-X Plugin是一款GIF Animator的外挂软件。从GIF-X Plugin 1.0到GIF-X Plugin 2.0，友立除了在效果上增加了不少动画功效外，还引入了图库(Gallery)的方式，你既可以根据自己的喜好设计出能体现个性的作品，也可以从友立提供给你的图库(Gallery)中选择一个满意的效果。由于GIF-X

Plugin是外挂在Photoshop中的一个外挂滤镜，所以，如果你对创作的动画不很满意，或者出来的效果不太明显，你还可以在Photoshop中进行其它的特效处理，当然你在GIF-X Plugin中做好的动画也可以直接储存在磁盘上(只要你觉得这个效果还可以)，不必再通过Photoshop进行储存，这样不仅可大大减少做好后的动画的字节数，而且还可以不让图片太失真，因为友立的GIF动画软件的一大缺点就是做出GIF图片字节数太大，而且能够再压缩的冗余比较大，一般我们做好后都要用一些减肥软件减肥一下，不过GIF-X

Plugin 2.0的有一大好处就是出来的GIF图片能够保证失真小，即如果你使用的图片是16M的话，出来的GIF图片一定不会是256色的，这样你的GIF看上去就不会效果太差，下面我们就GIF-X Plugin 2.0做一下简单的介绍，如果你看了下面的介绍还感觉可以，就赶快去买来装上用吧，或者到友立GIF-X Plugin的网站上去下载一个GIF-X

Plugin2.0的试用版来玩玩吧，界面如下图。

图030：GIF-X界面

GIF-X Plugin 2.0提供有“Motion”动作与“Light”灯光两类特效。“Motion”特效有旋转(Rotation)、扫描(Scan)、自动换片(Nickelodeon)、立方体(Cube)、克隆(Clone)、书状翻页(Open book)、弹球状(Bounce)、放大、缩小(Zoom)等特效，每一种动画效果又可以通过旁边的参数(Parameters)选项来调节效果，选择一种自己满意的模式，来达到让人满意的效果，设置好参数，就可以在"Key Frame Control"项中进行效果预览，可以话就OK，SAVE你的作品，不行再来，效果多多，如果真的嫌这样选来选去太麻烦，那么，

做下一步：看见“Gallery”选项没有，这里相信有你需要的东西，看看下面的一些效果吧，绝对不是一般的GIF动画制作软件那样的哟！

图031： Motion图库

在上面的图片中，你可以看到GIF-X Plugin 2.0中“Motion”特效出来的各种效果图，第一种是旋转(Rotation)效果；2-3是扫描(Scan)效果，有条柱状(beam)、金属状(metal)、聚光灯状(Spotlig)三种方式；4-6是自动换片效果，有上-下形(Top-down)、下-上形(bottom-up)、左-右形(left-right)、右-左形(right-left)四种方式；7是3D模式效果(3D MAP)，有球状(Sphere)与立方状(Cube)两种方式；8-9是立方体(Cube)效果，同样有上-下形(Top-down)、下-上形(bottom-up)、左-右形(left-right)、右-左形(right-left)四种方式；10是书状翻页(Open book)效果，也有上-下形(Top-down)、下-上形(bottom-up)、左-右形(left-right)、右-左形(right-left)四种方式；11-12是弹球状(Bounce)效果；13-14是放大、缩小(Zoom)效果，有放大模糊(Zoom blur)、缩小透镜(Zoom

lens)两种方式；15-16是旗子效果(FLAG)；17-18是色彩变化效果(Color Shift)；19-20是氖光灯效果(Neon)。当然，以上的模式并不一定就是绝对的，你还可以自己添置一些效果进去，在使用中就可以自由运用了。

上面介绍了GIF-X Plugin 2.0中“Motion”特效，下面让我们看看GIF-X Plugin 2.0中的“LIGHT”特效，其全部的效果图如下：

图032：Light图库

怎么样，GIF-X Plugin 2.0的灯光效果是不是比其它GIF动画制作

软件的灯光效果好许多呀！其主要的特效有闪电(lightning)、烟火(fireworks)、透镜闪耀(lens flare)、阳光四射(light bulb)、光怀(halo)、聚光灯(spotlight)、闪光灯(flashlight)、流星(meteor)、激光(laser)等。这几种特效之间可以相互来回使用，这样不仅为你的GIF动画更增加了美丽的外观，更使你的动画效果增色不少。

实例制作一：闪电效果

闪电效果有两个控件组：「基本」和「高级」。「基本」控件用于创建动画，「高级」控件用于微调闪电发出的分叉，以及周围的光芒。

图033：基本闪电效果设置窗口

图034：高级闪电效果设置窗口

我们开始按照上面的设置来调整闪电控件。如果您想将这些设置保存下来，以备将来使用的话，请单击屏幕底部的「添加」按钮。接下来，将闪电条的顶部拖到天空中闪电开始的地方。然后拖动闪电条的底部，直到该闪电条位于动画开始的位置。

提醒您：如果您觉得预览窗口中的场景太暗，请增加「周围光线」的值。该控件位于「确定」按钮的上方。另外如果「自动倒退」按钮是打开的，请将其关闭。

现在闪电条已放置好了，我们开始设置关键帧。对于这个闪电效果，我们将使用 5 个帧的动画，在第 1、2 和 5 帧处设置关键帧。

图035：闪电效果的设置

我们将修改每个动画关键帧的下列设置：

第 1 帧：阻光度 = 0这将是闪电在动画的第一帧中变成完全透明。这样，在动画循环时，在一个循环结束和下一个循环开始之间将有一个暂停。

第 2 帧：亮度 = 40如果该帧在预览窗口中是空白的，请确定将「阻光度」的值设为原始值 (100)。将「亮度」设为 40，可以使闪电条的亮度在动画到达最后一帧的过程中逐渐增加，最后一帧的亮度设置为 80。

第 5 帧：重新放置闪电条 (无其它变化) 拖动闪电条的底部，使它看上去与地面最接近。就是这样！单击「保存」，来创建动画并将其保存到硬盘。您可以使用这个文件，或将其在动画程序，如：Ulead GIF Animator 4，中打开，来修改该动画的速度并优化它的压缩。

图036：最终闪电效果图

实例制作二：烟花效果

图037：基本烟花效果设置窗口

图038：高级烟花效果设置设置窗口

烟花效果有两个主要的控件组：基本和高级。「基本」控件用于创建动画，「高级」控件用于微调特效，如：烟花尾部的长度。

您应该已经开始在预览窗口中执行单击并拖放的操作了，在背景图像上，将特效移到相应的位置。接下来，调整「基本」和「高级」对话框中

的设置，使用的设置如上图所示。

提醒您：如果您要将这些设置保存下来，以备将来使用。请单击屏幕底部的「添加」按钮。您就可以通过单击「画廊」按钮，来重新打开它们。

图039：设置烟火的帧

接下来，用关键帧控件将动画设为 10 帧，并在第 2 帧和第 10 帧处添加关键帧。如果「自动倒退」按钮是打开的，请将它关闭。

虽然它可能较难理解，但我们还是完成了。现在需要做的是调整关键帧，使图像随着关键帧的移动而改变。我们将做下列修改：

第 1 帧： 亮度 = 0这可以使动画的第 1 帧包含不显示的效果。这样，在动画循环时，在一个循环结束和下一个循环开始之间将有一个暂停。

第 2 帧： 不改变如果在预览窗口中，这个帧是空白的，请确定将「亮度」设为原始值 (228)。另外，注意将「完成」值设为 0。这将使该动画中第一个可见帧显示为一个即将爆炸的烟花组合。

第 10 帧： 完成 = 90这里创建的是该动画的最后一帧，烟花在此将落向地面。理论上，将该值设为 100 将创建一个空白帧。所以，实际上它未必有用。这就是为什么我总是将亮度设为 0，来创建动画中的空白帧。就是这样！单击「保存」，来创建动画并将其保存到硬盘。我使用的是下列设置：

图040：设置烟花效果

这样一个烟火效果就制作完成了。可以调用在GIF Animation 5.0中

加以修改。

图035：烟火效果图

五、总结

无论从软件本身去讨论它的价值还是从公司对它的开发价值去讨论，这的的确确是一款好软件，并且在制作动画时，起到了相对的简易性。希望这款软件能给你带来更美好的动画之旅。

Ulead GIF Animator

什么是Ulead GIF Animator？

Ulead GIF Animator是Ulead（友立）公司最早在1992年发布的一个动画GIF制作的工具。1999年Ulead（友立）公司又推出的Ulead GIF Animator4.0的版本，在这个新版本中不但继承了前期版本的优点，例如多幅外部图象文件的组合动画、对外部动画文件的支持和GIF图象优化等，而且还提供了新的滤镜功能、条幅文字效果、增强的优化算法和新的四个工作版面状态等，使网页设计者可以快速地轻松创建和编辑网页动画文件。GIF Animator引入了图层Image

Layer概念，这原本只有在高级图形处理工具中才提供的，而使用这项功能，我们可以创建出效果更加丰富的图形，甚至是多个图形之间的叠加，这样的画面效果极好。同时程序也提供了近乎专业的层合并、重定义尺寸、Layer Pane多层内容的同步色彩编辑等功能。

GIF和GIF89a格式简介

在了解软件前，我们先了解一下GIF 的基本知识。GIF（Graphic Interchange Format 图形互换格式）是为跨平台消费市场而开发的。因为当时的计算机图形卡最高只支持256色，有的只是单色的。GIF格式应用了减色抖动（dithering）技术，将每点的位数减少至1—8位，通过这样的减少每点的存储位数来达到缩小图像文件的大小目的。因为GIF格式的图像文件的小巧，使GIF成为Internet上应用最广泛的图像格式，并且直到现在仍旧是这样。而自JPEG（简称JPG，最早由Joint Photographic Experts Group提出并由此命名）格式出现后，GIF格式受到挑战，但是GIF格式具有的特殊效果：交错效果、透明底色效果和GIF89a动画效果，使GIF格式仍然拥有较多的支持者。

GIF89a格式是将多幅GIF组合在一起，并按一定的时间间隔顺序显示出来，从而实现动态效果。为了减小图像动画大小，一般制作GIF动画是在一幅背景图像的基础上做一些变化，可以将后几幅图像的背景设为透明。

使用启动向导

GIF Animator中针对最常用的操作，提供了启动向导的功能。在启动GIF Animator后，程序会弹出一个启动向导来引导设计者制作GIF动画。在启动向导中包含了两个部分：新建栏和打开栏。在新建栏中包含有在使用动画向导创建GIF动画和创建一个空白的动画文档。在打开栏中有打开已存在的GIF动画、打开已存在的视频文件（以.avi和.mov等为扩展名的动画文件）和打开示例GIF动画文件。GIF Animator提供的动画向导功能，通过一个简单的对话框管理动画文件的每一幅图像，这大大加速了设计GIF 动画的设计过程。在打开一个文件时，GIF Animator会自动按照一定的时间间隔读取图像，按照先后顺序分解成GIF 动画的每一幅图像，并自动命名每一层的标题。在GIF Animator4.0中程序还自带了几个示例以供初学者研究，可以通过打开示例文件打开它们。

熟悉GIF Animator界面

首先，让我们先熟悉一下GIF Animator界面。

菜单栏，包括文件、编辑、查看、图层、滤镜、视频F/X和帮助七个菜单分别完成从图像创建导入到图层滤镜和视频特殊效果的功能。

值得注意的是，在GIF Animator中层的概念大致等同于帧，在图层的菜单中，添加层即是向GIF中添加帧，这些层可以是空白的图像、导入的图像和相应的视频文件，也可以是包含注释信息的帧。在视频F/X菜单中集成了23种动画效果，其功能如下表：

效果

3D Gate-3D（三维立体）

功能

在动画中实现两个帧之间的动画3D过渡效果，可以在对话框中设置过渡方向、填充颜色和柔化过渡边界的参数。

Build Diagonal-Build（倾斜过渡） 按照不同的倾斜对角线路径，逐渐的按照不规则块的方式实现两个帧之间的过渡

Clock

F/X

Sweep Clock（时钟式过渡）

Diamond F/X（菱形F/X动画）

Iris F/X（彩虹F/X动画）

Mosaic F/X（马赛克F/X动画）

按照顺时针和逆时针方式实现过渡效果

菱形效果

十字心形的彩虹效果

马赛克元素效果

Power off F/X（关机F/X动画） 显示器关机效果

Film Flap B-Film（分割的倾斜翻页效果） 将原来的帧分为四份，分别从中心开始倾斜的实现与目标帧的过渡

Progressive Film（前进式翻页效也是将原来的帧分为四份，分别从中心开始以前进式的方式果） 实现到目标帧的过渡

Turn Page-Film（整页翻页效果） 整页翻页效果来实现两个帧之间的过渡，同时可以设置翻页的方向等参数

Peel Turn Page-Peel（整页翻页的剥落效以剥落的效果实现两个帧之间的过渡，与上一个翻页效果略果）

Push

有不同。

Run and Stop Push（移动到停止间为了消除两个帧之间生硬的动画元素移动，使用这种效果可的推动效果） 以将这种效果作成好看动态效果

整面翻转效果

可以从不同的方向用两个条状的滑动实现过渡

Roll

Slide

Stretch

Side Roll（整面翻转效果）

Bar-Slide（条状滑动效果）

Cross Zoom-Stretch（交叉缩放拉伸交叉缩放拉伸效果

效果）

Wipe Star Wipe（星形擦除效果） 星形擦除效果

修剪效果

在原帧中加入模糊的镜头，可以设定移动方向等参数

对原帧中的明显的对象加以处理，实现两个帧之间的过渡

缩放效果

2D mapping Crop„（修剪效果）

Camera Len Gradient（倾斜效果）

Mirror（镜象效果）

Zoom Motion（缩放动作效果）

Darkroom

Nature

Painting

Special

Hue&Saturation（色调饱和）

Charcoal（木炭效果）

设置图像中的颜色的变化效果

木炭效果

Add Noise（加入噪音）

Wind（风）

在原帧中加入噪音干扰效果

风的效果

工具栏，可以通过点击按钮实现对文件的操作、撤消和重做、填加图像、动画和注释以及对每个图层的上移和下移操作，还有将编辑好的GIF动画在IE和Netscape中预览。

熟悉GIF Animator界面--之二

参数设置区，在这个区域中设计者可以设定动画的每一幅图像的标题、移动方式、高和宽以及是否使用交错效果、透明索引、延迟时间等参数，在右上角的按钮改变全局属性。

层面板，在第一次启动程序时，层面板显示为列表形式，可以点击缩略图和胶片标签查看每一幅图像的缩略图和相应的位置顺序。在导入多幅图像时，列表中列出了每个图像的标题（每幅图像的文件名，在参数设置区可以进行修改）。

工作区，在这个区域中可以查看GIF动画的结构，还可以针对每一幅GIF动画图像进行编辑。在选择工作模式中有“结构”、 “编辑”、“优化”和“预览”，其中最强大的是GIF的优化功能，在GIF Animator中预设了七个方案，可以将图像优化成色彩数不同的GIF动画，相应的优化后的质量也是不同的。同时还可以对优化的各种参数进行设置，在优化后程序还会报告优化的效果.

调色板，在GIF Animator中使用的是非标准的Windows调色板。在层面板中选择一帧，然后在调色板中将出现在这个帧中的出现的色彩，但是不可能用到所有的256中色彩，我们可以通过点击加号和减号来管理色彩的种类，并且可以将配置好的配色方案以调色板文件的方式进行导出和导入操作。同时，我们可以通过点击更改色彩按钮，在标准的Windows调色板可以更改选中的色彩。调色板分为局部调色板和全局调色板，全局调色板中定义的是最常用的16种颜色，而局部调色板将可以显示全部的256种颜色。

GIF动画大师速成

GIF Animator提供的动画向导功能可以使您在几分钟之内成为GIF动画大师，可以制作出具有专业水准的GIF动画。在制作GIF动画前要找素材，同时也可以自己设计素材。我们可以通过一些图像处理功能软件来对动画的每一帧进行细致的刻画，例如Photoshop、Firkworks和Freehand等，然后通过GIF Animator中的动画向导功能就可以制作出专业级的动画。在启动程序时，GIF Animator会显示一个启动向导来引导我们创建动画。

在启动向导面板中，选择动画向导按钮，接下来会弹出一个对话框，在这个对话框中可以点击添加图像按钮向动画中添加图像，还可以点击添加视频按钮向动画中添加视频。同时在这个对话框中还可以对动画中的图像和视频文件进行管理，例如可以点击删除按钮删除不要的文件，还可以选择一个文件拖动到相应出现的位置，也就是可以调整图像出现的顺序。在点击下一步按钮后，将出现来源类型的窗口，在这个窗口中选择文字抖动和图像抖动，并且在提示栏中有相应的解释。文字抖动是指在动画中只包含文字和一些颜色简单的图像。而图像抖动是指在动画中包含较多的颜色，通过图像抖动可以使色彩之间的过渡平滑。再点击下一步按钮后，将弹出帧持续时间的对话框，在这个对话框中可以设置每个帧的延迟时间，值得注意的是在参数栏中填入的数值要除以100才是真正的延迟时间。还可以指定帧的速率，同时在下面的演示框中可以预览设置结果。在点击下一步按钮后，在弹出的对话框中，提示设计者要对自己创建的动画进行优化。点击完成按钮后，一个动画就制作完成了，可以点击预览标签预览一下自己的杰作吧！

快速制作横幅

在设计网页时横幅是一个漂亮的网页中不可获缺的重要元素，尤其是动态的横幅既可以使网页美丽动人，还可以在动态横幅中加入多条信息以增加单位图像传递的信息量。我们可以先创建一个空白的动画文档，然后在图层菜单中选择添加横幅文字，在子菜单中可以看动GIF Animator为设计者提供了五种横幅效果，分别是：简易、霓虹、渐变、边框、自定义动画。

在简易横幅制作中，横幅的动态效果相对来说要简单，在添加简易横幅的对话框中，可以设定一些参数，例如在文字风格标签中可以设置横幅文字、文字阴影的颜色和偏移量、文字的对齐方式、前景色、字体类型和字号等参数。在旋转风格中可以设置旋转方向、品质、延迟时间、优化帧大小等参数。在边框风格标签中可以设置边框颜色、阴影颜色和偏移量等参数。同时在预览窗口中还可以通过拖动边框设置动画的大小。在完成后，可以点击启动预览按钮，在预览栏中可以看到简易的横幅的动态效果。在上面我们制作了一个简易的横幅，对一个网页来说简陋了点，所以要制作一个霓虹效果的横幅。在子菜单中点击“霓虹”，可以看到在弹出的对话框中的设置比简易横幅的参数设置要多一项“霓虹选项”，在这个选项标签中可以设置霓虹的渐变方式、霓虹颜色和宽度等参数。

渐变效果是通过对文字颜色的过渡来实现动态效果的。在“添加渐变横幅”的对话框中多了一项“渐变选项”，在这个选项中可以填充方式、填充颜色和颜色模式参数。要在有限的图像中加入多条信息，可以选择“选框文字”子菜单。在添加选框文字对话框中点击添加按钮可以添加多条信息，并且在文字列表中选择相应的文字，点击下面的上下移动按钮可以调整文字信息出现的顺序。同时还可以点击相应的文

字，再点击“横幅设置”按钮，在弹出的对话框中设置移动方向及边框设置等参数。启动预览可以看到多条信息交换的出现的横幅上。

在动画效果中多了一项“效果”，使同样的多条信息更富有动感。在“效果选项”中可以设置文字信息“出场”的方式，和“出场”的方式，以增加文字信息的动态效果。

添加简易转换

有时在设计动画时，两幅图像之间的变换显得较生硬时，可以在图层菜单中选择添加简易转换。在弹出的对话框中可以设置两幅图像之间的变换方式：百叶窗（水平）、百叶窗（垂直）、擦除（向左）、擦除（向右）、擦除（向上）、擦除（向下）、分隔（水平）、分隔（垂直）和螺旋九种转换效果。同时可以设置品质、转换时间长度和转换图像等参数。

优化动画

在设计动画过程中，当帧数较多时，这个动画文件可能会较大，不适合于在网络上传播，所以GIF Animator中提供了对动画进行优化的功能。这种功能的原理是将将帧的图像分割中若干块，在帧之间的变换时，相同的块将在第二个帧中被删除，达到减小文件文件大小的目的。在工作区中点击优化标签，可以在预设下拉式菜单中选择预置的方案，同时可以点击向导，在优化向导中对优化的参数进行详细的设置。可以点击高级按钮对一些高级的参数进行设置。

在设置好相应的参数后，可以点击“立即优化”按钮，在经过优化过程后，会弹出一个提示框中报告优化的结果。

网页图形动画制作实战例１

制作一个由多幅图像按照一定的顺序出现的动画，素材可以利用现有的图像，也可以自己使用图像处理软件来制作多幅图像。

1. 使用动画向导，在“文件”菜单中选择“动画向导”。

2. 在弹出的对话框中点击“添加图像”按钮。

3. 在弹出的选择文件对话框中选择多个文件。

4. 点击“打开”按钮，在默认状态下，在选择的文件中按照文件名的先后次序排定在动画中的出现次序。可以拖动文件名调整出现次序。

5. 经过对图像抖动和延迟时间的设置后，动画中的各个文件会出现在层面板中，可以点击“缩略图”和“胶片”标签查看每个图像的效果，同时点击“预览”标签预览动画。

6. 在第一幅图像和最后一幅图像的过渡很生硬，所以我们要应用一些效果。在层面板中选择最后一个层，点击“视频F/X”菜单，在“Darkroom”中选择“Hue&Saturation（色调饱和）”。

7. 在弹出的提示框中询问添加的图层数，在这里我们选择“20”。

8. 点击“确定”按钮，在弹出的设置框中将“Hue（色调）”设置为较大的数值

9. 点击新添加最后一个图层，然后再点击“视频F/X”菜单，在“Stretch”中选择“Cross Zoom-Stretch（交叉缩放伸展）”

10. 在设置窗口中将延迟时间设为“4”，点击“确定”按钮 11. 点击“优化”标签，按照默认的方案，点击“立即优化” 点击“OK”按钮后，点击“预览” 标签预览效果

网页图形动画制作实战例２

在网页设计中我们经常会遇到要在图像中加入多条信息的情况，前面讲到的横幅制作可以快速的制作出漂亮的文字信息动画。

1. 新建一个空白的动画

2. 在“图层”菜单中的“添加横幅文字”子菜单中选择“动画”。

3. 在弹出的设置对话框中，点击“添加”按钮添加文字

4. 在列表中选择相应的文字，点击“效果”标签，设置文字的移出和移入方式，例如选择移出和移入都是“渐隐”，将出现文字逐渐显示后，有逐渐隐去，其他的要您去试一试了。

5. 点击“横幅设置”按钮，将边框的选项去掉，选中背景颜色填充在后面的色彩栏中选择喜欢的颜色做为背景。

6. 在设置框中，将鼠标移动到图像边界，可以改变图像的大小。

点击“确定”按钮后，再点击“预览” 标签预览效果。

网页图形动画制作实战例3

在制作GIF动画时，我们常常会遇到合成的动画可能太大的问题，尤其是帧数很多的时候，这种情况下的动画可能会大的惊人，在网页中使用这种GIF动画往往不能达到丰富网页的目的，而且使网页的下载速度大打折扣，这样会得不偿失。GIF Animator4.0提供了优化压缩算法对GIF动画进行优化，可使文件的大小缩小很多。

1. 使用动画制作向导，将准备好的素材导入进来。

2. 点击“优化”标签，在“预设”栏中选择GIF Animator预设的七种方案：256色优化、256色无损失优化、128色优化、64色优化、32色优化、16色优化、优化局部调色板。在这里需要说明的是，全局调色板是为了优化而创建的在多个帧之间应用的调色板，而局部调色板是为每个帧创建的调色板，保留局部调色板，可能起不到优化的作用，所以我们选择使用全局优化调色板。

3. 如果在要了解这七种方案的详细设置，点击“高级>>”按钮，在右边的栏中会出现高级的设置。

4. 在高级参数设置区中可以对一些参数进行修改，当您认为修改的参数要在以后经常使用的话，要点击按钮保存为自定义的优化方案，在“预设”栏中填入预设的名称，同时点击按钮可以删除自定义的优化方案，切记不要删除GIF

Animator程序自带的优化方案。

5. 在设置好相应的参数后，点击“立即优化”按钮，GIF Animator将对GIF动画进行优化，将优化的结果显示在优化状态区。

使用优化向导

1. 如果使用预设的优化方案中希奇古怪的设置令你摸不清头脑，可以使用优化向导。点击“向导”，启动优化向导。

2. 在弹出的优化向导对话框中，选择推荐的“是”选项，点击“下一步”按钮。

3. 在出现的对话框中，设置GIF格式的颜色数，并且在下面可以设置图像的抖动。值得注意的是，正象在对话框中提醒的一样，颜色应用太少，是可以减小整个文件的大小，但是颜色应用太少可能使图像中的颜色失真，反而得不偿失。点击“高级”按钮对GIF优化引擎和使用的调色板进行设置。

4. 在新出现的对话框中选择是否要删除多余象素、注释块和标题。

5. 最后出现的一个总结性的窗口，将前面的选项汇集到一个对话框中，如果要重新定义一些参数，要点击“上一步”按钮，重新设定。如果对当前的设置满意，点击“完成”按钮。GIF Animator将对动画文件进行优化。

6. 优化完毕后，优化结果的窗口显示优化的成效。点击“预览”按钮，可以预览GIF动画的效果。

7. 如果对优化的成效不太满意，点击“其它尝试”按钮，又回到向导的第一步，再对GIF动画的各个参数进行设置。

8. 如果不想覆盖当前的GIF动画文件，点击“另存为”按钮，将优化后的GIF动画文件存为另外的文件。

9. 点击“确定”按钮，完成优化。

10. 同时可以点击菜单文件>批量处理，可以批量优化处理一个文件夹中的GIF动画文件。

11. 在弹出的对话框中可以对优化处理的参数进行设置。若包含要处理子文件夹中的GIF动画文件，在包含子文件夹的选项前点钩。

12. 如果要选择相应的文件选择“按文件”，并点击“选择文件”按钮选择文件。

13. 如果要创建新文件和要删除原始文件，在创建新文件和在删除原始文件前点钩。

14. 如果没有必要，不要选择添加自定义注释块，那样可能不会起到优化的作用。

15. 点击“确定”按钮，GIF Animator将对文件进行批量优化。

网页图形动画制作实战例4

制作动画小礼物，我们可以通过GIF Animator的导出功能将GIF动画导出成一个可执行文件（以exe结尾的文件），打包后只有100K左右，使用电子邮件可以将它发给自己的好朋友做为小礼物。

1. 打开一个GIF动画文件或新建一个GIF动画文件。

2. 点击“文件”菜单，点击“输出”，再点击“动画包[EXE]”。

3. 在弹出的对话框中的Message Box Style（消息框样式）栏中选择一种样式，在下面的预览框中显示消息框样式。

4. 在Loop Count（循环数）中设置循环次数，如果要使用无限循环，选中Loop infinitely（无穷循环）。

5. 在Enter Message（输入信息）栏中输入信息。

6. 点击Font（字体）按钮，设置信息的字体和样式。

7. 分别在Start Frame Position（开始帧位置）End Frame Position（结束帧位置）中分别设置动画的开始结束位置。如果要随机的显示，将这两项设置为Random（随机）。

8. 在Generate Executable File（生成可执行文件）栏中，设置导出的文件名和路径。

9. 点击“OK”按钮，在运行这个文件后，将看到首先出现的GIF动画，然后点击一下，将出现信息。

本文标签： 动画效果优化设置制作