二维动画设计软件应用（Animate 2022）（第2版） 课件 项目五 引导路径动画和遮罩动画

项目五引导路径动画、遮罩动画二维动画设计软件应用（Animate2022）项目导读二维动画作品中，我们经常会看到鱼儿在水中自由自在的游、卫星绕着地球旋转、绚烂的光线、MTV字幕等动画效果，这些动画效果单纯的依靠设置关键帧是很难实现的。Animate为我们提供了引导层和遮罩层来实现复杂动画的制作。在项目五中，我们将学会如何应用引导层和遮罩层来制作复杂动画。储备新知识学习重点任务1引导线动画——纸飞机思考与探索项目内容任务3遮罩引导综合动画——公益广告任务2遮罩动画——放大镜效果学习重点项目五引导路径动画、遮罩动画——学习重点学会什么？1.了解引导层的功能，掌握引导层动画的制作方法2.了解遮罩层的功能，掌握遮罩层动画的制作方法3.学会综合运用引导层和遮罩层制作复杂动画学习重点：本项目重点了解引导路径动画和遮罩动画的工作原理，学习引导路径动画和遮罩动画的制作方法及使用技巧。0102储备新知识项目五引导路径动画、遮罩动画——储备新知识1.引导路径动画原理引导层是Animate中一种特殊的图层，它通过引导路径动画来实现对象沿着复杂路径移动，灵活地使用引导层可以创建出丰富多彩的动画效果。引导路径动画就是利用引导层中的引导线确定移动路径，使被引导层里的物体沿着指定的路径移动。需要注意的是引导层上绘制的引导线仅作为路径，在发布时是不会显示出来的。引导路径动画引导路径动画是将一个或多个层链接到一个运动引导层，使一个或多个对象沿由运动引导层指定的路径运动的动画。引导路径动画由引导层和被引导层组成。项目五引导路径动画、遮罩动画——储备新知识2.创建引导路径动画的步骤（1）在普通层“图层1”中创建一个对象，插入关键帧，在两个关键帧之间创建传统补间动画。（2）将鼠标指向“图层1”，单击鼠标右键，在打开的快捷菜单中选择“添加传统运动引导层”，单击鼠标左键，为“图层1”添加引导层，此时“图层1”缩进成为“被引导层”。（3）在引导层中绘制一条路径，然后在时间轴面板中插入帧，将绘制的路径沿用到已做好的补间动画的终止帧。（4）在被引导层中，调整对象的位置，在起始帧处将对象的中心点移动到路径的起点，在终止帧处将对象的中心点移动到路径的终点。注意对象中心的十字星一定要正好对准引导线的端头，引导路径动画引导路径动画是将一个或多个层链接到一个运动引导层，使一个或多个对象沿由运动引导层指定的路径运动的动画。引导路径动画由引导层和被引导层组成。项目五引导路径动画、遮罩动画——储备新知识1.遮罩动画原理遮罩相当于在普通层上创建一个任意形状的“视窗”，普通层上的内对象通过“视窗”显示出来，“视窗”之外的对象不会显示。在Animate中，“遮罩动画”是通过“遮罩层”来实现有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。遮罩动画遮罩也被称为蒙版，是Animate软件中一个重要的功能，它能够灵活地将遮罩动画与其他二维技术相互配合使用，可以使作品更加丰富生动。2.遮罩动画步骤

在Animate中遮罩层是由普通层转化的。在某个图层上单击右键，在弹出的快捷菜单中选择“遮罩层”。该图层就会转化成遮罩层，同时遮罩层下面的图层被自动关联为“被遮罩层”。3.遮罩层与被遮罩层所使用的内容遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。任务1引导线动画——飞行的纸飞机项目五引导路径动画、遮罩动画——任务1任务分析：

利用引导层路径动画实现纸飞机沿着指定的路径飞行。

《纸飞机》动画部分截图任务实施步骤1选择“文件”→“新建”菜单命令，新建一个Animate文档。设置相关参数。项目五引导路径动画、遮罩动画——任务1任务实施步骤2选择“文件”→“导入”→“导入到舞台”菜单命令，导入光盘中的素材“项目五\任务1\背景.jpg”，并将时间轴面板中的图层1命名为背景。步骤3选择背景层，在第50帧处插入帧。项目五引导路径动画、遮罩动画——任务1任务实施步骤4选择“文件”→“导入”→“导入库”菜单命令，导入光盘中的素材“项目五\任务1\飞机.png”导入到库中。步骤5新建图层2，并将其命名为飞机。将“飞机.png”从库中拖拽到舞台上，并将“飞机.png”缩小到70%，步骤6选择飞机层，在50帧处插入关键帧，将飞机移动到舞台的其他位置，并创建飞机的补间动画。项目五引导路径动画、遮罩动画——任务1任务实施步骤7将鼠标放在飞机层上，单击鼠标右键，在打开的快捷菜单栏中选择“添加传统运动引导层”命令，再单击鼠标左键，为飞机层添加引导层，项目五引导路径动画、遮罩动画——任务1任务实施步骤8选中引导线层，选择工具栏中的铅笔工具，并将铅笔模式设置为“平滑”，在舞台中绘制飞机飞行的路径，并调整路径的平滑，步骤9选中时间轴面板上飞机层的第1帧，将飞机移动到引导线的起始端，注意飞机的中心要与引导线的起始端对正；再选中第50帧，将飞机移动到引导线的终止端，同样注意飞机的中心与引导线的终止端对正。这是保证飞机沿引导线移动的关键。拖到时间线，看到飞机沿着引导线移动。项目五引导路径动画、遮罩动画——任务1任务实施步骤10选中飞机层，在属性面板中勾选“调整到路径”命令，步骤11按【ctrl+enter】键播放动画查看效果。保存文件，命名为“飞行的纸飞机”。项目五引导路径动画、遮罩动画——任务1任务实施——任务经验在制作引导路径动画时，我们需要明确引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状补间动画。项目五引导路径动画、遮罩动画——任务1任务2遮罩动画——放大镜效果项目五引导路径动画、遮罩动画——任务2任务分析：本例中我们运用遮罩动画来实现图像的放大效果。其中原图为背景层，放大的原图做为被遮罩层，椭圆工具绘制的圆形做为遮罩层。

《放大镜效果》动画部分截图项目五引导路径动画、遮罩动画——任务2步骤1选择“文件”→“新建”菜单命令，新建一个Animate文档。设置相关参数。任务实施项目五引导路径动画、遮罩动画——任务2步骤2选择“文件”→“导入”→“导入到库”菜单命令，将光盘中的素材“项目五\任务2\原图.jpg、镜框.png”导入到库中。步骤3将库中的“原图”拖到舞台中，利用对齐面板将其“与舞台对齐”，并将图层1命名为背景，在50帧处插入帧。任务实施项目五引导路径动画、遮罩动画——任务2步骤4新建图层2，并将其命名为“大图”，将库中的原图导入到舞台，将其缩放到140%，稍微调整大图的位置，任务实施项目五引导路径动画、遮罩动画——任务2步骤5新建图层3，命名为“放大镜”，选择椭圆工具在舞台绘制圆形，并在第1帧到第20帧之间创建圆形从左向右移动的补间动画。任务实施项目五引导路径动画、遮罩动画——任务2步骤6新建图层4，命名为“镜框”，将库中的“镜框.png”拖入到舞台，调整大小和位置，按照步骤5的方法创建从左到右的补间动画。任务实施项目五引导路径动画、遮罩动画——任务2任务实施步骤8按【ctrl+enter】键播放动画查看效果。保存文件，命名为“放大镜效果”。步骤7选中放大镜层，单击鼠标右键，在弹出的快捷菜单中选择“遮罩层”，将放大镜层转化为遮罩层。项目五引导路径动画、遮罩动画——任务2任务实施——任务经验如果你对放大镜放大的倍数的效果不满意，可以先点击时间轴面板上大图图层的锁头，解锁后，调整下大图的缩放比例，调整好缩放比例后，千万别忘记把锁头锁上，否则你是看不到遮罩效果的呀！想想看，如果你想改变放大镜移动的位置又该如何操作呢！任务3遮罩引导综合动画——公益广告项目五引导路径动画、遮罩动画——任务3任务分析：本例是遮罩动画和路径引导动画的综合运用。实例中运用绘图工具绘制飞机和白板部分，飞机沿指定的路径飞行，随着飞机的飞行，白板展开，广告文字分别以从左向右展开效果出现。

《公益广告》动画部分截图项目五引导路径动画、遮罩动画——任务3步骤1选择“文件”→“新建”菜单命令，新建一个Animate文档。设置相关参数。任务实施项目五引导路径动画、遮罩动画——任务3步骤2执行“文件”→“导入”→“导入到库”菜单命令，将本书的素材“项目五\任务3\背景图片.jpg”导入到库中。步骤3将库中的“背景图片.jpg”拖曳到舞台中央，将“图层1”重命名为“背景”，在第85帧处插入帧，并将“背景”图层锁定。任务实施项目五引导路径动画、遮罩动画——任务3步骤4选择“插入”→“新建元件”菜单命令，元件命名为“飞机”，绘制飞机。任务实施项目五引导路径动画、遮罩动画——任务3步骤5新建“图层2”，重命名为“白板”，并绘制如下图所示的图形，填充色为白色，透明度为45%。任务实施项目五引导路径动画、遮罩动画——任务3步骤6新建“图层3”，重命名为“遮罩层”，在第0帧处绘制如左图的形状。在第16帧处插入关键帧，将绘制的图形形状调整成如右图所示的形状。在第1-16帧之间创建形状补间动画。任务实施项目五引导路径动画、遮罩动画——任务3步骤7选中遮罩层，单击鼠标右键，选中“遮罩层”，将图层转化为遮罩层，如图所示。按下回车键，可以看到白板的渐显效果。任务实施项目五引导路径动画、遮罩动画——任务3步骤8新建“图层4”，重命名为“飞机”，将库中绘制的元件“飞机”拖入舞台，并调整其大小。步骤9在第1-16帧之间制作飞机从舞台左下方飞向舞台右上方的动画。任务实施项目五引导路径动画、遮罩动画——任务3步骤10选择“飞机”图层右击，在弹出的快捷菜单中，选择“添加传统引导线层”，并绘制引导线路径，在第0帧和第16帧将飞机移动到路径上，如图所示。可以在“属性”面板中勾选“调整到路径”复选框。任务实施项目五引导路径动画、遮罩动画——任务3步骤11新建“图层5”，重命名为“这次的旅行”，在第16帧处插入关键帧，输入文本“这次的旅行”，字体为“幼圆”，文字颜色为#cc0066。。任务实施项目五引导路径动画、遮罩动画——任务3步骤12制作文字逐个出现效果。新建“图层6”，重命名为“矩形”，在第16帧处插入关键帧，绘制矩形。并制作矩形由第16-20帧的从左向右扩展的形状补间动画效果，并将“矩形”图层转化为“这次的旅行”图层的遮罩层。任务实施项目五引导路径动画、遮罩动画——任务3步骤13按照步骤11和步骤12的方法，分别制作其他文字的动态效果。任务实施项目五引导路径动画、遮罩动画——任务3步骤14在场景中选中背景层之外的所以图层，单击鼠标右键，选择“剪切图层”命令任务实施项目五引导路径动画、遮罩动画——任务3步骤15执行“插入”→“新建元件”菜单命令，将元件命名为“展开动画”，元件类型为“图形”。任务实施项目五引导路径动画、遮罩动画——任务3步骤16在“展开动画”元件窗口下进行粘贴图层。任务实施项目五引导路径动画、遮罩动画——任务3步骤17回到场景，在背景层上方新建图层，并将其命名为“展开动画”，将“展开动画”图形元件从库中拖到场景中，并调整其位置。任务实施项目五引导路径动画、遮罩动画——任务3步骤18制作“展开动画”的淡出效果。在“展开动画”层的第60帧和第70帧处添加关键帧，并创建传统补间动画。将时间轴移动到第70帧，在场景中单击“展开动画”元件，打开属性窗口，将色彩效果样式中选择Alpha，并将Alpha的值设置为0%。任务实施项目五引导路径动画、遮罩动画——任务3步骤19制作定版文字。新建图层，重命名为“定版文字”，在第68帧处插入关键帧，输入文本“孝行天下·陪父母去旅行”，字体设置为“方正粗黑宋简体”，字号32，字母间距3，颜色为“白色”。在第75帧插入关键帧，创建