Animate动画设计与制作项目教程-整本书教学教程电子教案

项目一我的第一个作品【项目描述】“元元宠物之家”宠物店打算在网上进行宣传，需要应用Animate软件制作一个生动的广告。请大家帮元元想一想，应该怎样制作才能够达到宣传效果呢？【项目目标】◆知识与技能目标·掌握Animate的启动和退出方法。·了解Animate窗口组成：标题栏、菜单栏、常用工具栏、格式栏和状态栏。·掌握Animate工具的功能和使用方法。·了解二维动画和三维动画的区别。◆情感目标·培养对动画制作的兴趣及积极的学习态度。·通过小组协同创作培养合作精神。·通过互评与自评，形成认真、细致的学习与工作态度。【项目实施流程】融入情景制作素材：背景制作素材：文字制作素材：按钮制作“表情”动画任务一分析任务制作素材【任务目标】·掌握更改舞台背景的方法。·掌握公共库的使用方法。·掌握文本工具的使用方法。【知识点】一、Animate软件介绍2015年12月2日Adobe宣布FlashProfessionalCC更名为AnimateCC，在支持FlashSWF文件的基础上，加入了对HTML5的支持，并在2016年1月份发布新版本的时候，正式更名为AdobeAnimateCC，缩写为An，如图1-1-1所示。

图1-1-1Animate软件图标【知识点】二、Animate界面基本介绍Animate界面包括“菜单栏”“工作区”“时间轴/动画编辑器面板组”“属性/库面板组”“工具面板”等。Animate的界面与Flash有所区别，增加了很多新功能，用户可以更方便地设计动画。Animate界面中各组成部分如图1-1-2所示。图1-1-2Animate界面【知识点】1.菜单栏Animate菜单栏主要包括“文件”“编辑”“视图”“插入”“修改”“文本”“命令”“控制”“调试”“窗口”“帮助”，如图1-1-3所示.2.工作区工作区是Animate最重要的组成部分之一，其作用是显示绘制的图形图像以及辅助绘制的各种参考线。工作区主要包括场景工具栏和场景两个部分，­如图1-1-4所示。图1-1-3菜单栏图1-1-4工作区【知识点】3.时间轴/动画编辑器面板组时间轴是指动画播放所依据的一条抽象的轴线。在软件中，将这套抽象的轴线具象化到一个面板中，即“时间轴”面板，如图1-1-5所示。图1-1-5“时间轴”面板【知识点】4.属性/库面板组“属性”面板用于修改物体的属性，如图1-1-6所示。“库”面板类似一个仓库，其中存放着当前打开的影片中的所有元件。用户可直接将“库”面板中的元件拖放到舞台场景中，或对“库”面板中的元件进行复制、编辑和删除等操作。图1-1-6“属性”面板【知识点】5.工具面板“工具”是软件的重要面板，列有制作动画必不可少的工具，包括用于绘制和编辑矢量图的各种工具，如绘图、色彩、查看和选项等。如图1-1-7所示。图1-1-7“工具”面板【任务实施】1.设置背景单击舞台，“属性”窗口中显示为舞台属性，如图1-1-8所示，修改舞台的尺寸、帧频以及背景颜色。2.输入文字单击“工具”面板上的“文本工具”按钮，如图1-1-9所示，在舞台中输入“元元宠物之家”。单击文字，修改文字属性。图1-1-8舞台属性图1-1-9文本工具【任务实施】3.制作按钮选择【插入】菜单中的【新建元件】命令，在“创建新元件”对话框中更改元件名称，将“类型”修改为“按钮”，如图1-1-10所示。还可以继续创建多个图层来编辑按钮元件。按钮元件有4个状态，分别如下：（1）弹起：鼠标指针不在按钮上时触发该状态。（2）指针经过：鼠标指针在按钮上，但是没有按下鼠标左键时触发该状态。（3）按下：鼠标指针放在按钮上，并且按下鼠标左键不松开时触发该状态。（4）点击：按下鼠标后松开时触发该状态。上述各种状态可以根据自己需要新建关键帧来设置，如图1-1-11所示。图1-1-10创建新元件图1-1-11制作按钮【思考与练习】

试比较AnimateCC与FlashProfessionalCC在界面和功能上的异同点。任务二制作“表情”动画【任务目标】·掌握使用绘图工具绘制卡通造型的方法。·掌握逐帧动画的制作方法。【知识点】逐帧动画是什么？Animate逐帧动画是指在每一帧中都会更改舞台内容，适用于图像在每一帧中都在变化而不仅是在舞台上移动的复杂动画。若要创建逐帧动画，需要将每个帧都定义为关键帧，然后为每个帧创建不同的图像。每个新关键帧最初包含的内容和它前面的关键帧是一样的，因此可以以递增的方式修改动画中的帧。【任务实施】1.新建图层在上个任务完成的源文件中新建图层。2.绘制卡通造型猫用椭圆工具绘制一个圆形，建议此时背景颜色选择无色，方便绘制修改。用选取工具靠近舞台中的圆形，会发现光标变样了，此时可以根据需要拖放鼠标来修改图形形状，如图1-2-1所示。线稿绘制效果如图1-2-2所示。图1-2-1卡通造型猫的绘制图1-2-2卡通造型猫线稿【任务实施】3.填充颜色使用颜料桶工具填充颜色。注意，为避免有些线头没有完全闭合，可以选择“空隙大小”—“封闭大空隙”，如图1-2-3所示。填色效果如图1-2-4所示。图1-2-3修改“空隙大小”图1-2-4卡通造型猫填色效果【任务实施】4.绘制腮红用椭圆工具绘制一个椭圆，填充粉红色到浅粉红色的放射状渐变色。注意更改最右侧的色块的透明度。将腮红复制一份，分别移到合适位置，如图1-2-5所示。图1-2-5绘制腮红【任务实施】5.“表情”逐帧动画效果制作在本图层的时间轴上的第5帧中新建关键帧，用选取工具修改动物的表情，如图1-2-6所示。6.保存保存源文件，生成影片文件。图1-2-6表情修改【思考与练习】

请尝试用本任务所学知识绘制一个如图1-2-7所示的QQ表情动画。图1-2-7表情动画拓展任务一

“垃圾分类”案例素材绘制【任务描述】将商业案例中的人物三视图、垃圾桶、易拉罐、扫把、猫咪、鱼骨绘制出来。（留存此作品，在项目六中使用）图1-3-1人物三视图拓展任务二

“小鸡”逐帧动画制作【任务描述】商业案例“小小乐园剧情动画”的主角小鸡是一只活泼可爱的小动物，为了体现其活泼的特性，需要制作小鸡上下抖动的鸡冠及表情，如图1-4-1所示。图1-4-1“小鸡”的表情主编：袁晓华曾曼蕊徐颖项目二动漫大赛作品制作【项目描述】

我们都知道过马路时应“红灯停、绿灯行”，但是当下出现了扎堆结伴闯红灯这种非常不文明的现象。为了提高大家的文明意识，我们选取此内容设计一个公益广告，呼吁大家遵守交通规则，珍惜生命。【项目目标】◆知识与技能目标·理解元件的概念，简单了解元件的种类。·区分逐帧动画、形状补间动画和传统补间动画。·了解镜头的常用处理手法：推镜头、拉镜头、移镜头。·具备熟练创建元件及传统补间动画的能力。·具备结合常用镜头处理手法，修改传统补间动画属性的能力。◆情感目标·通过作品赏析，激励自己对美好生活的向往，培养对Animate动画的浓厚兴趣，激发强烈的学习动机和创作欲望。·通过作品的制作和展示，培养对美的追求，以及团队协作、勇于展现自我的职业素养。·意识到文明交通的重要性，督促自己改变生活陋习，为文明生活尽一份力。【项目实施流程】融入情景制作素材人物位移动画镜头处理整体合成任务一融入情景领取任务【任务目标】通过视频等资源的警示教育，懂得遵守交通规则的重要性【任务实施】（1）观看动态图片教学资源（2）观看交通意外现场视频教学资源（3）观看往年获奖作品，并了解学校对参赛的激励机制【思考与练习】请大家分组探讨制作思路，并做好记录。任务二分析任务制作素材【任务目标】·掌握绘图工具的使用方法和逐帧动画的制作方法。·利用绘图工具，绘制背景及人物造型。·利用逐帧动画，制作人物原地踏步动画和人物表情动画。【任务实施】方法一：背景绘制。从教学资源包中选取所需素材，用图片处理软件（如Photoshop）进行美化处理，如图2-2-1所示。图2-2-1网络资源1【任务实施】方法二：汽车、人物等造型的绘制。从教学资源包中选取如图2-2-2所示的素材，导入Animate舞台，在“素材图”图层上新建一个“线稿”图层，在“线稿”图层中，用直线、钢笔等工具描图，也可以根据作品需要进一步加工创作。图2-2-2网络资源2【思考与练习】请用所学的逐帧动画技法模仿制作人物表情动画（可从图2-2-4中任选一个造型）。图2-2-4人物表情任务三制作人物的位移动画【任务目标】掌握创建元件和制作传统补间动画的要领。·利用传统补间动画方式，完成各个人物的位移动画制作。【任务实施】（1）观看动态图片教学资源（2）观看交通意外现场视频教学资源（3）观看往年获奖作品，并了解学校对参赛的激励机制【思考与练习】请大家分组探讨制作思路，并做好记录。任务三制作人物的位移动画【任务描述】将商业案例中的人物三视图、垃圾桶、易拉罐、扫把、猫咪、鱼骨绘制出来。（留存此作品，在项目六中使用）图1-3-1人物三视图【知识点】元件（1）元件分为“图形”、“影片剪辑”和“按钮”。“图形”元件：元件的时间轴与主场景时间轴同步运行。“影片剪辑”元件：完全独立于主场景时间轴且重复播放。“按钮”元件：只有4帧的影片剪辑，但时间轴不能播放。（2）库中的元件改变了，舞台中的所有元件也会改变；而单独修改舞台中的某个元件，其他元件和库中的元件不会改变。（3）元件嵌套：将一个已存在的元件实例放到另一个主元件中，可以实现多层嵌套。【知识点】传统补间动画

传统补间动画可以用于产生如下变化：物体的移动，物体大小的改变和简单的形变，物体的旋转，物体的透明度、色调和亮度的改变等。传统补间动画的操作过程归纳如图2-3-2所示，我们称之为“传统补间123”。1个元件2个关键帧3个属性样式缓动旋转图2-3-2传统补间动画的制作过程【任务实施】（1）新建文档，并新建影片剪辑元件“粽子原地踏步”，如图2-3-7所示。（2）在元件“粽子原地踏步”中，新建图形元件“身体”，如图2-3-8所示。图2-3-7新建元件图2-3-8新建元件【任务实施】（3）在元件“身体”中，用绘图工具绘制粽子的身体，如图2-3-9所示。图2-3-9主角形象绘制【任务实施】（4）新建图形元件“上身动画”，如图2-3-10。人走路的时候身体重心是有起伏的，如图2-3-11所示，因此，需要将元件“身体”拖放到“上身动画”元件中，在第1、6、12、18、24帧分别插入关键帧，设置身体的起伏，并右键创建传统补间动画，如图2-3-12。图2-3-10新建元件图2-3-11走路运动规律图2-3-12关键帧绘制【任务实施】（5）在“上身动画”元件中新建图层“手”，画出手，保存为图形元件“手”，并调整圆心，如图2-3-13所示。（6）在第1、7、13、18、24帧分别插入关键帧，分别调整手的位置如图所示。注意第1帧和第24帧内容必须一致，否则动作会不连贯，如图2-3-14所示。图2-3-13圆心调整图2-3-14关键帧绘制【任务实施】（7）在第1、7、13、18、24帧之间单击鼠标右键，创建（8）回到“粽子原地踏步”元件中，新建图形元件“脚动画”，如图2-3-16所示，画出脚。图2-3-15创建传统补间图2-3-16新建元件【任务实施】（9）“脚动画”元件中，在第1、11、12、16、17、21、22、24帧插入关键帧，分别调整脚的位置，如图2-3-17所示。图2-3-17关键帧绘制【任务实施】（10）在第1、11、12、16、17、21、22、24帧之间单击鼠标右键，创建形状补间动画，如图2-3-18所示。（11）“粽子原地踏步”元件中，图层设置如图2-3-19所示，其中左脚、右脚图层都放同一个元件“脚动画”。（12）为了做出两个脚前后交替走动的效果，单击“右脚”图层中的“脚动画”元件，设置属性如图2-3-20所示，从第12帧开始循环播放，并修改脚的颜色。图2-3-18创建形状补间动画图2-3-19图层设置图2-3-20元件属性设置【任务实施】（13）回到场景1中，在图层里放“粽子原地踏步”元件，在第1、30帧中插入关键帧，将第30帧的元件移动到左边，创建传统补间动画，如图2-3-21所示。（14）保存。图2-3-21图层设置特别提示：此案例中，涉及到了元件的嵌套，逻辑关系如图2-3-22所示图2-3-22元件嵌套逻辑关系【思考与练习】复习传统补间动画口诀，如图2-3-23所示。图2-3-23传统补间动画口诀任务四镜头处理手法【任务目标】了解渐入渐出、推、拉、移镜头镜头的概念的制作方法。·根据常用镜头处理手法，修改传统补间动画属性。·区别Animate与Flash中关于场景处理的不同之处。【知识点】常见镜头处理手法（1）推/拉镜头：画面由小到大或由大到小的缩放过程。（2）摇镜头：摄像机的位置不动，而是移动镜头的方向。（3）跟镜头：摄像机跟随运动着的被拍摄物体移动，该物体在画面中心位置不变，前后景在变化。镜头处理手法要点渐入渐出透明——清晰推、拉镜头大——小移镜头左——右，上——下【思考与练习】

感兴趣的同学请了解Flash中镜头处理手法的使用，与Animate软件做个对比。下面介绍Flash中常见镜头处理手法。1.渐入渐出镜头效果，如图2-4-3所示。图2-4-3渐入渐出镜头【思考与练习】2.推拉镜头效果，如图2-4-4所示。3.移动镜头效果，如图2-4-5所示。图2-4-4推拉镜头图2-4-5移动镜头拓展知识形状补间动画

形状补间：是由一个物体到另一个物体间的变化过程，像由三角形变成四方形等。时间轴效果如图2-5-2所示，请注意时间轴上形状补间和传统补间动画的颜色不同。图2-5-2时间轴效果拓展知识引导线动画

引导线动画：物体随着绘制好的路线进行有规律的运动。需要两个图层：物体在下层（需转换为元件,且圆心始终在线上），路线在上层(指导物体运动)，如图2-7-2所示。图2-7-2引导线动画拓展任务一

形状补间动画【任务描述】

在本任务中，你将需要熟练掌握形状补间动画的制作方法，并完成“圣诞快乐”的动画制作，如图2-5-1所示。图2-5-1效果图拓展任务二

传统补间动画【任务描述】本任务将讲解传统补间动画的制作方法，并完成“灯左右摆动”动画的制作，如图2-6-1所示。图2-6-1灯左右摆动主编：袁晓华曾曼蕊徐颖项目三遮罩动画制作【导语】“在An动画创作中，有一种技法与众不同，它能实现令人惊奇的炫目效果。例如波光粼粼的水倒影、瞬息万变的万花筒、变换整齐的百叶窗，还有探照灯、放大镜、望远镜等。想要创作出优秀的An动画，成为出色的“闪客”，必须精通这种技法。它究竟是什么？为什么具有那么神奇的功能？如何掌握和运用它？本项目将一一为您揭秘”【项目描述】在网络教学平台中，有丰富的使用遮罩动画这个技法去制作的动画效果，大家将在对遮罩动画有个直观印象的情况下，根据交互课件的指引，完成遮罩技法的系列动画，并尝试通关自测游戏，检验自己的学习效果。【项目目标】◆知识与技能目标·养成综合运用、创作、迁移能力。·学会制作遮罩层动画。·理解遮罩的概念及其动画原理。◆情感目标：·激发学习动机和创作欲望。·培养合作精神。【项目准备】·多媒体机房教学设备·网络教学平台·教学课件，视频·动画范例·互联网资源·教学资源库【项目效果图】【项目实施流程】融入情景动漫原理实例示范自测游戏扩展提升任务一融入情景【任务描述】在本课的网络教学平台上，通过多媒体交互课件，学习“片头导语”、“学习目标”、“动画原理”---“认识遮罩”。点击“认识遮罩”按钮，依次点击右侧的10个An小动画，仔细观察、体会并与小组同学一起讨论这些动画与大家之前学过普通运动动画有何区别？并且尝试总结出这些动画有什么共性？【任务目标】通过网络教学平台的教学资源，领略遮罩动画的奇妙之处，融入教学情景。

【任务实施】播放一段片头导语，吸引学生的注意，激发学习兴趣，引出新课主题，如图3-1-1所示。图3-1-1片头给出10个An小动画，如图3-1-2所示，请同学们仔细观察特点，分小组讨论，并在纸上记录，抛锚引导，带着问题去学习。图3-1-210个An小动画

123546【思考与练习】请大家分组记录下探讨的结果。任务二动画原理【任务描述】理解遮罩动画的原理是实现精彩动画效果的关键，也是本课的难点。为了帮助大家突破难点，我们制作了三个原理演示动画，帮助大家从不同的角度理解遮罩动画的原理和基本方法。【知识点】理解遮罩动画的原理和基本方法。【任务实施】观看原理演示一：假设用2张纸来表示2个图层,在上一个图层上画一个矩形，下一个图形上有图案，最后的遮罩效果就等同于挖空了一块矩形，透过这个矩形看到下面图层的图案，如图3-2-1、3-2-2所示。图3-2-1原理演示一图3-2-2原理演示一【任务实施】观看原理演示二：同学们，你有晚上使用手电筒的经历吗？还记得电影、电视剧或演唱会节目中的探照灯效果吗？把遮罩层比做手电筒（探照灯），当遮罩层移动时，它下面的被遮罩层的对象就像被手电筒（探照灯）照过一样，只有有光的地方才能看到，被遮罩层只显示在遮罩层有对象的地方，如果被遮罩层是一行字，遮罩层中的对象是一个圆，那么做出来的效果显示的是外形为圆内的字。而遮罩层的东西是不显示的，它是什么颜色没有关系，如图3-2-3所示。图3-2-3原理演示二【任务实施】观看原理演示一：课堂游戏：拿出一张白纸来，在纸上挖掉一个窟窿，把纸放到照片上。大家看看，透过这个窟窿能看到什么东西？如果没有这个窟窿，又有什么不同？通过这个游戏，我们明白了，白纸上面的窟窿起到了限制的作用，当这个窟窿是什么形状，我们就只能看到这个形状里面的东西。同样的，遮罩动画里面的遮罩层和被遮罩层也可以对应到这个游戏中来。遮罩层就相当于白纸上面的窟窿，而被遮罩层就对应于我们要看的东西。所以，被遮罩层上面的东西，由于有遮罩层的存在，而只能看到一部分，而这一部分究竟有多大呢？就要看遮罩层的形状了。如图3-2-4、3-2-5、3-2-6所示图3-2-4原理演示三图3-2-5原理演示三步骤提示，如图3-2-7、3-2-8、3-2-9、3-2-10所示：图3-2-7步骤提示图3-2-8步骤提示图3-2-9步骤提示图3-2-10步骤提示原理解释：“原理解释”：归纳总结了遮罩原理及其实现方法。“课堂问答”：通过课堂问答检查学习者是否掌握了最重要的5个知识点，这是下一步操作的知识基础。图3-16图3-15【思考与练习】请大家用新学的遮罩动画的知识讨论一下，任务一中观看的10个动画你会做哪一个？任务三实例示范【任务描述】本任务采用分层教学，设置梯度，设置了3个实例制作过程的教学示范，制作复杂性和难度有所增加。通过这三个递进的任务，大家将学会遮罩动画的基本操作。【任务目标】掌握遮罩动画的基本操作。【任务实施】同学们，经过前面的学习，大家认识了遮罩动画，理解了遮罩动画的原理，大家一定跃跃欲试了吧？让我们一起通过三个范例的示范讲解试着完成三个遮罩动画的制作吧。实例一：提问：同学们，请大家根据前面学过的遮罩动画原理，想一想如何完成下面这个探照灯字的制作。先独立思考，然后与小组同学交流遮罩层放什么？被遮罩层放什么？为什么要这样做？回答：如图3-3-1所示。图3-3-1分析动画

操作步骤提示：1.新建一个文件。2.按要求设定影片的宽度和高度：宽度为320pixes.高度为300pixes.背景为白色。3.在图层１的第一帧输入文字“青春基地”。4.在图层1的第30帧按F5,将帧延长到30帧。5.增加一个图层，命名为Mask.6.在mask图层的第1帧画一个园形，并选中这一个圆形，按F8将其转换为图形组件。7.在mask图层的第30帧，按F6插入关键帧。8.在mask图层的第30帧，将圆形拖到文字的右侧。9.在mask图层的第1到30帧之间单击鼠标左键，将这些帧选中，然后单击鼠标右键，选择“创建补间”命令。10.在mask图层上单击鼠标右键，选择“遮罩层”命令。11.按回车键测试影片（或按Ctrl+Enter测试)。对实例操作仍有疑惑的同学，请在网络教学平台中观看课件中的视频演示一、二和三。

【思考与练习】请大家温习遮罩动画的制作方法，检验自己是否已经熟练掌握。任务四自测游戏

【任务描述】遮罩动画的制作原理是整个An制作中的难点知识，初学者容易搞混遮罩层和被遮罩层的使用，因此，在本任务中，设计了一个教学游戏的情景，即帮助画面中的孩子摘到树上的苹果。3种方法分别对应3个典型遮罩动画的制作方法。采用大家喜爱的游戏的方式，考察大家是否已经分清楚遮罩层和被遮罩层的使用。【任务目标】准确区分遮准确区分遮罩层和被遮罩层的使用。罩层和被遮罩层的使用。【任务实施】阶段一：同学们，我们一起玩一个游戏，有个小女孩想吃树上的苹果，可是她够不着，我们分组领取一个锦囊，想办法帮助她，好吗？如图3-4-1、3-4-2、3-4-3、3-4-4所示。图3-4-1游戏图3-4-2游戏图3-4-3游戏图3-4-4游戏阶段二：各组派代表汇报分析的过程以及评价他组的作品。（比如：在完成任务的过程中有没有出错？错在哪里？是哪个知识点没掌握好，所以出错了？他组的作品完成质量如何？好在哪里？不好在哪里?）。阶段三：教师分别简单记录每个同学的回答，并点评。【思考与练习】请大家尝试归纳遮罩动画的要点。（提示：通过“概念”、“原理”、“效果”、“判断”、“设置”五个方面归纳学习要点，如图3-4-5所示。）图3-4-5遮罩动画原理归纳【项目展示】◆一、展示内容·展示制作的项目作品，并自我评价。·讲解制作过程中运用的知识内容和过程。·与大家分享制作过程中遇到的问题及解决方法。◆二、汇报要求·语言流畅，表述清晰。【项目评价】评价形式评价指标分值自评组评师评过程性评价根据教材自主探索任务10

积极参与小组协作10

终结性评价了解项目实施流程5

完成任务二15

完成任务三20

完成任务四20

课后尝试完成思考与练习20

合计

综合评分

备注综合评分=自评（30%）+组评（30%）+师评（40%）【任务描述】上述的遮罩系列动画制作过程帮助大家从概念、原理、判断、效果、设置等方面全方位的了解遮罩动画技法。但是动画高手都是从基础反复练习才能达成的，因此，下面将提供多个进阶任务，帮助大家拓展提升。【任务目标】通过模仿制作，探索学习，精通遮罩动画，努力成为动画高手。拓展任务一举一反三【任务实施】阶段一：同学们，刚才我们学到的遮罩动画原理、方法，大家会不会运用它呢？请同学们以小组为单位，研究一下本课件展示的十种遮罩动画效果，如图3-5-1所示。自学方法提示：单击遮罩动画剪辑，下载源程序，打开后进行研究，弄清楚其中的秘密，然后再独立地做出来。An高手都是从模仿开始的，多研究源文件可以帮助你从简单模仿走向独立创作的高手阶段！图3-5-1十种遮罩动画效果阶段二：如果同学想继续挑战难度更大的遮罩动画。大家可以研究本模块中的例子，如图3-5-2所示，挑战你的知识迁移能力、想象力和创意！试一试，你会发现不一样的你！图3-5-2遮罩案例【思考与练习】老师给大家一些网络教程的地址，如图3-5-3所示，请同学们利用课余时间去研究学习。下次课我们请同学们展示你们的学习成果。自学方法提示：互联网上的资源非常丰富，我们要懂得利用这个宝库，让自己当自己的老师！图3-5-3网络教程地址【任务描述】本次任务取自广西一九岂非影视传媒有限公司的“小小乐园剧情动画”，需要为主角制作一个转动的风扇，如图3-6-1所示。拓展任务二风扇转动动画图3-6-1小小乐园剧情动画【任务目标】通过模仿制作，探索学习，继续学习遮罩动画。【任务实施】1.新建文档，长宽为1920*10802.新建图层，使用矩形形状工具，将属性中的矩形选项属性改为500，填充颜色改为无，笔触大小为5，颜色为黑色，绘制一个圆角矩形，如图3-6-2所示图3-6-2矩形工具属性3.快捷键：ctrl+c，复制一个刚刚绘制的圆角矩形，ctrl+shift+v，粘贴。快捷键：ctrl+t，打开变形工具，将缩放的约束解开，将竖缩放的参数改为70%。如图3-6-3所示。4.新建图层，绘制一个横的圆角矩形，如图3-6-5所示。图3-6-3变形效果图3-6-5绘制圆角矩形5.绘制两条直线在如图3-6-6所示的位置，后删除掉不需要的部分，如图3-6-7所示6.使用变形工具将风扇头压扁如图3-6-8所示。图3-6-6变形效果图3-6-7绘制圆角矩形图3-6-8风扇头变形7.绘制一条直线在后部分的中间然后分别填充白色和灰色如图3-6-9所示，最后删除直线与边线。8.在风扇额中间再绘制一条直线，然后将所有黑色边线改为白色。9.再新建一个图层绘制一个圆形填充灰色如图3-6-10所示。图3-6-9填充颜色图3-6-10灰色圆形10.使用变形工具，将中心点移动到风扇的左边处，如图3-6-11所示。11.新建一个图层，命名为扇叶，新建一个圆角矩形，将边框删除掉，选中让，快捷键f8转换为图形元件，命名为扇叶，如图3-6-12所示。图3-6-11中心点调整图3-6-12新建扇叶12.新建图层2，将图层1右键转换为遮罩层将图层2，放置在遮罩层的下面，绘制一个长矩形，颜色填充蓝色如图3-6-13所示13.再使用矩形工具绘制，小矩形，

并且使用对齐工具将矩形对齐

相同间隔，如图3-6-13所示。图3-6-13

绘制矩形14.调整矩形的位置如图3-6-14所示，并快捷键f8转换为图形元件，如图3-6-15所示。15.将扇叶调整到图层1的位置，图层2在24帧插入一个关键帧，将长矩形移动到下方，如图3-6-16所示。图3-6-14调整位置图3-6-15转换元件图3-6-16位置图16.在期间任意一个关键帧，右键插入传统补间，将两个图层上锁，并将风扇扇叶的透明属性减少为80%。17.进入风扇头元件，将所有图层在24帧处都插入帧，并新建一个图层，再次绘制一个矩形并填充灰色，移动到风扇扇头的中间，将图层放置在最后，如图3-6-17所示。图3-6-17绘制矩形18.选择风扇扇叶元件，添加模糊滤镜，模糊Y改为10，品质改为高。19．回到场景1，选择刚刚做好的扇头元件，快捷键f8，转换为图形元件命名为风扇整体。20.进入风扇整体元件，新建图层，使用矩形工具，修改圆角属性，绘制圆角矩形作为风扇的下部分，如图3-6-18所示。图3-6-18绘制圆角矩形21.新建图层，继续绘制风扇的底座，如图3-6-18所示，将所有图层在24帧处都添加帧。22.将风扇扇头，使用变形工具乡下旋转一定角度，如图3-6-19所示。图3-6-19角度调整【思考与练习】请尝试调整本案例中风扇的转速，体会细节的不同对最终效果有何影响。主编：袁晓华曾曼蕊徐颖项目四企业仿真项目：笔记本电脑广告制作【项目描述】

项目组长C君从老总那里接到了一个工作：神奇电脑公司推出了新产品，要在公司主页上进行推广，需要他们制作横幅广告，请大家根据客户需求，设计并制作。（教学资源包：“项目三”-“架设情景.swf”）【项目目标】◆知识与技能目标·熟悉广告公司项目实施的流程；·掌握引导层动画的制作方法；·学会综合运用所学制作An网页广告动画。◆情感目标·培养对动画制作的喜爱及积极的学习态度、创作欲望。·通过小组合作创作培养合作精神。·通过项目实施中的互评与自评，形成认真、细致的学习与工作态度。·通过完成模拟企业的仿真项目，初步积累实践工作经验，养成职业实践能力和职业素养。【项目目标】◆项目准备多媒体机房教学设备、网络教学平台、教学课件，上课实例及相关素材、纸、笔◆项目效果图【项目实施流程】设置背景制作“蝴蝶飞入”效果制作“笔记本出现”效果制作“文字出现”效果生成影片文件任务一分析并填写项目实施报告【任务描述】拿到一个工作项目，在动手制作之前分析项目，明确完成制作需要做哪些工作是非常重要的，熟悉广告公司设计与制作流程，填写项目实施报告，这样做到心中有流程，可以使工作效率大大提高。【任务目标】

简单了解广告公司项目实施的流程。【任务实施】项目实施的流程：三个阶段：项目调查与分析、项目实施、项目验收。图4-1-1项目实施流程【做实施计划】客户的需求是最先要明确的，否则会导致我们后面工作的重重困难。因此项目实施之前要进行项目的调查和分析。最好调查的结果能用书面的形式明确下来，做一份实施计划，如图4-1-2所示。图4-1-2项目实施计划【做实施计划】根据客户的需求和总体目标，文案编写出动画剧本。（这个部分现在暂时由老师帮助完成，同学们也可以再思索其他剧本）剧本编写如下：镜头1：简约的背景，一只蝴蝶从右边飞入画面。镜头2：一片花丛出现，蝴蝶飞到花丛中，停在花朵上。镜头3：笔记本出现，原来花丛不是真的花丛，是笔记本逼真的效果造成蝴蝶的错觉。镜头4：出现广告词“立体享受来自高清画质，神奇笔记本。”4.完成任务分工，如图4-1-3所示。图4-1-3任务分工【做实施计划】5.完成了作品的设计和制作后，接下来一个重要的环节，这个环节关系到我们能否如期如数拿到项目款，这个环节就是-------项目验收。通常广告公司有专门的验收单，如图4-1-4所示，在施工方在场时，由客户进行验收。图4-1-4项目验收单

【思考与练习】根据客户的需求和总体目标，同学们能否思索其他动画剧本？任务二制作“蝴蝶飞入”效果【任务目标】·掌握引导层动画的制作方法。·再次熟悉运动补间动画的制作方法。【任务描述】·参照效果图，笔记本网页广告制作中的“蝴蝶飞入”效果是用引导层动画技法来实现的。让我们一起来完成制作。【任务实施】引导层动画的制作要点由至少两个图层组成，引导层放路线，被引导层放元件，在被引导层，创建补间动画实现元件沿着路线走的效果，如图4-2-1所示。图4-2-1引导线动画【任务实施】操作步骤：1.新建文档，尺寸为：750*120像素。2.菜单栏“文件”—“导入”—“导入到舞台”。导入素材“beijing_007.jpg”到舞台，。3.在“图层1”的第150帧处插入普通帧，然后在“图层1”上新建“图层2”。4.在图层2上导入素材“beijing_009.jpg”；按F8，将“笔记本图.jpg”转换成图形元件，起名“元件1”。5.在“图层2”上新建“图层3”，导入蝴蝶元件命名为“元件2”。效果如图4-2-2所示。图4-2-2效果图6.右键选择“图层3”时间轴—“添加传统运动引导层”命令。在“图层3”上面创建了引导层，如图4-2-3所示。

图4-2-3创建引导层【任务实施】操作步骤：7.在引导层中，使用铅笔工具在舞台中绘制一条“蝴蝶”运动的轨迹，如图4-2-4所示。图4-2-4绘制引导线8.在“图层3”中，分别在第1和第80帧的地方创建关键帧，调整蝴蝶元件的圆心，使其附着在路径上，如图4-2-5所示。

图4-2-5蝴蝶附着路径9.在“图层3”中的第1和第80关键帧之间右键—“创建传统补间”，如图4-2-6所示。图4-2-6创建传统补间10.保存文件，按快捷键“Ctrl+Enter”测试影片，完成任务“蝴蝶飞入”动画效果制作。【思考与练习】

完成如图4-2-7所示课堂小测试：图4-2-7随堂测试任务三制作“笔记本出现”效果【任务描述】参照效果图，根据各个对象出现的先后顺序，“蝴蝶飞入”效果后，是“笔记本”由透明变清晰的渐出效果，这个效果是用运动补间动画技法来实现的。让我们一起来完成制作。【任务目标】再次熟悉运动补间动画的制作方法。再次熟悉遮罩动画的制作方法。综合运用运动补间动画和遮罩动画技法。【任务实施】运动补间动画制作要点回顾：动画前后都是关键帧，且都是同一个元件，可实现元件由小变大、由透明变清晰等效果，如图4-3-1所示。

图4-3-1运动补间动画遮罩动画制作要点回顾：由至少两个图层组成，遮罩层决定形状，被遮罩层决定内容，实现透过遮罩层的形状看到被遮罩层的颜色的效果，如图4-3-2所示。

图4-3-2效果图

【任务实施】操作步骤：1.打开任务一中完成作品的源文件。“花出现”效果：2.在引导层上面新建“图层5”，在第50帧上插入关键帧，导入素材“beijing_008.jpg”，并转换为“元件3”。3.分别在“图层5”的第60、70帧上插入关键帧，分别在两个关键帧之间单击右键—“创建传统补间”，如图4-3-3所示。

图4-3-3创建传统补间4.分别点击“图层5”的第60、70帧上的“元件3”，修改元件的属性，如图4-3-4所示：图4-3-4修改元件属性【任务实施】5.在“图层5”上面新建“图层6”，在第50帧插入关键帧，并用直线绘制如图4-3-5所示的四边形，填充任意颜色（注意，四边形大小形状与笔记本电脑屏幕一样）。图4-3-5绘制四边形6.右键单击“图层6”—“遮罩层”命令。“花出现”效果如下图4-3-6所示。图4-3-6创建遮罩【任务实施】笔记本电脑渐出效果：7.在“图层2”的第80、90帧上插入关键帧，分别在两个关键帧之间单击右键—“创建传统补间”。8.在“图层2”中有任务一里导入的笔记本电脑“元件1”，在第80帧修改元件的属性，如图4-3-7所示：图4-3-5绘制四边形9.保存文件，按快捷键“Ctrl+Enter”测试影片，完成任务“笔记本电脑出现”动画效果制作。图4-3-7修改元件属性【思考与练习】完成如图4-3-8所示课堂小测试：图4-3-8课堂小测试任务四制作“文字出现”效果【任务描述】参照效果图，根据各个对象出现的先后顺序，“笔记本出现”效果后，是“文字出现”有透明变清晰的渐出效果，这个效果是用运动补间动画技法来实现的。让我们一起来完成制作。【任务目标】1.再次熟悉运动补间动画的制作方法。2再次熟悉遮罩动画的制作方法。3.综合运用运动补间动画和遮罩动画技法。4.掌握元件嵌套的方法。【任务实施】操作步骤：1.打开任务一中完成作品的源文件。元件的嵌套：2.“插入”—“新建元件”，新建元件命名为“元件5”，类型为“影片剪辑”，如图4-4-1所示。

图4-4-1创建元件3.进入“元件5”里面继续编辑，如图4-4-2所示。图4-4-2进入元件元件的嵌套元件的嵌套就是一个元件里可以包含着另一个元件，含有自己独立的时间轴，可以另外编辑动画效果，同时这两个元件可以分别完成不同的动画效果。【任务实施】4.在“元件5”的分别新建3个图层：“图层1”、“图层2”、“图层3”。“图层3”在最上面一层。5.“图层3”里放静态文本：“我爱神奇笔记本”。6.“图层1”和“图层2”里各放1个“彩色条纹”元件，摆放位置如图4-4-3所示：并在这两个图层的第30帧上插入关键帧，分别在这两个图层的第1-30帧之间右键—“创建传统补间”。图4-4-3内容摆放位置3.进入“元件5”里面7.分别在“图层1”和“图层2”里调整“彩色条纹”元件的位置，达到这两条“彩色条纹”交叉移动的效果，“彩色条纹”元件移动的方向，如图4-4-4所示：继续编辑，如图4-4-2所示。图4-4-4彩色条纹位置【任务实施】8.右键单击“图层3”—“遮罩层”命令。此时，会发现“图层1”没有变成被遮罩层，需要将“图层1”拖放到“图层3”下面，时间轴图层效果和“文字出现”效果如下图4-4-5所示。图4-4-5效果图9.关闭“元件5”回到场景中。在场景中新建“图层7”，在第85帧插入关键帧，将刚才新建的“元件5”从库中拖放到关键帧上。10.保存文件，按快捷键“Ctrl+Enter”测试影片，完成任务“文字出现”动画效果以及笔记本电脑广告制作。【思考与练习】1.请思考任务四中元件嵌套时，属性选择影片剪辑和图形元件的区别？2.请大家回顾一下“神奇笔记本广告”这个项目，我们是怎么实施的？如图4-4-6所示。图4-4-6实施流程【项目展示】一、展示内容1.展示制作的项目作品，并自我评价。2.讲解制作过程中运用的知识内容和过程。3.与大家分享制作过程中遇到的问题及解决方法。二、汇报要求1.语言流畅，表述清晰。【项目评价】评价形式评价指标分值自评组评师评过程性评价根据教材自主探索任务10

积极参与小组协作10

终结性评价了解项目实施流程5

完成任务二“蝴蝶飞入”效果15

完成任务三“笔记本出现”效果20

完成任务四“文字出现”效果20

课后尝试完成思考与练习20

合计

综合评分

备注综合评分=自评（30%）+组评（30%）+师评（40%）拓展任务企业仿真订单任务【任务描述】一定有些同学想继续挑战难度更大的网页广告动画。由于我们课堂的时间有限，我们布置这样的课外任务：请接受两个企业订单，分别为两个企业制作网页广告。【任务目标】1.熟练掌握网页广告制作方法。【任务实施】项目一：请根据“教学资源包\进阶挑战”中提供的三星手机的图片，以宣传三星手机品牌为主题，制作一个468*60尺寸的BANNER广告，如图4-5-1所示。图4-5-1BANNER广告要求：主题突出，画面用色构图协调。整体风格要求体现三星适合于年轻人的运动、前卫和时尚感。（其余素材可根据需要从网络上获取）提交项目实施报告，下次课进行项目验收。【任务实施】项目二：给尚游游戏公司新推出的题材游戏“诺亚传说”做个网页广告。要求：展现游戏的上线快速，故事新颖、操作简单、界面精美的优点。请根据客户需求，完成设计与制作。（下次课进行项目验收。【思考与练习】尝试实现如上2个项目的设计与制作。这将挑战你们的知识迁移能力、想象力和创意！试一试，你会发现不一样的你！主编：袁晓华曾曼蕊徐颖项目五网店促销广告制作导语在当前国家提倡创新与创业的背景下，同学们毕业之后，除了可以从事传统的行业，还可以利用互联网平台创业自己做老板，也可以为这些网店主们提供更新网店广告、配合宣传营销广告制作等服务。项目描述本项目采用了真实的网店促销广告作为案例，帮助大家学会分析案例，从他人的作品中吸取经验，并且在项目四熟悉了广告制作流程的基础上，更进一步学习制作较为复杂的网页广告。项目目标◆知识与技能目标·熟悉广告制作流程。·具备综合运用An基础知识的能力。·学会设计剧本包括主题设定，背景铺垫，情节结构，情节次序，角色设定，素材来源，剧本长度控制。·掌握镜头的使用。◆情感目标·培养对动画制作的喜爱及积极的学习态度。·通过小组合作创作培养合作精神。·通过项目实施中的互评与自评，形成认真、细致的学习与工作态度。项目准备多媒体机房教学设备、网络教学平台、教学课件，上课实例及相关素材、纸、笔。项目实施流程融入情景、设计脚本制作背景素材制作主角动画制作鞭炮动画制作广告词融入情景设计脚本【任务目标】·掌握分析动画的方法。·掌握公共库的使用方法。·能熟练制作动画脚本，使用文字或草图的方法简单描述整个动画。动画脚本与拍电影类似，当需要制作一个复杂的An动画作品时，常常需要使用文字或草图的方式将大脑中关于整个动画的设计描述出来，这就是动画脚本，它能帮助大家敲定作品的各个环节采用什么样的表现形式，每个角色及场景如何布局，让大家在制作的过程中心中有步骤，大大提升工作效率。欣赏An广告动画欣赏An广告动画欣赏An广告动画欣赏An广告动画提问大家欣赏了上述网页广告制作范例后，请问谁能快速、清晰、简练的描述其中某一个动画？学生活动每组的第一个同学向左边的一个同学描述一个刚才你看过的整个动画，这个同学再向他左边的同学转述刚听到的内容。依次类推后请最后的一个同学描述听到的内容。此时大家应该能发现了，最后一个同学的描述与第一同学的说法相差甚远。学生活动相信大家也都发现了，对于一些复杂的动画，我们看完之后很难比较清晰简明的描述出整个动画的细节，并且，如果是自己设想出来的一个动画，如果没有一种很好的方法将它准确的记录下来，就很可能过段时间，自己都记不清细节了。因此，找到一种方法将动画的细节及整个过程记录下来非常重要。其实，同样的问题，在电影及视频拍摄的过程中也存在，我们可以借鉴他们的方法。在这里介绍两种方法，一种就是文字脚本，另一种就是草图脚本。动画脚本与拍电影类似，当需要制作一个复杂的An动画作品时，常常需要使用文字或草图的方式将大脑中关于整个动画的设计描述出来，这就是动画脚本，它能帮助大家敲定作品的各个环节采用什么样的表现形式，每个角色及场景如何布局，让大家在制作的过程中心中有步骤，大大提升工作效率。文字脚本举例草图脚本举例思考与练习请大家使用文字脚本或草图脚本描述网络教学平台中的任意一个动画。任务二制作背景【任务目标】掌握分图层放置对象的方法。【任务描述】制作整个动画之前，可以先分析图层的层叠顺序，由底到面来制作。参照效果图，首先完成背景素材的制作。分图层放置对象的原则动静分离：在An中，对象一般情况下需要动静分离的放在不同的图层中。图层起名：一个动画作品中往往存在不少图层，为了避免出错，建议给每个图层起名，方便修改。层叠顺序：注意各个对象之间的层叠位置，来决定不同的图层放置什么对象。操作步骤新建图层。起名“天空”，绘制矩形，填充红色和玫红色，用渐变变形工具更改颜色的方向，锁图层。操作步骤在天空图层上新建图层，起名“云”。“插入”---“新建元件”，新建一个名字为“云动”的元件。随后在元件中将素材“云”图形元件放入，制作云上下微微移动的传统补间动画。将“云动”元件拖放到“云”图层中。操作步骤在云图层上新建图层，起名“星”。“插入”---“新建元件”，新建一个名字为“星动”的元件。随后在元件中将素材“星”图形元件放入，制作星左右微微移动的传统补间动画。将“星动”元件拖放到“星”图层中。【思考与练习】请思考，如果云和星的运动动画，没有在新建元件里面做，而是在场景里完成，会有什么效果？请尝试一下。任务三主角运动动画【任务目标】复习并熟练掌握使用绘图工具创建造型的方法。复习并熟练掌握运动补间动画的制作方法。掌握场景中的时间轴和影片剪辑中的时间轴的动画的联用。【任务描述】接下来，根据效果图，该到主角运动的部分了，本任务让大家随着时间的推移，完成主角从远到近，然后摇头卖萌的动画。场景、影片剪辑、图形元件中时间轴的简单区别场景的时间轴：在动画中按照时间的顺序，播放头顺序播放，若没有设置命令等操作，一般情况下不会重复、返回播放。影片剪辑的时间轴：影片剪辑属于元件的一种。它的时间轴与场景中的时间轴一样也可以制作动画。如果将影片剪辑托放到场景中，则生成影片文件时，会重复播放。图形元件的时间轴：图形元件属于元件的一种。它的时间轴与场景中的时间轴一样也可以制作动画。如果将图形元件托放到场景中，则生成影片文件时，不会重复播放。操作步骤首先我们需要绘制主角的形象。使用绘图工具栏，绘制“猪”的卡通形象。操作步骤把身体的每个部位分开绘制并成组或转为元件。最后将其组成一个完整的“猪”影片剪辑元件。身体元件组合好的影片剪辑元件操作步骤调整“猪”的四肢，做成原地踏步的动画。操作步骤在第41帧插入关键帧，分离元件，得到一个静止的猪形象，维持一段时间在场景的时间轴上制作“猪”从远到近的动画。单独新建一个图层，放置“猪”影片剪辑元件。在第1和第40帧处插入关键帧，调整元件的大小和位置，创建运动补间动画。操作步骤在第53帧插入空白关键帧，创建一个新影片剪辑元件，命名为“猪2”，在新元件里完成猪摇头的动画。摇头前摇头后【思考与练习】请思考，“猪”的运动效果，除了上述的方法，还有没有其他方法可以实现？请尝试一下。任务四“鞭炮”动画【任务目标】复习并熟练掌握逐帧动画的制作方法。复习并熟练掌握运动补间动画的制作方法。了解分别使用逐帧动画、运动补间动画技法做同一个动画的不同效果。【任务描述】根据效果图，有两串鞭炮在燃放的效果，分别有如下动画：纸屑飘飞，鞭炮左右摇摆等动画。逐帧动画、运动补间动画技法做同一个动画的不同效果在An动画中，为了实现某个动作，有时可以采用不同动画技法来完成，虽然最后的表现效果不同，但也能达到同样的目的。比如，鞭炮左右摇摆动画，分别可以用逐帧动画和运动补间动画来实现。逐帧动画效果和运动补间动画效果。

运动补间动画效果逐帧动画效果操作步骤新建元件。“插入”—“新建元件”，新建一个名字为“鞭炮动”的影片剪辑元件。操作步骤双击进入元件内，新建5个图层分别命名为“鞭炮1”、“鞭炮2”、“碎片”、“光”、“星星”。操作步骤将鞭炮1，“修改”—“转换为元件”，--命名为“鞭炮1”图形元件。双击进入到此元件中，用逐帧动画的方法，制作火光闪烁效果。

操作步骤返回到“鞭炮动”元件中，在“鞭炮1”图层上，制作如下运动补间动画，实现鞭炮1晃动的动画效果。

操作步骤将“鞭炮1”图层锁住。到“鞭炮2”图层中。将小鞭炮组合成鞭炮2。用逐帧动画或运动补间动画实现“鞭炮2”左右摆动的效果。

操作步骤在“碎片”图层，用逐帧动画实现碎片飞扬的效果。

操作步骤新建“星星2”图形元件，在元件里用运动补间动画实现星星由小到大、由深到浅的渐变效果。

操作步骤在“鞭炮动”元件里，“光”图层中，用逐帧动画实现多处闪光的效果。

操作步骤在“星星”图层里，将素材“星”拖放到何时的位置，多复制几个，调整位置，用逐帧动画的方法制作星星闪烁的效果。

操作步骤在场景中，新建鞭炮图层，将“鞭炮动”元件拖放到舞台中，复制一份，水平翻转，调整位置。

【思考与练习】请思考，上述运动补间动画实现的效果，可否使用逐帧动画实现？任务五广告词画轴效果【任务目标】复习并熟练掌握遮罩动画的制作方法。【任务描述】广告的目的性非常明确，必须告知观看者想宣传的主题是什么，可以通过多种元素和手法去表现主题。在本项目中，除了上述的动画效果外，广告词非常重要，为了让效果更突出显示，采用画轴的方法出现。遮罩动画效果在An动画中，遮罩动画的运用非常广泛，可以实现丰富多彩的效果，其中本任务采用的画轴效果是最经典的效果之一。进一步的探索可以看拓展任务。

操作步骤新建图层，命名为“文字”。在第40帧插入关键帧，用文字工具写上广告词“亲~~”。在第53帧，绘制深红色和亮红色渐变的矩形做背景，其上写广告词“新年大促销～”。

操作步骤在“文字”图层上新建图层“矩形”。在第53帧插入关键帧，绘制一个小矩形，颜色不论，形状和位置如图。第65帧插入关键帧，放大矩形，覆盖完整个广告词和底色矩形。然后创建形状补间动画。

操作步骤右键“矩形”图层，将它设置为遮罩层。制作画轴。用直线工具、选取工具和填充工具绘制一个画轴，并转为元件。在第53帧插入关键帧，拖放画轴放置到矩形的边缘位置。在第65帧，插入关键帧，随着矩形的变大，更改画轴的位置。

操作步骤在两个关键帧之间右键创建运动补间动画。同样的方法，制作另一边的画轴动画效果。保存文件，测试影片，生产影片文件。

制作完成至此，整个广告项目已经制作完成。场景中的时间轴提示如图。

【思考与练习】请思考，广告词出现的效果可否用其他动画形式来表现？卷轴动画是遮罩动画类型中较经典的动画效果之一，请大家尝试完成如下卷轴动画效果。【思考与练习】【卷轴动画制作思路】放图片。在底下新建图层--复制图片--转元件--添加模糊滤镜。在最上面新建图层--画矩形--第30帧插入关键帧--放大矩形--添加形状补间。矩形图层改为遮罩层。项目展示展示内容展示制作的项目作品，并自我评价。讲解制作过程中运用的知识内容和过程。与大家分享制作过程中遇到的问题及解决方法。汇报要求语言流畅，表述清晰。拓展任务活动广告制作【任务描述】相信大家已经掌握了制作一个复杂动画的流程和方法。下面给大家一个任务，为某公司举办的型男招募活动作个广告。【任务目标】熟练掌握网页广告制作方法。【效果图】【场景时间轴】【思考与练习】请从造型设计到动画脚本制作的整个流程来完成如图所示的案例设计。（从网络教学平台中获取素材及效果图）案例效果导语通过前五部分的基础学习，学生对AN制作软件有一定的了解，本项目通过企业提供的商业案例“垃圾分类宣传广告”的制作，让学生在案例制作中了解商业制作的具体流程以及基本操作。项目六商业案例制作【项目描述】住宅小区为号召国家垃圾分类政策，打算在网上进行宣传，需要做一个AN宣传动画，通过一个生动的广告形式去做宣传，请大家想一下，帮他解决问题吧？【项目目标】一、知识与技能目标：1.掌握人物三视图的绘制与制作方法。2.了解商业案例的制作流程。3.掌握动作补间动画的制作。4.掌握形状补间动画的制作。5.掌握传统补间动画的制作。6.掌握引导线动画的制作。7.掌握遮罩动画的制作。8.掌握滤镜与摄像头的使用。【项目目标】二、情感目标：

1.认识商业案例制作的具体流程。2.培养对动画制作的喜爱及积极的学习态度。3.鼓励学生积极制作，使学生能形成互相促进，互相交流的学习氛围。4.通过项目实施中的互评与自评，形成认真、细致的学习与工作态度。【项目准备】

多媒体机房教学设备、网络教学平台、教学课件，上课实例及相关素材、纸、笔。【项目实施流程】手绘分镜脚本绘制角色、道具、场景分镜头的制作制作素材：按钮【任务一绘制角色、道具、场景任务描述】将商业案例中的人物三视图、垃圾桶、易拉罐、扫把、猫咪、鱼骨绘制出来。详细步骤见项目一的拓展任务二。【任务二分镜头的制作】任务描述根据脚本，制作分镜头。任务目标分镜头之间要形成连贯，镜头的要前后连贯，为镜头的整合做好基础。任务实施任务分析：镜头1：主要涉及“动作补间动画”和“形状补间动画”制作和镜头的推移；镜头2：主要涉及“动作补间动画”的制作和镜头的推移；镜头3：主要涉及“形状补间动画”的制作；镜头4：主要涉及“动作补间动画”和“引导线动画”制作、镜头的缩放、滤镜的设置；【任务二分镜头的制作】镜头5：主要涉及“动作补间动画”的制作和镜头的推移、滤镜的设置；镜头6：主要涉及“动作补间动画”的制作和镜头的缩放、滤镜的设置；镜头7：主要涉及“动作补间动画”和“形状补间动画”制作、镜头的推移、滤镜的设置人物的跑步动画；镜头8：主要涉及“动作补间动画”和“形状补间动画”制作、镜头的推移；镜头9：主要涉及“动作补间动画”和“形状补间动画”的制作；镜头10：主要涉及“动作补间动画”和“引导线动画”制作、滤镜的设置；镜头11：主要涉及“动作补间动画”和“引导线动画”的制作；镜头12：主要涉及“动作补间动画”和“引导线动画”、“引导线动画”的制作；镜头13：主要涉及“动作补间动画”和“引导线动画”的制作；【任务二分镜头的制作】镜头9：主要涉及“动作补间动画”和“形状补间动画”的制作；镜头10：主要涉及“动作补间动画”和“引导线动画”制作、滤镜的设置；镜头11：主要涉及“动作补间动画”和“引导线动画”的制作；镜头12：主要涉及“动作补间动画”和“引导线动画”、“引导线动画”的制作；镜头13：主要涉及“动作补间动画”和“引导线动画”的制作；【制作步骤：镜头一】步骤一：创建影片文档打开Animate软件，选择【文件】菜单中的【新建】命令，在弹出的对话框中选择“标准”，然后将舞台大小设置为宽1920像素，高1080像素，平台类型为“ActionScript3.0”，如图6-2-1所示，单击“确定”按钮，新建一个影片文档。图6-2-1新建文档【制作步骤：镜头一】步骤二：将舞台背景颜色设置为天蓝色步骤三：制作“云”元件使用“椭圆工具”绘制一个椭圆，然后删除椭圆的下半部分，使用“选择工具”调椭圆的弧度，并利用“选择工具+Alt”添加锚点，绘制出如图6-2-2所示的云朵。图6-2-2云朵【制作步骤：镜头一】步骤四：复制“人物侧面”元件从原来三视图的文档中将“人物侧面”元件拖入当前舞台，并调整好人物大小和位置，如图6-2-3所示。图6-2-3人物侧面【制作步骤：镜头一】步骤五：制作云的动画1）新建图层，将云拖入舞台，放置在合适的位置；2）在该图层第24帧的位置添加关键帧，将云的位置右移一部分；3）在该图层两个关键帧的位置添加“传统补间动画”。【制作步骤：镜头一】步骤六：制作眨眼动画1）编辑“眼睛”元件，分别在第14、16、18帧的位置添加关键帧，在24帧的位置添加空白帧；2）选中第16帧关键帧，选择变形工具将眼睛缩小；3）在第14和16帧之间创建“形状补间动画”，同时在第16和18帧之间创建“形状补间动画”。最终帧的设置如图6-2-4所示图6-2-4图层设置【制作步骤：镜头一】步骤七：制作斗笠动画1）编辑“人物侧面”元件，在斗笠图层的第12和24帧的位置分别插入关键帧；2）将第12帧关键帧的斗笠，使用变形工具，旋转-2°（注意：旋转点要放置在斗笠尖端的位置）；3）在第1和12帧之间、第12和24帧之间分别创建“传统补间动画”。【制作步骤：镜头一】步骤八：制作镜头移动动画最终图层效果如图6-2-5所示。图6-2-5图层效果【制作镜头二】步骤一：创建影片文档1）打开Animate软件，选择【文件】菜单中的【新建】命令，在弹出的对话框中选择“标准”，然后将舞台大小设置为宽1920像素，高1080像素，平台类型为“ActionScript3.0”，单击“确定”按钮，新建一个影片文档。步骤二：选择“矩形工具”，绘制一个大于舞台的矩形，颜色同镜头一的天蓝色。【制作镜头二】步骤三：复制“云”元件1）从镜头一文档中将“云”元件拖入当前舞台，并调整好大小和位置，拖入两次分别放置在不同的图层，如图7所示。步骤四：复制“人物正面”元件1）新建图层，从原来三视图的文档中将“人物正面”元件拖入舞台，并调整好人物大小和位置，如图6-2-6所示。图6-2-6人物正面【制作镜头二】步骤五：制作眨眼动画1）该动画的制作同镜头一眨眼动画一样。步骤六：制作头部动画1）编辑“头部完整正面”元件，选择“任意变形工具”，将眉毛元件的中心点设置在眉尖，在眉毛图层的第24帧的位置添加关键帧，然后将眉毛逆时针旋转一个角度，如图6-2-7所示；2）同理设置另外一个眉毛；3）选择鼻子、胡子、下巴、嘴巴的图层，分别在其24帧添加关键帧，该关键帧的对应内容上移一段位置，第1-24帧之间添加“传统补间动画”。图6-2-7眉毛【制作镜头二】步骤七：制作斗笠动画1）编辑“人物正面”元件，在斗笠图层的第12和24帧的位置分别插入关键帧；2）将第12帧关键帧的斗笠，使用变形工具，将斗笠下边沿上移；3）在第1和12帧之间、第12和24帧之间分别创建“传统补间动画”。步骤八：制作场景一动画最终图层效果如图6-2-8所示图6-2-8最终效果【制作镜头三、四】步骤一：创建影片文档1）打开Animate软件，选择【文件】菜单中的【新建】命令，在弹出的对话框中选择“标准”，然后将舞台大小设置为宽1920像素，高1080像素，平台类型为“ActionScript3.0”，单击“确定”按钮，新建一个影片文档。步骤二：选择“矩形工具”，绘制一个大于舞台的矩形，颜色同镜头一的天蓝色。【制作镜头三、四】步骤三：制作天台背景1）新建图层，图层名称改为天台，使用“矩形工具”和“自由变形工具”，绘制出如图6-2-9所示的天台，并将天台放置合适的位置。步骤三：制作下落背景2）新建图层，图层名称改为下落背景，使用“矩形工具”和“直线工具”绘制出人物下落时的背景图，如图6-2-10所示，并将下落背景放置在合适的位置。图6-2-9天台图6-2-10下落背景【制作镜头三、四】步骤四：新建图层，将图层名称改为云层，把之前制作好的“云”元件拖入舞台，调整好大小和位置（注意每个云层均是2-3个“云”元件组合而成，组合中的1-2个云层需要调整色彩效果属性，样式选择“Alpha”，值可以调为83%），如图6-2-11和图6-2-12所示。图6-2-11云朵图6-2-12色彩效果【制作镜头三、四】步骤五：新建俩个图层，图层名称分别为“云1”和“云2”，然后将“云”元件拖入，分别放置在如图6-2-13所示位置。步骤六：复制“人物背面”元件1）新建图层，名称改为人物，将之前制作的“人物背面”元件拖入舞台，调整好大小和位置，如图6-2-13所示。图6-2-13云朵位置【制作镜头三、四】步骤七：制作“人-风吹”动画步骤八：制作“人-起跳”动画步骤九：场景一动画制作1）在“云1”和“云2”图层的第96帧分别添加关键帧，然后分别向右移动云的位置，1-96帧之间创建传统补间动画；【制作镜头三、四】2）新建图层，将图层名称改为“滤镜”，在第64和81帧插入关键帧，并在64帧添加滤镜，属性如图6-2-14所示，在64-81帧之间创建“传统补间动画”；3）在人物图层第48帧的位置，插入空白关键帧，将“人物背面复制”元件拖入，放置在原来人物所在位置，在第60和第62帧插入关键帧，在62帧添加模糊滤镜，如图6-2-14所示，而后在60-62帧之间创建“传统补间动画”，第63帧添加空白关键帧；图6-2-14滤镜设置【制作镜头三、四】4）添加摄像机，让镜头按照预设移动，摄像头的属性如图6-2-15最终停留在图6-2-16所示位置；图6-2-15摄像头属性图6-2-16云端【制作镜头五】步骤一：创建影片文档打开Animate软件，选择【文件】菜单中的【新建】命令，在弹出的对话框中选择“标准”，然后将舞台大小设置为宽1920像素，高1080像素，平台类型为“ActionScript3.0”，单击“确定”按钮，新建一个影片文档。【制作镜头五】步骤二：制作背景1）将舞台颜色改成“#CCCCCC”2）在新图层上，使用“矩形工具”绘制天空背景；3）制作线条元件，在元件中第10、22帧的位置插入关键帧，第10帧线条增长，第22帧线条缩短，第23帧插入空白关键帧；4）新建图层，利用线条元件制作线条背景，如图6-2-17所示图6-2-17制作背景【制作镜头五】5）新建图层，使用使用“矩形工具”绘制