UleadGIFAnimatorV5动画超级简单教程文档格式.docx

UleadGIFAnimatorV5动画超级简单教程文档格式.docx

《UleadGIFAnimatorV5动画超级简单教程文档格式.docx》由会员分享，可在线阅读，更多相关《UleadGIFAnimatorV5动画超级简单教程文档格式.docx（30页珍藏版）》请在冰点文库上搜索。

在新建栏中包含有在使用动画向导创建GIF动画和创建一个空白的动画文档。

在打开栏中有打开已存在的GIF动画、打开已存在的视频文件（以.avi和.mov等为扩展名的动画文件）和打开示例GIF动画文件。

GIFAnimator提供的动画向导功能，通过一个简单的对话框管理动画文件的每一幅图像，这大大加速了设计GIF动画的设计过程。

在打开一个文件时，GIFAnimator会自动按照一定的时间间隔读取图像，按照先后顺序分解成GIF动画的每一幅图像，并自动命名每一层的标题。

在GIFAnimator4.0中程序还自带了几个示例以供初学者研究，可以通过打开示例文件打开它们。

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

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

1.UleadGIFAnimator4.0

2.熟悉GIFAnimator界面

3.GIF动画大师速成

4.快速制作横幅

5.优化动画

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

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

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

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

本文作者：

刘智宇

出处：

UleadGIFAnimator教程文章列表

·

Ulead 

Gif 

Animator 

5.0做闪光字的素材精品

09-20

Animator闪字与相关教程制作

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

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

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

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

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

UGA5简易教程-美女眨眼

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

用Ulead 

Animator制作网页GIF动画

GIF的全称是GraphicsInterchangeFormat（可交换的文件格式）,是CompuServe公司提出的一种图形文件格式。

GIF文件格式主要应用于互联网,GIF格式提供了一种压缩比较高的高质量位图,但GIF文件的一帧中只能有256种颜色。

GIF格式的图片文件的扩展名就是“.gif”。

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

GIF文件还有一个特性：

它的背景可以是透明的,也就是说,GIF格式的图片的轮廓不再是矩形的,它可以是任意的形状,就好象用剪刀裁剪过一样。

GIF格式还支持图像交织,当您在网页上浏览GIF文件时,图片先是很模糊地出现,然后才逐渐变得很清晰,这就是图像交织效果。

很多软件都可以制作GIF格式的文件,如MacromediaFlash,MicrosoftPowerPoint等,相比之下,UleadGIFAnimator的使用更方便,功能也很强大。

UleadGIFAnimator不但可以制作静态的GIF文件,还可以制作GIF动画,这个软件内部还提供了二十多种动态效果,使您制作的GIF动画栩栩如生。

现在我们就开始介绍UleadGIFAnimator的安装及使用方法。

互联网不断地发展，导致网站不断地增加，其中不乏一些优秀的个人网站。

做网站其实很容易掌握，但是如何做出漂亮而又吸引人的网站，并不是所有掌握技术的人都能实现的。

在网页设计中，不乏有两种，一种是文字，另一种是图片起到了主导地位。

在图片当中，动态图片又是独支一秀。

网站的各类Banner和Logo也都采用了动态图片。

有关动态图片大家都不陌生，但是如何达到这样的效果却是相当的困难。

但是自从Ulead

GIFAnimator推出后，动画制作变得相当简易，而这次Ulead公司又推出了5.0的新版本，这个版本让笔者体会到制作动态图片的乐趣，现在就让我们来看看吧（推荐下载绿盟的UleadGIFAnimator5简体中文绿色版:

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

图003：

启动向导

　　在新建栏中你可以使用动画向导创建GIF动画。

在打开栏中有三种打开方式。

另外你还可以选择“Do

notshowthisdialogboxnext”来关闭这个功能。

（1）AnimationWizard

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

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

（2）Blackanimation

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

　　（3）Openanexistingimage

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

　　（4）Openanexisitingvideo

　　如果你想利用视频文件的片段来制作GIF动画的话，就可以选择这个。

我们知道视频文件其实是由N个图片组成的，这个后面再说。

　　（5）Openasamplefile

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

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

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

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

图001：

启动画面

　　一、新增功能

　　1.更人性化的用户界面

　　GIFAnimator5.0

重新设计了用户界面，让你在制作动画图片的时候更方便，这个版本的工作区域已经完全支持真彩色，无论你是在设计还是预览的时候都可以在真彩色的环境下了。

同时，一般常用的做动画的流程都已经简化在编辑、优化和预览选项卡之间，很大程度上简化了操作难度。

图002：

操作界面

　　2.增强的编辑能力

　　这个版本的GIFAnimator

在文字编辑器、选色器和选取工具上面都加强了各自的功能。

同时转换器也相应的得到了增强，现在你已经可以随意调整对象的大小和角度了。

　　3.支持更多的输出格式

　　GIFAnimator5.0支持的输出格式除了标准的GIF

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

文件了。

也就是说，你可以用它来做FLASH

动画了。

当然它还可以输出MPEG、avi、mov

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

的驱动程序，GIFAnimator5.0也可以直接输出MPEG4

的动画了。

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

PhotoShop的PSD

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

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

　　这个功能在PHOTOSHOP

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

Animator5.0

也当然不会漠视，终于在这个版本里加入了这个功能，有了它以后管理、编辑起动画里面的各个对象元素就方便多了。

　　5.外部编辑器调用

　　你现在可以在GIFAnimator

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

Photoimpact、PhotoShop

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

GIFAnimator的功能。

当然我推荐大家还是用Photoimpact

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

　　6.强大的优化功能

　　新版本的GIFAnimator

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

　　7.新增两个滤镜

　　新版本的GIFAnimator增加了两个特效滤镜ColorReplace和

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

　　8.其它

　　GIFAnimator除了可以输出SWF

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

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

　　二、下载与安装

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

Animator的强大功能。

　　软件可以在Ulead公司的官方网站（

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

　　开始使用UleadGIFAnimator5.0

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

　　这时，程序会弹出一个启动向导来引导设计者制作GIF动画。

在这里你可以新建或者打开一个GIF图片。

三、实战GIFAnimator5.0

　　1.设置GIFAnimator

　　在使用GIFAnimator时，进行相关的设置，会得到更好的效果。

选择File>

Preferences，在设置选项中共有7个设置面板。

在General中设置GIFAnimator的普通设置。

进行有关默认的设置修改。

Optimize面板中设置有关动画优化的参数。

Plug-inFilters中进行设置GIFAnimaotr所支持外挂的配件。

由于篇幅关系，这里不多一一介绍有关设置的具体操作。

图004：

属性设置面板

　　2.软件界面介绍

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

图005：

菜单栏

　　UleadGIFAnimator的工具栏上包含标准的Windows应用程序按钮，即新建，打开，保存，撤消，恢复，剪切，复制，粘贴按钮，使用方法和其他Windows应用程序一样，我们就不在这里介绍了。

在工具栏上还有一些UleadGIFAnimator4.0专用的按钮，这是我们要着重介绍的。

这些按钮是：

AddBlankImage（加入空图像），AddImages（从外部插入图像，包括从外部插入GIF动画），AddVideo（加入视频），AddComments（加入注释）等。

图006：

工具栏

　　AddBlankImage加入空图像：

在当前层的后面加入一个新的空白层，层中没有任何内容。

　　AddImages加入图像：

在当前层的后面加入一幅新的图像，新的图像是从外部文件获得的，如果您插入的是一个GIF格式的动画文件，那么UleadGIFAnimator会自动把动画中的所有帧都插入到新的层，UleadGIFAnimator根据动画的帧数相应地产生新层以容纳插入的图像，可以一次选择好几幅图像一起插入到动画中。

　　AddVideo加入视频：

插入视频文件，如aiv，flc，psd，fli等，UleadGIFAnimator4.0会自动把视频文件中的所有帧都插入到GIF动画中。

　　AddComments加入注释：

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

　　MoveLayerUp将当前层向上移：

把当前层向上移动，也就是说，在播放这个动画的时候，让当前层出现的次序提前一个单位。

　　MoveLayerDown将当前层向下移：

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

　　PreviewinInternetExplorer：

在InternetExplorer中预览动画。

　　PreviewinNavigator：

在Navigator中预览动画。

　　PreviewinCustomBrowser：

在用户指定的程序（能播放GIF动画的程序）中预览动画。

　　Help帮助：

求助按钮，点击此按钮后，鼠标指针会变成箭头和问号，这时您可以在UleadGIFAnimator的界面上随意点击，UleadGIFAnimator会告诉您点击处是什么地方以及点击处的功能等信息。

图007：

绘图工具栏

　　常用工具面板，在这里可以对图像进行修改，例如写字，填色等。

使用方法就像是Windows中自带的画图工具。

图008：

常用工具面板

　　层面板，在第一次启动程序时，层面板显示为列表形式，可以点击缩略图和胶片标签查看每一幅图像的缩略图和相应的位置顺序。

在导入多幅图像时，列表中列出了每个图像的标题（每幅图像的文件名，在参数设置区可以进行修改）

图009：

层面板

　　工作区，在这个区域中可以查看GIF动画的结构，还可以针对每一幅GIF动画图像进行编辑。

在选择工作模式中有“编辑”、“优化”和“预览”，其中最强大的是GIF的优化功能，在GIFAnimator中预设了七个方案，可以将图像优化成色彩数不同的GIF动画，相应的优化后的质量也是不同的。

同时还可以对优化的各种参数进行设置，在优化后程序还会报告优化的效果.

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

　　GIFAnimator提供的动画向导功能可以在几分钟之内完成GIF动画制作。

在制作GIF动画前要找素材，同时也可以自己设计素材。

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

　　在启动程序时，通过GIFAnimator显示的一个启动向导来引导我们创建动画。

也可以通过“File”菜单里面的“AnimationWizard”命令。

　　打开动画向导按钮后，会弹出一个对话框（图010）在这个对话框中可以选择我们要制作的GIF动画的尺寸。

图010：

选择GIF动画尺寸

　　一般一个普通的Banner是468*60，系统默认值也是这个。

当然软件还自带了一些常用的尺寸规格。

对于特殊的要求你可以自己进行修改。

　　进行完有关与尺寸的设置，点击下一步按钮，进入“SelectsFiles”对话框（图011）。

进行有关素材的设置。

图011：

选择文件

　　点击“Addimage..”按钮，进行图片素在的引入，可以一次引入多项，也可以一项一项分别引入。

Addvideo与Addimage不同在于一个是引进图片作为素材，而一个是电影。

　　进行完素材的导入后，点击下一步进入“FrameDuration”设置对话框。

在提示栏里面有很详细的解释，根据解释再设置每个帧的延迟时间，值得注意的是在参数栏中填入的数值要除以100才是真正的延迟时间，你还可以指定帧的速率，同时在下面的演示框中可以预览设置结果。

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

点击完成按钮后，一个动画就制作完成了。

　　4.优化GIF动画

　　在设计动画过程中，当帧数较多时，这个动画文件可能会较大，不适合于在网络上传播，所以GIFAnimator中提供了对动画进行优化的功能。

这种功能的原理是将将帧的图像分割中若干块，在帧之间的变换时，相同的块将在第二个帧中被删除，达到减小文件文件大小的目的。

所以我们要对自己创建的动画再进行一下优化。

　　点选Optimize按钮，进入优化设置，窗口如图十一所示。

在这个窗口的左侧是原始图像，右侧是系统按照默认优化设置所优化的图像。

另外有一个窗口是ColorPalette，此窗口中显示了优化后图像中使用的颜色。

如果对优化的效果不满意，或者优化后所取得的大小不满意，可以进行有关像素的设置。

最高的像素是256，也就是系统默认值，最小的是16，其优化效果真的是不堪入目。

　　5.预览GIF动画

　　完成一切的制作后，是不是想欣赏一下你的大作？

点击Preview预览窗口，就可以发现这个动画正在不断地闪烁。

同时你可以调用一些浏览器观看它。

GIFAnimator5.0允许InternetExplorer、Navigator和CustomBrowse这三种浏览器查看动画。

　　6.输出GIF动画

　　完成这一步，你的GIF动画就顺利成形了。

最直接的输出就是把动画保存为GIF，可以让它在网页中随意地插入。

SaveAs>

GIFFile，输入文件名称即可。

当然GIFAnimaotr同样支持其他文件格式，例如PSD以及非常流行的Flash格式SWF。

　　这些文章格式却只能用