（中职） Animate动画设计与制作项目教程项目六 商业案例ppt教学课课件

1、YCF正版可修改PPT（中职） Animate动画设计与制作项目教程项目六 商业案例ppt教学课课件导语通过前五部分的基础学习，学生对AN制作软件有一定的了解，本项目通过企业提供的商业案例“垃圾分类宣传广告”的制作，让学生在案例制作中了解商业制作的具体流程以及基本操作。项目六 商业案例制作【项目描述】住宅小区为号召国家垃圾分类政策，打算在网上进行宣传，需要做一个AN宣传动画，通过一个生动的广告形式去做宣传，请大家想一下，帮他解决问题吧？【项目目标】一、知识与技能目标：1.掌握人物三视图的绘制与制作方法。2.了解商业案例的制作流程。3.掌握动作补间动画的制作。 4.掌握形状补间动画的制作。5.掌

2、握传统补间动画的制作。6.掌握引导线动画的制作。7.掌握遮罩动画的制作。8.掌握滤镜与摄像头的使用。【项目目标】二、情感目标： 1. 认识商业案例制作的具体流程。2.培养对动画制作的喜爱及积极的学习态度。3.鼓励学生积极制作，使学生能形成互相促进，互相交流的学习氛围。4.通过项目实施中的互评与自评，形成认真、细致的学习与工作态度。【项目准备】 多媒体机房教学设备、网络教学平台、教学课件，上课实例及相关素材、纸、笔。【项目实施流程】手绘分镜脚本绘制角色、道具、场景分镜头的制作制作素材：按钮【任务一绘制角色、道具、场景任务描述】将商业案例中的人物三视图、垃圾桶、易拉罐、扫把、猫咪、鱼骨绘制出来。详

3、细步骤见项目一的拓展任务二。【任务二 分镜头的制作】任务描述根据脚本，制作分镜头。任务目标分镜头之间要形成连贯，镜头的要前后连贯，为镜头的整合做好基础。任务实施任务分析：镜头1：主要涉及“动作补间动画”和“形状补间动画”制作和镜头的推移；镜头2：主要涉及“动作补间动画”的制作和镜头的推移；镜头3：主要涉及 “形状补间动画”的制作；镜头4：主要涉及“动作补间动画”和“引导线动画”制作、镜头的缩放、滤镜的设置；【任务二 分镜头的制作】镜头5：主要涉及“动作补间动画”的制作和镜头的推移、滤镜的设置；镜头6：主要涉及“动作补间动画”的制作和镜头的缩放、滤镜的设置；镜头7：主要涉及“动作补间动画”和“形

4、状补间动画”制作、镜头的推移、滤镜的设置人物的跑步动画；镜头8：主要涉及“动作补间动画”和“形状补间动画”制作、镜头的推移；镜头9：主要涉及“动作补间动画”和“形状补间动画”的制作；镜头10：主要涉及“动作补间动画”和“引导线动画”制作、滤镜的设置；镜头11：主要涉及“动作补间动画”和“引导线动画”的制作；镜头12：主要涉及“动作补间动画”和“引导线动画”、“引导线动画”的制作；镜头13：主要涉及“动作补间动画”和“引导线动画”的制作；【任务二 分镜头的制作】镜头9：主要涉及“动作补间动画”和“形状补间动画”的制作；镜头10：主要涉及“动作补间动画”和“引导线动画”制作、滤镜的设置；镜头11：

5、主要涉及“动作补间动画”和“引导线动画”的制作；镜头12：主要涉及“动作补间动画”和“引导线动画”、“引导线动画”的制作；镜头13：主要涉及“动作补间动画”和“引导线动画”的制作；【制作步骤：镜头一】步骤一：创建影片文档打开Animate软件，选择【文件】菜单中的【新建】命令，在弹出的对话框中选择“标准”，然后将舞台大小设置为宽1920像素，高1080像素，平台类型为“ActionScript 3.0”，如图6-2-1所示，单击“确定”按钮，新建一个影片文档。图6-2-1 新建文档【制作步骤：镜头一】步骤二：将 舞台背景颜色设置为天蓝色步骤三：制作“云”元件使用“椭圆工具”绘制一个椭圆，然后删

6、除椭圆的下半部分，使用“选择工具”调椭圆的弧度，并利用“选择工具+Alt”添加锚点，绘制出如图6-2-2所示的云朵。图6-2-2 云朵【制作步骤：镜头一】步骤四：复制“人物 侧面”元件从原来三视图的文档中将“人物 侧面”元件拖入当前舞台，并调整好人物大小和位置，如图6-2-3所示。图6-2-3 人物侧面【制作步骤：镜头一】步骤五：制作云的动画1）新建图层，将云拖入舞台，放置在合适的位置；2）在该图层第24帧的位置添加关键帧，将云的位置右移一部分；3）在该图层两个关键帧的位置添加“传统补间动画”。【制作步骤：镜头一】步骤六：制作眨眼动画1）编辑“眼睛”元件，分别在第14、16、18帧的位置添加关

7、键帧，在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 图层效果【制

8、作镜头二】步骤一：创建影片文档1）打开Animate软件，选择【文件】菜单中的【新建】命令，在弹出的对话框中选择“标准”，然后将舞台大小设置为宽1920像素，高1080像素，平台类型为“ActionScript 3.0”，单击“确定”按钮，新建一个影片文档。步骤二：选择“矩形工具”，绘制一个大于舞台的矩形，颜色同镜头一的天蓝色。【制作镜头二】步骤三：复制“云”元件1）从镜头一文档中将“云”元件拖入当前舞台，并调整好大小和位置，拖入两次分别放置在不同的图层，如图7所示。步骤四：复制“人物 正面”元件1）新建图层，从原来三视图的文档中将“人物 正面”元件拖入舞台，并调整好人物大小和位置，如图6-2

9、-6所示。图6-2-6 人物正面【制作镜头二】步骤五：制作眨眼动画1）该动画的制作同镜头一眨眼动画一样。步骤六：制作头部动画1）编辑“头部完整 正面”元件，选择“任意变形工具”，将眉毛元件的中心点设置在眉尖，在眉毛图层的第24帧的位置添加关键帧，然后将眉毛逆时针旋转一个角度，如图6-2-7所示；2）同理设置另外一个眉毛；3）选择鼻子、胡子、下巴、嘴巴的图层，分别在其24帧添加关键帧，该关键帧的对应内容上移一段位置，第1-24帧之间添加“传统补间动画”。图6-2-7 眉毛【制作镜头二】步骤七：制作斗笠动画1）编辑“人物 正面”元件，在斗笠图层的第12和24帧的位置分别插入关键帧；2）将第12帧关

10、键帧的斗笠，使用变形工具，将斗笠下边沿上移；3）在第1和12帧之间、第12和24帧之间分别创建“传统补间动画”。步骤八：制作场景一动画最终图层效果如图6-2-8所示图6-2-8 最终效果【制作镜头三、四】步骤一：创建影片文档1）打开Animate软件，选择【文件】菜单中的【新建】命令，在弹出的对话框中选择“标准”，然后将舞台大小设置为宽1920像素，高1080像素，平台类型为“ActionScript 3.0”，单击“确定”按钮，新建一个影片文档。步骤二：选择“矩形工具”，绘制一个大于舞台的矩形，颜色同镜头一的天蓝色。【制作镜头三、四】步骤三：制作天台背景1）新建图层，图层名称改为天台，使用“

11、矩形工具”和“自由变形工具”，绘制出如图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、12 色彩效果【制作镜头三、四】步骤五：新建俩个图层，图层名称分别为“云1”和“云2”，然后将“云”元件拖入，分别放置在如图6-2-13所示位置。步骤六：复制“人物 背面”元件1）新建图层，名称改为人物，将之前制作的“人物 背面”元件拖入舞台，调整好大小和位置，如图6-2-13所示。图6-2-13 云朵位置【制作镜头三、四】步骤七：制作“人-风吹”动画步骤八：制作“人-起跳”动画步骤九：场景一动画制作1）在“云1”和“云2”图层的第96帧分别添加关键帧，然后分别向右移动云的位置，1-96帧之间创建传统补间动画；【制作镜头三、四】2）新建图层，将图层名称改为“滤镜”，在第64和81帧插入关键帧，

13、并在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软件，选择【文件】菜单中的【新建】

14、命令，在弹出的对话框中选择“标准”，然后将舞台大小设置为宽1920像素，高1080像素，平台类型为“ActionScript 3.0”，单击“确定”按钮，新建一个影片文档。【制作镜头五】步骤二：制作背景1）将舞台颜色改成“#CCCCCC”2）在新图层上，使用“矩形工具”绘制天空背景；3）制作线条元件，在元件中第10、22帧的位置插入关键帧，第10帧线条增长，第22帧线条缩短，第23帧插入空白关键帧；4）新建图层，利用线条元件制作线条背景，如图6-2-17所示图6-2-17 制作背景【制作镜头五】5）新建图层，使用使用“矩形工具”绘制，其中颜色使用白色与透明渐变，如图6-3-26所示，并在其图层

15、第38帧插入空白关键帧。【制作镜头五】步骤三：制作“楼层”元件1）新建元件，使用“矩形工具”绘制一个梯形表中楼层，如图6-2-18所示；2）新建图层，绘制一个大于梯形的矩形，用以表示阴影，如图6-2-18所示；在该图层第12帧插入关键帧，调整好形状为位置，如图6-2-18所示，给1-12帧之间创建“形状补间动画”；图6-2-18 楼层阴影【制作镜头五】3）复制阴影图层，将1-12帧移动到12-24帧；4）复制楼层图层，将其置于阴影图层的上方，设置为两个阴影图层的遮罩如图6-2-18所示图6-2-19 楼层形状【制作镜头五】步骤四：制作“人物_下降”元件1）将“头部完整 正面”、“手”“腿”“斗

16、笠”“披风 正面”元件拖入舞台，然后新建元件，将元件名称改为“人物_下降”；2）编辑“人物_下降”元件，将图层名称改为头，将“头部_完整”元件拖入舞台；3）新建图层，图层名称改为手，将“手”元件拖入舞台，调整好位置；然后复制图层，将手水平翻转，调整好位置；【制作镜头五】4）新建图层，图层名称改为斗笠，将“斗笠”元件拖入舞台，调整好位置；5）新建图层，图层名称改为披风，将“披风 正面”元件改为“披风 下降”，并把元件拖入舞台，变形及调整好位置。最终效果如图6-2-20所示。图6-2-20 人物下降【制作镜头五】步骤五：制作“人物_下降”元件的动画步骤六：制作“人物_投影”元件1）复制“人物_下降

17、”元件，将元件名称改为“人物_投影”，并删除披风以外的图层；2）新建图层，将“腿”元件拖入舞台，利用变形工具调整好形状、大小，最后将腿移动到合适的位置。【制作镜头五】步骤七：制作场景一动画1）新建两个图层，将人物和阴影拖入，放置在如图2所示位置，阴影图层添加滤镜，滤镜的属性设置如图6-2-21所示；2）新建图层，在图层第12帧处插入线条元件，使其得到如图6-2-22所示的效果；图6-2-21 滤镜属性 图6-2-22 线条【制作镜头五】步骤七：3）插入摄像机，调整摄像机属性，同项目二拓展任务一的第4个镜头变化。【制作镜头六七】步骤一：创建影片文档打开Animate软件，选择【文件】菜单中的【新

18、建】命令，在弹出的对话框中选择“标准”，然后将舞台大小设置为宽1920像素，高1080像素，平台类型为“ActionScript 3.0”，单击“确定”按钮，新建一个影片文档。步骤二：制作“大侠 落地”元件步骤三：制作“清洁工 侧面”元件将前面做好的清洁工三视图侧面视图的文件导入，然后新建图层，将绘制好的“扫把”元件拖入，调整扫把的色彩样式为Alpha 60%，并调整清洁工的手部形状，如图6-2-23所示。图6-2-23 清洁工侧面【制作镜头六七】步骤四：制作“灰层”元件1）新建影片剪辑元件，然后利用“椭圆工具”绘制圆形，要求颜色为白色，如如图6-2-24所示；2）将关键帧移至第7帧，再在第2

19、0帧插入关键帧，将20帧的圆形调整好位置和大小，并将图形的颜色透明度调为0，如图6-2-25所示，在7-20帧之间创建“形状补间动画”，第21帧插入空白关键帧；3）复制两个同样的图层，两个复制的图层，关键帧分别比前一个图层后移一帧；图6-2-24 椭圆图6-2-25 椭圆 【制作镜头六七】步骤五：制作线条元件1）使用线条工具绘制线条（颜色#999999，透明度50%，笔触大小50px）；2）在第6帧插入关键帧，线条右移；3）第8帧插入关键帧，线条继续右移并缩短；4）给1-6、6-8帧之间插入“形状补间动画”；5）第9帧插入空白关键帧，第48帧插入空白帧（F5）。步骤六：场景一动画制作，同项目二

20、拓展任务一第5个镜头。【制作镜头六七】制作镜头七步骤一：创建影片文档打开Animate软件，选择【文件】菜单中的【新建】命令，在弹出的对话框中选择“标准”，然后将舞台大小设置为宽1920像素，高1080像素，平台类型为“ActionScript 3.0”，单击“确定”按钮，新建一个影片文档。步骤二：制作人物跑步动画1.制作前腿的第一帧；1）新建一个图层，命名为“前腿”。2）使用“钢笔工具”绘制前腿的形状，并通过“转换描点工具”调整腿的形状，如图6-2-26所示。图6-2-26 前腿【制作镜头六七】3）再绘制一条直线作为人物的脚，注意脚的部分为2段要把脚趾头部分做出来，如图6-2-27所示。4）

21、给大腿使用“颜料桶工具”填充颜色：#4E5755，将脚的“笔触”修改为50，“笔触颜色”改为：#9B855C，如图6-2-28所示。 图6-2-27 脚趾图6-2-28 填充颜色【制作镜头六七】2.制作后腿的第一帧；1）新建一个图层，命名为“后腿”：2）使用“钢笔工具”绘制后腿的形状，并通过“转换描点工具”调整腿的形状，再绘制一条直线作为人物的脚，如图6-2-29所示。3）给大腿使用“颜料桶工具”填充颜色：#4E5755，将脚的“笔触”修改为50，颜色改为：#9B855C，如图6-2-30所示。图6-2-30 后腿填充颜色 图6-2-29 后腿【制作镜头六七】4）使用鼠标单击后腿的第一帧关键帧

22、，进入属性面板，将帧的“色彩样式”改为“亮度”，数值为：-20%。如图6-2-31所示，区分前后腿，为其以后制作动画提供便利。步骤三：制作逐帧跑步动画；1）通过复制帧并且修改点的位置调整腿部的形状，每一帧的动画如图6-2-32所示，制作10帧跑步周期逐帧动画。（注意：该人物为在原地跑步，所以中心点不变。)图6-2-31 调整色彩效果图6-2-32 跑步动作【制作镜头六七】2）第11帧-21帧，前后腿反过来的周期逐帧动画，参考图6-2-32、图6-2-33所示。3）22-40帧则是复制前20帧。4）最后给“前腿”和“后腿”所有关键帧，添加“模糊滤镜”，单击关键帧，进入属性面板，为其添加滤镜：模糊

23、，取消模糊X、Y的链接，将模糊X改为50，如图6-2-34所示，即可产生模糊的效果，如图6-2-35所示。图6-2-33 跑步动作 图6-2-34 滤镜设置 图6-2-35 模糊效果【制作镜头六七】1）使用“钢笔工具绘制如图6-2-36所示形状的披风；2）使用工具栏中的“资源变形工具”，为其添加三个变形点，并通过变形点调整披风的形状，如图6-2-37所示。3）在第8帧、18帧、14帧、21帧分别插入一个关键帧，修改披风的形状，形状如图6-2-38所示，并在两两关键帧之间都为其插入“传统补间”。图6-2-36 披风 图6-2-37 调整形状图6-2-38 披风形状【制作镜头六七】4）前21帧与后

24、21帧相同的，所以复制1-21帧的关键帧，粘贴到22-41帧中，如图6-2-39所示。5）最后将“披风”图层所有帧，添加“模糊滤镜”，单击帧，进入属性面板，为其添加滤镜：模糊，取消模糊X、Y的链接，将模糊X改为100，如图6-2-40所示，即可产生模糊的效果。图6-2-39 披风关键帧图6-2-40 滤镜设置【制作镜头六七】步骤五：制作人物阴影部分；1）新建图层，命名为“阴影”。2）使用“椭圆工具”，绘制一个椭圆形状，颜色为#535353，“透明度alpha”数值为15%，如图6-2-41所示，位置和大小如图6-2-42所示。3）在第8帧处插入一个关键帧，利用椭圆“属性面板”，将椭圆的宽度改为

25、1994，高度位置不变，如图6-2-43所示，在其任意一帧点击鼠标右键为其添加形状补间。图6-2-41 阴影图6-2-43 第八帧位置图6-2-44 第14帧位置【制作镜头六七】4）在14帧处插入关键帧，将椭圆的大小与位置改为如图6-2-44所示，并在两个关键帧之间，在其任意一帧点击鼠标右键为其添加形状补间。5）在18帧处插入关键帧，将椭圆的大小与位置改为如图6-2-45所示，并在两个关键帧之间，在其任意一帧点击鼠标右键为其添加形状补间。6）在21帧处插入关键帧，将椭圆的大小与位置改为如图6-2-46所示，并在两个关键帧之间，在其任意一帧点击鼠标右键为其添加形状补间。图6-2-44 第14帧位

26、置图6-2-45 第18帧位置图6-2-46 第21帧位置【制作镜头六七】7）将1-21帧复制关键，粘贴到22帧-41帧处，如图6-2-47所示。8）最后将“阴影”图层的所有帧，添加“模糊滤镜”，单击帧，进入属性面板，为其添加滤镜：模糊，取消模糊X、Y的链接，将模糊X改为100，如图6-2-48所示，即可产生模糊的效果。图6-2-47 帧设置图6-2-48 滤镜属性【制作镜头六七】步骤六：制作线条动画；1）新建一个图层，命名为”线条1”。2）使用”线条工具”，将线条的“颜色”改为白色，“笔触”为50，如图6-2-49所示。绘制线条如图6-2-50所示的长线条，大约12条。图6-2-49 笔触设

27、置图6-2-50 线条制作【制作镜头六七】3）复制图层“线条1”，将名称改为“线条2”，并将”线条2“放置在“线条1”的下面，如图6-2-51所示。4）制作线条的运动，在21帧创建一个关键帧，将长线条向右移动，前端移动到接近画面的左侧。然后在两个关键帧中间任意选择其中的帧并单击右键，为其添加传统补间。线条2同上操作。图6-2-51 线条制作【制作镜头六七】5）22帧-42帧，复制1-21帧的关键帧。线条2同上操作。6）最后将“线条”图层里的所有帧，添加“模糊滤镜”，单击帧，进入属性面板，为其添加滤镜：模糊，取消模糊X、Y的链接，将模糊X改为100，如图6-2-52所示，即可产生模糊的效果。图6

28、-2-52 滤镜设置 【制作镜头六七】步骤七：制作地面1）创建一个图层，命名为“地面”。2）使用“矩形工具”，创建一个长方体形状，将它的颜色修改为：#DEDEDE，并修改他的大小以及位置，如图6-2-53所示。步骤八：制作背景1）创建一个图层，命名为”背景”。2）使用矩形工具创建一个长方体形状，将它的颜色改为:#94D1F3，并修改他的大小以及位置，如图6-2-54所示。图6-2-53地面的位置图6-2-54 背景的位置【制作镜头六七】步骤九：制作摄像头动画，同项目二拓展任务一第6个镜头变化1）点击工具栏中的摄像头工具，创建一个摄像头图层，如图6-2-55所示。2）将时间轴放在第一帧处，将摄像

29、头的属性位置修改成如图6-2-56所示。图6-2-55 摄像头图6-2-56 第1帧位置 【制作镜头六七】3）在第9帧处插入一个关键帧，并将摄像头的属性的X方向的位置数字改为0，Y方向的不变，如图6-2-57所示，右键单击中间任意关键帧，创建传统补间。4）最后在42帧关键帧出创建帧，并最终调整各部分的位置。图6-2-57 第9帧位置【制作镜头六七】3）在第9帧处插入一个关键帧，并将摄像头的属性的X方向的位置数字改为0，Y方向的不变，如图6-2-57所示，右键单击中间任意关键帧，创建传统补间。4）最后在42帧关键帧出创建帧，并最终调整各部分的位置。图6-2-57 第9帧位置【制作镜头八】步骤一：

30、创建影片文档打开Animate软件，选择【文件】菜单中的【新建】命令，在弹出的对话框中选择“标准”，然后将舞台大小设置为宽1920像素，高1080像素，平台类型为“ActionScript 3.0”，单击“确定”按钮，新建一个影片文档。步骤二：制作人物初始形态；1.整理清洁工人物1）选择【文件】菜单中的【导入】命令中的【导入到舞台】，在弹出对话框中选择之前制作好的清洁工正面。【制作镜头八】2.制作手的初始形态1）鼠标双击左手，进入“左手”元件里，选中左手手掌部分，如图6-2-58所示，选中后按“F8”，转换为元件，类型选择“图形”，名称改为“左手手掌”，如图6-2-59所示。2）删除掉图层“左

31、手”中的手掌，并将改图层修改名称为：左手手臂，并将手臂使用任意变形工具，旋转90度，如图6-2-60所示。图6-2-58 手 图6-2-59 元件设置图6-2-60 左手手臂【制作镜头八】3）返回到“正面”场景，新建一个图层，将它命名为左手手掌，将刚刚的左手手掌元件拖动到图层中，并移动位置，调整一下手掌的大小与形状，如图6-2-61所示。4）在“左手手掌”场景中新建一个图层，命名为“手指”，为其手掌绘制一个手指，颜色为：#FFE0C2，如图6-2-62所示，并移动到相应的位置，如图6-2-63所示。图6-2-61 左手手掌 图6-2-62 手指形状图6-2-63 手指位置【制作镜头八】5）返回

32、“正面”场景，双击进入右手的场景中，将之前制作好的“扫把”元件移动到右手图层中，如图6-2-64所示。6）将斗笠、头部、上半身、右腿、左腿、右手，分别在48帧出，插入一个帧，并锁起来，这几个层为不动部分。图6-2-64 扫把位置【制作镜头八】步骤三：制作人物手部动画；1.制作手臂的动画：1）在左手手臂图层的第8帧，插入关键帧，将手臂的长度，使用任意变形工具，缩短大致一半，如图6-2-65所示。2）在左手手臂图层的第9帧，插入关键帧，将手臂的长度，使用任意变形工具，缩短为现在的一半，如图6-2-66所示。3）在左手手臂图层的第10帧，插入关键帧，将手臂的长度，使用任意变形工具，缩短为如图6-2-

33、67所示的长度。图6-2-65 第8帧手臂 图6-2-66 第9帧手臂 图6-2-67 第10帧手臂【制作镜头八】在第48帧插入帧，如图6-2-68所示。2.制作手掌的动画：1）在左手手掌图层的第8帧，插入关键帧，使用移动工具，移动到如图6-2-69所示的位置。2）在左手手臂图层的第9帧，插入关键帧，使用移动工具，移动到如图6-2-70所示的位置。图6-2-68关键帧设置图6-2-69 第9帧手掌 图6-2-70 第13帧手掌 【制作镜头八】3）在左手手臂图层的第13帧，插入关键帧，使用移动工具，移动到如图6-2-71所示的位置。4）在第48帧插入帧（注意手的位置要配合手臂的位置）。3.制作手

34、掌下滑时的运动模糊效果：1）新建一个图层，命名为“手掌模糊”。2）在第8帧出，插入一个关键帧，使用“线条工具”，修改颜色为：#FFD8B2，笔触大小为：54，在手臂的上端绘制一条直线，如图6-2-72所示。3）在第9帧插入一个关键帧，使用任意变形工具，改变线条的长度，如图6-2-73所示。图6-2-71 第48手掌图6-2-72 第8帧位置 图6-2-73 第9帧位置【制作镜头八】4）在第10帧插入一个关键帧，使用任意变形工具，改变线条的长度，如图6-2-74所示。5）在第11帧插入一个关键帧，使用任意变形工具，改变线条的长度，如图6-2-75所示。6）在第12帧插入一个关键帧，使用任意变形工

35、具，改变线条的长度，如图6-2-76所示。图6-2-74 第10帧位置 图6-2-75 第11帧位置 图6-2-76 第12帧位置【制作镜头八】7）在第12帧楚插入一个空白关键帧，并在48帧处插入一个帧，如图6-2-77所示。8）分别单个选择“手掌模糊”的所有关键帧，在属性面板中分别添加模糊滤镜，数值如图6-2-78所示。图6-2-77 关键帧设置图6-2-78 滤镜设置【制作镜头八】步骤四：制作脸部动画1.整理好头部图层，如下图6-2-79所示2.制作眼睛动画1)双击左眼睛元件，进入眼睛场景中，在13帧处插入一个关键帧，在15帧处再插入一个关键帧，在15帧处将眼睛使用任意变形工具，缩小成如图

36、6-2-80所示。并在13-15帧中间插入“形状补间动画”。图6-2-79 整理图层图6-2-80 眼睛形状【制作镜头八】2）在17帧处插入一个空白关键帧，在15-17帧中间插入“形状补间动画”，然后复制第一帧，粘贴到第25帧处，在48处插入帧，如图6-2-81所示。3）右眼的动画制作同上操作。3.制作眉毛动画1）在第5帧处 插入一个关键帧，将眉毛的位置向下移动一段距离，如图6-2-82所示。并在第1和第5帧处插入“传统补间”。图6-2-81 关键帧设置图6-2-82 眉毛形状【制作镜头八】2）在第7帧处 插入一个关键帧，将眉毛的位置再向下移动一点距离，并在第5和第7帧插入“传统补间”。3）复

37、制第5帧关键帧粘贴在第9帧处 并在第7和第9帧插入传统补间，最后在48帧处插入帧，如图6-2-83所示。4）右眉毛的动画同上操作。图6-2-83 眉毛关键帧【制作镜头八】步骤五：制作背景1）新建图层，名称改为“背景”。2）创建一个矩形，颜色为：#94D1F3，位置与大小如图6-2-84所示。步骤六：制作人物抖动效果1）在场景中，选择“人物”的图层，在第7帧处插入一个关键帧，使人物向下移动一段距离，并在第1帧和第7帧之间插入“传统补间”，在48帧处插入帧如图6-2-85所示。制作人物手往下滑时，人物的抖动效果。图6-2-84 背景位置图6-2-85 关键帧设置【制作镜头八】2）选择第一帧关键帧，

38、在属性面板中添加模糊滤镜，数值修改如图6-2-86，制作运动模糊的效果。步骤七：制作摄像头1）点击工具栏中的摄像头工具，创建一个摄像头图层，如图6-2-87所示。2）将时间轴放在第一帧处，将摄像头的属性位置修改成如图6-2-88所示。图6-2-87 摄像头图6-2-88 第1帧属性 【制作镜头八】3）在第7帧处插入一个关键帧，并将摄像头的属性的X方向的位置数字改为0，Y方向改为-64，如图6-8-90所示，右键单击中间任意关键帧，创建传统补间。4）在第9帧处插入帧，在第10帧处插入一个关键帧，保持数值不变，在第12帧处插入一个关键帧，并将摄像头的属性的X方向的位置数字不变，Y方向改为-15，如

39、图6-2-90所示，右键单击中间任意关键帧，创建传统补间 图6-2-89 第7帧属性图6-2-90 第12帧属性【制作镜头八】5）复制第10帧的关键帧，粘贴在15帧处，右键单击中间任意关键帧，创建传统补间。在第48帧出插入帧，如图6-2-91所示，最后调整各部分的位置。图6-2-91 关键帧设置【制作镜头九】步骤一：创建影片文档1）打开Animate软件，选择【文件】菜单中的【新建】命令，在弹出的对话框中选择“标准”，然后将舞台大小设置为宽1920像素，高1080像素，平台类型为“ActionScript 3.0”，单击“确定”按钮，新建一个影片文档。步骤二：复制“人物 侧面”元件2）从原来三

40、视图的文档中将“人物 侧面”元件拖入当前舞台，并调整好人物大小和位置，如图6-2-92所示。图6-2-92 人物侧面【制作镜头九】步骤三：制作眼睛的动画1）编辑“眼睛”元件，分别在第16、18、20帧的位置添加关键帧，在48帧的位置插入帧；2）选中第18帧关键帧，选择变形工具将眼睛缩小；3）在第16和18帧之间创建“形状补间动画”，同时在第18和20帧之间创建“形状补间动画”。最终帧的设置如图6-2-93所示图6-2-93 关键帧设置【制作镜头九】步骤四：制作汗滴动画1）进入“人物 侧面”元件，新建图层，命名为：汗滴；2）在20帧处插入一个关键帧，使用钢笔工具绘制水滴形状的汗滴如图6-2-94

41、所示，并填充蓝色：#00CCFF，在绘制白色反光，并调整大小与位置如图6-2-95所示；3）在第27帧处插入一个关键帧，使用任意变形工具调整水滴的大小，如图6-2-96所示。图6-2-94 汗滴 图6-2-95 汗滴位置图6-2-96 第27帧大小【制作镜头九】4）在20帧与27帧中间插入传统补间，并在48帧处插入帧，如图6-2-97所示。步骤五：制作背景1）新建一个图层，命名为“背景”。2）创建一个矩形，填充颜色为：#94D1F3，并修改矩形的位置大小，数值如下图6-2-98所示。图6-2-97 关键帧设置图6-2-98 背景位置【制作镜头九】4）在20帧与27帧中间插入传统补间，并在48帧

42、处插入帧，如图6-2-97所示。步骤五：制作背景1）新建一个图层，命名为“背景”。2）创建一个矩形，填充颜色为：#94D1F3，并修改矩形的位置大小，数值如下图6-2-98所示。图6-2-97 关键帧设置图6-2-98 背景位置【制作步骤：镜头十】步骤一：创建影片文档打开Animate软件，选择【文件】菜单中的【新建】命令，在弹出的对话框中选择“标准”，然后将舞台大小设置为宽1920像素，高1080像素，平台类型为“ActionScript 3.0”，单击“确定”按钮，新建一个影片文档。步骤二：准备初始素材；1.主人公素材导入1）新建图层，命名为“主人公背面”，从原来三视图的文档中将“人物 背

43、面”元件拖入舞台，并调整好人物大小和位置，如图6-2-99所示。2.清洁工素材导入【制作步骤：镜头十】图6-2-99 人物背面1）新建图层，命名为“清洁工正面”，从原来清洁工三视图的文档中将“人物 正面”元件以及“扫把”元件拖入舞台。2）将右手手臂使用任意变形工具，调短一点，并把扫把放置在手部处，如图6-2-100所示。图6-2-100 扫把位置【制作步骤：镜头十】3）编辑“左手”，元件，删除手臂，使用“钢笔工具”绘制出如图6-2-101所示的曲线，再将做手掌移到相应的位置，如图6-2-102所示，制作好清洁工的初始状态。 图6-2-101 左手形状图6-2-102 手掌位置【制作步骤：镜头十

44、】3.垃圾桶素材导入；1）在场景中新建一个图层，命名为“垃圾桶下部分”，在第一帧处，将之前制作的4个垃圾桶下部分元件放置在相应的位置如图6-2-103所示。并在95帧处插入帧。2）在场景中新建一个图层，命名为“垃圾桶上部分”，在第一帧处，将之前制作的4个垃圾桶上部分元件放置在相应的位置如图6-2-103所示。并在95帧处插入帧。【制作步骤：镜头十】4.制作背景素材1）新建图层，命名为地面阴影，使用“线条工具”，将颜色改为灰色，绘制一条直线，如图6-2-104所示。并在95帧处插入帧。图6-2-103 垃圾桶的位置图6-2-104 地面阴影【制作步骤：镜头十】2）新建一个图层，命名为“地板”，创

45、建一个较大的矩形，修改颜色为：#DEDEDE，修改位置、大小如图6-2-105所示，作为动画的地面。并在95帧处插入帧。图6-2-105 地板位置 【制作步骤：镜头十】3）新建一个图层，命名为“背景”，创建一个较大的矩形，修改颜色为：#94D1F3，修改位置大小如图6-2-106所示，作为动画的地面。并在95帧处插入帧。步骤三：制作主人公的模糊动画1）点击图层：“主人公背面” 点击第一帧，进入属性面板 其添加模糊滤镜，参数如图6-2-107所示。图6-2-106 第95帧位置图6-2-107 第一帧滤镜设置【制作步骤：镜头十】2）在12帧处插入一个关键帧，单击该关键帧，进入属性面板为其添加模糊

46、滤镜，参数如图6-2-108所示。3）在95出插入帧如图6-2-109所示。 图6-2-108第12帧滤镜设置图6-2-109 帧设置【制作步骤：镜头十】步骤四：制作清洁工动画1.制作眨眼动画；1）编辑“眼睛”元件，分别在第13、15、17帧的位置添加关键帧，在24帧的位置添加帧；2）选中第15帧关键帧，选择变形工具将眼睛缩小；3）在第13和15帧之间创建“形状补间动画”，同时在第15和17帧之间创建“形状补间动画”。最终帧的设置如图6-2-110所示另一只眼睛的制作方法同上所述。图6-2-110 关键帧设置【制作步骤：镜头十】步骤五：鼻子动画1）进入“头部”元件的鼻子图层，分别在第20、24

47、、26、29、72帧分别插入关键帧。2）在第24帧处，将鼻子向左移动，制作转头的效果，在第29帧处，将鼻子往回移动一半的距离。3）在20帧和24帧、26帧和29帧中间分别插入“传统补间”。眼睛、眉毛、嘴巴的转头动画同上述操作。【制作步骤：镜头十】步骤六：模糊动画1）点击图层：“清洁工”，点击第一帧，进入属性面板为其添加模糊滤镜，参数如图6-2-111所示。图6-2-111 第一帧滤镜属性图6-2-112 第12帧滤镜属性【制作步骤：镜头十】步骤六：模糊动画1）点击图层：“清洁工”，点击第一帧，进入属性面板为其添加模糊滤镜，参数如图6-2-111所示。2）在12帧处插入一个关键帧，单击该关键帧，

48、进入属性面板为其添加模糊滤镜，参数如图6-2-112所示。图6-2-111 第一帧滤镜属性图6-2-112 第12帧滤镜属性【制作步骤：镜头十】3）在95出插入帧如图6-2-113所示。图6-2-113 帧设置步骤七：制作文字动画1）进入“垃圾桶下部分”元件中，找到文字图层，分别在78帧、81帧、84帧、87帧插入关键帧。2）选中第81帧关键帧，选择“变形工具”将文字缩小，在84帧处，将文字放大。3）在第78和81帧之间创建“传统补间动画”，同时在第84和87帧之间创建“传统补间动画”4）将四个垃圾桶的文字都同上操作。【制作步骤：镜头十】步骤八：制作地板动画1）选择地板图层，在19帧与55帧处

49、插入关键帧，在55帧处，将地板向上移动。2）在19帧与55帧处，插入“形状补间动画”。步骤九：制作摄影机动画1）点击图层面板的摄像机按钮2）在摄像机图层的第12帧、18帧、55帧位置添加关键帧。3）修改摄像机的属性，第1帧属性如图6-2-114所示，第12帧属性如图6-2-115所示，第18帧属性如图6-2-116所示，第55帧摄像机的属性如图6-2-117所示；【制作步骤：镜头十】图6-2-114 第1帧属性图6-2-115 第12帧属性图6-2-116 第18帧属性图6-2-117 第55帧属性【制作步骤：镜头十】4）在摄像机图层第1和 12帧之间以及18-和5帧创建“传统补间动画”。并在

50、95帧处插入帧。最终图层效果如图6-2-118所示图6-2-138关键帧设置制作镜头十一步骤一：创建影片文档1）打开Animate软件，选择【文件】菜单中的【新建】命令，在弹出的对话框中选择“标准”，然后将舞台大小设置为宽1920像素，高1080像素，平台类型为“ActionScript 3.0”，单击“确定”按钮，新建一个影片文档。步骤二：准备初始素材1.主人公素材导入1）新建图层，命名为“主人公正面”，从原来三视图的文档中将“人物 正面”元件拖入舞台，并调整好人物大小和位置，如图6-2-119所示。2）将左手使用“任意变形工具”，旋转90度，如图6-2-119所示。图6-2-119 人物正

51、面制作镜头十一步骤三：手部动画1）选择左手图层，在第7帧和第10帧插入关键帧，并在24帧处插入帧。2）将第7帧的手向上移动到斗笠处，将第10帧的手再向下移动一点距离。3）在第1和7帧之间、第7和10帧之间分别创建“传统补间”。步骤四：制作斗笠动画1）选择斗笠动画，在第7帧和第10帧插入关键帧，并在24帧出插入帧。2）将第10帧的斗笠使用“任意变形工具”将斗笠拉长。3）在第7和10帧之间插入“传统补间”。制作镜头十一步骤五：制作表情动画1.制作眨眼动画1）编辑“眼睛”元件，分别在第1、3、5、6、8帧的位置添加关键帧，在24帧的位置插入帧；2）选中第3帧关键帧，选择变形工具将眼睛缩小；3）选中第

52、7帧关键帧，使用工具将眼睛弯曲如图6-2-120所示。4）分别在第1和3帧、3和5帧、6和8帧之间创建“形状补间动画”。最终帧的设置如图6-2-121所示另一只眼睛制作方法同上所述。图6-2-120 第7帧眼睛图6-2-121 关键帧设置制作镜头十一2.制作眉毛动画1）进入眉毛元件，在第6帧，第10帧分别插入关键帧，在48帧中插入帧。2）在第10帧处将眉毛形状改变成如图6-2-122所示，并在第6帧和第10帧处插入“形状补间动画”另一只眉毛动画的制作同上述操作。3.制作嘴巴动画1）进入“嘴巴”元件，分别在第6帧和第10帧插入关键帧，在第10帧处使用钢笔工具绘制如下图6-2-123所示的嘴巴。在

53、第6帧与第10帧处插入“形状补间动画”。最后在11帧处插入一个空白关键帧，在48帧插入一个帧。2）新建一个图层，在11帧处插入一个关键帧，使用线条工具，绘制如下图6-2-124所示，在48帧处，插入帧。图6-2-122 眉毛形状图6-2-123 嘴巴形状图6-2-124 嘴巴形状制作镜头十一时间轴展示如下图6-2-125所示：4.制作鼻子动画：1）在“鼻子”的图层，分别在第6帧和第10帧插入关键帧，在第10帧处将鼻子向上移动一点距离，在第6帧和第10帧中间插入“传统补间”。最后在48帧处插入帧。5.制作下巴动画：1）在“下巴”的图层，分别在第6帧和第10帧插入关键帧，在第10帧处将下巴向上移动

54、一点距离，在第6帧和第10帧中间插入“传统补间”。最后在48帧处插入帧。6.制作胡子动画：1）在“胡子”的图层，分别在第6帧和第10帧插入关键帧，在第10帧处将胡子向上移动一点距离，在第6帧和第10帧中间插入“传统补间”。最后在48帧处插入帧。7.最后新建图层命名为“背景”，绘制一个大的矩形，并填充蓝色.图6-2-125 关键帧设置【制作镜头十二】步骤一：创建影片文档1）打开Animate软件，选择【文件】菜单中的【新建】命令，在弹出的对话框中选择“标准”，然后将舞台大小设置为宽1920像素，高1080像素，平台类型为“ActionScript 3.0”，单击“确定”按钮，新建一个影片文档。步

55、骤二：制作动画得初始状态1.导入人物素材：1）从原来三视图的文档中将“人物 侧面”元件拖入当前舞台，并调整好人物大小和位置，如图6-2-126所示。2）进入眼睛的元件，将眼睛，使用“选择工具”将眼睛弯曲，如图6-2-127所示。图6-2-126 人物位置 图6-2-127 眼睛形状 【制作镜头十二】3）进入嘴巴的元件，将嘴巴，使用“钢笔工具”绘制弯曲的嘴巴，如图6-2-128所示。4）使用“选择工具”，将双手手部弯曲，如图6-2-129所示。2.导入垃圾桶素材1）从原来制作的文档中将“蓝色垃圾桶上部”元件与“蓝色垃圾桶下部”拖入当前舞台，并调整好物体大小和位置，如图6-2-130所示。图6-2

56、-128 嘴巴形状图6-2-129 手臂形状图6-2-130 垃圾桶的位置 【制作镜头十二】3.制作符号：1）【插入】菜单中的【新建元件】命令，在弹出对话框的类型选择“图形”，名称改为“符号”。2）使用椭圆工具绘制一个正圆，填充白色，再使用钢笔工具绘制一个勾形如图6-2-131所示。 4.制作背景1）新建一个图层命名为“背景”，创建一个比画布大的矩形，并填充颜色“#94D1F3。 图6-2-131 符号【制作镜头十二】步骤三：制作人物动画1.制作头部动画1）将头部的中心点，使用“任意变形工具”将头部的中心点向下移动到下方如图6-2-132所示。再将头部绕着该中心点向左旋转一点角度，制作头部向前

57、倾的效果。2）在“头部”的图层，分别在14帧、42帧、46帧，插入关键帧，在72帧出插入帧。3）在14帧处，将头部绕中心点向下旋转15，在42帧处将头部绕中心点向下旋转15。4）在第1帧和第14帧以及第42帧和46帧之间分别插入“传统补间”。图6-2-132 头部位置【制作镜头十二】2.制作头笠动画。1）将斗笠的中心点，使用“任意变形工具”将头部的中心点向上移动到如图6-2-133所示。再将头部绕着该中心点向左旋转一点角度，制作头部向前倾的效果。2）在“斗笠”的图层，分别在14帧、42帧、46帧，插入关键帧，在72帧出插入帧。3）在14帧处，将头笠绕中心点向下旋转15，在42帧处将斗笠绕中心点

58、向下旋转15。4）在第1帧和第14帧以及第42帧和46帧之间分别插入“传统补间”。图6-2-133 斗笠位置【制作镜头十二】3.制作手部动画1）选中“手掌”的图层，在第7帧处插入关键帧，将手掌用“选择工具”调整形状如下图6-2-134所示。在72帧处插入帧。2）选中“手掌”的图层，在第13帧处插入关键帧，将手掌用“选择工具”和“任意变形工具”调整形状如下图6-2-135所示。 3）复制第13帧关键帧粘贴在第23帧处，在第25帧处插入关键帧，并将手掌部分使用“选择工具”往前拉一点调整形状如图6-2-136所示。图6-2-134 手部位置 图6-2-135手部位置 图6-2-136 手部位置【制作

59、镜头十二】4）在第1帧和第7帧、第7帧和13帧以及第23帧和第25帧处分别插入“形状补间动画”。5）选中“手臂”的图层，在第7帧处插入关键帧，将手掌用“选择工具”调整形状如下图6-2-137所示。在72帧处插入帧。6）选中“手臂”的图层，在第13帧处插入关键帧，将手掌用“选择工具”和“任意变形工具”调整形状如下图6-2-138所示。 7）在第1帧和第7帧以及第7帧和13帧处分别插入“形状补间动画”。图6-2-137 手臂形状 图6-2-138 手臂形状【制作镜头十二】步骤四：制作易拉罐动画1）新建图层命名为“引导层”，并将使用钢笔工具在手掌处开始绘制如图18所示的曲线，作为易拉罐的引导路径，在22帧处插入一个空白关键帧，在72帧出处插入帧。并将图层右键转换为引导层。2）新建图层命名为“易拉罐”，将之前“易拉罐”元件拉入图层中，并调整它的初始位置放置在人物的手处，如下图6-2-139所示。3）将易拉罐图层放置在引导层下方，如图6-2-140所示。图6-2-139 易拉罐位置 图6-2-140 引导层图层【制作镜头十二】4）在易拉罐第1帧处，将易拉罐拖动到引导线的初始，将中心点吸附到引导