Animate动画设计教程（AnimateCC2018） 课件 第1章 走进Animate动画世界.pptx

项目一 走进Animate动画世界 Animate动画设计教程（Animate CC 2018） 微课版 2 任务一 认识 Animate 动画 任务二 制作豹子奔跑动画 一、任务目标 二、相关知识 （一）Animate动画设计的优势 （二）Animate动画应用领域 （三）Animate动画文件类型 （四）动画制作流程 三、任务实施 （一）打开Animate文件 （二）预览与发布动画 课后练习 一、任务目标 Animate，除了可以制作原有的以ActionScript 3.0为脚本的SWF格式的动画外，还新增了以avaScript为脚本的HTML5 Canvas和WebGL格式的动画，这两种动画格式不需要安装任何插件，即可在各种浏览器中运行。 练习打开Animate CC 2018文件并发布。使用Animate CC 2018打开一个Animate源文件，简单预览后将其发布为HTML网页文件。通过本任务的学习，可以掌握Animate CC 2018的启动与发布操作。 二、相关知识 在学习Animate软件前，先介绍Animate动画设计、应用领域、文件类型和制作流程等基础知识。 Animate动画设计的优势 Animate动画应用领域 Animate动画文件类型 动画制作流程 三、任务实施 启动Animate CC 2018可以通过“开始”菜单来实现。 （一）打开Animate文件 选择【文件】/【打开】菜单命令 选择并打开Animate文件 三、任务实施 打开的Animate文件 三、任务实施 Animate文件打开后，可以先预览动画效果，然后将其发布。 （二）预览与发布动画 预览动画效果 三、任务实施 预览动画效果 发布后的动画 9 任务二 制作豹子奔跑动画 一、任务目标 二、相关知识 （一）Animate CC 2018的工作界面 （二）Animate CC 2018动画文件的基本操作 三、任务实施 （一）新建Animate文件 （二）制作与预览Animate动画 课后练习 任务一 认识 Animate 动画 一、任务目标 利用视觉残留现象，事先将一幅幅有序的画面通过一定的速度连续播放即可形成动画效果。 新建一个Animate文件，并导入一张GIF动画图片，设置Animate文件的属性，最后保存这个Animate文件并发布动画。通过本任务的学习，可以掌握将GIF动画转换为Animate动画的方法，了解Animate动画的基本制作流程。 二、相关知识 本任务中的上色操作主要通过“颜色”面板、“样本”面板、颜料桶工具等来实现。 （一）Animate CC 2018的工作界面 二、相关知识 （一）Animate CC 2018的工作界面 菜单栏 二、相关知识 （一）Animate CC 2018的工作界面 　“时间轴”面板 二、相关知识 （一）Animate CC 2018的工作界面 　“工具”面板 　　“颜色”面板 　“属性”面板 二、相关知识 （一）Animate CC 2018的工作界面 　　“场景”面板 二、相关知识 （二）Animate CC 2018动画文件的基本操作 创建模板文件 文件的“属性”面板 “文档设置”对话框 三、任务实施 选择【文件】/【新建】菜单命令或按【Ctrl+N】组合键，或在欢迎屏幕的“新建”栏中选择“新建”选项，均可新建Animate文件。 （一）新建Animate文件 “另存为”对话框 “文档设置”对话框 三、任务实施 扫描结果 三、任务实施 在创建好的Animate文件中导入GIF动画文件可快速制作逐帧动画。被导入的GIF动画或图像序列自动以逐帧的方式添加，效果相当于快速并连续地播放这些图像从而形成流畅的动画。 （二）制作与预览Animate动画 导入GIF动画文件 三、任务实施 预览动画 实训一 转换“放大镜”动画的类型并发布 某客户发送来一个“放大镜”动画，其动画类型为ActionScript 3.0，现在需要将其转换为HTML5 Canvas类型，并发布。 发布“放大镜”动画 实训二 调整“宇宙”动画尺寸大小 “宇宙.fla”动画文件的尺寸为800像素×600像素，动画内容的四周有很多空白区域。需要去掉空白区域，并将画面尺寸调整为1 024像素×768像素。 调整“宇宙”动画尺寸 课后练习 23 任务二 制作豹子奔跑动画 任务一 认识 Animate 动画 课后练习 练习1：“金鱼”动画 使用“动画”类别下的“补间形状的动画遮罩层”模板新建一个动画文件，然后转换为HTML5 Canvas动画类型，并保存为“金鱼.fla”。 练习2：“大象”动画 使用“HTML5 Canvas”类别下的“动画示例”模板新建一个动画文件，调整动画尺寸大小与内容一致，并保存为