Animate实例教程（Animate2020）（电子活页微课版） 教案 湛邵斌 第8-14讲 图层与高级动画-综合设计实训

《Animate实例教程（电子活页微课版）（Animate2020）》教案课时内容图层与高级动画授课时间180分钟课时4教学目标掌握层的基本操作。掌握引导层和运动引导层动画的制作方法。掌握遮罩层的使用方法和应用技巧。熟练运用分散到图层功能编辑对象。了解场景动画的创建和编辑方法。教学重点掌握层的基本操作。掌握引导层和运动引导层动画的制作方法。掌握遮罩层的使用方法和应用技巧。熟悉运用分散到图层功能编辑对象。教学难点能够正确使用引导层和遮罩层命令。教学设计教学思路：（1）通过对课堂案例的讲解掌握制作电商广告、制作化妆品主图的方法；（2）再通过软件相关功能的解析学习遮罩层和引导层命令的使用方法，以及分散到图层命令的应用技巧；（3）再通过课堂练习巩固软件功能及动画制作技巧；（4）最后通过课后习题消化所学软件知识，提高动画制作的能力。教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应用能力。教学资料及要求：在网上或现实生活中找一些简单的动画进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、普通引导层主要用于哪些操作？2、如何创建场景？快捷键是？内容大纲：具体可结合本项目的PPT课件进行配合讲解。8.1图层、引导层、运动引导层与分散到图层8.1.1课堂案例——制作电商广告8.1.2图层的设置8.1.3图层文件夹8.1.4普通引导层8.1.5运动引导层8.1.6分散到图层8.2遮罩层与遮罩的动画制作8.2.1课堂案例——制作化妆品主图动画8.2.2遮罩层8.2.3静态遮罩动画8.2.4动态遮罩动画8.3场景动画8.3.1创建场景8.3.2选择当前场景8.3.3调整场景动画的播放次序8.3.4删除场景课堂练习——制作电压力锅广告课后习题——制作飘落的树叶小结掌握图层、引导层和运动引导层动画的制作方法。掌握遮罩层的使用方法和应用技巧。熟悉运用分散到图层功能编辑对象。作业课堂练习——制作电压力锅广告练习知识要点使用椭圆工具绘制椭圆，使用创建补间形状命令和创建传统补间命令制作动画效果，使用遮罩层命令制作遮罩动画效果。效果所在位置云盘/Ch08/效果/制作电压力锅广告.fla。课后习题——制作飘落的树叶习题知识要点使用钢笔工具绘制线条并添加运动引导层；使用创建传统补间命令制作出飘落的树叶效果。效果所在位置云盘/Ch08/效果/制作飘落的树叶.fla。

课时内容声音素材的编辑授课时间90分钟课时2教学目标掌握导入和编辑声音素材的方法和技巧。掌握音频的基本知识。了解声音素材的几种常用格式。掌握压缩声音的几种方法。教学重点掌握声音素材的几种常用格式。掌握为动画添加声音的方法和技巧。掌握为按钮添加声音的方法和技巧。掌握使用属性面板编辑声音的方法。教学难点能够正确使用音乐文件制作动画。教学设计教学思路：（1）通过对课堂案例的讲解掌握添加图片按钮音效的方法；（2）再通过软件相关功能的解析，学习导入声音文件，以及进行声音的属性设置；（3）再通过课堂练习巩固软件功能及动画制作技巧；（4）最后通过课后习题消化所学软件知识，提高动画制作的能力。教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应用能力。教学资料及要求：在网上或现实生活中找一些简单的动画进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在Animate2020中，可以导入哪几种格式的声音文件？2、在Animate2020中，声音文件是否能独立于时间轴连续播放？内容大纲：具体可结合本项目的PPT课件进行配合讲解。9.1声音素材的导入与编辑9.1.1课堂案例——添加图片按钮音效9.1.2音频的基本知识9.1.3声音素材的格式9.1.4导入声音素材并添加声音9.1.5属性面板9.1.6压缩声音素材课堂练习——制作横版汽车海报课后习题——制作中秋节海报小结熟练掌握声音文件的使用方法和技巧。了解导入声音，并掌握声音的编辑。掌握属性面板编辑声音的方法。作业课堂练习——制作汽车广告练习知识要点使用导入命令导入素材制作图形元件，使用创建传统补间命令制作文字和汽车动画，使用属性面板调整实例的不透明度，使用导入命令添加声音。效果所在位置云盘/Ch09/效果/制作汽车广告.fla。课后习题——制作中秋节庆海报习题知识要点使用导入命令导入素材制作元件；使用创建传统补间命令制作补间动画效果；使用导入命令添加声音。效果所在位置云盘/Ch09/效果/制作中秋节庆海报.fla。

课时内容动作脚本的应用授课时间90分钟课时2教学目标了解数据类型。掌握语法规则。掌握变量和函数。掌握表达式和运算符。教学重点掌握数据类型。掌握语法规则。掌握变量和函数。教学难点掌握表达式和运算符的应用方法。教学设计教学思路：（1）通过对课堂案例的讲解掌握制作系统时钟的方法；（2）再通过软件相关功能的解析学习动作脚本的使用方法，以及语法规则的使用技巧；（3）再通过课堂练习巩固软件功能及动画制作技巧；（4）最后通过课后习题消化所学软件知识，提高动画制作的能力。教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应用能力。教学资料及要求：在网上或现实生活中找一些简单的动画进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、如何使用动作面板？快捷键是？2、动作脚本有几种数据类型？内容大纲：具体可结合本项目的PPT课件进行配合讲解。10.1动作脚本的使用10.1.1课堂案例——制作系统时钟10.1.2动作面板的使用10.2数据类型10.3语法规则10.4变量10.5函数10.6表达式和运算符课堂练习——制作漫天飞雪课后习题——制作鼠标跟随小结了解动作面板的基本构造，并掌握其中各术语的含义。掌握动作的应用。作业课堂练习——制作漫天飞雪练习知识要点使用椭圆工具和颜色面板绘制雪花图形，使用动作脚本面板添加脚本语言。效果所在位置云盘/Ch10/效果/制作漫天飞雪.fla。课后习题——制作鼠标跟随习题知识要点使用椭圆工具和颜色面板绘制鼠标跟随图形，使用动作脚本面板添加脚本语言。效果所在位置云盘/Ch10/效果/制作鼠标跟随.fla。

课时内容交互式动画的制作授课时间180分钟课时4教学目标掌握播放和停止动画的方法掌握按钮事件的应用了解添加控制命令的方法。教学重点掌握动画播放停止的方法。掌握按钮事件的应用方法及技巧。教学难点正确添加控制命令的使用方法。教学设计教学思路：（1）通过对课堂案例的讲解掌握制祝福语动态海报的方法；（2）再通过软件相关功能的解析学习按钮动画应用方法；（3）再通过课堂练习巩固软件功能及动画制作技巧；（4）最后通过课后习题消化所学软件知识，提高动画制作的能力。教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应用能力。教学资料及要求：在网上或现实生活中找一些简单的动画进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、在Animate2020中，如何给按钮添加脚本？2、在Animate2020中，当鼠标经过按钮时，动画开始播放需要哪种动作脚本？内容大纲：具体可结合本项目的PPT课件进行配合讲解。11.1播放和停止动画11.1.1课堂案例——制作祝福语动态海报11.1.2播放和停止动画11.2按钮事件11.3鼠标效果课堂练习——制作端午节庆海报课后习题——制作动态图标小结掌握了解按钮的设置。掌握按钮动画脚本的设置方法。作业课堂练习——制作端午节庆海报练习知识要点使用“导入”命令导入素材制作图形元件，使用影片剪辑元件和按钮元件制造按钮动画效果，使用“创建词条补间”命令制作传统补间动画，使用动作面板添加脚本语言。效果所在位置云盘/Ch11/效果/制作端午节庆海报.fla。课后习题——制作动态图标习题知识要点使用椭圆工具制作圆形装饰图形；使用文本工具输入文本；使用创建元件命令制作按钮元件。效果所在位置云盘/Ch11/效果/制作动态图标.fla。

课时内容组件和动画预设授课时间90分钟课时2教学目标了解组件及组件的设置。掌握动画预设的应用、导入、导出和删除。教学重点掌握组件的设置方法和应用技巧。掌握动画预设面板的使用方法。掌握导入、导出和删除动画预设的方法。教学难点正确运用交互按钮的使用方法。教学设计教学思路：（1）通过对课堂案例的讲解掌握制作运动鞋横版海报的方法；（2）再通过软件相关功能的解析学习组件和动画预设的应用方法；（3）再通过课堂练习巩固软件功能及动画制作技巧；（4）最后通过课后习题消化所学软件知识，提高动画制作的能力。教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习和课后习题提高学生的实际应用能力。教学资料及要求：在网上或现实生活中找一些简单的动画进行制作，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、如何设置组件？快捷键是?2、在Animate2020中，当鼠标经过按钮时，动画开始播放需要哪种动作脚本？内容大纲：具体可结合本项目的PPT课件进行配合讲解。12.1组件12.1.1关于Animate组件12.1.2设置组件12.2使用动画预设12.2.1课堂案例——制作运动鞋横版海报12.2.2预览动画预设12.2.3应用动画预设12.2.4将补间另存为自定义动画预设12.2.5导出和导入动画预设12.2.6删除动画预设课堂练习——制作汽车广告课后习题——制作旅行箱广告小结掌握了解组件及组件的设置。掌握动画预设的应用、导入、导出和删除。作业课堂练习——制作汽车广告练习知识要点使用导入到库命令导入素材制作图形元件；使用从左边飞入、从右边飞入和脉搏制作汽车广告。效果所在位置云盘/Ch12/效果/制作汽车广告.fla。课后习题——制作旅行箱广告习题知识要点使用导入到库命令导入素材制作图形元件；使用从顶部飞入、从右边飞入和从左边飞入制作旅行箱广告动画。效果所在位置云盘/Ch12/效果/制作旅行箱广告.fla。

课时内容作品的测试、优化、输出和发布授课时间90分钟课时2教学目标了解影片的测试与优化。掌握影片的输出与发布。教学重点掌握影片的测试方法。教学难点正确使用影片的输出与发布。教学设计教学思路：（1）通过对课堂的讲解的了解掌握影片的测试方法及发布的应用；（2）通过学习掌握优化动画的方法及技巧。教学手段：（1）通过案例的讲解掌握影片的输出、优化、测试的方法；（2）通过课堂演示提高学生的实际应用能力。教学资料及要求：在网上找一些动画进行制作，来加深学员对知识点的理解并提高实际操作能力。教学内容讨论问题：1、如何转换为HTML5Canvas？2、可以发布哪几种格式？内容大纲：具体可结合本项目的PPT课件进行配合讲解。13.1影片的测试与优化13.1.1影片测试窗口13.1.2作品优化13.2影片的输出与发布13.2.1输出影片设置13.2.2输出影片图像格式13.2.3发布影片设置13.2.4发布影片图像格式13.2.5转换为HTML5Canvas13.2.6针对HTML5的发布小结掌握影片的测试和优化的方法。掌握影片的输出和发布的方法。

课时内容综合设计实训授课时间180分钟课时4教学目标掌握使用“创建传统补间”命令制作传统补间动画的方法。掌握图形、按钮、影片剪辑元件的创建及应用方法。掌握运用“动作”面板添加动作脚本的方法。教学重点掌握使用“创建传统补间”命令制作传统补间动画的方法。掌握图形、按钮、影片剪辑元件的创建及应用方。教学难点正确运用“动作”面板添加动作脚本的方法。教学设计通过对课堂案例的讲解掌握制作元宵节贺卡、制作旅游相册、制作女包广告、制作油泼面海报、制作卡通歌曲MV的方法；（2）再通过软件相关功能的解析学习制作元件的方法和技巧；（3）再通过课堂练习巩固软件功能及补间动画的制作技巧；（4）最后通过课后习题消化所学软件知识，提高动画的制作能力。教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂练习和课后习题拓展学生的实际应用能力。教学资料及要求：在网上或现实生活中找一些简单的实物进行绘制，来加深学员对知识点的理解和提高实际操作能力。教学内容讨论问题：1、列举Flash应用于那几个领域？2、使用补间动画与形状动画之间的区别？内容大纲：具体可结合本项目的PPT课件进行配合讲解。14.1贺卡设计——制作元宵节贺卡14.1.1项目背景及要求14.1.2项目创意及制作14.2电子相册——制作旅游相册14.2.1项目背景及要求14.2.2项目创意及制作14.3广告设计——制作女包广告14.3.1项目背景及要求14.3.2项目创意及制作14.4海报设计——制作油泼面海报14.4.1项目背景及要求14.4.2项目创意及制作14.5节目片头——制作早安片头14.5.1项目背景及要求14.5.2项目创意及制作14.6课堂练习1——设计音乐节目片头14.6.1项目背景及要求14.6.2项目创意及制作14.7课堂练习2——设计空调扇广告14.7.1项目背景及要求14.7.2项目创意及制作14.8课后习题1——设计手机广告14.8.1项目背景及要求14.8.2项目创意及制作14.9课后习题2——设计节日类动态14.9.1项目背景及要求14.9.2项目创意及制作小结掌握补间动画的制作方法。掌握动作脚本的添加方法。作业14.1贺卡设计制作元宵节贺卡14.1.1项目背景及要求1．客户名称尚佳科技有限公司。2．客户需求尚佳科技有限公司在元宵节来临之际，为与合作伙伴以及公司员工联络感情和互致问候，需制作电子贺卡；要求具有温馨的祝福语和传统的节日特色，能够充分表达公司的节日祝福与问候。3．设计要求（1）贺卡要求运用插画的形式进行设计。（2）使用具有元宵节特色的元素装饰画面，使人感受到浓厚的元宵节气息。（3）使用暖色调烘托节日氛围，使贺卡更加具有元宵节特色。（4）设计规格均为2598px（宽）×1240px（高）。14.1.2项目创意及制作1．素材资源图片素材所在位置：云盘中的“Ch14/素材/制作元宵节贺卡/01~15”。2．作品参考设计作品参考效果所在位置：云盘中的“Ch14/效果/制作元宵节贺卡.fla”。3．制作要点使用“导入”命令导入素材并制作图形元件；使用“创建传统补间”命令制作传统补间动画；使用“属性”面板设置元件的不透明度及旋转角度；使用场景制作场景动画。14.2电子相册制作旅游相册14.2.1项目背景及要求1．客户名称麦芽摄影工作室。2．客户需求麦芽摄影工作室是一家专业的摄影工作团队，致力于运用独特的眼光捕捉属于顾客的唯美瞬间，同时为客户提供精致唯美的相册。目前工作室需要制作一款新的旅游相册模板，要求以江南游记为主题，相册风格为复古、唯美，既能够体现出江南水乡的特点又能够体现出工作室的高品质。3．设计要求（1）相册以江南风景为主，画面要求精致唯美。（2）提炼江南特色景观，在模板中进行体现并点缀画面。（3）整体设计要体现旅行所带来的轻松愉悦的感觉。（4）设计规格为800px（宽）×600px（高）。14.2.2项目创意及制作1．素材资源图片素材所在位置：云盘中的“Ch14/素材/制作旅游相册/01~11”。2．作品参考设计作品参考效果所在位置：云盘中的“Ch14/效果/制作旅游相册.fla”。3．制作要点使用“导入”命令导入素材并制作按钮元件和图形元件；使用“创建传统补间”命令制作补间动画；使用“动作”面板设置脚本语言；使用“粘贴到当前位置”命令复制按钮图形。14.3广告设计制作女包广告14.3.1项目背景及要求1．客户名称NEWLOOK。2．客户需求NEWLOOK是一家生产经营各类皮件商品的公司，包括各式皮包、男女装、香水、丝巾等。该公司多年来一直坚守自己的品牌精神，给顾客提供不同的产品。现因公司推出新款女士皮包，需要制作一个全新的网店首页海报，要求起到宣传公司新产品的作用，并向客户传递出清新感和活力感。3．设计要求（1）将自然元素与新产品巧妙结合，突出产品的优点。（2）画面使用图案进行装饰，但不能喧宾夺主。（3）色彩运用自然和谐，画面明亮清新。（4）设计具有简洁、时尚和雅致的艺术风格。（5）设计规格为800px（宽）×250px（高）。14.3.2项目创意及制作1．素材资源图片素材所在位置：云盘中的“Ch14/素材/制作女包广告/01、02”。2．作品参考设计作品参考效果所在位置：云盘中的“Ch14/效果/制作女包广告.fla”。3．制作要点使用“导入”命令导入素材并制作图形元件；使用“创建传统补间”命令制作补间动画效果；使用“属性”面板设置实例的不透明度及动画的旋转角度；使用“变形”面板改变实例的大小及角度；使用文本工具输入文字。14.4海报设计制作油泼面海报14.4.1项目背景及要求1．客户名称一碗面。2．客户需求一碗面是一家连锁餐饮品牌，以“一座城一碗面”为主旨，致力于为身处外乡的人们带来家乡的味道。本季度店内重点推出陕西油泼面，需要制作一款宣传海报。设计要求为画面主题明确，符合行业特色并能够体现出招牌菜品。3．设计要求（1）整体要求简洁大方，既体现出当地特色又点明主旨。（2）要求图文搭配合理，装饰元素符合主题需求。（3）色彩要求以红色为主色调，体现出本期主题特点，营造出热闹的氛围。（4）画面整体主次分明，视觉流程明确。（5）设计规格为750px（宽）×1181px（高）。14.4.2项目创意及制作1．素材资源图片素材所在位置：云盘中的“Ch14/素材/制作油泼面海报/01~07”。2．作品参考设计作品参考效果所在位置：云盘中的“Ch14/效果/制作油泼面海报.fla”。3．制作要点使用“导入”命令导入素材并制作图形元件；使用“创建传统补间”命令制作动画效果；使用“时间轴”面板控制动画的出场时间。14.5节日片头制作早安片头14.5.1项目背景及要求1．客户名称阳光幼儿园。2．客户需求阳光幼儿园自成立以来，以温暖的关怀、优质的教育、专一的服务精神为行为准则，致力于为儿童提供一流的教学环境和先进的教学服务。现需要制作一部以早安主题的动画片片头，要求通过简洁夸张的动画造型，以及拟人化的风格，体现出清晨朝气蓬勃的特点，能够引起小朋友的注意并调动其积极乐观的心态。3．设计要求（1）动画设计要简洁夸张，运用拟人化手法，符合儿童视觉识别特点。（2）要保持声画同步，提升信息传达的能力。（3）将歌曲中的要素提炼概括，在模板中进行体现并点缀画面。（4）画面要求使用明艳的大色块，符合儿童的色彩感观。（5）设计规格均为800px（宽）×534px（高）。14.5.2项目创意及制作1．素材资源图片素材所在位置：云盘中的“Ch14/素材/制作早安片头/01~10”。2．作品参考设计作品参考效果所在位置：云盘中的“Ch14/效果/制作早安片头.fla”。3．制作要点使用导入命令导入素材并制作图形元件，，使用创建传统补间命令制作补间动画效果，使用遮罩命令制作动画效果，使用属性面板设置实例的不透明度及动画的旋转角度，使用变形面板改变实例的角度。14.6课堂练习1设计音乐节目片头14.6.1项目背景及要求1．客户名称《你我来说唱》。2．客户需求《你我来说唱》是一档青年说唱音乐节目，旨在传播年轻人的文化态度和主张，并且重视理念和交互，是一档以年轻群体作为收视主体的网络综艺节目。现要为其设计节目片头，要求以视听合一的形式概括与表现节目内容，直观地体现主题思想且形式创新。3．设计要求（1）要求使用卡通的形式进行制作，画面活泼生动。（2）将节目特点及要素提炼概括，在片头中进行体现并点缀画面。（3）色彩要求使用激情、奔放、斗志昂扬的红色调，符合节目特点。（4）图文搭配合理，主次分明，视觉流程明确。（5）设计规格均为800px（宽）×600px（高）。14.6.2项目创意及制作1．素材资源图片素材所在位置：云盘中的“Ch14/素材/设计音乐节目片头/01~12”。2．制作提示首先，新建文件并导入素材文件；然后，在“库”面板中制作图形元件；再返回场景中制作动画效果；最后，为动画添加动作脚本。3．制作要点使用“导入到库”命令和“新建元件”命令导入素材并制作图形元件；使用“新建元件”命令制作影片剪辑元件；使用“时间轴”面板控制画面的出场时间。14.7课堂练习2设计空调扇广告14.7.1项目背景及要求1．客户名称戴森尔。2．客户需求戴森尔是一家网上综合购物平台，商品涵盖家电、手机、电脑、服装、百货、海外购等品类。该平台现推出新型变频空调扇，要求进行广告设计，用于平台宣传及推广，设计要符合现代设计风格，给人沉稳干净的印象。3．设计要求（1）画面设计要求以产品图片为主体。（2）要求使用直观醒目的文字来诠释广告内容，表现活动特色。（3）画面色彩要给人清新干净的印象。（4）画面版式沉稳且富于变化。（5）设计规格为1920px（宽）×800px（高）。14.7.2项目创意及制作1．素材资源图片素材所在位置：云盘中的“Ch14/素材/设计空调扇广告/01~03”。2．制作提示首先，新建文件并导入素材文件；然后，在“库”面板中制作图形元件；再制作影片剪辑动画；最后，制作场景动画。3．制作要点使用“导入到库”命令导入素材；使用“新建元件”命令和“文本