三、实战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。

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

三、综合实例

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中选择Dialogue1.emf文件，在用录音机中录入自己的祝福语(birthday.wav)，在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 打开背景图像。在此我将用 ocean.gif 作为背景(图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：最终的朦胧效果

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