案例4：遮罩动画的制作

一、案例内容简介

本案例主要介绍遮罩的概念、遮罩的原理、遮罩的创建和相关操作。

二、案例效果欣赏

三、案例制作（步骤）流程

四、制作目的

（1）了解遮罩的概念。

（2）理解遮罩的原理。

（3）掌握各种遮罩的创建方法。

（4）掌握遮罩的相关操作方法。

（5）熟练掌握遮罩动画的原理和创建。

五、制作过程中需要解决的问题

（1）遮罩的概念和原理是什么？

（2）创建遮罩和创建遮罩的前提条件是什么？

（3）遮罩动画的原理和创建方法是什么？

六、详细操作步骤

在After Effects CC 2019中，遮罩又称为蒙版，是一个非常重要的合成工具，可以将遮罩简单理解为“挡板”，它可以绘制任意形状来遮挡当前图层的一部分，被遮挡的部分变成透明，显示出下面的图层。如果使用羽化遮罩，就可以将不同的图像平滑融合，还可以将遮罩的变化过程记录为动画，这个过程称为遮罩动画。

在After Effects CC 2019中主要提供了矩形遮罩、椭圆形遮罩、多边形遮罩和自由形状遮罩，用户可以根据需要绘制和控制不同的遮罩。不管创建什么形状的遮罩，都需要注意以下两点，这是创建遮罩的两个前提条件。

（1）首先需要选中创建遮罩的图层。

（2）遮罩路径一定是一个闭合的曲线。

任务一：矩形遮罩工具的使用

矩形遮罩工具的使用很简单，具体操作步骤如下。

1.创建新合成

步骤01：启动After Effects CC 2019，并把文件命名为“案例4：遮罩工具的使用.aep”保存。

步骤02：创建合成。在菜单栏中单击【合成（C）】→【新建合成（C）…】命令（或按“Ctrl+N”组合键）弹出【合成设置】对话框。在弹出的【合成设置】对话框中设置尺寸，把它设置为“1280px×720px”，持续时间设置为“6秒”，命名为“遮罩工具的使用”。设置完毕，单击【确定】按钮，完成新合成的创建。

2.导入素材

步骤01：根据前面所学知识，导入如图2-75所示的素材。

步骤02：将素材拖到【遮罩工具的使用】合成窗口中。拖到合成窗口中的图层顺序如图2-76所示，在【合成预览】窗口中的效果如图2-77所示。

3.绘制矩形遮罩

步骤01：单选【遮罩工具的使用】合成窗口中的图层。

步骤02：在工具面板中单击（矩形遮罩工具）按钮，在【合成预览】窗口中绘制矩形遮罩，展开图层。

步骤03：设置绘制的矩形遮罩的参数，具体设置如图2-78所示。设置完毕，在【合成预览】窗口中的效果如图2-79所示。

视频播放：关于具体介绍，请观看本书光盘上的配套视频“任务一：矩形遮罩工具的使用.wmv”。

任务二：椭圆形遮罩工具的使用

步骤01：将“图层2/图形遮罩.psd”图片拖到【遮罩工具的使用】合成窗口中，图层放置在最顶层，在【合成预览】窗口中的效果如图2-80所示。

步骤02：在工具面板中单击（椭圆形遮罩工具）按钮，在【合成预览】窗口中绘制椭圆形遮罩，展开图层。

步骤03：设置绘制的椭圆形遮罩的参数。具体设置如图2-81所示，设置完毕在【合成预览】窗口中的效果如图2-82所示。

步骤04：添加图层样式。单选图层，在菜单栏中单击【图层】→【图层样式】→【外发光】命令，即可给该图层添加一个“外发光”效果。具体参数设置如图2-83所示，在【合成预览】窗口中的“外发光”效果如图2-84所示。

视频播放：关于具体介绍，请观看本书光盘上的配套视频“任务二：椭圆形遮罩工具的使用.wmv”。

任务三：任意形状遮罩工具的使用

步骤01：将【项目】窗口中的“图层4/图形遮罩.psd”素材拖到【遮罩工具的使用】合成窗口中，图层放置在顶层。在【合成预览】窗口中的效果如图2-85所示。

步骤02：单选图层，在工具栏中单击（钢笔工具）按钮，在【合成预览】窗口中绘制3条闭合曲线，设置闭合曲线参数。具体设置如图2-86所示，在【合成预览】窗口中的效果如图2-87所示。

视频播放：关于具体介绍，请观看本书光盘上的配套视频“任务三：任意形状遮罩工具的使用.wmv”。

任务四：遮罩动画的制作

遮罩动画的制作原理是通过调节遮罩路径上的控制点位置和关键帧来实现的，具体操作方法如下。

步骤01：创建一个合成。在菜单栏中单击【合成（C）】→【新建合成（C）…】命令（或按“Ctrl+N”组合键），弹出【合成设置】对话框。在弹出的【合成设置】对话框中，把尺寸设置为“1280px×720px”，持续时间设置为“5秒”，命名为“遮罩动画”，背景颜色设置为“白色”。设置完毕单击【确定】按钮，完成新合成的创建。

步骤02：将“红楼梦01.mp4”视频拖到【遮罩动画】合成窗口中，设置该图层的变换参数。具体参数设置如图2-88所示。

步骤03：将（时间指针）移到第00帧的位置，单选图层，使用（钢笔工具）在【合成预览】窗口中绘制遮罩，绘制遮罩时的参数设置如图2-89所示，在【合成预览】窗口中绘制的遮罩效果如图2-90所示。

步骤04：将（时间指针）移到第13帧的位置，使用（选取工具）和（转换“顶点”工具）在【合成预览】窗口中调节遮罩顶点的位置和顶点的转换，调节之后，After Effects CC 2019自动给遮罩的“遮罩形状”参数添加关键帧。调节之后的遮罩路径即第13帧位置的遮罩形状如图2-91所示。

步骤05：将（时间指针）移到第01秒05帧的位置，调节遮罩路径的形状，最终效果如图2-92所示。

步骤06：将（时间指针）移到第02秒03帧的位置，调节遮罩路径的形状，最终效果如图2-93所示。

步骤07：将（时间指针）移到第03秒18帧的位置，调节遮罩路径的形状，最终效果如图2-94所示。

步骤08：将（时间指针）移到第04秒07帧的位置，调节遮罩路径的形状，最终效果如图2-95所示。

步骤09：将（时间指针）移到第04秒12帧的位置，调节遮罩路径的形状，最终效果如图2-96所示。

步骤10：将（时间指针）移到第04秒13帧的位置，调节遮罩路径的形状，最终效果如图2-97所示。

视频播放：关于具体介绍，请观看本书光盘上的配套视频“任务四：遮罩动画的制作.wmv”。

七、拓展训练

根据所学知识完成如下效果的制作。