GIF动画制作技术
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
返回首页
1.1 GIF Animator 4.0的启动向导对话框
图1 “启动向导”对话框
图2 GIF Animator 4.0的主界面 返回本节
1.2 GIF Animator 4.0的主窗口界面
1．菜单栏 2．标准工具栏 3．属性工具栏（如图3~5所示） 4．层编辑区 5．工作区 6．调色板工具栏
图14 “视频效果”对话框
图15 在IE浏览器中预览GIF 动画效果
图16 新建空白动画 图17 设置动画尺寸和背景色
图18 添加和设置第1 张图片
图19 添加和设置其 他图片
返回本节
3 优化GIF动画
GIF动画制作完成后，GIF Animator提供了一 个优化向导可以帮助用户以最小的文件尺寸表 现最佳的图像效果。 【基本操作】如图20所示。
返回首页
图20 “优化向导”对话框（一）
图21 “优化向导”对话框（二）
图22 “优化向导”对话框（三）
图23 “优化向导”对话框（四）
图24 优化结果
图25 在“预览”对话框中浏览GIF动画 返回本节
4 导出GIF动画
除了将动画文件保存为GIF格式以外，使用GIF Anomator还可以将其导出为可执行的EXE文件。 单击“文件”→“导出”→“作为动画包”命 令，打开“导出动画包”对话框，如图26所示。
图3 “全局信息属性”工具栏
图4 “注释层面属性”工具栏
图5 “图像层面属性”工具栏 返回本节
2 制作GIF动画
1．利用动画向导创建GIF动画 【实例】 制作一个文字图片GIF动画。 【操作步骤】具体如图6~15所示。 2．利用空白动画创建GIF动画 【实例】 制作一个开动的小汽车GIF动画。 【操作步骤】具体如图16~19所示 。
返回首页
图26 “导出动画包”对话框 返回本节
本章小结
本 章 重 点 讲 述 了 GIF 动 画 的 制 作 方 法 、 GIF Animator软件的使用、GIF动画的优化和导出 等，并列举了两个实例进行强化训练。通过本 章内容的学习，读者应熟练掌握GIF动画制作的 基本方法和技术，并能够制作常见的GIF动画。
GIF动画制作技术
1 GIF Animator基础 2 制作GIF动画 3 优化GIF动画 4 导出GIF动画
本章学习目标
GIF Animator的基础知识 GIF动画的制作技术与技巧 GIF动画的优化与导出
1 GIF Animator基础
1.1 GIF Animator 4.0的启动向导对话框 1.2 GIF Animator 4.0的主窗口界面
返回首页
Baidu Nhomakorabeaa）文字图片1
（b）文字图片2
（c）文字图片3
图6 预先制作好的文字图片
图7 “动画向导-选取文件”对话 框
图8 “打开”对话框
图9 添加图像文件
图10 “动画向导-来源类型”对话框
图11 “动画向导-帧区间”对话框
图12 “动画向导-完成”对话框
图13 导入图像后的主窗口界面
1.1 GIF Animator 4.0的启动向导对话框
图1 “启动向导”对话框
图2 GIF Animator 4.0的主界面 返回本节
1.2 GIF Animator 4.0的主窗口界面
1．菜单栏 2．标准工具栏 3．属性工具栏（如图3~5所示） 4．层编辑区 5．工作区 6．调色板工具栏
图14 “视频效果”对话框
图15 在IE浏览器中预览GIF 动画效果
图16 新建空白动画 图17 设置动画尺寸和背景色
图18 添加和设置第1 张图片
图19 添加和设置其 他图片
返回本节
3 优化GIF动画
GIF动画制作完成后，GIF Animator提供了一 个优化向导可以帮助用户以最小的文件尺寸表 现最佳的图像效果。 【基本操作】如图20所示。
返回首页
图20 “优化向导”对话框（一）
图21 “优化向导”对话框（二）
图22 “优化向导”对话框（三）
图23 “优化向导”对话框（四）
图24 优化结果
图25 在“预览”对话框中浏览GIF动画 返回本节
4 导出GIF动画
除了将动画文件保存为GIF格式以外，使用GIF Anomator还可以将其导出为可执行的EXE文件。 单击“文件”→“导出”→“作为动画包”命 令，打开“导出动画包”对话框，如图26所示。
图3 “全局信息属性”工具栏
图4 “注释层面属性”工具栏
图5 “图像层面属性”工具栏 返回本节
2 制作GIF动画
1．利用动画向导创建GIF动画 【实例】 制作一个文字图片GIF动画。 【操作步骤】具体如图6~15所示。 2．利用空白动画创建GIF动画 【实例】 制作一个开动的小汽车GIF动画。 【操作步骤】具体如图16~19所示 。
返回首页
图26 “导出动画包”对话框 返回本节
本章小结
本 章 重 点 讲 述 了 GIF 动 画 的 制 作 方 法 、 GIF Animator软件的使用、GIF动画的优化和导出 等，并列举了两个实例进行强化训练。通过本 章内容的学习，读者应熟练掌握GIF动画制作的 基本方法和技术，并能够制作常见的GIF动画。
GIF动画制作技术
1 GIF Animator基础 2 制作GIF动画 3 优化GIF动画 4 导出GIF动画
本章学习目标
GIF Animator的基础知识 GIF动画的制作技术与技巧 GIF动画的优化与导出
1 GIF Animator基础
1.1 GIF Animator 4.0的启动向导对话框 1.2 GIF Animator 4.0的主窗口界面
返回首页
Baidu Nhomakorabeaa）文字图片1
（b）文字图片2
（c）文字图片3
图6 预先制作好的文字图片
图7 “动画向导-选取文件”对话 框
图8 “打开”对话框
图9 添加图像文件
图10 “动画向导-来源类型”对话框
图11 “动画向导-帧区间”对话框
图12 “动画向导-完成”对话框
图13 导入图像后的主窗口界面