51

C:\Users\Administrator\Desktop\AE图片第四章\4.1.jpg4.1
第4章

蒙版的应用

本章将详细讲解在After Effects 2022中如何应用蒙版功能。在影视后期合成中,有时由于一些
素材本身不具备Alpha通道,所以不能通过常规方法将这些素材合成到一个场景中,此时通过蒙版
功能能有效解决这一问题。由于蒙版可以遮盖住部分图像,使部分图像变为透明状态,因此蒙版功
能在视频合成中被广泛应用。

本章重点

 创建蒙版 钢笔工具的运用

 编辑和修改蒙版 调整蒙版属性

4.1 创建蒙版

蒙版,也可以称为“遮罩”。简单来说,蒙版
就是通过蒙版层中的图形或轮廓对象,透出下方素
材层中的内容。在After Effects中,蒙版实际是用“钢
笔工具”或其他形状工具绘制的一个路径或者轮廓
图。蒙版位于素材层之上,对于运用了蒙版的层,
将只有蒙版里面的部分图像显示在合成图像中。

4.1.1 实战—使用形状工具创建蒙版

蒙版具备多种形状,在After 
Effects 2022的工具栏中,可以利用
相关的形状工具来创建蒙版,如
“矩形工具”、“圆角矩形工
具”、“椭圆工具”、“多边
形工具”和“星形工具”。

01 启动After Effects 2022软件,按快捷键Ctrl+O
打开相关素材中的“形状蒙版.aep”项目文件。打开
项目文件后,可在“合成”窗口中预览当前画面效
果,如图4-1所示。

02 在“时间轴”面板中选择“背景.jpg”素材
层,在工具栏中单击“矩形工具”按钮,然后移
动光标至“合成”窗口,单击并进行拖曳,释放鼠标
左键后即可得到一个矩形蒙版,如图4-2所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.1.jpg4.1 


图4-1

C:\Users\Administrator\Desktop\AE图片第四章\4.2.jpg4.2


图4-2

提示:在选择好的形状工具上双击,可以在当前选
中的素材层中自动创建一个最大的蒙版。 
图4-3

03 按快捷键Ctrl+Z返回上一步操作。在“时间
轴”面板中选择“背景.jpg”素材层,在工具栏中长
按“矩形工具”按钮,在展
开的列表中选择“圆角矩形工
具”选项,如图4-3所示。

04 移动光标至“合成”窗
口,单击并进行拖曳,释放鼠标


扫码观看视频



After Effects 2022从新手到高手

52

左键后即可得到一个圆角矩形蒙版,如图4-4所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.4.jpg4.4


图4-4

05 用上述同样的方法,使用“椭圆工具”、
“多边形工具”和“星形工具”,尝试在项目
中绘制其他形状的蒙版,如图4-5~图4-7所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.5.jpg4.5 


图4-5

C:\Users\Administrator\Desktop\AE图片第四章\4.6.jpg4.6 


图4-6

C:\Users\Administrator\Desktop\AE图片第四章\4.7.jpg4.7


图4-7

提示:在“合成”窗口中,在按住Shift键的同时,
使用形状工具可以创建出等比例的蒙版形状。例
如,使用“矩形工具”配合Shift键,可以创建出
正方形蒙版;使用“椭圆工具”配合Shift键,可
以创建出圆形蒙版。

4.1.2 钢笔工具

“钢笔工具”主要用于绘制不规则的蒙版或
不闭合的路径,在工具栏中长按“钢笔工具”按钮
,可显示“添加‘顶点’工具”、“删除‘顶
点’工具”、“转换‘顶
点’工具”和“蒙版羽化工
具”,如图4-8所示。

“钢笔工具”的具体使用
方法如下。

 ●在工具栏中单击“钢笔工具”按钮,移动
光标至“合成”窗口,单击即可创建顶点。 
●将光标移动到另一个目标位置并单击,此时在先
后创建的两个顶点之间会形成一条直线。 
●如果想要创建闭合的蒙版图形,可将光标放
在第一个顶点处,此时光标的右下角将出现
一个小圆圈,单击即可闭合蒙版路径。


提示:使用“钢笔工具”时,按住Shift键在顶点
上拖曳光标,可以沿45°角移动方向线。

4.1.3 实战—创建自定义形状蒙版

相比其他形状工具,“钢笔工
具”的灵活性更高,使用“钢笔工
具”,不但可以创建封闭的蒙
版,还可以创建开放的蒙版。

01 启动After Effects 2022软件,
按快捷键Ctrl+O,打开相关素材中的“自定义形状蒙
版.aep”项目文件。打开项目文件后,可在“合成”
窗口中预览当前画面效果,如图4-9所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.9.jpg4.9


图4-9

02 在“时间轴”面板中选择“粉菊.jpg”素材
层,在工具栏中单击“钢笔工具”按钮,然后移
动光标至“合成”窗口,单击创建一个顶点,如图
4-10所示。

03 将光标移动到下一个位置,单击并拖曳,沿着
花瓣边缘创建若干个顶点,如图4-11所示。

04 用同样的方法,使用“钢笔工具”继续围绕
花朵绘制路径,直至闭合路径,完成效果如图4-12
所示。

提示:使用“钢笔工具”绘制路径时,可以通过
调整顶点两侧的控制手柄来改变曲线弧度。

C:\Users\Administrator\Desktop\AE图片第四章\4.8.jpg4.8


图4-8


扫码观看视频



 第4章 蒙版的应用

53

C:\Users\Administrator\Desktop\AE图片第四章\4.10.jpg4.10


图4-10

C:\Users\Administrator\Desktop\AE图片第四章\4.11.jpg4.11 


图4-11

C:\Users\Administrator\Desktop\AE图片第四章\4.12.jpg4.12


图4-12

05 在“时间轴”面板中,选择“粉菊.jpg”素材
层,按P键显示“位置”属性,按快捷键Shift+S显示
“缩放”属性,然后分别调整“位置”和“缩放”参
数,如图4-13所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.13.jpg4.13


图4-13

06 完成全部操作后,在“合成”窗口中可以预览视
频效果。素材调整前后效果如图4-14和图4-15所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.14.jpg4.14 
C:\Users\Administrator\Desktop\AE图片第四章\4.15.jpg4.15


 图4-14 图4-15

4.2 编辑蒙版

使用形状工具创建了蒙版之后,可以再次对蒙
版进行调整和修改,以适应项目的制作需求。本节
介绍几种常用的蒙版编辑技巧。

4.2.1 调整蒙版形状

蒙版形状主要取决于各个顶点的分布,所以要
调节蒙版的形状主要就是调节各个顶点的位置。

绘制蒙版后,在工具栏中单击“选择工具”按
钮,然后移动光标至“合成”窗口,单击需要进
行调节的顶点,被选中的顶点会呈现实心正方形状
态,如图4-16所示。此时单击拖动顶点,即可改变
顶点的位置,如图4-17所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.16.jpg4.16 


图4-16

C:\Users\Administrator\Desktop\AE图片第四章\4.17.jpg4.17


图4-17

如果需要同时选择多个顶点,可以按住Shift
键,再单击要选择的顶点,如图4-18所示。然后再
对选中的多个顶点进行移动,如图4-19所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.18.jpg4.18 


图4-18



After Effects 2022从新手到高手

C:\Users\Administrator\Desktop\AE图片第四章\4.19.jpg4.19


图4-19

提示:按住Shift键的目的是加选或减选顶点,用户
既可以按住Shift键单击要加选的顶点,也可以按住
Shift键单击已经选中的顶点,取消选择。在使用
“选择工具”选取顶点时,可以直接按住鼠标左
键,在“合成”窗口中框选一个或多个顶点。

4.2.2 添加和删除顶点

在已经创建好的蒙版形状中,可以对顶点进行
添加或删除操作。

1. 添加顶点

在工具栏中长按“钢笔工具”按钮,在弹出
的下拉列表中,选择“添加‘顶点’工具”选项,
然后将光标移动到需要添加顶点的位置,单击即可
添加一个顶点,如图4-20和图4-21所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.20.jpg4.20 


图4-20

C:\Users\Administrator\Desktop\AE图片第四章\4.21.jpg4.21


图4-21

2. 删除锚点

在工具栏中长按“钢笔工具”按钮,在弹
出的下拉列表中,选择“删除‘顶点’工具”选
项,然后将光标移动到需要删除的顶点上,单击即
可删除该顶点,如图4-22和图4-23所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.22.jpg4.22 


图4-22

C:\Users\Administrator\Desktop\AE图片第四章\4.23.jpg4.23


图4-23

4.2.3 转换角点和曲线点

蒙版上的顶点分为角点和曲线点,角点和曲线
点之间可以相互转换。

1. 角点转换为曲线点

在工具栏中长按“钢笔工具”按钮,在弹
出的下拉列表中,选择“转换‘顶点’工具”选
项,然后将光标移动到需要进行转换的顶点上,单
击即可将角点转换为曲线点,如图4-24和图4-25所
示;或者在“钢笔工具”选中状态下,按住Alt键,
待光标变为状态后,单击角点,即可将其转换为
曲线点。

C:\Users\Administrator\Desktop\AE图片第四章\4.24.jpg4.24


图4-24

C:\Users\Administrator\Desktop\AE图片第四章\4.25.jpg4.25


图4-25



2. 曲线点转换为角点

在工具栏中长按“钢笔工具”按钮,在弹
出的下拉列表中,选择“转换‘顶点’工具”选
项,然后将光标移动到需要进行转换的顶点上,单
击即可将曲线点转换为角点,如图4-26和图4-27所
示;或者在“钢笔工具”选中状态下,按住Alt键,
待光标变为状态后,单击曲线点,即可将其转换
为角点。

C:\Users\Administrator\Desktop\AE图片第四章\4.26.jpg4.26 


图4-26

C:\Users\Administrator\Desktop\AE图片第四章\4.27.jpg4.27


图4-27

4.2.4 缩放和旋转蒙版

创建好一个蒙版之后,如果觉得蒙版太小,或
者是角度不合适,可以对蒙版的大小或角度进行缩
放和旋转。

1. 缩放蒙版

在“时间轴”面板选中蒙版,然后使用“选择
工具”在“合成”窗口中双击蒙版的轮廓线,或
者按快捷键Ctrl+T,展开定界框,即可对蒙版进行
自由变换,如图4-28和图4-29所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.28.jpg4.28 


图4-28

C:\Users\Administrator\Desktop\AE图片第四章\4.29.jpg4.29


图4-29

提示:如果需要等比例缩放蒙版,在按住Shift键的
同时拖曳定界框上的点即可。

2. 旋转蒙版

将光标移动到定界框外,当光标变为旋转标志
时,按住鼠标左键进行拖曳,即可对蒙版进行旋
转操作,如图4-30和图4-31所示。在旋转时,若按
住Shift键,则可以使蒙版以45°角进行旋转。完成
操作后,按Esc键可退出自由变换。

C:\Users\Administrator\Desktop\AE图片第四章\4.30.jpg4.30 


图4-30

C:\Users\Administrator\Desktop\AE图片第四章\4.31.jpg4.31


图4-31

4.2.5 实战—修改蒙版

在After Effects 2022中打开提前
创建好的项目文件,结合上述所学内
容,对蒙版进行各项编辑及修改操作。

01 启动After Effects 2022软件,按快捷键Ctrl+O
打开相关素材中的“修改蒙版.aep”项目文件。打开


扫码观看视频



After Effects 2022从新手到高手

项目文件后,可在“合成”窗口中预览当前画面效
果,如图4-32所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.32.jpg4.32 


图4-32

02 在“时间轴”面板中选择“蝴蝶.png”素材
层,可以看到预先创建的蒙版,如图4-33所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.33.jpg4.33


图4-33

03 将“背景.jpg”素材层暂时隐藏,方便后续对
“蝴蝶.png”素材层中的蒙版进行修改。

04 在“时间轴”面板中选择“蝴蝶.png”素材层,
然后在工具栏中长按“钢笔工具”按钮,在弹出的
下拉列表中,选择“添加‘顶点’工具”选项,然
后将光标移动到蝴蝶左边的翅膀处,单击添加一个顶
点,如图4-34所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.34.jpg4.34 


图4-34

05 按住鼠标左键拖曳步骤04添加的顶点,将其拖
到图4-35所示的位置。

提示:在“合成”窗口中,滚动鼠标滚轮可以对素材进
行局部放大或缩小,按住空格键可以任意拖动素材。

C:\Users\Administrator\Desktop\AE图片第四章\4.35.jpg4.35


图4-35

06 在按住Alt键的同时,对添加的顶点进行拖动,
将角点转换为曲线点,如图4-36所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.36.jpg4.36 


图4-36

07 在工具栏中长按“钢笔工具”按钮,在弹
出的下拉列表中,选择“删除‘顶点’工具”选
项,然后将光标移动到图4-37所示的顶点上,单击即
可将该顶点删除。

C:\Users\Administrator\Desktop\AE图片第四章\4.37.jpg4.37


图4-37

08 使用同样的方法,继续将光标移动到图4-38所
示的顶点上,单击将该顶点删除。

C:\Users\Administrator\Desktop\AE图片第四章\4.38.jpg4.38 


图4-38



09 在工具栏中长按“钢笔工具”按钮,在弹
出的下拉列表中,选择“转换‘顶点’工具”选
项,然后将光标移动到蝴蝶右边的翅膀处,悬停在图
4-39所示的角点位置。

C:\Users\Administrator\Desktop\AE图片第四章\4.39.jpg4.39


图4-39

10 单击将角点转换为曲线点,并调整控制手柄使
翅膀更加圆滑,如图4-40所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.40.jpg4.40 


图4-40

11 完成上述操作后,恢复“背景.jpg”素材层的
显示。在“时间轴”面板中展开“蝴蝶.png”素材层
的变换属性,调整其变换参数,如图4-41所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.41.jpg4.41


图4-41

12 完成全部操作后,在“合成”窗口中可以预览视
频效果。素材调整前后的效果如图4-42和图4-43所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.42.jpg4.42 
C:\Users\Administrator\Desktop\AE图片第四章\4.43.jpg4.43


 图4-42 图4-43

4.3 设置蒙版属性

蒙版与其他素材层一样,也具备固有属性和叠
加模式。在制作蒙版动画时,经常需要对各项基本
属性进行调整。

4.3.1 蒙版的基本属性

创建了蒙版之后,可以在“时间轴”面板中单
击蒙版左侧的箭头按钮,展开蒙版属性;或者在
“时间轴”面板中连续按两次M键,可以快速显示
蒙版的所有属性,如图4-44所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.44.jpg4.44


图4-44

蒙版的基本属性介绍如下。

 ●蒙版路径:用来设置蒙版的路径范围和形
状,也可以为蒙版顶点制作关键帧动画。 
●蒙版羽化:用来调整蒙版边缘的羽化程度。 
●蒙版不透明度:用来调整蒙版的不透明
程度。 
●蒙版扩展:用来调整蒙版向内或向外的扩展
程度。


4.3.2 实战—制作电影暗角效果

绘制蒙版后,尝试为蒙版的基
本属性创建关键帧,可以产生意想
不到的动画效果。下面结合形状工
具及蒙版基本属性的应用来制作电
影暗角效果。

01 启动After Effects 2022软件,按快捷键Ctrl+O
打开相关素材中的“蒙版应用.aep”项目文件。打开
项目文件后,可在“合成”窗口中预览当前画面效
果,如图4-45所示。

02 在“时间轴”面板中选择“沙滩.mp4”素材
层,然后在工具栏中单击“矩形工具”按钮,在
“合成”窗口中,围绕画面绘制一个矩形蒙版,如图
4-46所示。


扫码观看视频



After Effects 2022从新手到高手

C:\Users\Administrator\Desktop\AE图片第四章\4.45.jpg4.45 


图4-45

C:\Users\Administrator\Desktop\AE图片第四章\4.46.jpg4.46


图4-46

03 在“时间轴”面板中,连续按两次M键,快速
显示蒙版的基本属性,如图4-47所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.47.jpg4.47 


图4-47

04 在“蒙版羽化”属性右侧的蓝色数值上单击,
激活文本框;或按住鼠标左键向右拖动,将数值调整
到180像素,如图4-48所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.48.jpg4.48


图4-48

05 完成全部操作后,在“合成”窗口中可以预
览视频效果。素材调整前后效果如图4-49和图4-50
所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.49.jpg4.49 


图4-49

C:\Users\Administrator\Desktop\AE图片第四章\4.50.jpg4.50


图4-50

4.3.3 蒙版叠加模式

当一个素材层中存在多个蒙版时,通过调整蒙
版的叠加模式可以使多个蒙版之间产生叠加效果,
如图4-51所示。

C:\Users\Administrator\Desktop\AE图片第四章\4.51.jpg4.51


图4-51

蒙版叠加模式介绍如下。

 ●无:选择该模式时,路径将不作为蒙版使
用,仅作为路径存在。 
●相加:将当前蒙版区域与其上方的蒙版区域
进行相加处理。 
●相减:将当前蒙版区域与其上方的蒙版区域
进行相减处理。 
●交集:只显示当前蒙版区域与其上方蒙版区
域相交的部分。 
●变亮:对于可视范围区域来讲,此模式同
“相加”模式相同;但对于重叠处的不透
明,则采用不透明度较高的那个值。 
●变暗:对于可视范围区域来讲,此模式同
“交集”模式相同,但是对于重叠之处的不
透明,则采用不透明度较低的那个值。