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

第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软件，按一下
Delete键删除白色背景，点击菜单【文件】
︳【添加图像】命令，找到计算机文件
夹中的蛙泳图片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软件中，制作成一幅原
地动作动画。