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 的基本知识。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界面。 菜单栏，包括文件、编辑、查看、图层、滤镜、视频F/X和帮助七个菜单分别完成从图像创建导入到图层 滤镜和视频特殊效果的功能。 值得注意的是，在GIF Animator中层的概念大致等同于帧，在图层的菜单中，添加层即是向GIF中添加帧，这些层可以是空白的图像、导入的图像和相应的视频文件，也可以是包含注释信息的帧。在视频F/X菜单 中集成了23种动画效果，其功能如下： 效果 功能 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 Charcoal（木炭效果） 木炭效果 Painting Special Add Noise（加入噪音） 在原帧中加入噪音干扰效果 Wind（风） 风的效果 工具栏，可以通过点击按钮实现对文件的操作、撤消和重做、填加图像、动画和 注释以及对每个图层的上移和下移操作，还有将编辑好的GIF动画在IE和 Netscape中预览。 GIF Animator提供的动画向导功能可以使您在几分钟之内成为GIF动画大师，可以制作出具有专业水准的GIF动画。在制作GIF动画前要找素材，同时也可以自己设计素材。我们可以通过一些图像处理功能软件 来对动画的每一帧进行细致的刻画，例如Photoshop、Firkworks和Freehand等，然后通过GIF Animator中的动画向导功能就可以制作出专业级的动画。在启动程序时，GIF Animator会显示一个启动向导来引导我们创建动画。 在启动向导面板中，选择动画向导按钮，接下来会弹出一个对话框，在这个对话框中可以点击添加图像按 钮向动画中添加图像，还可以点击添加视频按钮向动画中添加视频。同时在这个对话框中还可以对动画中 的图像和视频文件进行管理，例如可以点击删除按钮删除不要的文件，还可以选择一个文件拖动到相应出 现的位置，也就是可以调整图像出现的顺序。在点击下一步按钮后，将出现来源类型的窗口，在这个窗口 中选择文字抖动和图像抖动，并且在提示栏中有相应的解释。文字抖动是指在动画中只包含文字和一些颜 色简单的图像。而图像抖动是指在动画中包含较多的颜色，通过图像抖动可以使色彩之间的过渡平滑。再 点击下一步按钮后，将弹出帧持续时间的对话框，在这个对话框中可以设置每个帧的延迟时间，值得注意 的是在参数栏中填入的数值要除以100才是真正的延迟时间。还可以指定帧的速率，同时在下面的演示框 中可以预览设置结果。在点击下一步按钮后，在弹出的对话框中，提示设计者要对自己创建的动画进行优 化。点击完成按钮后，一个动画就制作完成了，可以点击预览标签预览一下自己的杰作吧！ 在设计网页时横幅是一个漂亮的网页中不可获缺的重要元素，尤其是动态的横幅既可以使网页美丽动人， 还可以在动态横幅中加入多条信息以增加单位图像传递的信息量。我们可以先创建一个空白的动画文档， 然后在图层菜单中选择添加横幅文字，在子菜单中可以看动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. 在设置框中，将鼠标移动到图像边界，可以改变图像的大小。 点击“确定”按钮后，再点击“预览” 标签预览效果。 在制作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将对文件进行批量优化。 制作动画小礼物，我们可以通过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动画，然后点击一下，将出现信息。 在使用GIF Animator4.0设计时应注意以下问题： 1. 在其它图像处理软件中设计每幅图像时，要尽量使用比较简单的颜色，否则使用GIF格式时，有些颜色后改变。 2. 在设计完每幅图像后，应将文件保存为GIF格式，以减小动画大小。 3. 在编辑完动画后，要将动画优化，同时可以设置优化参数以减小动画大小。