谈Animate遮罩动画制作案例

前言：想要写出一篇引人入胜的文章？我们特意为您整理了谈Animate遮罩动画制作案例范文，希望能给你带来灵感和参考，敬请阅读。

摘要：基于认知规律和接受能力，阐述制作遮罩动画的含义、原理、类型、制作方法及技巧，遮罩动画的具体案例，从而更好地理解掌握遮罩动画制作的技巧和方法。

关键词：animate；遮罩动画；案例分析

引言

Animate动画具有体积小、传输和下载速度快、交互性强、跨平台性和可移植性等优点，被广泛应用在互联网、电影、电视、移动媒体、教学课件、MTV音乐电视、游戏等诸多领域。利用Animate遮罩动画，可以制作出诸如：探照灯、放大镜、水波纹、卷轴动画等很多其他动画类型无法实现的特殊效果，可以使动画变得更加丰富多彩，可以大大提高动画的视觉效果。

1Animate遮罩动画

Animate遮罩动画的原理。为了更好地理解遮罩动画的含义和原理，举个通俗一点的例子，通常在实际生活中，用某个对象把另外的对象遮挡起来，下层对象被上层对象遮挡住的部分我们是看不到的。而Animate中的遮罩动画效果正好与之相反：透过遮挡对象来看被遮挡对象，只有被遮挡部分才能看到，没有被遮挡部分反而看不到。也可以这样理解，遮罩就像一个“窗口”，透过它可以看到下面的被遮罩区域，“窗口”之外的其余区域都被隐藏起来。通过这两个例子是不是遮罩动画的含义和原理就更好理解了。Animate遮罩动画的类型。利用遮罩动画的特点和原理，我们可以制作出很多华丽的特殊效果。按照遮罩动画制作的难易程度和效果是否精彩，可分为如下类型：（1）静态遮罩动画。遮罩层和被遮罩层内的对象都是静态的，被遮罩层可以一层，称为静态单层遮罩；被遮罩层可以多层，称为静态多层遮罩。运用静态遮罩我们可以制作出静态探照灯、放大镜、图片字、彩虹字等多种静态特效，通常我们先学习这种简单的静态遮罩动画的制作，可更好地入门并理解遮罩动画的含义及原理，为学习较复杂的动态遮罩动画打下良好基础。（2）动态遮罩动画。动态遮罩又可分为动态单层遮罩和动态多层遮罩。动态单层遮罩是指一个遮罩层与一个被遮罩层链接，动态多层遮罩是指一个遮罩层与多个被遮罩层链接，可以创建复杂的遮罩效果。通常动态遮罩的制作可以采用如下3种方法：（1）在遮罩层内制作对象的移动、改变大小、旋转或变形等动画。（2）在被遮罩层内制作对象的移动、改变大小、旋转或变形等动画。（3）在遮罩层和被遮罩层内都制作对象的移动、改变大小、旋转或变形等动画。要想制作出更加丰富神奇的动画效果，就要学习并掌握动态遮罩的制作方法与技能。

2Animate遮罩动画的制作与技巧制作方法：

（1）选择或创建一个图层，在其中放置形状、文字或元件，作为遮罩层。（2）使用鼠标右键单击时间轴中的遮罩层名称，在弹出的快捷菜单中选择“遮罩层”命令，紧贴其下面的图层会自动链接到遮罩层，被遮罩层名称以缩进形式显示；也可以将现有图层直接拖到遮罩层下面来创建被遮罩层，多层遮罩效果就可以采用这种方法进行设置。制作技巧：（1）Animate遮罩动画至少由两个图层组成，上面一层是遮罩层，下面一层是被遮罩层，遮罩层会自动链接下方紧贴着它的图层，因此应选择正确的位置创建遮罩层。（2）Animate遮罩动画只能有一个遮罩层，且遮罩层中只能有一个遮罩对象，用于遮罩的对象可以是填充的形状、传统文本、图形或影片剪辑元件，Animate会忽略遮罩层中的位图、渐变、透明度、颜色和线条样式等，可以理解为遮罩层提供动画效果的形式，被遮罩层提供动画效果的内容。但可以有多个被遮罩层，对于被遮罩层，遮罩层中的任何填充区域都是完全透明的，而任何非填充区域都是不透明的，不会出现半透明区域。（3）音频和线条不可以用来作为遮罩层的内容，若要应用线条，必须将其转换为填充。（4）使用文本创建遮罩动画，必须使用传统文本。有时在文本没有分离的情况下作为遮罩层内容，遮罩效果不能正常显示，此时，应该选择文字内容按两次Ctrl+B快捷键将遮罩层文字内容分离为普通图形。（5）如果需要在动画编辑状态查看遮罩效果，必须同时锁定遮罩层和被遮罩层。（6）遮罩层不能在按钮内部，不能将一个遮罩应用于另一个遮罩。以上是遮罩动画制作的一般方法及制作时注意的问题和技巧，在做具体动画案例时，要避免出现不必要的错误和问题，浪费时间和精力。“纸上得来终觉浅，绝知此事要躬行”，下面我们就一起做一个典型的遮罩动画案例，从素材的准备到动画的生成，真正领略遮罩动画的神奇魅力。

3案例分析

在网上或是电影、电视、游戏等情节中经常会看到的卷轴动画效果，通过Animate遮罩动画就可以完成精美的卷轴逐步展开的动画效果。“卷轴动画”制作思路分析。（1）准备素材。根据设定好的动画主题及动画效果，准备好各方面素材。准备素材也是一个不可忽视的环节，如，选择卷轴展开后要呈现的画面素材时，我选择了我们大美中国、大好山河的磅礴画面，在学习过程中，不忘教育学生热爱祖国，努力学习，为祖国的建设添砖加瓦，思政教育做到自然融入。（2）制作思路分析。①新建Animate文档。②新建“卷轴左”和“卷轴右”两个图层，分别插入卷轴对象素材，并设置卷轴对象展开的补间动画。③新建“卷轴遮罩”图层并绘制遮罩矩形，并制作矩形变宽逐步展开的形状补间动画。④新建“卷轴画面”图层，并制作画面移动的补间动画。⑤将“卷轴遮罩”图层设置成遮罩层。“卷轴动画”制作方法与技巧。（1）新建Animate文档。启动Animate，新建文档，根据动画应用场景，如在因特网还是电影、电视上放映，合理设置舞台大小和背景等属性，这里我们设置为800×600,背景颜色为黑色，并将图层1改名为“背景”。（2）新建“卷轴左”和“卷轴右”两个图层，分别插入卷轴对象，并设置卷轴对象展开的补间动画在“背景”图层上面新建“卷轴左”和“卷轴右”两个图层，分别在两个图层中选择起始帧（一般为第1帧），导入提前准备好的卷轴对象素材，并将位置调整到舞台中央，在结束帧（假设为第60帧）插入关键帧，位置分别调整到舞台的左右两边，并设置成传统补间动画或补间动画都可以。（3）新建“卷轴遮罩”绘制遮罩矩形，并制作矩形变大逐步展开的形状补间动画在两个卷轴图层下面新建一个“卷轴遮罩”图层，在第1帧中绘制一个填充颜色为任意颜色的遮罩矩形，矩形高度与卷轴高度一致，宽度与卷轴左右展开前的宽度一致，在第60帧插入关键帧，并设置遮罩矩形的宽度与卷轴完全展开时的宽度一致，并设置形状补间动画。（4）新建“卷轴画面”图层，并制作画面移动的补间动画在“卷轴遮罩”图层下面新建一个“卷轴画面”图层，内容就是卷轴展开后看到的气势磅礴的“大好山河”卷轴画面，选择第1帧，将内容导入到舞台并调整到合适位置，在第60帧插入关键帧，移动画面到合适位置，并设置画面移动的传统补间动画或补间动画都可以。（2）～（4）这三个步骤制作顺序可以颠倒，但是时间轴上图层的排列顺序不能颠倒。（5）为“卷轴遮罩”图层设置成遮罩层。完成以上步骤，卷轴动画效果并没有出现，还有最关键的这一步。在“卷轴遮罩”图层单击鼠标右键，选择快捷菜单中的“遮罩层”命令，紧邻其下的“卷轴画面”图层自动变为被遮罩层。卷轴动画的测试。按ctrl+enter键测试影片，动画效果逐渐展开变为动态效果。这个典型的遮罩动画案例——卷轴动画，被遮罩层是一层且设置了动态效果，因此是动态单层遮罩。为了使效果更加丰富和精美，我们可以创建动态多层遮罩，并且可以将引导层动画、补间动画等多种动画手段应用其中。可能在制作和测试后效果不尽如人意，需要反复地进行调试和修改。通常，一个作品的诞生都不是那么容易和顺利的，往往要经过缜密地分析、反复地调试和修改、打磨才能达到预期的理想效果，每一步都要认真对待。

4结语

在神奇的Flash中，有许多的特殊效果都是通过遮罩动画来实现的。要想在掌握动画含义及原理的基础上熟练地制作出更加精美的效果，最好从简单的静态遮罩开始学习，逐渐过渡到动态单层遮罩和动态多层遮罩，在分析与制作过程中应该综合分析，多次调试以达到更加丰富多彩的动画效果。

参考文献

[1]欧阳俊梅.二维动画设计软件应用[M].北京:高等教育出版社,2019.

[2]王威.AdobeAnimateCC动画制作案例教程[M].北京:电子工业出版社,2019.

作者：焉美 单位：威海机械工程高级技工学校