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

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

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

3. 双击这个绿色地球图标，即可启动Ulead Gif Animator，打开一个窗口，中间有一个向导对话框，这里可以选中左下角的复选框，然后下次就不出现这个对话框了。 • 进入默认窗口后，中间的工作区里是一个白色的长条，边上有一圈虚线，表示选中状态，鼠标放进去后变成黑色的移动指针。

4. 窗口左边是工具箱

5. 窗口右边是对象窗口，工作区中每个内容都会显示在这儿，用它还可以在原来图像上新添加一个图层。窗口下边是帧面板，帧相当于一个一个的小格，每一帧里可以放一幅图像，许多帧图像连续播放就可以形成动画。帧面板的下边是各个命令按钮，可以播放图像，添加帧、删除帧，和帧属性等窗口右边是对象窗口，工作区中每个内容都会显示在这儿，用它还可以在原来图像上新添加一个图层。窗口下边是帧面板，帧相当于一个一个的小格，每一帧里可以放一幅图像，许多帧图像连续播放就可以形成动画。帧面板的下边是各个命令按钮，可以播放图像，添加帧、删除帧，和帧属性等

6. 动画上手选择画笔工具，在下面的黑色颜色块上点一下，出来一个颜色面板，在下边选中绿色，然后点右上角的“OK”按钮确定。动画上手选择画笔工具，在下面的黑色颜色块上点一下，出来一个颜色面板，在下边选中绿色，然后点右上角的“OK”按钮确定。

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

8. 在下面的帧面板中，点击下边的一个白色按钮，添加一个空白帧在下面的帧面板中，点击下边的一个白色按钮，添加一个空白帧 • 这样就有了两帧，第一帧里面有文字，第二帧里面是空的，点一下工作区上边的“预览”标签，进入到预览窗口，看一下动画效果，再点“编辑”返回到编辑窗口。 • 点击菜单【文件】︱【保存】命令，保存文件到自己的文件夹中，再点菜单【文件】︱【另存为】︱【Gif文件】命令，保存Gif图片文件。

9. 制作闪光字　　它是利用颜色的变化来产生闪光字效果。启动成功后，显示一个默认的空白文档，如果出现向导提示，点“关闭”。　　创建第一帧文字：在左边的工具箱里点击选中文字工具T，然后在中间的白色画布上点一下，弹出一个文本面板，输入文字“动作要领”制作闪光字　　它是利用颜色的变化来产生闪光字效果。启动成功后，显示一个默认的空白文档，如果出现向导提示，点“关闭”。　　创建第一帧文字：在左边的工具箱里点击选中文字工具T，然后在中间的白色画布上点一下，弹出一个文本面板，输入文字“动作要领”

10. 点击上边的颜色块，在出来的菜单中，选择第一个“Ulead 颜色选择器。在弹出来的颜色面板中选择红色，点击右上角的“OK”按钮返回文本框 • 点击“确定”按钮，工作区里面有一个虚线框包围的文字，如图4－14所示。 • 点击菜单中【编辑】︱【修整画布】命令，把多余的白色部分裁切掉，如图4－15所示，注意保持虚线框的选中状态。

11. 创建第二帧文字：单击菜单【编辑】︳【复制】命令，把第一帧的文字复制一下。然后，单击面板下方的白色“添加帧”按钮，添加一个空白帧。　　　单击菜单【编辑】︳【粘贴】命令，粘贴一个相同的文字对象，注意第一帧有白色背景，第二帧是透明背景创建第二帧文字：单击菜单【编辑】︳【复制】命令，把第一帧的文字复制一下。然后，单击面板下方的白色“添加帧”按钮，添加一个空白帧。　　　单击菜单【编辑】︳【粘贴】命令，粘贴一个相同的文字对象，注意第一帧有白色背景，第二帧是透明背景 • 此时右下角出现文本框面板，点击上面的红色颜色块，把它改成蓝色，然后点确定返回,最后，单击菜单【文件】︳【另存为】︳【Gif文件..】命令，把文件保存为Gif图片文件。

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

13. 选择“文本”工具，点击画布，在出现的文本对话框中，输入“技术分析”四个字，颜色为红色，点“确定”返回

14. 点击菜单中【编辑】︱【修整画布】命令，把多余的白色部分裁切掉，如图4－21所示。点击菜单中【编辑】︱【修整画布】命令，把多余的白色部分裁切掉，如图4－21所示。 • 单击下面帧面板中的“添加帧”按钮，添加一个空白帧，此时背景也是透明的，选择文本工具，输入“技术分析”，把颜色改成绿色 • 选择箭头工具，在上边的对齐工具栏中，点最后面的那个按钮，如图4－23所示，把文字排列在画布中央。 • 最后，单击菜单【文件】︳【另存为】︳【Gif文件..】命令，把文件保存为Gif图片文件。

15. 逐字显示动画 • 逐字显示又称打字机效果，它是将一句文字一个一个连续地显现出来。制作方法如下： • 双击桌面上的Ulead Gif Animator图标，启动程序。按Delete键删除白色背景，选文字工具，点一下画布，输入“动作示范”四个字，颜色为红色。单击菜单【编辑】︳【修整画布】，裁去多余的部分。 • 在右上角的对象面板中，用右键在文字上单击，在弹出的对话框中，选【文本】︳【拆分文字】命令，将四个字拆开

16. 在下面的帧面板中，点三次“相同帧”按钮，复制三个相同的帧，如图4－28所示。在下面的帧面板中，点三次“相同帧”按钮，复制三个相同的帧，如图4－28所示。 • 选中左边的第1帧，在上面的显示对象面板中，把“作、示、范”旁边的眼睛图标点一下去掉，只留下“动”显示 • 再在帧面板中选中第2帧，把“示、范”旁边的眼睛图标点一下去掉。同样的办法，把第3帧中“范”旁边的眼睛图标也去掉。 • 选中第4帧，点一下帧面板下面的“添加帧”按钮，添加一个空白帧，这样就有了5帧，如图4－30所示。 • 按住Ctrl键，分别点第1、2、3、4帧，全选中所有帧变蓝

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

18. 霓虹文字 • 霓虹字是在文字的周围有一圈灯光效果，在帧面板中有一个“添加文本条”按钮，可以创造出变化多样的，比如滚动、旋转、放大、缩小等霓虹效果。这里，以旋转为例说明，其它效果原理相同。 • 启动程序，按一下Delete键删除画布中的白色背。在帧面板下边，点一下“添加文本条”按钮，弹出一个文本条对话框，删除文本框里面的内容，在字体中选择“宋体”，颜色为红色，输入“体育教学交流”，阴影先不设

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

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

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

22. 原地动作动画原理： • 启动Ulead Gif Animator软件，按一下Delete键删除白色背景，点击菜单【文件】︳【添加图像】命令，找到计算机文件夹中的蛙泳图片1，把图片1打开，添加到窗口中

23. 单击菜单【编辑】︳【修整画布】把多余的部分裁切掉单击菜单【编辑】︳【修整画布】把多余的部分裁切掉 • 点一下帧面板中的“添加帧”按钮，添加一个空白帧，再次点击菜单【文件】︳【添加图像】命令，蛙泳图片2。用样的办法，将其他图片也添加进来。这样12幅图片就形成了一个连续的动作. • “预览”效果，满意后另存为Ｇif图像。

24. 运动轨迹动画原理： • 各帧图片的位置有所改变，从而产生动画效果，下面我们以鱼跃前滚翻动作为例说明： • 首先，在Photoshop中制作7幅鱼跃前滚翻透明背景图片，大小一致，放在计算机文件夹中

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

26. 此时，要想让图能向右移动，必须加大画布的宽度。单击菜单栏【编辑】︳【画布大小】命令，在弹出的对话框中去掉“保持外表比率”选项前的勾，根据实际图片数量将宽度修改为500，点击“确定”后，工作区中的图像变成如图4－44所示。此时，要想让图能向右移动，必须加大画布的宽度。单击菜单栏【编辑】︳【画布大小】命令，在弹出的对话框中去掉“保持外表比率”选项前的勾，根据实际图片数量将宽度修改为500，点击“确定”后，工作区中的图像变成如图4－44所示。 • 点击左侧的选取工具，用鼠标把第1幅图移动到画布最左侧，点一下帧面板中的“添加帧”按钮，添加一个空白帧，再次点击菜单【文件】︳【添加图像】命令，添加第2幅图片，同样用鼠标将图片y2向右移动，调整到合适位置 ,按照同样的方法，把其他5幅图像都添加进来并调整好各自的位置，点击“添加帧”按钮，添加一个空白帧，按住Shift键从第1帧开始点击，全部选中，再点下边的“帧面板命令”按钮，选“帧属性”命令，把时间设为30，这样每帧0.3秒，动画速度就慢了下来。“预览”效果，满意后另存为Ｇif图像。

27. 用一个视频的局部来制作gif动画 • 用 Windows 视频文件，如 AVI，或 Quicktime 影片，如 MOV，是快速制作动画的最轻松方法（如果您不加修饰，它看上去和原始视频一样）。但是，大多数视频文件都很大，在 GIF Animator 中打开整个视频会影响效率。幸运的是，GIF Animator 带有一个内置的解决该问题的功能，可以选取并只打开视频中某个特定的部分。以下讲述该操作的步骤。 • 打开 GIF Animator，创建一个新的空白动画。 • 单击标准工具栏上的“添加视频”按钮，打开“添加视频”对话框，找到事先准备好找视频（这里以放飞理想视频为例）点击选中它。然后单击“区间”（Ｄuration）按钮

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

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

30. GIF制作飘落的文字 • 启动Ulead GIF软件，在“启动向导”框中点击“打开一个现有图像文件”按钮，打开一张准备好的“排球场地图”图片，单击菜单栏中【编辑】︳【修整画布】命令，将导入的图片自动调整适合窗口，

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

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

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

34. 用工具栏中的选取工具，将文字调整到左上方。用工具栏中的选取工具，将文字调整到左上方。 • 点击最下方帧属性栏中“相同帧”按钮，添加一帧 • 选中第一帧，在舞台中右键单击文字，在弹出的对话框中选择【文本】︳【拆分文本】 • 选中第二帧，在第二帧的舞台上用工具栏中的选取工具，单击“排”字，使该字处于选中状态，并将其向下拖拉至最底端，同样，也将“球”字拖至最底端，

35. 点击最下方的帧属性中的“之间”按钮，或者右键点击第二帧在弹出的对话框中选择“两者之间”，在“两者之间”对话框中设置。点击最下方的帧属性中的“之间”按钮，或者右键点击第二帧在弹出的对话框中选择“两者之间”，在“两者之间”对话框中设置。 • 点击“确定”之后下落文字动画就做好了，预览并保存动画。

36. 上机练习 • 1、启动GIF软件，输入文字“多媒体课件”和“标准示范”，将文字制作成闪光字和透明背景的文字。 • 2、以“荷笠小苍头，犊裩乘水牛。扬鞭自叱咤，度陇复凭沟”这首牧童歌文字为例，制作出文字打字效果。 • 3、导入一幅图片为背景，在图片上创建一个“旋转”效果的文本条。 • 4、在篮球教科书上，将“原地单手投篮”动作制作成四幅大小相同的图片，导入GIF软件中，制作成一幅原地动作动画。