GIF动画制作技术课件

GIF动画制作技术1GIFAnimator基础2制作GIF动画3优化GIF动画4导出GIF动画GIF动画制作技术1GIFAnimator基础本章学习目标GIFAnimator的基础知识GIF动画的制作技术与技巧GIF动画的优化与导出本章学习目标GIFAnimator的基础知识1GIFAnimator基础1.1GIFAnimator4.0的启动向导对话框1.2GIFAnimator4.0的主窗口界面返回首页1GIFAnimator基础1.1GIFAnim1.1GIFAnimator4.0的启动向导对话框图1“启动向导”对话框1.1GIFAnimator4.0的启动向导对话框图图2GIFAnimator4.0的主界面返回本节图2GIFAnimator4.0的主界面返回本节1.2GIFAnimator4.0的主窗口界面1．菜单栏2．标准工具栏3．属性工具栏（如图3~5所示）4．层编辑区5．工作区6．调色板工具栏1.2GIFAnimator4.0的主窗口界面1．菜图3“全局信息属性”工具栏图3“全局信息属性”工具栏图4“注释层面属性”工具栏图4“注释层面属性”工具栏图5“图像层面属性”工具栏

返回本节图5“图像层面属性”工具栏返回本节2制作GIF动画1．利用动画向导创建GIF动画【实例】

制作一个文字图片GIF动画。【操作步骤】具体如图6~15所示。

2．利用空白动画创建GIF动画【实例】

制作一个开动的小汽车GIF动画。【操作步骤】具体如图16~19所示。返回首页2制作GIF动画1．利用动画向导创建GIF动画返回首页（a）文字图片1（b）文字图片2（c）文字图片3图6预先制作好的文字图片（a）文字图片1图7“动画向导-选取文件”对话框

图7“动画向导-选取文件”对话框图8“打开”对话框图8“打开”对话框图9添加图像文件

图9添加图像文件图10“动画向导-来源类型”对话框

图10“动画向导-来源类型”对话框图11“动画向导-帧区间”对话框

图11“动画向导-帧区间”对话框图12“动画向导-完成”对话框图12“动画向导-完成”对话框图13导入图像后的主窗口界面图13导入图像后的主窗口界面图14“视频效果”对话框图14“视频效果”对话框图15在IE浏览器中预览GIF动画效果图15在IE浏览器中预览GIF动画效果图16新建空白动画

图17设置动画尺寸和背景色图16新建空白动画图17设置动画尺寸和背

图18添加和设置第1张图片图19添加和设置其他图片返回本节图18添加和设置第1张图片图19添加和设置其他图片3优化GIF动画GIF动画制作完成后，GIFAnimator提供了一个优化向导可以帮助用户以最小的文件尺寸表现最佳的图像效果。【基本操作】如图20所示。

返回首页3优化GIF动画GIF动画制作完成后，GIFAnima图20“优化向导”对话框（一）

图20“优化向导”对话框（一）图21“优化向导”对话框（二）图21“优化向导”对话框（二）图22“优化向导”对话框（三）

图22“优化向导”对话框（三）图23“优化向导”对话框（四）图23“优化向导”对话框（四）图24优化结果图24优化结果图25在“预览”对话框中浏览GIF动画返回本节图25在“预览”对话框中浏览GIF动画返回本节4导出GIF动画除了将动画文件保存为GIF格式以外，使用GIFAnomator还可以将其导出为可执行的EXE文件。单击“文件”→“导出”→“作为动画包”命令，打开“导出动画包”对话框，如图26所示。返回首页4导出GIF动画除了将动画文件保存为GIF格式以外，使用图26“导出动画包”对话框返回本节图26“导出动画包”对话框返回本节本章小结本章重点讲述了GIF动画的制作方法、GIFAnimator软件的使用、GIF动画的优化和导出等，并列举了两个实例进行强化训练。通过本章内容的学习，读者应熟练掌握GIF动画制作的基本方法和技术，并能够制作常见的GIF动画。本章小结本章重点讲述了GIF动画的制作方法、GIFAnimGIF动画制作技术1GIFAnimator基础2制作GIF动画3优化GIF动画4导出GIF动画GIF动画制作技术1GIFAnimator基础本章学习目标GIFAnimator的基础知识GIF动画的制作技术与技巧GIF动画的优化与导出本章学习目标GIFAnimator的基础知识1GIFAnimator基础1.1GIFAnimator4.0的启动向导对话框1.2GIFAnimator4.0的主窗口界面返回首页1GIFAnimator基础1.1GIFAnim1.1GIFAnimator4.0的启动向导对话框图1“启动向导”对话框1.1GIFAnimator4.0的启动向导对话框图图2GIFAnimator4.0的主界面返回本节图2GIFAnimator4.0的主界面返回本节1.2GIFAnimator4.0的主窗口界面1．菜单栏2．标准工具栏3．属性工具栏（如图3~5所示）4．层编辑区5．工作区6．调色板工具栏1.2GIFAnimator4.0的主窗口界面1．菜图3“全局信息属性”工具栏图3“全局信息属性”工具栏图4“注释层面属性”工具栏图4“注释层面属性”工具栏图5“图像层面属性”工具栏

返回本节图5“图像层面属性”工具栏返回本节2制作GIF动画1．利用动画向导创建GIF动画【实例】

制作一个文字图片GIF动画。【操作步骤】具体如图6~15所示。

2．利用空白动画创建GIF动画【实例】

制作一个开动的小汽车GIF动画。【操作步骤】具体如图16~19所示。返回首页2制作GIF动画1．利用动画向导创建GIF动画返回首页（a）文字图片1（b）文字图片2（c）文字图片3图6预先制作好的文字图片（a）文字图片1图7“动画向导-选取文件”对话框

图7“动画向导-选取文件”对话框图8“打开”对话框图8“打开”对话框图9添加图像文件

图9添加图像文件图10“动画向导-来源类型”对话框

图10“动画向导-来源类型”对话框图11“动画向导-帧区间”对话框

图11“动画向导-帧区间”对话框图12“动画向导-完成”对话框图12“动画向导-完成”对话框图13导入图像后的主窗口界面图13导入图像后的主窗口界面图14“视频效果”对话框图14“视频效果”对话框图15在IE浏览器中预览GIF动画效果图15在IE浏览器中预览GIF动画效果图16新建空白动画

图17设置动画尺寸和背景色图16新建空白动画图17设置动画尺寸和背

图18添加和设置第1张图片图19添加和设置其他图片返回本节图18添加和设置第1张图片图19添加和设置其他图片3优化GIF动画GIF动画制作完成后，GIFAnimator提供了一个优化向导可以帮助用户以最小的文件尺寸表现最佳的图像效果。【基本操作】如图20所示。

返回首页3优化GIF动画GIF动画制作完成后，GIFAnima图20“优化向导”对话框（一）

图20“优化向导”对话框（一）图21“优化向导”对话框（二）图21“优化向导”对话框（二）图22“优化向导”对话框（三）

图22“优化向导”对话框（三）图23“优化向导”对话框（四）图23“优化向导”对话框（四）图24优化结果图24优化结果图25在“预览”对话框中浏览GIF动画返回本节图25在“预览”对话框中浏览GIF动画返回本节4导出GIF动画除了将动画文件保存为GIF格式以外，使用GIFAnomator还可以将其导出为可执行的EXE文件。单击“文件”→“导出”→“作为动画包”命令，打开“导出动画包”对话框，如图26所示。返回首页4导出GIF动画除了将动画