第 4章　用 Ulead GIF Animator 制作课件动画

4.1 　认识 Ulead GIF Animator 原版的 Ulead Gif Animator 是英文版的，可以在它的主页上下载 15 天的试用版，也可以在其他网站上下载。安装版会在桌面放置一个快捷图标，绿色版的解压后在文件夹中找到一个绿色地球图标，

自己创建一个快捷方式

• 双击这个绿色地球图标，即可启动 Ulead Gif Animator ，打开一个窗口，中间有一个向导对话框，这里可以选中左下角的复选框，然后下次就不出现这个对话框了。

• 进入默认窗口后，中间的工作区里是一个白色的长条，边上有一圈虚线，表示选中状态，鼠标放进去后变成黑色的移动指针。

窗口左边是工具箱

窗口右边是对象窗口，工作区中每个内容都会显示在这儿，用它还可以在原来图像上新添加一个

图层。窗口下边是帧面板，帧相当于一个一个的小格，每一帧里可以放一幅图像，许多帧图像连续播放就可以形成动画。帧面板的下边是各个命令按钮，可以播放图像，添加帧、删除帧，和帧属性等

动画上手选择画笔工具，在下面的黑色颜色块上点一下，出来一个颜色面板，在下边选中绿色，然后点右

上角的“ OK” 按钮确定。

在画布上写上“体育课件多媒体”几个字，这是第一幅图片，

也就是第一帧，

• 在下面的帧面板中，点击下边的一个白色按钮，添加一个空白帧

• 这样就有了两帧，第一帧里面有文字，第二帧里面是空的，点一下工作区上边的“预览”标签，进入到预览窗口，看一下动画效果，再点“编辑”返回到编辑窗口。

• 点击菜单【文件】︱【保存】命令，保存文件到自己的文件夹中，再点菜单【文件】︱【另存为】︱【 Gif 文件】命令，保存 Gif 图片文件。

制作闪光字　　它是利用颜色的变化来产生闪光字效果。启动成功后，显示一个默认的空白文档，如果出现

向导提示，点“关闭”。　　创建第一帧文字：在左边的工具箱里点击选中文字工具 T ，然后在中间的白色画布上点一下，

弹出一个文本面板，输入文字“动作要领”

点击上边的颜色块，在出来的菜单中，选择第一个“ Ulead 颜色选择器。在弹出来的颜色面板中选择红色，点击右上角的“ OK”

按钮返回文本框 • 点击“确定”按钮，工作区里面有一个

虚线框包围的文字，如图 4 － 14 所示。• 点击菜单中【编辑】︱【修整画布】命

令，把多余的白色部分裁切掉，如图 4－ 15 所示，注意保持虚线框的选中状态。

创建第二帧文字：单击菜单【编辑】︳【复制】命令，把第一帧的文字复制一下。然后，单击面板下方的白色“添加帧”按钮，添加一个空白帧。

　　　单击菜单【编辑】︳【粘贴】命令，粘贴一个相同的文字对象，注意第一帧有白色背景，

第二帧是透明背景 • 此时右下角出现文本框面板，点击上面的红色

颜色块，把它改成蓝色，然后点确定返回 , 最后，单击菜单【文件】︳【另存为】︳【 Gif文件 .. 】命令，把文件保存为 Gif 图片文件。

制作透明动画GIF 动画还有一个特点，就是可以制作成透明的，这样就可以更好地跟背景融合在一起。启动成功进入后默认是一个白色背景，按一下键盘上的 Delete键，删除白色底色，显示出棋盘格图案，表

示透明背景

选择“文本”工具，点击画布，在出现的文本对话框中，输入

“技术分析”四个字，颜色为红色，点“确定”返回

• 点击菜单中【编辑】︱【修整画布】命令，把多余的白色部分裁切掉，如图 4 － 21 所示。

• 单击下面帧面板中的“添加帧”按钮，添加一个空白帧，此时背景也是透明的，选择文本工具，输入“技术分析”，把颜色改成绿色

• 选择箭头工具，在上边的对齐工具栏中，点最后面的那个按钮，如图 4 － 23 所示，把文字排列在画布中央。

• 最后，单击菜单【文件】︳【另存为】︳【 Gif 文件 .. 】命令，把文件保存为 Gif 图片文件。

• 逐字显示动画• 逐字显示又称打字机效果，它是将一句文字一

个一个连续地显现出来。制作方法如下：• 双击桌面上的 Ulead Gif Animator 图标，启动程序。按 Delete键删除白色背景，选文字工具，点一下画布，输入“动作示范”四个字，颜色为红色。单击菜单【编辑】︳【修整画布】，裁去多余的部分。

• 在右上角的对象面板中，用右键在文字上单击，在弹出的对话框中，选【文本】︳【拆分文字】命令，将四个字拆开

• 在下面的帧面板中，点三次“相同帧”按钮，复制三个相同的帧，如图 4 － 28 所示。

• 选中左边的第 1 帧，在上面的显示对象面板中，把“作、示、范”旁边的眼睛图标点一下去掉，只留下“动”显示

• 再在帧面板中选中第 2 帧，把“示、范”旁边的眼睛图标点一下去掉。同样的办法，把第 3 帧中“范”旁边的眼睛图标也去掉。

• 选中第 4 帧，点一下帧面板下面的“添加帧”按钮，添加一个空白帧，这样就有了 5 帧，如图 4 － 30 所示。

• 按住 Ctrl键，分别点第 1 、 2 、 3 、 4 帧，全选中所有帧变蓝

• 点一下帧面板下面最右边的“帧面板命令”按钮，选择“帧属性”命令，把 10改成 50 。这样每一帧的时间为 0.5秒，播放速度会变慢一些。最后，将文件另保存为 gif 动画即可。

• 霓虹文字• 霓虹字是在文字的周围有一圈灯光效果，在

帧面板中有一个“添加文本条”按钮，可以创造出变化多样的，比如滚动、旋转、放大、缩小等霓虹效果。这里，以旋转为例说明，其它效果原理相同。

• 启动程序，按一下 Delete键删除画布中的白色背。在帧面板下边，点一下“添加文本条”按钮，弹出一个文本条对话框，删除文本框里面的内容，在字体中选择“宋体”，颜色为红色，输入“体育教学交流”，阴影先不设

点击“霓虹”标签，打勾选中“霓虹”效果，将宽度改为 3

点击“效果”标签，在左边选择“放大 (旋转 )” ，右边选择“减

弱”

点击【确定】︳【创建为文本条 (推荐 ) 】按钮，创建一个文字对象，帧面板自动产生动画帧，。预览效果，满意后，将文件另保存为 gif 动画即可。作者的个人网站动态站头就是用这种方法制

作的

• 原地动作动画原理：• 启动 Ulead Gif Animator软件，按一下 D

elete键删除白色背景，点击菜单【文件】︳【添加图像】命令，找到计算机文件夹中的蛙泳图片 1 ，把图片 1 打开，添加到窗口中

• 单击菜单【编辑】︳【修整画布】把多余的部分裁切掉

• 点一下帧面板中的“添加帧”按钮，添加一个空白帧，再次点击菜单【文件】︳【添加图像】命令，蛙泳图片 2 。用样的办法，将其他图片也添加进来。这样 12 幅图片就形成了一个连续的动作 .

• “ 预览”效果，满意后另存为Ｇ if 图像。

• 运动轨迹动画原理：• 各帧图片的位置有所改变，从而产生动

画效果，下面我们以鱼跃前滚翻动作为例说明：

• 首先，在 Photoshop 中制作 7 幅鱼跃前滚翻透明背景图片，大小一致，放在计算机文件夹中

• 启动 Ulead Gif Animator软件，按一下 Delete键删除白色背景，点击菜单【文件】︳【添加图像】命令，找到计算机文件夹中的鱼跃前滚翻动作图 y1 ，双击它添加到窗口中。单击菜单【编辑】︳【修整画布】命令，把多余的部分裁切掉

• 此时，要想让图能向右移动，必须加大画布的宽度。单击菜单栏【编辑】︳【画布大小】命令，在弹出的对话框中去掉“保持外表比率”选项前的勾，根据实际图片数量将宽度修改为 500 ，点击“确定”后，工作区中的图像变成如图 4 － 44 所示。

• 点击左侧的选取工具，用鼠标把第 1 幅图移动到画布最左侧，点一下帧面板中的“添加帧”按钮，添加一个空白帧，再次点击菜单【文件】︳【添加图像】命令，添加第 2 幅图片，同样用鼠标将图片 y2 向右移动，调整到合适位置 , 按照同样的方法，把其他 5 幅图像都添加进来并调整好各自的位置，点击“添加帧”按钮，添加一个空白帧，按住 Shift键从第 1 帧开始点击，全部选中，再点下边的“帧面板命令”按钮，选“帧属性”命令，把时间设为 30 ，这样每帧 0.3秒，动画速度就慢了下来。“预览”效果，满意后另存为Ｇ if图像。

• 用一个视频的局部来制作 gif 动画• 用 Windows 视频文件，如 AVI ，或 Quicktime 影片，

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

• 打开 GIF Animator ，创建一个新的空白动画。• 单击标准工具栏上的“添加视频”按钮，打开“添加视频”对话框，找到事先准备好找视频（这里以放飞理想视频为例）点击选中它。然后单击“区间”（Ｄ uration）按钮

• “ 区间”对话框打开后，有两个属性让您可以定义要使用的起始和结束的视频段。它们是“开始标记” (Mark in) 和“结束标记” (Mark out) 。有两个方法可以用这些属性来选取视频段：您可以手工输入帧编号，或通过预览窗口和视频控件，拖动「开始标记」和「结束标记」按钮，来标记出要使用的部分

• 在标记出要使用的部分之后，单击“确定”。“区间”对话框关闭，返回到“添加视频”对话框。再单击“确定”，选择的帧就被加载到 GIF Animator 中了。删除一些不必要画面，就可以保存了。

• GIF 制作飘落的文字• 启动 Ulead GIF软件，在“启动向导”框

中点击“打开一个现有图像文件”按钮，打开一张准备好的“排球场地图”图片，单击菜单栏中【编辑】︳【修整画布】命令，将导入的图片自动调整适合窗口，

• 单击菜单栏【帧】︳【添加条幅文本】命令，图 4 － 52 所示，或者点击最下方帧属性中的添加文本条按钮。在出现的添加文本条框中“文本”选项卡中，设置文字大小、颜色、字体、格式、间距等，并勾选“适合窗口”复选框，此时，在本窗口中可以用鼠标将文字调整到最上方合适位置。点击“效果”选项卡，勾选“进入场景”，在下方选项栏中选中“底部滚动”效果，画面帧填 1 ，再勾选“退出场景”，在下方选项栏中选中“拖动”效果，画面帧填 60 ，

• 点击“确定”后，选择“创建为文本条（推荐）”命令，预览动画，并保存为GIF 文件。

• Ulead GIF 制作下落文字• 打开 Ulead GIF 软件，点击菜单栏中的【文

件】︳【添加图像】命令，在打开的“添加图像”对话框中将一幅“排球场地”图片导入编辑框中，点击工具栏中“文本工具”，在舞台中的任意位置点击一下，出现“文本条目框”，同时上方的文本属性栏设置字体、字号、颜色等，并输入所需文字。点确定。

• 用工具栏中的选取工具，将文字调整到左上方。• 点击最下方帧属性栏中“相同帧”按钮，添加

一帧• 选中第一帧，在舞台中右键单击文字，在弹出

的对话框中选择【文本】︳【拆分文本】 • 选中第二帧，在第二帧的舞台上用工具栏中的

选取工具，单击“排”字，使该字处于选中状态，并将其向下拖拉至最底端，同样，也将“球”字拖至最底端，

• 点击最下方的帧属性中的“之间”按钮，或者右键点击第二帧在弹出的对话框中选择“两者之间”，在“两者之间”对话框中设置。

• 点击“确定”之后下落文字动画就做好了，预览并保存动画。

• 上机练习• 1 、启动 GIF软件，输入文字“多媒体课件”和“标准示范”，将文字制作成闪光字和透明背景的文字。

• 2 、以“荷笠小苍头，犊裩乘水牛。扬鞭自叱咤，度陇复凭沟”这首牧童歌文字为例，制作出文字打字效果。

• 3 、导入一幅图片为背景，在图片上创建一个“旋转”效果的文本条。

• 4 、在篮球教科书上，将“原地单手投篮”动作制作成四幅大小相同的图片，导入 GIF软件中，制作成一幅原地动作动画。