资源简介

(共50张PPT)
项目五 引导路径动画、遮罩动画
二维动画设计软件应用（Animate 2022）
项 目
导 读
二维动画作品中，我们经常会看到鱼儿在水中自由自在的游、卫星绕着地球旋转、绚烂的光线、MTV字幕等动画效果，这些动画效果单纯的依靠设置关键帧是很难实现的。Animate为我们提供了引导层和遮罩层来实现复杂动画的制作。在项目五中，我们将学会如何应用引导层和遮罩层来制作复杂动画。
储备新知识
学习重点
任务1引导线动画——纸飞机
思考与探索
项目内容
任务3遮罩引导综合动画—— 公益广告
任务2遮罩动画——放大镜效果
学习重点
项目五 引导路径动画、遮罩动画——学习重点
学会什么？
1.了解引导层的功能，掌握引导层动画的制作方法
2.了解遮罩层的功能，掌握遮罩层动画的制作方法
3.学会综合运用引导层和遮罩层制作复杂动画
学习重点：
本项目重点了解引导路径动画和遮罩动画的工作原理，学习引导路径动画和遮罩动画的制作方法及使用技巧。
01
02
储备新知识
项目五 引导路径动画、遮罩动画——储备新知识
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帧插入关键帧，创建从69帧到75帧的传统补间动画，设置第69帧的Alpha值为0%，制作文字淡入效果。
步骤20 按【Ctrl+Enter】快捷键播放动画查看效果。保存文件，命名为“公益广告”
任务实施
项目五 引导路径动画、遮罩动画——任务3
任务实施——任务经验
本实例的制作过程中，要注意飞机飞行和白板出现的节奏要合理，可以通过调整遮罩层形状的变化来把握节奏。文字出现运用了遮罩原理，大家可以广开思路，想想利用遮罩原理还可以制作哪些文字的动态效果。飞机沿路径飞行时，注意首尾端的对齐。
思考与探索
项目五 引导路径动画、遮罩动画——思考与探索
思考
01
探索
02
1.引导路径动画的原理？
2.引导层和被引导层分别可以是哪些元素？
3.遮罩动画的原理？
4.遮罩层和被遮罩层分别可以使用哪些元素？
1.根据所给的素材制作引导路径动画“游来游去的小蝌蚪”。
2.利用遮罩原理制作文字动画效果。
本项目是Animate软件教学中的重点内容之一，通过典型的任务范例讲授了Animate引导路径动画和遮罩动画的制作方法及使用技巧。引导路径与遮罩是Animate中的重要工具，虽然他们的使用方法很简单，但是其功能非常强大，许多优秀的二维动画作品中都离不开这两项技术，希望大家在熟练掌握本章内容的基础上，灵活运用引导和遮罩技术，创作出更加丰富的动画作品。
项目总结

展开更多......

收起↑