6.2使用Ulead GIF Animator制作GIF动画 课件(共20张PPT)-《多媒体技术与应用项目教程》同步教学(航空工业出版社)

资源下载
  1. 二一教育资源

6.2使用Ulead GIF Animator制作GIF动画 课件(共20张PPT)-《多媒体技术与应用项目教程》同步教学(航空工业出版社)

资源简介

(共20张PPT)
动 画 制 作 技 术
第二部分
素材获取处理篇
项目六
一、Ulead GIF Animator简介
2
Ulead GIF Animator是友立公司推出的一款GIF动画制作软件,其内置的插件有许多现成的特效可供用户使用。Ulead GIF Animator可将AVI文件转成动画GIF文件,还能对GIF动画图片进行优化,使动画在网页上的播放更加流畅。
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
标题栏
标准工具栏
工具箱
“帧”面板
菜单栏
属性
工具栏
“对象管理器”面板
二、熟悉Ulead GIF Animator 5工作界面
双击桌面上的快捷方式图标 ,启动Ulead GIF Animator 5,此时会弹出“启动向导”对话框,根据需要单击相应按钮或直接关闭“启动向导”对话框,即可进入其工作界面,如图6-3所示。
图6-3 Ulead GIF Animator 5工作界面
编辑区
3
项目六 动画制作技术
任务二 使用Ulead GIF Animator制作GIF动画
工具箱:
利用其中的工具可以绘制或编辑动画需要的图像画面。
用于设置所选对象或工具的属性。
属性工具栏:
“对象管理器”面板:
用于管理和设置对象,如隐藏对象,设置对象透明度等。
“帧”面板:
用于组织动画。在每一帧里可以放置一幅图像,许多帧图像的连续播放便能形成动画。利用“帧”面板下方的控制按钮可以预览动画,以及添加帧和删除帧等。
任务实施
一、制作蚂蚁跳舞动画
本案例通过制作图6-4所示的蚂蚁跳舞动画,学习使用Ulead GIF制作GIF动画的方法。本例最终效果可参考本书配套素材“素材与实例”>“项目六”文件夹中的“蚂蚁跳舞.gif”。
4
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
图6-4 蚂蚁跳舞
任务实施
一、制作蚂蚁跳舞动画
5
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
制作步骤
步骤1
启动Ulead GIF并关闭“启动向导”对话框,进入其工作界面,选择“文件”>“打开图像”菜单,在打开的“打开图像”对话框中选择本书配套素材“素材与实例”>“项目六”>“gif动画素材”文件夹中的“蚂蚁1.jpg”图像,单击“打开”按钮,如图6-5所示。
制作思路
启动Ulead GIF后首先打开素材图像,然后添加3个帧,并在不同帧中分别添加素材图像,再设置帧的延迟时间,最后将动画另存为GIF动画。
图6-5 打开“蚂蚁1.jpg”图像
任务实施
一、制作蚂蚁跳舞动画
6
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
单击“帧”面板中的“添加帧”按钮 ,添加一个帧,如图6-6所示。
步骤2
图6-6 添加一个帧
任务实施
一、制作蚂蚁跳舞动画
7
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
选择“文件”>“添加图像”菜单,在打开的“添加图像”对话框中选择本书配套素材“蚂蚁2.jpg”,然后单击“打开”按钮,如图6-7所示。
步骤3
图6-7 添加“蚂蚁2.jpg”图像
任务实施
一、制作蚂蚁跳舞动画
8
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
参照步骤2~步骤3的操作,再添加两个帧,并分别在两个帧中添加“蚂蚁3.jpg”和“蚂蚁4.jpg”图像,如图6-8所示。
步骤4
图6-8 添加“蚂蚁3.jpg”和“蚂蚁4.jpg”图像
任务实施
一、制作蚂蚁跳舞动画
9
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
双击第1帧,在打开的“画面帧属性”对话框中将“延迟”设为“15”,然后单击“确定”按钮,如图6-9所示。
步骤5
图6-9 设置第1帧的延迟时间
任务实施
一、制作蚂蚁跳舞动画
10
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
单击“帧”面板中的“播放动画”按钮 ,在编辑区中预览动画效果,对效果满意后选择“文件”>“另存为”>“GIF文件”菜单,在打开的“另存为”对话框中设置GIF动画的保存路径和文件名,然后单击“保存”按钮,即可生成GIF动画文件,如图6-10所示。
步骤6
图6-10 生成GIF动画文件
任务实施
二、制作动态文字动画
11
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
本案例通过制作如图6-11所示的动态文字动画,学习使用Ulead GIF Animator制作文字动画的方法。本例最终效果可参考本书配套素材“素材与实例”>“项目六”文件夹中的“动态文字.gif”。
图6-11 动态文字
任务实施
二、制作动态文字动画
12
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
制作思路
启动Ulead GIF Animator后首先打开素材图像,然后输入文字,并设置其颜色,再将第1帧复制3份,并在“对象管理器”面板中设置各帧隐藏的文字,接着设置各帧的延迟时间,最后将动画另存为GIF动画。
任务实施
二、制作动态文字动画
13
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
制作步骤
步骤1
选择“文件”>“打开图像”菜单,在打开的“打开图像文件”对话框中选择本书配套素材“素材与实例”>“项目六”>“gif动画素材”文件夹中的“卡通人物.jpg”图像,然后单击“打开”按钮,如图6-12所示。
图6-12 打开“卡通人物.jpg”图像
任务实施
二、制作动态文字动画
14
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
单击选中工具箱中的“文本工具” ,然后在编辑区的图像上单击,在打开的“文本条目框”对话框中输入“开”字,再单击右侧的色块,在展开的下拉列表中选择“两种颜色斜率”选项,并在打开的对话框中单击“确定”按钮,之后再单击“文本条目框”对话框中的“确定”按钮,如图6-13所示。
步骤2
图6-13 输入文本并设置其颜色
任务实施
二、制作动态文字动画
15
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
选择工具箱中的“选取工具” ,双击编辑区中的“开”字,在弹出的快捷菜单中选择“霓虹”选项,在打开的“霓虹设置”对话框中勾选“霓虹”复选框,单击“确定”按钮,如图6-14所示。
步骤3
图6-14 为文字添加霓虹效果
(a)
(b)
任务实施
二、制作动态文字动画
16
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
参照步骤2~步骤3的操作,在“开”字右侧输入“心”和“点”字,此时在“对象管理器”面板中可以看到有4个层,如图6-15所示。
步骤4
图6-15 输入其他文字
任务实施
二、制作动态文字动画
17
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
连续单击“帧”面板中的“相同帧”按钮 3次,将第1帧复制3次,如图6-16所示。
步骤5
图6-16 复制帧
任务实施
二、制作动态文字动画
18
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
单击选中“帧”面板中的第1帧,然后在“对象管理器”面板中分别单击前3个文字层左侧的眼睛图标,将它们隐藏,如图6-17所示。
步骤6
图6-17 隐藏第1帧中的文字
(a)
(b)
(c)
任务实施
二、制作动态文字动画
19
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
单击选中“帧”面板中的第2帧,然后在“对象管理器”面板中隐藏第2和第3个文字,如图6-18(a)所示,选中第3帧,在“对象管理器”面板中隐藏第3个文字,如图6-18(b)所示。
步骤7
图6-18 隐藏第2和第3帧中的文字
(a)
(b)
任务实施
二、制作动态文字动画
20
任务二 使用Ulead GIF Animator制作GIF动画
项目六 动画制作技术
双击“帧”面板中的第1帧,在打开的“画面帧属性”对话框中将“延迟”设为75,然后单击“确定”按钮,如图6-19所示。
步骤8
图6-19 设置第1帧的延迟时间
参照步骤8的操作将第2~4帧的延迟时间设为“75”。
步骤9
单击“帧”面板中的“播放动画”按钮 ,在编辑区预览动画效果,对效果满意后选择“文件”>“另存为”>“GIF文件”菜单,保存文件。
步骤10

展开更多......

收起↑

资源预览