形状图层、路径和矢量图形概述

关于矢量图形和栅格图像

矢量图形由名为矢量 的数学对象定义的直线和曲线组成,其根据图像的几何特征对图像进行描述。 After Effects 中的矢量图形元素的示例包括蒙版路径、形状图层的形状和文本图层的文本。

栅格图像(有时称为位图图像)使用图片元素(像素)的矩形网格来代表图像。 每个像素都分配有特定的位置和颜色值。 视频素材、从胶片传递的图像序列,以及导入到 After Effects 中的许多其他类型的图像是栅格图像。

矢量图形在调整大小时会保持清晰的边缘并且不会损失任何细节,因为它们与分辨率无关。 这种分辨率独立性使矢量图形成为各种大小的视觉元素(如徽标)的理想选择。

不同放大级别的矢量图形示例。

蒙版-模式-减去
不同放大级别的位图示例。

每个栅格图像都包含固定数量的像素,因此依赖于分辨率。 如果扩大栅格图像,可能会丢失细节,并看起来呈锯齿状(像素化)。

有些图像是在其他应用程序中作为矢量图形创建的,但在导入 After Effects 时被转换为像素(栅格化)。 如果图层连续进行栅格化,After Effects 将在调整图层大小时将矢量图形重新转换为像素,并保留锐化边缘。 SWF、PDF、EPS 以及 Illustrator 文件的矢量图形可连续进行栅格化。

关于路径

After Effects 的一些功能(其中包括蒙版、形状、绘画描边以及运动路径)依赖于路径 的概念。 用于创建和编辑各种路径的工具和技术会重叠,但每种类型的路径都有各自独特的方面。

路径包括顶点。 段是连接顶点的直线或曲线。 顶点定义路径的各段开始和结束的位置。 一些 ADOBE 应用程序使用术语锚点路径点 来引用顶点。

通过拖动路径顶点、每个顶点的方向线(或切线)末端的方向手柄,或路径段自身,更改路径的形状。

当路径退出顶点时,该顶点的传出方向线的角度和长度将决定路径。 当路径接近下一个顶点时,路径更少地受前一个顶点的输出方向线的影响,并更多地受下一个顶点的输入方向线的影响。

路径组件
路径组件

A. 选定顶点 B. 选定顶点 C. 未选定顶点 D. 曲线路径段 E. 方向线(切线) F. 方向手柄 

路径可以有两类顶点:角点和平滑点。 在平滑点处,各路径段会连接成一条平滑曲线;传入和传出方向线位于同一直线上。 在边角点处,路径突然更改方向;传入和传出方向线位于不同直线上。 您可以使用边角点和平滑点的任意组合绘制路径。 如果您绘制的点类型有误,以后可以更改。

路径上的点
路径上的点

A. 四个角点 B. 四个平滑点 C. 角点和平滑点的组合 

在移动平滑点的方向线时,将同时调整该点两边的曲线。 相反,当移动边角点的方向线时,只调整与方向线在该点的相同边上的曲线。

调整平滑点上的方向线(左图)和角点上的方向线(右图)
调整平滑点上的方向线(左图)和边角点上的方向线(右图)

路径可以是开放的,也可以是闭合的。 开放路径的开始点与结束点不一样;例如,直线是开放路径。 闭合路径是连续的,没有开始或结束;例如,圆就是闭合路径。

您可以使用形状工具,在普通几何形状(包括多边形、椭圆和星形)中绘制路径,或者您也可以使用钢笔工具来绘制任意路径。 使用钢笔工具绘制的路径要么是手动贝塞尔曲线路径,要么是旋转贝塞尔曲线路径。 旋转贝塞尔曲线和手动贝塞尔曲线路径之间的主要差异在于,会自动计算旋转贝塞尔曲线路径的方向线,使得绘制路径更容易和快速。

当您使用形状工具(矩形圆角矩形椭圆多边形星形)在形状图层上绘制形状路径时,您可以创建两种路径之一:参数化形状路径或贝塞尔曲线形状路径。

您可以使用表达式来链接蒙版路径、绘画描边路径和贝塞尔曲线形状路径。 还可以在蒙版路径、绘画描边路径、贝塞尔曲线形状路径、运动路径以及 Adobe Illustrator 和 Photoshop 的路径之间复制和粘贴。

对于形状路径,您可以使用合并路径路径操作(类似于 Adobe Illustrator 中的路径查找器效果)将多个路径合并为一个路径。

希望文本或效果遵循某个路径时,该路径必须是蒙版路径。

路径本身在渲染输出中不可见。 它本质上是关于如何放置或修改其他视觉元素的信息集合。 要使路径可视,应对其应用描边。 如果是蒙版路径,可以应用描边效果。 如果是形状图层对象的路径,默认情况是使用描边属性组创建的路径位于时间轴面板中的路径属性组之后。

应用于路径所限制区域内的区域的颜色或渐变是填充

注释

要指定遮罩和形状的贝塞尔方向手柄及顶点的尺寸,请选择编辑>首选项>外观(Windows 系统),或选择 After Effects >设置 > 外观(macOS 系统),然后编辑路径点与手柄尺寸的值。

关于形状和形状图层

形状图层包含称为形状的矢量图形对象。 默认情况下,形状由路径描边填充组成。 

通过使用形状工具或钢笔工具,在合成面板中绘制来创建形状图层。

形状路径有两种:参数形状路径和贝塞尔曲线形状路径。 参数形状路径以数字方式通过属性定义,在绘制后您可以在时间轴面板中修改这些属性并制作动画。 贝塞尔曲线形状路径由您可以在合成面板中修改的一组顶点(路径点)和段定义。 按与使用蒙版路径相同的方式使用贝塞尔曲线形状路径。 所有蒙版路径都是贝塞尔曲线路径。

您可以通过应用路径操作(如摆动路径收缩和膨胀)修改形状路径。 可以通过应用绘画操作将描边应用于路径,或者用颜色填充由路径定义的区域。 

形状的形状路径、绘画操作和路径操作统称为形状属性。 使用工具面板或时间轴面板中的添加菜单添加形状属性。 每个形状属性均表示为时间轴面板中的一个属性组,并具有您可以为其制作动画的属性,就像处理任何其他图层属性一样。 了解有关动画、关键帧和表达式的更多信息。

形状图层的色位深度与整个项目的位深度相同:8、16 或 32 bpc。

形状图层不基于素材项目。 不基于素材项目的图层有时称为合成图层。 文本图层也是合成图层,并也由矢量图形对象组成,因此适用于文本图层的许多规则和指南也适用于形状图层。 例如,正如您无法在图层面板中打开文本图层一样,您也无法在图层面板中打开形状图层。

提示

您可以将您最喜欢的形状保存为动画预设

形状的组和渲染顺序及形状属性

虽然形状默认由一个路径、一个描边和一个填充组成(在时间轴面板中从上到下排列),但形状图层的大部分功能和灵活性来自您添加形状属性并对其重新排序以及创建更复杂复合形状的能力。

您可以对形状或位于单个形状图层内相同分组级别的形状属性进行分组。

是形状属性的集合:路径、填充、描边、路径操作以及其他组。 每个组都有各自的混合模式及一套各自的变换属性。 通过将形状分为组,可以同时处理多个形状,例如将组中的所有形状缩放相同量,或将相同描边应用于每个形状。 您甚至可以将各个形状或形状属性放置在其各自组内,以独立变换。 例如,您可以缩放路径,通过对路径自身分组而不缩放其描边。

使用工具面板或时间轴面板中的添加菜单添加形状属性时,该属性会被添加到选定的组内。 您可以拖动组和属性以在时间轴面板中将它们重新排序。 通过对形状和形状属性进行重新排序和分组,您可以影响它们相对于其他形状和形状属性的渲染顺序。

形状图层中形状的渲染顺序

渲染形状图层的规则类似于渲染包含嵌套合成的合成的规则:

  • 在组内,首先渲染时间轴面板堆叠顺序底部的形状。

  • 组中的所有路径操作在绘画操作时之前执行。 这意味着,例如描边遵循由摆动路径路径操作制定的路径中的扭曲。 组内的路径操作从上到下执行。

  • 组内的绘画操作按照时间轴面板堆叠顺序从下到上执行。 例如,这意味着描边在时间轴面板中位于它之后的描边上面(前面)渲染。 要覆盖特定填充或描边的此默认行为,请在时间轴面板中针对填充或描边的合成属性选择在同组中前一个之上。 

路径操作和绘画操作适用于同一组中高于它们的所有路径。

形状组和形状路径的变换属性

每个组都有各自的变换属性组。 此变换属性组在时间轴面板中用名为“变换”的属性组表示:[组名称],在合成面板中表示为具有手柄的虚线框。 您可以对路径单独分组,并仅使用其新变换属性组对路径进行变换。

为单个路径引入其他变换属性组非常有用,例如,创建复杂运动,如旋转约一个锚点,同时也沿着轨道绕转。 组的变换会影响组内所有形状,此行为与图层父级分配一样。 

每个形状路径也有可影响路径位置和形状的内在属性。 对于参数形状路径,这些属性(如位置大小)是显示在时间轴面板中的参数。 对于贝塞尔曲线形状路径,这些属性为每个顶点定义,但包含在路径属性内。 在使用自由变换定界框修改贝塞尔曲线路径时,将会修改构成该路径的顶点的这些固有属性。

组形状或形状属性

  1. 选择一个或多个形状或形状属性,并执行以下操作之一:
    • 选择图层 > 蒙版和形状路径> 组合形状
    • 使用 Ctrl+G (Windows) 或 Command+G (macOS)。

在对形状进行分组时,组的锚点位于组的定界框中心。

取消组合形状或形状属性

  1. 选择一个组,并执行以下操作之一:
    • 选择图层 > 蒙版和形状路径 > 取消组合形状
    • 使用 Ctrl+Shift+G (Windows) 或 Command+Shift+G (macOS)。

创建空的形状组

  1. 工具面板或时间轴面板的添加菜单中选择组(空)

Adobe, Inc.

更快、更轻松地获得帮助

新用户?