[分享]Ulead GIF Animator 使用教程

承宇

Ulead GIF Animator 使用教程

    这是一个很方便的 GIF 动画制作软件，由 Ulead Systems.Inc 创作。Ulead GIF Animator 不但可以把一系列图片保存为 GIF 动画格式，还能产生二十多种 2D 或 3D 的动态效果，足以满足您制作网页动画的要求。在介绍这个软件之前，我们先说说 GIF 文件。
    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 的安装及使用方法。

    一、Ulead GIF Animator 4.0 的安装
    Ulead GIF Animator 4.0 的安装过程很简单, 和大多数 Windows 应用软件一样, 选择好安装路径后, 安装程序就会把 Ulead GIF Animator 4.0 安装到指定的路径下。
    如果您使用的 Ulead GIF Animator 4.0 没有注册, 那么您只能试用这个软件, 试用期限是 15 天。在没有注册 Ulead GIF Animator 4.0 之前, 每次启动都会出现一个提示您试用期限还剩多少天的窗口。点击提示窗口中的 Try 按钮开始试用, 点击 Ulead 公司的图标进入 Ulead 公司的网站了解更多的信息, 点击 Quit 按钮退出（图1）。



    点击图1 中的 Try 按钮后, 在进入 Ulead GIF Animator 4.0 前还会出现另一个窗口, 询问您要注册还是要继续试用这个软件。点击 Try More 按钮继续试用 Ulead GIF Animator 4.0, 或是点 Order Now 按钮立即注册这个软件（图2）。


    我们选择继续试用这个软件, 点击图2 中的 Try More 按钮, Ulead GIF Animator 4.0 就开始初始化程序, Ulead GIF Animator 4.0 需要和 QuickTime 3.0 for Windows 配合使用, 如果您还没有安装 QuickTime, Ulead GIF Animator 4.0 就会弹出一个提示您安装该软件的窗口（图3）。
  




如果您的 Ulead GIF Animator 4.0 是注册过的, 并且您在使用 Ulead GIF Animator 4.0 时已经安装了 QuickTime 3.0 for Windows, 那么启动之后, Ulead GIF Animator 4.0 就会直接进入使用界面, 上述的三个窗口都不会再出现。

    二、 Ulead GIF Animator 4.0的特性
    1、崭新的界面
    GIF Animator 的新界面使您的工作过程就象在流水线上加工产品, 您需要使用到的按钮和工具都放在您触手可及的地方。在工作区中加入了颜色面板, 并且有 4 个选项卡, 让您在编辑和优化图像层的时候更加顺手。
    2、便捷的工作模式
    4 个选项卡使您在工作进程中的切换变得快捷, 这4个选项卡是: Compose（组合）, Edit（编辑）, Optimize（优化）和 Preview（预览）。
    3、加强的图像层显示
  现在您可以轻易地用三种模式显示图像层, 所需的仅仅是点击一下鼠标。
    4、层叠模式
    Edit（编辑）选项卡使您可以用层叠模式工作, 在这种模式下, 您可以在当前图像的下面看见以前的图像, 这样您就可以更加精确地操作了。
    5、新的选取工具
    使用 Edit（编辑）模式中新的选取工具, 您就可以灵活地控制正在编辑的图像。您还可以使用滤镜来处理被选取的图像。
    6、动画融合功能
    现在, 您可以将两个动画融合为一个新的动画, 创造出独特的效果。
    7、动态标题文本效果
    GIF Animator 能产生非常漂亮的标题文本, 您可以让标题文本在动画中滚动, 显示一条消息, 或是简单地改变颜色。
    8、新增的 Video FX。
    两个新的 Video FX 组件可以产生极佳的动画效果：Run & Stop Push 效果在动画中插入一个图像由模糊, 抖动变得清晰, 稳定的片断；而 Power Off 效果则在动画中插入一段好似关闭电视一样的效果, Power Off 效果一般可在动画结束时使用。
    9、改进的优化
    新的计算方法使图像在压缩比很高的前提下仍能保证非常好的质量。并且, 您可以很方便地使用优化向导或以前保存的设置来优化保存图像文件。
    10、预设置管理
    这项特性可以很好地管理您以前在优化选项中保存的设置, 并且根据使用的频率对它们排序, 以便提高工作效率。
    11、批处理功能
    如果您要重新优化整个网站中所有的 GIF 动画文件, GIF Animator 就可以大显身手了。使用批处理, 您可以使用 GIF Animator 优化引擎运行每一个 GIF 动画文件, 几秒钟以后, 您就可以看到优化以后的效果。
    12、改进的动画打包
    新的设置让您在打包动画时有更多的自由。您可以超级链接这个动画, 用户化消息框的风格, 以及更多的设置。
    13、用户预览
    您可以指定某个浏览器来查看动画。
    14、改进的重定义尺寸
    新的选项让您在重定义动画尺寸可以指定动画的质量, 以便于更好地满足您的特殊要求。

    三、Ulead GIF Animator, Version 4.0 的界面（图4）



    第一次进入 Ulead GIF Animator 4.0 时, 您会立即注意到 4 个主要的部分：工具栏（图4 中黄色部分）；工作区（图4 中蓝色部分）；工作区左边的层面板（图4 中绿色部分）, 层面板占据了界面的最主要的位置, 层面板也是使用最频繁的；层面板下方的调色板工具栏（图4 中红色部分）。在 Windows 标准工具栏的下方是属性工具栏, 属性工具栏中包含了 GIF 动画中每一层（动画中的每一帧为一层）的信息和设置。在层面板中列出了动画中的所有的层（或帧）, 当您点击层面板中的某一层时, 这一层的图像就会显示在工作区中, 而这一层的属性会显示在属性工具栏中, 同时这一层中使用到的所有颜色都会显示在调色板中（本地调色板）, 如果您没有选择本地调色板选项, 那么调色板中显示的是这个动画中使用到的所有的颜色（全局调色板）。
    图像属性中的任意一项都可以重新定义或配置, 您有很大的自由去选择图像层的显示方式。当您在 GIF 动画中输入了一幅外部的图像, 而输入的图像没有这些属性时, GIF Animator 会为这幅图像指定缺省的属性。您可以在 Preferences 对话框中改变 GIF Animator 的缺省属性, Preferences 命令项在 File 菜单中。
  小技巧：如果您使用鼠标的右键单击层面板中的任一个图像层, 就会有一个弹出式菜单出现, 菜单中列出了所有可用于编辑这个图像层的命令。这些命令在 Edit 和 Layer 菜单中可以找到。
    （一）工具栏（图5）



    Ulead GIF Animator 4.0 的工具栏上包含标准的 Windows 应用程序按钮, 即新建, 打开, 保存, 撤消, 恢复, 剪切, 复制, 粘贴按钮, 使用方法和其他 Windows 应用程序一样, 我们就不在这里介绍了。在工具栏上还有一些 Ulead GIF Animator 4.0 专用的按钮, 这是我们要着重介绍的。这些按钮是：Add Blank Image（加入空图像）, Add Images（从外部插入图像, 包括从外部插入 GIF 动画）, Add Video（加入视频）, Add Comments（加入注释）等。
Ulead GIF Animator 4.0 工具栏中的部分按钮：
    9、Add Blank Image 加入空图像：在当前层的后面加入一个新的空白层, 层中没有任何内容。
    10、Add Images 加入图像：在当前层的后面加入一幅新的图像, 新的图像是从外部文件获得的, 如果您插入的是一个 GIF 格式的动画文件, 那么 Ulead GIF Animator 4.0 会自动把动画中的所有帧都插入到新的层, Ulead GIF Animator 4.0 根据动画的帧数相应地产生新层以容纳插入的图像, 您可以一次选择好几幅图像一起插入到动画中。
    11、Add Video 加入视频：插入视频文件, 如 aiv, flc, psd, fli 等, Ulead GIF Animator 4.0 会自动把视频文件中的所有帧都插入到 GIF 动画中。
    12、Add Comments 加入注释：在动画中加入注释, 如果您想在动画中保存版权和版本, 就可以使用注释。
    13、Move Layer Up 将当前层向上移：把当前层向上移动, 也就是说, 在播放这个动画的时候, 让当前层出现的次序提前一个单位。
    14、Move Layer Down 将当前层向下移：把当前层向下移动, 使当前的播放次序推后一个单位。
    15、Preview in Internet Explorer：在 Internet Explorer 中预览动画。
    16、Preview in Navigator：在 Navigator 中预览动画。
    17、Preview in Custom Browser：在用户指定的程序（能播放 GIF 动画的程序）中预览动画。
    18、Help 帮助：求助按钮, 点击此按钮后, 鼠标指针会变成箭头和问号, 这时您可以在 Ulead GIF Animator 4.0 的界面上随意点击, Ulead GIF Animator 4.0 会告诉您点击处是什么地方以及点击处的功能等信息。
    （二）属性区
    Ulead GIF Animator 4.0 的属性区（属性区在界面上的位置如图4 所示）分两部分：全局属性区和图像属性区。当您在层面板中选择 0 层（Global information）时, 属性区中出现的是全局属性（图6）。




    当您在层面板中选择图像层（除了 0 层以外的其它层）时, 属性区中出现的是图像属性（图7）。


    1.全局属性
    在全局属性区中有：图像的宽度,图像的高度,背景颜色,动画播放的次数。全局属性区中的属性是整个动画的属性。在全局属性区中有一个 Automatic 复选框, 如果这个复选框被选中, 您就不能调整图像的宽度和高度, 这时候 Ulead GIF Animator 4.0 把图像的宽度和高度定为默认值。
    2.图像属性
    在图像属性区中有：
    1、图像在 X, Y 方向的偏移 X-offset, Y-offset：这两个选项决定图像在层中的位置, 如果这两项都是 0, 那么图像就从层的左上角开始。
    2、调色板的状态 Local pallet：如果这个选项没有选中, 调色板（如图4 中所示的位置）上显示的是整个动画中所使用到的颜色（最多 256 种颜色）。如果这个选项选中了,调色板中显示的是当前层（当前图像）中使用到的颜色,没有使用到的颜色上面会出现一个“X”。
    3、交织方式 Interlace：如果这个选项被选中，那么这幅图像会以模糊―逐渐清晰―最清晰的方式显示，这种方式在网页中很常见。
    4、透明颜色 Transparent index：这个选项决定当前层（当前图像）中的透明的颜色。也就是说, 您可以去掉当前图像中的某种颜色, 使当前层（当前图像）的某一个区域是透明的。
    5、动画切换到下一帧的方式 How to：这个选项决定动画切换到下一帧的方式, Ulead GIF Animator 4.0 一共提供了 4 种方式。
    6、改变整个动画的属性 Global Attribute Change：按下这个按钮, 在弹出的对话框中即可以改变整个动画的属性。
    7、暂停选项 Wait for user ix：这个选项可以让当前层在播放的时候暂停, 直到用户用鼠标点击图像或是按下按键再继续播放。
    8、延迟时间 Delay：该选项决定播放当前层（当前图像）前延迟的时间。

Ulead GIF Animator 使用教程(2)

    动画切换到下一帧的方式有：
    1、Web Browser Decides 由浏览器决定：根据浏览器的缺省方式来切换图像。
    2、Do Not Remove 不擦除前一帧图像：使用这种方式时, 动画的每一帧都会显示出来, 即动画中的所有图像叠在一起显示。
    3、To Background Color 用背景色替换：用背景颜色替换前一帧图像, 这是常用的方式。
    4、To Previous State 转到前一帧：擦除图像, 显示以前出现过的图像。
    （三）层面板
    属性区的下方是层面板，在层面板的上部有三个选项卡：List（列表）, Thumbnail（缩略图）, Filmstrip（胶片）。三个选项卡以三种方式显示动画中的层, 如图8，图9，图10 所示, 三种显示方式各有缺点, 您可以根据需要随时在三种显示方式间切换。








    层面板中列出了当前动画中所有的图像（帧）, 用鼠标就可以选择任何一帧（层）, 选择中层之后, 属性区中就出现这一层的各个属性。
    您也可以同时选择多层, 只要在选择层的时候按住 Ctrl 键或 Shift 键就可以选择多层, 还有, 您也可以用鼠标在某一层上按下左键, 然后拖动鼠标, 即可以选择多层, 再有就是, 您可以在每一层的名字前的小方框中点击鼠标左键来选择多层。如果您同时选择了好几层, 您会发现, 在属性框中, 有的属性值是空白的, 而有的带复选框的属性则变成灰色的, 这是因为各个层的属性不一样所致。如果您选择的所有层的某个属性都是一样的, 那么在属性框中就会显示出这些的属性值。当然, 您也可以同时改变所选择的所有层的属性。
    我们在这一部分的第二节（属性区）中介绍过（图6, 图7）, 根据您选择的层不同，属性区中会出现不同的属性（全局属性和图像属性）。如图11 和图12 所示, 当您选择 0 层, 即“0：Global information”时, 属性区中出现影响所有图像的全局属性；而当您选择非 0 层, 这里我们选择的是第 1 层, 即“1：Image 1 of 12 in …”时, 属性区中出现的是第 1 层的属性。





    在全局属性中, 您可以改变所有图像的大小, 背景颜色等属性. 改变图像大小的时候, 您只要直接输入数字就可以了, 改变图像背景时, 您需要先按下背景颜色按钮, 然后选择一种背景颜色就可以了（图13、14）。






    用很相似的方法, 您可以为每一幅图像选择一种透明的颜色, 也就是将某种颜色的区域去掉, 把这个区域下面的图像显示出来, 这种图像在网页上很常见。
    在层面板中, 每一层的名字前都有一个小方框, 点击小方框后（注意：是直接点击小方框, 而不是点击这一层的名字）,小方框中就会出现小钩, 表示这一层被选中, 您可以在所有的小方框中都打上小钩, 这也是另外一种选择多层的方法。您还可以改变某一层在动画中的位置, 使用工具栏上的 Move Layer Up, Move Layer Down 按钮就可以改变层在动画中的位置。
    （四）工作区
    层面板的右方就是工作区, 您编辑的图像就是显示在工作区中。工作区有 4 种模式：Compose（组件）, Edit（编辑），Optimize（优化）, Preview（预览）工作区的 4 种模式都是经常要使用到的。如果您只是简单地由多幅图像组成一个动画, 那么在组件模式和预览模式下就可以完成所有的操作（图15-18）。







    工作区的 4 种模式是：

   1、Compose Mode 组件模式：这是 GIF 的缺省操作模式, 在组件模式下, 可以移动图像, 改变图像在工作中的位置, 改变图像的位置, 您只需把鼠标指针放在图像上, 然后按下左键, 再拖动鼠标即可。
    2、Edit Mode 编辑模式：在编辑模式下, 您可以对图像进行比较精密的加工, 包括添加/删除点, 填充某个区域, 您还可以很轻易地选择某种颜色的区域, 然后改变这个区域的颜色, 还可以画一个任意形状的区域, 然后对这个任意形状的区域进行操作。
    3、Optimize mode 优化模式：在优化模式下, 您可以用几种优化方式来压缩动画, 以使其在网页中速度更快, 质量更好。
    4、Preview mode 预览模式：在这里, 您可以看一看目前动画是什么样子。之前我们介绍过, 使用图4 的工具栏中的按钮, 您也可以使用 Internet Explorer, Navigator 或者任意的浏览器来预览动画。
    编辑模式中的工具栏如图19 所示（按从上到下的顺序）：


图191、用一个矩形对图像进行裁剪
    2、在图像上用指定的颜色画点
    3、重新定义图像的尺寸
    4、选取图像上的一个矩形区域
    5、水平翻转
    6、魔术棒，轻松选择图像中某种颜色的区域
    7、垂直翻转
    8、选取图像上一个任意形状的区域
    9、逆时针旋转 90 度
    10、用前景色填充某个区域
    11、顺时针旋转 90 度
    12、擦除图像上的点
    13、放大图像
    14、缩小图像
    15、用 100% 的比例显示图像
    16、用层叠方式显示图像, 即同时显示所有的图像
    17、拾取前景色
    18、拾取背景色
    （五）调色板（图20、21）




    调色板显示当前动画或当前层中所有的颜色, 每个动画的每一幅图像中最多只能有 256 种颜色。在属性区中, 您可以使用复选框 Local palette 来选择当前层究竟是使用本身的调色板还是使用整个动画的调色板。如果 Local palette 复选框被选中, 当前层使用本身的颜色, 如果复选框没有选中, 那么当前层将使用整个动画的调色板, 这样可以使 GIF 文件的尺寸变小, 但是当前层可能会丢失很多颜色。
    如果当前层没有包含调色板中的某种颜色时, 调色板中的那种颜色上会出现一个 “X”。
    调色板的右部是调色板工具栏, 工具栏分为两部分：按钮和构成某种颜色的红, 绿, 蓝三原色的值（图22）。




    调色板中的工具栏如图23 所示（按从上到下的顺序）：


    1、将当前颜色设置保存为调色板文件（对整个调色板操作）
    2、从调色板文件中调入颜色设置（对整个调色板操作）
    3、在调色板中添加颜色（操作单个颜色）
    4、删除调色板中的某种颜色（操作单个颜色）
    5、用新颜色替换调色板中的某种颜色（操作单个颜色）
    6、产生逐渐过度的颜色（操作多种颜色）
    7、对所选择的几种颜色进行排序（操作多种颜色）


    您会发现调色板中的按钮本身的图案就说明了它的功能, 一目了然, 这里我们只着重介绍一下产生逐渐过度颜色的按钮。
    这个按钮可以产生一种颜色（可以自由选择）向另一种颜色(可以自由选择)过度的中间颜色, 中间颜色的数目可以自由选择。因为这个按钮是对多种颜色进行操作的, 所以使用这个按钮之间, 您要先选择一种以上的颜色, 然后这个按钮才由灰色变成彩色的, 也就是由不可用变得可用。
    选择多种颜色的方法和选择多幅图像的方法是一样的, 只要您先选择一种颜色, 然后按住 Ctrl 键或 Shift 键选择其它的颜色就可以了。

    四、Ulead GIF Animator Version 4.0 的 Video F/X
    Video F/X 是 Ulead GIF Animator 的动画效果引擎, Video F/X 可以根据某幅图像产生新的图像并把新的图像插入到动画中去, 这些图像和源图像一起构成动画效果。产生动画效果之前, 您要先选择一幅图像作为源图像, 然后在 Video F/X 菜单中选择一种动画效果（图24）。


    图25 在添加效果窗口中, 还有几种效果供您选择, 并且您可以通过调节参数来产生满意的动画效果, 在添加效果窗口中, 还有一个预览框可以预览将要产生的效果（图25）。


  



    Video F/X 在动画中插入新的帧, 这等于在原来的动画中插入一个子动画（图26）。

    五、实例
    在前面的几部分中我们已经介绍了 Ulead GIF Animator Version 4.0 的基本功能和基本工具的用法, 在这一部分中我们将向您演示制作一个简单动画的全过程, 希望这个实例可以加深您对 Ulead GIF Animator Version 4.0 的理解。
    （一）使用向导图（图27）





    打开 Ulead GIF Animator, Version 4.0 时出现的 Startup Wizard（启动向导）窗口, 在启动向导窗口中, 有 Animation Wizard（动画向导）, Blank animation（空白文件）, Open an existing GIF（打开一个已经存在的 GIF 动画）, Open an existing video（打开一个已经存在的视频文件）, Open a sample GIF file（打开一个 GIF 动画示例）。
    我们建议您使用 Animation Wizard（动画向导）, 在向导中, GIF Animator 会一步步地提示您加入图片, 加入视频文件, 设置每一帧显示的时间等, 向导完成以后就形成一个简单的动画了。
    当然, 您也可以不用向导, 直制作动画, 这样可以自由地设置动画的各种格式。即使您用向导制作了一个动画, 您也需要对动画进行修改。
    制作一个动画通常的步骤有：
    1、插入图像
    使用工具栏上的 Add images 或 Layer 菜单中的 Add images 命令。
    2、改变动画和图像的属性
    在属性区中就可以完成这些操作。
    3、改变动画中图像的位置
    使用工具栏上的 Move Layer Up 和 Move Layer Down 即可改变动画中图像的位置。
    4、编辑图像
    使用工作区中的 Edit（编辑）模式对图像进行修改, 工作区的 Edit（编辑）模式中有一个工具栏。
    5、预览动画
    在制作动画的过程中, 您可以随时使用工作区的 Preview（预览）模式来查看动画。
    6、使用 Video F/X
    Ulead GIF Animator, Version 4.0 内部包含二十多种动画效果, 您都可以在您自己制作的动画中使用。

    到这里, Ulead GIF Animator, Version 4.0 的基本功能我们已经介绍完了, 相信您经过一段时间的练习, 一定可以制作出非常漂亮的动画。