After Effects

  1. 主页
  2. 文档
  3. After Effects
  4. 绘图、绘画和路径
  5. 形状图层的形状属性、绘画操作和路径操作

形状图层的形状属性、绘画操作和路径操作

向形状图层中添加属性

在创建形状图层后,您可以使用“工具”面板或“时间轴”面板中的“添加”菜单来添加属性,如路径、绘画操作和路径操作。

默认情况下,新属性根据以下规则插入选定的一个或多个形状组中:

  • 新路径添加在现有路径和组下面。
  • 新路径操作(如“Z 字形”和“摆动路径”)添加在现有路径操作下面。如果不存在任何路径操作,则新路径操作将添加在现有路径下面。
  • 新绘画操作(描边和填充)添加在现有路径下面、现有描边和填充上面。

要覆盖这些规则并将新属性放置在组末尾、所有属性的下面,请在单击以便从“添加”菜单中选择项时按住 Alt (Windows) 或 Option (Mac OS) 键。

复制器操作始终添加到组的末尾。

形状的描边和填充

Andrew Devis 在 Creative COW 网站上的视频中演示了如何修改形状图层的渐变填充和笔触以及其他选项。

形状的描边和填充都是绘画操作,它们可以向路径或由路径定义的区域中添加彩色像素。描边或填充可以由纯色组成,也可以使用渐变颜色。描边可以是连续的,也可以由定期重复的一系列虚线和间隙组成。每个描边和填充都有自己的混合模式,用于确定与同一组中的其他绘画操作的交互方式。

默认情况下,组中的绘画操作按“时间轴”面板堆积顺序从下往上执行。这意味着,一个描边会在“时间轴”面板中后一个描边的上方(前方)进行渲染。要覆盖特定填充或描边的此默认行为,请在“时间轴”面板中选择填充或描边的“合成”属性的“在同组中前一个之上”。

注意:

在使用“工具”面板或“时间轴”面板的“添加”菜单添加描边或填充时,绘画操作将添加到现有路径下面、现有描边和填充上面。要将新描边放置在组末尾,请在单击以便从“添加”菜单中选择项时按住 Alt (Windows) 或 Option (Mac OS) 键。

新形状将使用“工具”面板中带下划线的填充和描边文本控件旁边的色板按钮中描述的填充和描边属性创建。您也可以使用这些控件修改选定形状的填充颜色、描边颜色、填充类型和描边类型。仅当选择了形状图层或绘图工具处于活动状态时,填充和描边控件才会出现在“工具”面板中。

如果选择了多个具有不同填充或描边属性的形状,则填充或描边控件旁边的色板按钮将包含一个问号。您仍然可以使用这些控件修改填充和描边属性,所有选定形状的相应属性将设置为相同的值。

填充和描边可以是以下四种类型的任意一种:

不执行任何绘画操作。

纯色

整个填充或描边由一种颜色组成。

线性渐变

填充或描边由线性渐变定义的颜色和不透明度值组成,这些值沿单个轴从起始点到结束点映射到合成中。

径向渐变

填充或描边由线性渐变定义的颜色和不透明度值组成,这些值沿一条半径映射到合成中,该半径从中心位置的起始点向外延伸到圆周上的结束点。您可以通过修改“高光长度”和“高光角度”值使起始点发生偏移。

注意:

可以通过向“颜色”属性中添加关键帧,以及在渐变编辑器模式中使用拾色器来添加、修改和移除色标和不透明度色标,对动画显示和插补渐变。也可以将渐变另存为动画预设。(请参阅保存动画预设。)

形状图层的描边和填充的颜色不作为高动态范围颜色进行渲染。低于 0.0 或高于 1.0 的颜色值将被剪切以归入 0.0 到 1.0 范围。

选择描边或填充类型和混合选项

  • 要选择新形状的填充类型或描边类型,或者为新形状的填充或描边设置混合模式或不透明度,请在“工具”面板中单击带下划线的填充或描边文本控件。要循环切换现有形状的填充类型或描边类型,请在使用这些控件之前选择形状。
  • 要循环切换新形状的填充类型或描边类型,请按住 Alt 单击 (Windows) 或按住 Option (Mac OS) 单击“工具”面板中带下划线的填充或描边文本控件旁边的色板按钮。要选择现有形状的填充类型或描边类型,请在使用这些控件之前选择形状。

选择纯色或编辑描边或填充的渐变

  • 要为新形状的填充或描边选择纯色或渐变,请单击“工具”面板中带下划线的填充或描边文本控件旁边的色板按钮。要为现有形状的填充或描边选择纯色或渐变,请在使用控件之前选择形状。

修改渐变的颜色映射

渐变是您可以在“渐变编辑器”对话框中自定义的一系列颜色和不透明度值。您也可以通过修改起始点和结束点(确定渐变的方向和比例),自定义那些颜色如何应用于描边或填充。例如,您可以修改这些点,以便将渐变的颜色拉伸到更大的区域,或者确定线性渐变的方向,以便颜色从上到下淡化而不是从左到右淡化。对于径向渐变,需要定义渐变的中心、其半径和高光的偏移。

默认情况下,在您通过使用钢笔工具绘制来创建形状路径时,渐变的控制点放置在图层的中心。在完成绘图之后,您可以调整这些点。

您可以在“时间轴”面板中修改“起始点”、“结束点”、“高光角度”和“高光长度”属性。也可以在“合成”面板中直接修改这些属性。

形状图层的形状属性、绘画操作和路径操作-PR模板网

用于在“合成”面板中映射渐变色的控件

A. 高光控制点 B. 起始点 C. 结束点

  1. 选择包含渐变的组。
  2. 在选择工具处于活动状态时,拖动“合成”面板中的“起始点”、“结束点”或“高光”控件。当选择工具放置在渐变控件上方时,它会变为渐变控件指针  形状图层的形状属性、绘画操作和路径操作-PR模板网  或  形状图层的形状属性、绘画操作和路径操作-PR模板网

设置描边宽度

  • 要以像素 (px) 为单位设置新形状的描边宽度,请拖动带下划线的“描边宽度”控件(位于“工具”面板中描边控件的右侧),或单击该控件并在框中输入一个值。要为现有的形状设置描边宽度,请先选择形状,然后再使用“描边宽度”控件。

创建虚线描边

可通过向描边的“虚线”属性组中添加任意数量的虚线和间隙来创建虚线描边。此属性组中的虚线和间隙可以根据需要重复任意多次以覆盖整条路径。“偏移”属性确定描边开始于路径上的哪个点。

注意:

动画显示“偏移”属性,以便创建虚线的移动轨迹,如选取框上的光线。

  1. 在“时间轴”面板中展开描边的属性组。
  2. 单击“添加虚线或间隙” 形状图层的形状属性、绘画操作和路径操作-PR模板网  按钮可向虚线图案的一个循环中添加一条虚线和一个间隙。每个描边图案总共可以添加三条虚线。
  3. 修改“虚线和间隙”属性,以将虚线和间隙设置为所需的长度。

描边的“线段端点”选项

虚线描边的“线段端点”属性确定描边段(虚线)末端的外观。

平头端点

描边在路径结束的位置结束。

圆头端点

描边延伸到路径末端以外,超出的像素数等于描边宽度的像素数。端点是半圆。

矩形端点

描边延伸到路径末端以外,超出的像素数等于描边宽度的像素数。末端形成方形。

描边的“线段连接”选项

描边的“线段连接”属性确定路径突然改变方向(转弯)时描边的外观。

斜接连接

尖角连接。“尖角限制”值确定哪些情况下使用斜面连接而不是斜接连接。如果尖角限制是 4,则当点的长度达到描边粗细的四倍时,将改用斜面连接。如果尖角限制为 1,则产生斜面连接。

圆角连接

圆形连接。

斜面连接

方形连接。

形状的填充规则

填充操作是指在定义为路径内部的区域内绘制颜色。当路径非常简单(例如圆形)时,很容易确定将哪个区域视为路径内部。然而,如果路径与自身相交,或者复合路径包含由其他路径圈起的路径,则确定将哪个区域视为路径内部就不那么容易。

为了创建填充,After Effects 使用以下两个规则之一来确定将哪个区域视为路径内部。这两个规则都统计从某个点穿过路径向路径环绕的区域外部绘制直线的次数。非零环绕填充规则考虑路径方向;奇偶填充规则不考虑。

After Effects 和 Illustrator 使用非零环绕填充规则作为默认值。

形状图层的形状属性、绘画操作和路径操作-PR模板网

“填充规则”设置为“非零环绕填充规则”(左图)与设置为“奇偶填充规则”(右图)的自相交路径

奇偶填充规则

如果从某个点按任意方向穿过路径绘制直线的次数为奇数次,则该点位于路径内部;否则,该点位于路径外部。

非零环绕填充规则

直线的交叉计数是直线穿过路径的自左向右部分的总次数减去直线穿过路径的自右向左部分的总次数。如果按任意方向从该点绘制的直线的交叉计数为零,则该点位于路径外部;否则,该点位于路径内部。

注意:

考虑非零环绕规则更直观的方式是将路径看作绳子圈。如果您可以将手指放在某个点上,然后向外拉动该绳子而不被碰到,并将其环绕在您的手指上,则该点将被视为位于路径外部。

因为非零环绕填充规则会考虑路径方向,所以使用此填充规则并反转合成路径中的一个或多个路径的方向对于创建合成路径中的孔比较有用。

注意:

要反转路径方向,请在“时间轴”面板中单击该路径的“反转路径方向(开)” 形状图层的形状属性、绘画操作和路径操作-PR模板网  按钮。

将形状描边椎体化

您还可以对椎体的起点和终点以及形状描边的锥形大小进行调整,从而使动画具有流畅和平顺的外观。

使用路径操作改变形状

路径操作与效果类似。这些实时操作以非破坏性方式作用于形状的路径,以创建可以应用其他形状操作(如填充和描边)的修改后路径。不会修改原始路径。由于路径操作是实时的,因此您可以随时修改或移除它们。路径操作应用于同一组中位于上方的所有路径;与所有形状属性一样,您可以通过在“时间轴”面板中拖动、剪切、复制和粘贴对路径操作重新排序。

  1. 在“合成”面板或“时间轴”面板中,选择要添加路径操作的形状组。
  2. 从“工具”面板或“时间轴”面板的“添加”菜单中选择路径操作:合并路径将多个路径合并为一个复合路径。

    位移路径

    通过使路径与原始路径发生位移来扩展或收缩形状。对于闭合路径,正“数量”值将扩展形状;负“数量”值将收缩形状。您还可以创建形状或描边的副本,并将其合并到一起。

    收缩和膨胀

    在向内弯曲路径段的同时将路径的顶点向外拉(收缩),或者在向外弯曲路径段的同时将路径的顶点向内拉(膨胀)。

    中继器

    创建形状的多个副本,将指定的变换应用于每个副本。

    圆角

    路径的圆角。半径值越大,圆度越大。

    修剪路径

    动画显示“开始”、“结束”和“偏移”属性以修剪路径,从而创建类似于使用绘画描边的“写入”效果和“写入”设置实现的结果。如果“修剪路径”路径操作位于组中多个路径的下面,则您可以选择同时修剪这些路径,或者将这些路径看作复合路径并单独修剪。

    Aharon Rabinowitz 在 Creative COW 网站上提供了一个视频教程,其中显示了如何使用“修剪路径”操作来动画显示跟随地图上某个路径的虚线。

    扭转

    旋转路径,中心的旋转幅度比边缘的旋转幅度大。输入正值将顺时针扭转;输入负值将逆时针扭转。

    摆动路径

    通过将路径转换为一系列大小不等的锯齿状尖峰和凹谷,随机分布(摆动)路径。扭曲是自动进行动画显示的,这意味着它随时间推移而更改,无需设置任何关键帧或添加表达式。

    此路径操作的几个属性的行为与文本动画的摆动选择器的同名属性相同。“关联”属性指定顶点的运动与其邻点的运动之间的相似程度;值越小,锯齿效果越明显,因为顶点的位置对其邻点位置的依赖程度更小。“关联”属性与摆动选择器的“关联”类似,只是“摆动路径”版本指定相邻顶点而不是相邻字符之间的关联。使用绝对大小或相对大小设置路径段的最大长度。设置锯齿边缘的密度(细节),并在圆滑边缘(平滑)和尖锐边缘(边角)之间作出选择。

    注意:动画显示“大小”属性可减弱上下摆动幅度。要平滑地增加或减小摆动速度,请将“摇摆/秒”设置为固定值 0,并动画显示“时间相位”属性。

    摆动变换

    随机分布(摆动)路径的位置、锚点、缩放和旋转变换的任意组合。表示每一个变换所需的摆动幅度,方法是在“摆动变换”属性组中包含的“变换”属性组中设置一个值。摆动变换是自动进行动画显示的,这意味着它们随时间推移而更改,无需设置任何关键帧或添加表达式。“摆动变换”操作在中继器操作之后尤其有用,因为它允许您单独随机分布每个重复的形状的变换。

    此路径操作的几个属性的行为与文本动画的摆动选择器的同名属性相同。“关联”属性指定一组重复形状内某个重复的形状与其邻居的摆动变换之间的相似程度。仅当“中继器”操作先于“摆动变换”操作发生时,关联才有意义。当“关联”为 100% 时,所有重复的项以相同方式变换;当关联为 0% 时,所有重复的项将分别变换。

    注意:当随机化重复的形状时,请记住以下几点:如果“摆动变换”路径操作位于“重复器”路径操作之前(之上),则所有重复的形状都将以相同的方式摆动(随机化)。如果“中继器”路径操作先于(高于)“摆动变换”路径操作,则每个重复的形状都将独立摆动(随机分布)。

    Chris Meyer 在 ProVideo Coalition 网站上提供了一个视频教程,展示如何使用“摆动变换”路径操作。该教程解释了如果希望独立地摆动多个属性,为何必须使用“摆动变换”路径操作的多个实例。

    Andrew Devis 在 Creative COW 网站上的一个视频中展示了如何使用“摆动变换”路径操作。

    锯齿

    将路径转换为一系列统一大小的锯齿状尖峰和凹谷。使用绝对大小或相对大小设置尖峰与凹谷之间的长度。设置每个路径段的脊状突起数量,并在波形边缘(平滑)或锯齿边缘(边角)之间作出选择。

合并路径选项

“合并路径”路径操作将同一组中位于它上方的所有路径用作输入。输出是包含输入路径的单条路径。输入路径在“时间轴”面板中仍然可见,但它们实质上已从形状图层的渲染中移除,因此不会出现在“合成”面板中。如果填充和描边尚不存在,将在“时间轴”面板中“合并路径”属性组之后添加填充和描边;否则,输出路径将不可见。

形状图层的形状属性、绘画操作和路径操作-PR模板网

合并路径选项

A. 将所有形状相加 B. 减去正方形 C. 将正方形相交 D. 排除正方形的交集

“合并路径”路径操作有下列选项,每个选项均执行不同的计算以确定输出路径:

合并

将所有输入路径合并为单个复合路径。使用“从文字创建形状”命令从文本字符创建由多个路径组成的形状(像是字母 e)默认使用此选项。

相加

创建环绕输入路径的区域并集的路径。

相减

创建路径,该路径仅环绕由最上面的路径定义的区域,减去由下面的路径定义的区域。

相交

创建仅环绕由所有输入路径的交集定义的区域的路径。

排除交集

创建路径,该路径是由所有输入路径定义的区域的并集减去所有输入路径之间的交集定义的区域。

使用复制器复制形状

“复制器”路径操作创建同一组中位于它上面的所有路径、描边和填充的虚拟副本。虚拟副本不作为单独的条目出现在“时间轴”面板中,而是呈现在“合成”面板中。每个副本分别根据它在副本集中的顺序以及该复制器实例的变换属性组的属性值进行变换。

形状图层的形状属性、绘画操作和路径操作-PR模板网

原始形状(左上图)、应用一个复制器操作实例(右上图)以及应用两个复制器操作实例(右下图)

如果原始形状的编号为 0,下一个副本的编号为 1,依此类推,则中继器的结果是将“变换”属性组中的每个变换向副本编号 n 应用 n 次。

考虑应用于某个形状的中继器示例,其中“副本”值设置为 10,中继器的变换属性组中的“位置”属性设置为 (0.0, 8.0)。原始形状将保留在其原始位置 (0.0, 0.0)。第一个副本出现在 (0.0, 8.0),第二个副本出现在 (0.0, 16.0),第三个副本出现在 (0.0, 24.0),依此类推,直到第九个副本出现在 (0.0, 72.0),总共为十个形状。

您可以在同一个组内应用“重复器”的多个实例。也就是说,您可以重复中继器。使用多个中继器实例可以轻松创建单个形状的虚拟副本网格:只需设置一个中继器实例的“位置”属性以修改水平值,并设置另一个实例的“位置”属性以修改垂直值即可。

“位移”属性值用于使变换偏移特定的副本数。例如,如果“副本”值是 10,并且“位移”值是 3,则原始形状将变换三次,变换的量在“变换”属性组中指定,最后一个副本将变换 12 次,变换的量也在“变换”属性组中指定。

注意:

动画显示“位移”属性是轻松创建有用结果的不错方式。

“合成”选项确定副本是在它前面的副本上面(前面)还是下面(后面)渲染。

使用“起始点不透明度”值设置原始形状的不透明度,并使用“结束点不透明度”值设置最后一个副本的不透明度。副本之间的不透明度值将予以插补。

如果您将中继器放置在形状的路径之后、填充和描边属性组之上,则这组虚拟副本将作为复合路径予以填充或描边。如果您将中继器放在填充和描边下面,则每个副本将单独填充和描边。对于渐变填充和描边,差异最为明显。

注意:

在“复制器”操作之后添加“摆动变换”路径操作,以便随机分布(摆动)复制器实例内重复副本的位置、缩放、锚点或旋转。如果“摆动变换”路径操作先于(高于)“复制器”路径操作,则所有重复形状将以相同方式摆动(随机分布)。如果“复制器”路径操作先于(高于)“摆动变换”路径操作,则每个重复的形状都将独立摆动(随机分布)。

Eran Stern 在 Creative COW 网站上提供了一个视频教程,其中显示了如何使用“复制器”操作。

Chris Zwar 在其网站上提供了一个示例项目,该项目将卡片动画效果和形状图层与“复制器”操作结合使用,以模拟所有图像或视频的半调分色。

上次更新日期: 2023年5月25日

原文链接:https://helpx.adobe.com/cn/after-effects/using/shape-attributes-paint-operations-path.html