动画设计与制作 课件 学习单元6 遮罩动画

项目六遮罩动画动画设计与制作知识目标1.了解遮罩动画的相关知识；2.掌握静态遮罩动画的创建方法及技巧；3.掌握动态遮罩动画的创建方法及技巧。能力目标素养目标1.精通遮罩动画制作技巧；2.具有创新意识，能独立完成遮罩动画设计创意工作；3.能够根据工作需求进行特殊动画设计、场景设计等。1.培养学生自主学习能力和发现问题、解决问题能力；2.激发学生学习Animate的兴趣，体验作品创作成功的喜悦感和成就感；3.培养学生勇于创新的精神、热爱家乡的家国情怀、增强学生的环境保护意识。思维导图基础任务6.1

制作坐井观天动画

【任务描述】坐井观天是大家耳熟能详的寓言故事。本任务我们将运用静态遮罩动画，制作一个椭圆形区域作为遮罩层，实现坐井观天的动画效果。通过任务实施，引导学生体悟“只有站得高，才能看得远”的道理，从而激发学生脚踏实地的学习态度，培养学生勇于创新的良好品质，让学生树立终身学习的理念。任务储备1遮罩动画的相关知识

遮罩动画是通过遮罩层中的对象有选择地显示其下面的被遮罩层中的内容。一个遮罩动画，至少需要两个图层，上面的图层称为“遮罩层”，下面的图层称为“被遮罩层”。1.遮罩层

制作遮罩动画时，可以右击选中的图层，在弹出的快捷菜单中选择“遮罩层”命令，把选中的图层转换为“遮罩层”，同时，在该图层下面的一个图层转换为“被遮罩层”。

遮罩层与被遮罩层的关系是用遮罩层中图形的形状来显示被遮罩层中的图像，遮罩层在动画发布时是不可见的。2.遮罩层的基本原理

通过遮罩层中的对象看到被遮罩层中的对象及其属性，但遮罩层中的对象的许多属性如渐变色、透明度、颜色和线条样式等都是被忽略的。例如，不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。任务储备2静态遮罩动画的创建方法及技巧1.创建遮罩层的三种方式⑴在【时间轴】面板中，用鼠标右键单击要转换遮罩层的图层，在弹出的菜单中选择【遮罩层】命令，如图6-1-1所示。选中的图层转换为遮罩层，其下方的图层自动转换为被遮罩层，并且它们都自动被锁定，如图6-1-2所示。⑵在【时间轴】面板中，双击图层左侧的【图层属性】按钮，如图6-1-3所示，打开【图层属性】对话框，

图6-1-1【遮罩层】命令图6-1-3双击【图层属性】按钮图6-1-2遮罩层和被遮罩层被自动锁定任务储备2静态遮罩动画的创建方法及技巧1.创建遮罩层的三种方式设置【类型】为【遮罩层】，并单击【确定】按钮，如图6-1-4所示。将需要转换为被遮罩层的图层拖放至遮罩层的下方，将其转换为被遮罩层，如图6-1-5所示。⑶打开【修改】|【时间轴】|【图层属性】命令，如图6-1-6所示。可以打开【图层属性】对话框，设置图层为遮罩层或被遮罩层。

图6-1-4【图层属性】对话框图6-1-5拖放的图层为被遮罩层图6-1-6选择【图层属性】命令任务储备2静态遮罩动画的创建方法及技巧2.将遮罩层转换为普通图层在【时间轴】面板中，使用鼠标右键单击要转换的遮罩层，在弹出的菜单中选择【遮罩层】命令，取消【遮罩层】的选中状态如图6-1-7所示，将遮罩层转换为普通图层，如图6-1-8所示。

3.操作技巧在遮罩动画制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑元件，可以按遮罩层【时间轴】面板的【显示图层轮廓】按钮，如图6-1-9所示，使遮罩层只显示边框形状，在这种情况下，还可以拖动边框调整遮罩图形的外形和位置。

图6-1-7使用快捷菜单取消遮罩图6-1-8遮罩层转换为普通图层图6-1-9【显示图层轮廓】按钮任务实施1制作坐井观天动画⑴选择【文件】|【新建】命令，在弹出的【新建文档】对话框中，使用默认【标准】尺寸,将【帧频】设置为24fps,在【平台类型】列表框中选择【ActionScript3.0】选项,如图6-1-10所示，点击【创建】按钮。图6建-1-10【新建文档】对话框⑵选择【文件】|【导入】|【导入到库】命令，在弹出的【导入到库】对话框中，选择“井底之蛙.jpg”素材文件，单击【打开】按钮，如图6-1-11所示，将素材文件导入到库中。图6-1-11【导入到库】对话框任务实施1制作坐井观天动画⑶新建图层，将其重命名为【井底之蛙】。打开【库】面板，将素材“井底之蛙.jpg”拖动到舞台中，按【Ctrl+k】，打开【对齐】面板，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮和【匹配宽和高】按钮，如图6-1-12所示。图6-1-12【井底之蛙】效果⑷在【井底之蛙】图层上方新建图层，并将其重命名为【井口】,选择【钢笔工具】绘制一个和井口大小的不规则区域。在没有创建遮罩效果之前，使用不规则区域遮住【井底之蛙】图层中的井口部分，【井口】效果如图6-1-13所示。图6-1-13【井口】效果

任务实施1制作坐井观天动画⑸选中【井口】图层第1帧，选择【文本工具】分别输入【坐】、【井】、【观】、【天】四个字，选择【选择工具】将四个字放置合适位置，在【属性面板】中，设置字体样式为华文琥珀，字符大小70px,选择【任意变形工具】将【坐】和【井】字旋转合适的角度，按住【Shift】键依次选中【坐】、【井】、【观】、【天】四个字，按【Ctrl+B】将文字打散，如图6-1-14所示。图6-1-14【坐井观天】文字效果⑹选中【井口】图层并右击，在弹出的快捷菜单中选择【遮罩层】命令，选中的【井口】图层转换为遮罩层，其下方的【井底之蛙】图层自动转换为被遮罩层，并且它们都自动被锁定，如图6-1-15所示。图6-1-15遮罩层和被遮罩层被自动锁定

任务实施1制作坐井观天动画将【井口】图层转换为遮罩层后，【井口】图层的内容完全遮盖了【井底之蛙】图层的内容，只有透过【井口】图层中的不规则区域才可以看到下面【井底之蛙】层中的图片，如图6-1-16所示。⑺在【井口】图层上方新建图层，重命名为【背景】，选择【文件】|【导入】|【导入到舞台】命令，在弹出的【导入到舞台】对话框中，选择“天空.jpg”素材文件，单击【打开】按钮，将素材文件导入到舞台。在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮和【匹配宽和高】按钮，如图6-1-17所示。⑻选择【背景】图层，将其拖拽到【井底之蛙】图层下方，如图6-1-18所示。图6-1-16将【井口】图层转换为遮罩层

图6-1-17【背景】效果

图6-1-18【背景】层在最底层效果

任务实施1制作坐井观天动画【提示】如果想解除遮罩，只需单击【时间轴】面板上遮罩层或被遮罩层上的图标将其解锁即可，解锁之后不能在场景中看到遮罩效果，如图6-1-19所示。若想看到遮罩效果可在遮罩层或被遮罩层右击，在弹出的快捷菜单选择【显示遮罩】即可，如图6-1-20所示。⑼按【Ctrl+Enter】组合键测试动画效果，如图6-1-21所示。图6-1-19解锁之后效果图6-1-20【显示遮罩】命令图6-1-21【坐井观天】最终效果任务小结1制作坐井观天动画1.要创建遮罩动画首先要创建遮罩层。2.遮罩层中的图形对象在播放时是看不到的。3.被遮罩层中的对象只能透过遮罩层中的对象被看到。4.遮罩层决定看到的动画的形状。5.被遮罩层决定看到的动画的内容。基础任务6.2

制作大美山东动画

【任务描述】山东是国内外旅客称赞的旅游圣地。为宣传推广山东旅游，制作山东风景切换动画放在山东高铁电子广告屏上滚动播放。本任务我们将运用动态遮罩动画，制作一个影片剪辑作为遮罩层，实现山东风景图片百叶窗动画切换效果。通过任务实施，引导学生感受山东自然风光之美，培养学生善于观察生活，善于积累素材的职业基本素养，树立学生爱我山东，强我中华的家国情怀，培养学生具有新时代青年的责任感和使命感。任务储备动态遮罩动画的创建方法及技巧1.构成遮罩层和被遮罩层的元素遮罩层中的内容可以是图形、文字、位图、按钮、影片剪辑等，但不能使用线条，如果内容是线条，则必须将线条转化为【填充】。选择【修改】|【形状】|【把线条转换为填充】，如图6-2-1所示。如果要为文字制作遮罩，则先将文字打散为形状，连续按两次【Ctrl+B】快捷键将其打散。被遮罩层中可以使用按钮、影片剪辑、图形、位图、文字和线条等。图6-2-1【把线条转换为填充】命令任务储备动态遮罩动画的创建方法及技巧2.动态遮罩动画中使用的动画形式在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、逐帧动画、引导层动画等动画形式，制作出绚丽多彩的动画效果。3.操作技巧一个遮罩层可以作为多个图层的遮罩层，如果要将一个普通图层变为某个遮罩层的被遮罩层，只需将此图层拖放至遮罩层下方即可，如图6-2-2所示。图6-2-2拖动图层转换为被遮罩层任务实施1导入素材⑴选择【文件】|【新建】命令，在弹出的【新建文档】对话框中，使用默认【标准】尺寸,将【帧频】设置为24fps,在【平台类型】列表框中选择【ActionScript3.0】选项,如图6-2-3所示，点击【创建】按钮。图6-2-4【导入到库】对话框⑵选择【文件】|【导入】|【导入到库】命令，在弹出的【导入到库】对话框中，按住Ctrl键依次选择“趵突泉.jpg”、“大明湖.jpg”、“封面.jpg”、“崂山.jpg”、“蓬莱阁.jpg”、“泰山.jpg”、“沂蒙山.jpg”素材文件，单击【打开】按钮，如图6-2-4所示，将素材文件导入到库中。图6-2-3【新建文档】对话框任务实施2制作泰山和崂山风景图片的切换动画⑴制作【崂山】图层新建图层，并将其重命名为【崂山】。打开【库】面板，将素材“崂山.jpg”拖动到舞台中，按【Ctrl+k】，打开【对齐】面板，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮和【匹配宽和高】按钮，效果如图6-2-5所示。图6-2-6【泰山】效果图⑵制作【泰山】图层在【崂山】层上方新建图层，并将其重命名为【泰山】,打开【库】面板，将素材“泰山.jpg”拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮和【匹配宽和高】按钮，效果如图6-2-6所示。图6-2-5【崂山】效果图任务实施2制作泰山和崂山风景图片的切换动画⑶制作遮罩图层①将【崂山】和【泰山】两个图层锁定，在【泰山】层上方新建图层，重命名为【百叶窗1】，选择【矩形工具】绘制一个无边框任意颜色的矩形，如图6-2-7所示。

在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-8所示。②选中矩形并单击鼠标右键，在弹出的菜单中选择【转换为元件】命令（或使用快捷键F8），在弹出的【转换为元件】对话框中，在【名称】文本框中输入【叶】，将【类型】设置为【图形】，单击【确定】按钮，将其转换为元件，如图6-2-9所示，然后按【Delete】键将其删除。图6-2-8矩形效果图6-2-7绘制矩形图6-2-9转化为【叶】图形元件任务实施2制作泰山和崂山风景图片的切换动画③选择【插入】|【新建元件】命令（或使用快捷键Ctrl+F8），在弹出的【创建新元件】对话框中，在【名称】文本框中输入【单叶】，将【类型】设置为【影片剪辑】，单击【确定】按钮，新建影片剪辑元件，如图6-2-10所示。图6-2-11元件【叶】效果④从【库】面板中将【叶】元件拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-11所示。⑤新建【图层_1】第20帧和第40帧分别按【F6】，插入关键帧。选中第20帧，借助【任意变形工具】和【缩放工具】把图形变窄成几乎是一条直线，如图6-2-12所示。图6-2-10新建【单叶】元件图6-2-12元件【叶】变窄效果任务实施2制作泰山和崂山风景图片的切换动画⑥在【时间轴】面板，【图层_1】第10帧到第20帧任意位置右击，在弹出的快捷菜单中选择【创建传统补间动画】，在第21帧到第40帧位置进行同样的操作，如图6-2-13所示。图6-2-14新建【百叶】元件⑦按快捷键【Ctrl+F8】命令，在弹出的【创建新元件】对话框中，在【名称】文本框中输入【百叶】，将【类型】设置为【影片剪辑】，单击【确定】按钮，如图6-2-14所示。从【库】面板中将【单叶】拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-15所示。图6-2-13在【图层_1】创建传统补间图6-2-15【单叶】效果图任务实施2制作泰山和崂山风景图片的切换动画⑧在舞台中选中【单叶】元件，按住【Alt】键，按住鼠标向上和向下拖拽进行复制，如图6-2-16所示。返回场景1，选中【百叶窗1】图层第1帧，从【库】面板中将【百叶】拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-17所示。⑨在【百叶窗1】图层上右击，在弹出的快捷菜单中选择【遮罩层】命令，把所选中的图层转换为遮罩层，如图6-2-18所示，同时，该图层下面的【泰山】图层转换为被遮罩层，两个图层同时被锁定，下面的【崂山】图层仍为普通图层，如图6-2-19所示。图6-2-16图6-2-18【百叶窗1】转换为遮罩层图6-2-17图6-2-19【百叶窗】和【泰山】被锁定

任务实施3制作泰山和沂蒙山风景图片的切换动画⑴在【百叶窗1】图层上新建三个图层，由下至上分别重命名为【沂蒙山】、【泰山2】、【百叶窗2】。按住【Shift】键，依次选中这三个图层的第40帧，按F7键插入空白关键帧，如图6-2-20所示。图6-2-21【沂蒙山】效果⑵选中【沂蒙山】图层第41帧，从【库】面板中将“沂蒙山.jpg”拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-21所示。⑶选中【泰山2】图层第41帧，从【库】面板中将“泰山.jpg”拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-22所示。图6-2-20插入空白关键帧图6-2-22【泰山2】效果任务实施3制作泰山和沂蒙山风景图片的切换动画⑷选中【百叶窗2】图层第41帧，从【库】面板中将【百叶】拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-23所示。图6-2-24插入普通帧⑸按住【Shift】键，依次选中【沂蒙山】、【泰山2】、【百叶窗2】这三个图层的第80帧，按【F5】键插入普通帧，如图6-2-24所示。⑹在【百叶窗2】图层上右击，在弹出的快捷菜单中选择【遮罩层】命令，所选图层转换为遮罩层，同时，该图层下面的【泰山2】图层转换为被遮罩层，两个图层同时被锁定，下面的【沂蒙山】图层仍为普通图层，如图6-2-25所示，从而完成两幅图片的切换显示。图6-2-23【百叶窗2】效果图6-2-25【百叶窗2】转换为遮罩层任务实施4制作泰山和蓬莱阁风景图片的切换动画⑴在【百叶窗2】图层上新建三个图层，由下至上分别重命名为【蓬莱阁】、【泰山3】、【百叶窗3】。按住【Shift】键，依次选中这三个图层的第80帧，按【F7】键插入空白关键帧，如图6-2-26所示。图6-2-27【蓬莱阁】效果⑵选中【蓬莱阁】图层第81帧，从【库】面板中将“蓬莱阁.jpg”拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-27所示。⑶选中【泰山3】图层第81帧，从【库】面板中将“泰山.jpg”拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-28所示。图6-2-26插入空白关键帧图6-2-28【泰山3】效果任务实施4制作泰山和蓬莱阁风景图片的切换动画⑷选中【百叶窗3】图层第81帧，从【库】面板中将【百叶】拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-29所示。图6-2-30插入普通帧⑸按住【Shift】键，依次选中【蓬莱阁】、【泰山3】、【百叶窗3】这三个图层的第120帧，按F5键插入普通帧，如图6-2-30所示。⑹在【百叶窗3】图层上右击，在弹出的快捷菜单中选择【遮罩层】命令，所选图层转换为遮罩层，同时，该图层下面的【泰山3】图层转换为被遮罩层，两个图层同时被锁定，下面的【蓬莱阁】图层仍为普通图层，如图6-2-31所示，从而完成两幅图片的切换显示。图6-2-29【百叶窗3】效果图6-2-31将【百叶窗3】转换为遮罩层任务实施5制作泰山和趵突泉风景图片的切换动画⑴在【百叶窗3】图层上新建三个图层，由下至上分别重命名为【趵突泉】、【泰山4】、【百叶窗4】。按住【Shift】键，依次选中这三个图层的第120帧，按【F7】键插入空白关键帧，如图6-2-32所示。图6-2-33【趵突泉】效果⑵选中【趵突泉】图层第121帧，从【库】面板中将“趵突泉.jpg”拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-33所示。⑶选中【泰山4】图层第121帧，从【库】面板中将“泰山.jpg”拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-34所示。图6-2-32插入空白关键帧图6-2-34【泰山4】效果任务实施5制作泰山和趵突泉风景图片的切换动画⑷选中【百叶窗4】图层第121帧，从【库】面板中将【百叶】拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-35所示。图6-2-36插入普通帧⑸按住【Shift】键，依次选中【趵突泉】、【泰山4】、【百叶窗4】这三个图层的第160帧，按【F5】键插入普通帧，如图6-2-36所示。⑹在【百叶窗4】图层上右击，在弹出的快捷菜单中选择【遮罩层】命令，所选图层转换为遮罩层，同时，该图层下面的【泰山4】图层转换为被遮罩层，两个图层同时被锁定，下面的【趵突泉】图层仍为普通图层，如图6-2-37所示，从而完成两幅图片的切换显示。图6-2-35【百叶窗4】效果图6-2-37将【百叶窗4】转换为遮罩层任务实施6制作泰山和大明湖风景图片的切换动画⑴在【百叶窗4】图层上新建三个图层，由下至上分别重命名为【大明湖】、【泰山5】、【百叶窗5】。按住【Shift】键，依次选中这三个图层的第160帧，按【F7】键插入空白关键帧，如图6-2-38所示。图6-2-39【大明湖】效果⑵选中【大明湖】图层第161帧，从【库】面板中将“大明湖.jpg”拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-39所示。⑶选中【泰山5】图层第161帧，从【库】面板中将“泰山.jpg”拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-40所示。图6-2-38插入空白关键帧图6-2-40【泰山5】效果任务实施6制作泰山和大明湖风景图片的切换动画⑷选中【百叶窗5】图层第161帧，从【库】面板中将【百叶】拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-41所示。图6-2-42插入普通帧⑸按住【Shift】键，依次选中【大明湖】、【泰山5】、【百叶窗5】这三个图层的第200帧，按F5键插入普通帧，如图6-2-42所示。⑹在【百叶窗5】图层上右击，在弹出的快捷菜单中选择【遮罩层】命令，所选图层转换为遮罩层，同时，该图层下面的【泰山5】图层转换为被遮罩层，两个图层同时被锁定，下面的【大明湖】图层仍为普通图层，如图6-2-43所示，从而完成两幅图片的切换显示。图6-2-41【百叶窗5】效果图6-2-43将【百叶窗5】转换为遮罩层任务实施7制作泰山和字幕风景图片的切换动画⑴在【百叶窗5】图层上新建三个图层，由下至上分别重命名为【泰山6】、【封面】、【百叶窗6】。按住【Shift】键，依次选中这三个图层的第200帧，按【F7】键插入空白关键帧，如图6-2-44所示。图6-2-45【泰山6】效果⑵选中【泰山6】图层第201帧，从【库】面板中将“泰山.jpg”拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-45所示。图6-2-44插入空白关键帧任务实施7制作泰山和字幕风景图片的切换动画⑶选中【封面】图层第201帧，从【库】面板中将“封面.jpg”拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，选择【文本工具】，在属性面板设置字体方正粗黑宋简体，颜色为红色（#FF0000），大小65px,字符间距5px,在舞台合适位置输入字符“大美山东欢迎您”如图6-2-46所示。图6-2-47【百叶窗6】效果⑷选中【百叶窗6】图层第201帧，从【库】面板中将【百叶】元件拖动到舞台中，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-2-47所示。图6-2-46【封面】效果任务实施7制作泰山和字幕风景图片的切换动画⑸分别选中【泰山6】、【百叶窗6】这两个图层的第240帧，按【F5】键插入普通帧，选中“封面”图层第300帧，按【F5】键插入普通帧，如图6-2-48所示。图6-2-49【百叶窗6】转换为遮罩层⑹在【百叶窗6】图层上右击，在弹出的快捷菜单中选择【遮罩层】命令，所选图层转换为遮罩层，同时，该图层下面的【封面】图层转换为被遮罩层，两个图层同时被锁定，下面的【泰山6】图层仍为普通图层，如图6-2-49所示，从而完成两幅图片的切换显示。⑺按【Ctrl+Enter】组合键测试动画效果，如图6-2-50所示。图6-2-48插入普通帧图6-2-50【大美山东】最终效果任务小结2制作大美山东动画1.当我们需要遮罩层的动画比较复杂，这个时候一个图层做不出来想要的动画效果，可把动画作在一个影片剪辑里即可。2.遮罩层中的对象是完全透明的，对遮罩动画没有任何影响。

3.本例中重复动画部分可以借助Shift键选中重复部分所有帧，然后在相应图层粘贴帧，最后选中关键帧，在图片上右击，在弹出的快捷菜单中选择交换位图即可。4.不能用一个遮罩层试图遮挡另一个遮罩层。提升任务6.3

制作地球转动动画

【任务描述】地球是人类赖以生存的家园，它每天都在不停地转动。本任务我们将运用遮罩动画，制作传统补间动画作为遮罩层；运用引导层动画和逐帧动画，制作旋转的文字，实现地球转动的动画效果。通过任务实施，教育学生更好的保护自然环境，维护生态平衡。任务储备制作地球转动动画1.遮罩的用途⑴用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见；⑵用来遮罩住某一元件的一部分，从而实现一些特殊效果。2.遮罩层与被遮罩层的关系⑴一个遮罩动画至少有两层，上层“遮罩层”，下层“被遮罩层”；⑵遮罩层决定看到的“形状”，被遮罩层决定看到的“内容”；⑶遮罩层当中的对象可以做成动画，被遮罩层当中的对象也可以做成动画；⑷同一个遮罩动画，遮罩层只能是一个图层，被遮罩层可以有多个图层。任务储备制作地球转动动画3.遮罩动画制作思路⑴首先观察要产生遮罩效果,至少要有几个图层。⑵接着分析各个图层的关系如何?即判定遮罩层与被遮罩层。⑶再分析动画中遮罩层和被遮罩层分别有什么元素?遮罩层提供了什么形状?被遮罩层的内容是什么?⑷最后判断是遮罩层中的内容运动，还是被遮罩层中的内容运动？做哪种移动？即在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、逐帧动画或引导层动画等动画形式。任务实施1导入素材⑴选择【文件】|【新建】命令，在弹出的【新建文档】对话框中，使用默认【标准】尺寸,将【帧频】设置为24fps,在【平台类型】列表框中选择【ActionScript3.0】选项,如图6-3-1所示，点击【创建】按钮。图6-3-2【导入到库】对话框⑵选择【文件】|【导入】|【导入到库】命令，在弹出的【导入到库】对话框中，按住Ctrl键，选择“地图.jpg”、“星空.jpg”素材文件，单击【打开】按钮，如图6-3-2所示，将素材文件导入到库中。图6-3-1【新建文档】对话框任务实施2制作【球体】图形元件⑴将【图层_1】重命名为【球体】。选择【椭圆工具】，【笔触】无颜色，【填充】为渐变色，借助Shift键绘制一个正圆，点击【窗口】|【颜色】命令（或按Ctrl+Shift+F9组合键），打开【颜色】面板，里面高光为白色（#FFFFFF），外面为绿色(#339900)，如图6-3-3所示。图6-3-4转换为【球体1】图形元件⑵选中正圆并单击鼠标右键，在弹出的菜单中选择【转换为元件】命令（或使用快捷键F8），在弹出的【转换为元件】对话框中，在【名称】文本框中输入【球体1】，将【类型】设置为【图形】，单击【确定】按钮，将其转换为元件，如图6-3-4所示。图6-3-3绘制【球体】任务实施2制作【球体】图形元件⑶选中【球体1】图形元件，按【Ctrl+B】组合键将其打散，选择【颜料桶工具】，点击【球体1】图形元件改变其高光点，再次选中【球体1】图形元件，按F8键，在弹出的【转换为元件】对话框中，在【名称】文本框中输入【球体2”，将【类型】设置为【图形】，单击【确定】按钮，将其转换为元件，如图6-3-5所示。图6-3-6【球体2】图形元件效果⑷按【Ctrl+k】组合键，打开【对齐】面板，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-3-6所示。图6-3-5转换为【球体】图形元件任务实施3制作【地球】正面遮罩效果⑴在【球体】图层上方新建图层，重命名为【地图】,打开【库】面板，将素材“地图.jpg”拖放至舞台合适位置，借助【任意变形工具】缩放至合适大小，如图6-3-7所示。⑵将【球体】图层锁定，选中【地图】图形元件，按【Ctrl+B】组合键将其打散，选择【魔术棒】在白色区域单击，按【Delete】键将其删除，细小部分可以借助【缩放工具】进行放大处理，如图6-3-8所示。⑶选择【地图】图层第1帧，按【F8】键，在打开的【转换为元件】对话框中，设置【名称】为【地图2】，【类型】为【图形】，单击【确定】按钮，将其转换为图形元件，

使用【选择工具】将【地图2】图形元件拖放至舞台合适位置，在【对齐】面板中勾选【与舞台对齐】复选框，单击【垂直中齐】按钮，如图6-3-9所示。图6-3-7【地图】效果图6-3-8使用【魔术棒】抠图后效果图6-3-9转换为【地图2】图形元件任务实施3制作【地球】正面遮罩效果⑷选择【地图】图层第40帧，按【F6】插入关键帧，用【选择工具】将【地图2】图形元件移至合适位置，如图6-3-10所示，在【地图】图层第1帧至第40帧任意位置右击，在弹出的快捷菜单中选择【创建传统补间】，图形元件【地图2】由右向左运动，选择【球体】图层第40帧，按【F5】插入普通帧，如图6-3-11所示。⑸在【地图】图层上右击，在弹出的快捷菜单中选择【遮罩层】命令，把所选中的图层转换为遮罩层，同时，该图层下面的【球体】图层转换为被遮罩层，两个图层同时被锁定，如图6-3-12所示。图6-3-11在【地图】图层创建传统补间图6-3-10【地图2】效果图6-3-12【地图】转换为遮罩层任务实施4制作【地球】背面遮罩效果⑴在【地图】图层上新建一个图层，重命名为【背景球】，将其拖拽到【球体】图层下面，注意不要被【地图】图层遮罩，选中【背景球】图层第1帧，从【库】面板中将【球体2】图形元件拖拽到舞台，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-3-13所示。⑵在【背景球】图层下面新建两个图层，然后选中【地图】图层，按住【Shift】键，单击选中【球体】图层，按住【Alt】键，直接把两个图层拖拽复制到下面新建的两个图层，如图6-3-14所示，在选择区域右击，在弹出的快捷菜单中选择【翻转帧】命令，如图6-3-15所示，图形元件【地图2】由左向右运动。图6-3-14复制【地图】和【球体】图层图6-3-13【背景球】效果图6-3-15【翻转帧】命令任务实施4制作【地球】背面遮罩效果⑶选择【背景球】图层第一帧，在【属性】面板中选择【对象】选项，在【色彩效果】项选择【Alpha】，【Alpha】值设置为80%，如图6-3-16所示。⑷按【Ctrl+Enter】组合键测试动画效果，如果感觉转的太快，可以选中【地图】图层第40帧，借助【Shift】键，选择最后一层第40帧，拖放到第80帧，如图6-3-17所示。图6-3-16打开【属性】面板进行设置图6-3-17拖放帧后效果图任务实施5制作【地球】图层⑴在【地图】图层上新建图层，重命名为【地球】，选择【椭圆工具】，【笔触】无颜色，【填充】为任意颜色，在该图层第1帧上绘制一个椭圆，选中【椭圆】并单击鼠标右键，在弹出的菜单中选择【转换为元件】命令（或使用快捷键F8），在弹出的【转换为元件】对话框中，在【名称】文本框中输入【椭圆】，将【类型】设置为【图形】，单击【确定】按钮，将其转换为元件，如图6-3-18所示。⑵选择【地图】图层，按住【Shift】键，选择【球体】图层，将两个图层间的所有图层都选中，在选中图层任意位置右击，在弹出的快捷菜单中选择【复制帧】，如图6-3-19所示。图6-3-18转换为【椭圆】图形元件图6-3-19【复制帧】命令任务实施5制作【地球】图层⑶双击【椭圆】图形元件，进入元件编辑区，如图6-3-20所示，选中椭圆，按【Delete】键将其删除，在图层_1第1帧上右击，在弹出的快捷菜单中选择【粘贴帧】，完成所有帧的复制，如图6-3-21所示。

⑷返回场景1，选择【地图】图层，按住【Shift】键，选择【球体】图层，将两个图层间的所有图层都选中，按【Delete】键将其全部删除，将【椭圆】图形元件放在舞台合适位置，如图6-3-22所示。图6-3-21完成所有帧的复制效果图6-3-22【椭圆】图形元件效果任务实施6制作地球外部文字引导图层⑴在【地球】图层上面新建一个图层，重命名为【圆圈】，选择【椭圆工具】，【笔触】颜色为蓝色(#0000FF)，【填充】颜色无，借助【Shift】键绘制一个正圆，分别选中【圆】和【椭圆】，在【对齐】面板中选择【与舞台对齐】复选框，单击【水平中齐】按钮、【垂直中齐】按钮，如图6-3-23所示。⑵选择【任意变形工具】，按住【Shift】键，把外面的圆变小，按【Ctrl+C】组合键复制圆，

按【Ctrl+Shift+V】组合键粘贴圆，借助【任意变形工具】，按住【Shift】键，放大至合适大小，如图6-3-24所示。图6-3-23【圆】和【椭圆】效果图6-3-24复制椭圆并放大任务实施6制作地球外部文字引导图层⑶按【Ctrl+C】组合键复制圆，在【圆圈】图层上新建一个图层，重命名为【路径】，单击该层第1帧，按【Ctrl+Shift+V】组合键粘贴圆，借助【任意变形工具】，按住【Shift】键，缩小约至两个圆的中间，如图6-3-25所示。⑷点击【路径】图层【显示或隐藏图层】按钮，将其隐藏，选中【圆圈】图层第1帧，【填充】颜色为淡黄色（#FFFF99），用【颜料桶工具】填充颜色，如图6-3-26所示。图6-3-25复制圆并缩放合适大小图6-3-26为【圆圈】图层填充颜色任务实施6制作地球外部文字引导图层⑸点击【圆圈】图层【锁定或解除锁定图层】按钮，将该层锁定，点击【路径】图层【显示或隐藏图层】按钮，取消【路径】图层隐藏，在【路径】图层上新建一个图层，重命名为【文字】，把它拖拽到【路径】图层下面，选中【路径】图层第1帧，用【选择工具】圈选一小段圆，按【Delete】键，将其删除，为图形路径绘制出一个小缺口，如图6-3-27所示。图6-3-27为图形路径绘制出一个小缺口任务实施7制作地球外部文字被引导图层⑴选中【文字】图层第1帧，选择【文本工具】，【字符】选择宋体，【颜色】为蓝色(#0000FF)，【大小】50px,在舞台合适位置输入【爱】字，选择【爱】字，按【F8】键在弹出的【转换为元件】对话框中，在【名称】文本框中输入【爱】，将【类型】设置为【图形】，单击【确定】按钮，将其转换为元件，如图6-3-28所示。⑵选择【缩放工具】将有豁口的圆圈放大，选择【文字】图层第一帧，将【爱】图形元件放在路径一个端点上，在第30帧按【F6】插入关键帧，将【爱】图形元件放在路径另一个端点上，在【路径】图层上右击，在弹出的快捷菜单中选择【引导层】命令，如图6-3-29所示，将【文字】图层向右拖拽，成为被引导层，在【文字】图层第1帧和第60帧之间任意位置右击，在弹出的快捷菜单中选择【创建传统补间】命令，如图6-3-30所示。图6-3-29【引导层】命令图6-3-28转换为【爱】图形元件图6-3-30在【文字】图层创建传统补间任务实施8制作【环保】图层⑴单击【文字】图层传统补间动画任意一帧，在【属性】面板中选择【帧】选项，在【补间】下拉列表中选择【调整到路径】复选框，如图6-3-31所示。⑵选择【文字】图层第1帧，按住【Shift】键，选择第29帧，按【F6】键，将每一个画面变为一帧，如图6-3-32所示，选择【路径】图层，选择【控制】|【时间轴】|【编辑多个帧】命令（或Alt+Shift+E组合键），如图6-3-33所示，借助【Shift】键将所有关键帧都选中，按【Ctrl+C】组合键复制选中的所有帧，图6-3-32转化为逐帧动画图6-3-31打开【属性】面板进行设置图6-3-33【编辑多个帧】命令任务实施8制作【环保】图层在【文字】图层上新建一个图层，重命名为【环保】，选中该图层第1帧，按【Ctrl+Shift+V】组合键粘贴帧，如图6-3-34所示。⑶选中【文字】图层，在【