如何在 Illustrator 中调整多个矢量对象共用的渐变
要在 Adobe Illustrator 中为多个独立矢量对象创建连续渐变,请为对象设置渐变填充,将它们一起选中,然后使用渐变工具拖过整个选区。Adobe 将此方法说明为在多个对象上创建一个渐变注释器。 在多个对象上应用渐变
本教程聚焦于编辑角色图稿中的独立形状,让颜色在整个构图中自然过渡。你将设定统一的渐变方向,调整颜色和过渡效果,并检查各个部分是否仍共同构成预期的整体混合效果。
共用渐变需要共用什么?
在本任务中,“共用”指在所选图稿中实现连续的视觉过渡。仅仅颜色一致并不能形成连续效果:渐变还需要具有统一的位置、方向和范围。
设想角色旁边横向排列着三个独立的装饰形状。你希望左侧为青绿色,中间为过渡色,右侧为紫色。如果每个形状都显示完整的青绿色到紫色过渡,那就是重复渐变。连续效果会让每个形状显示与其所在位置相对应的渐变片段。
SVG 的渐变模型也体现了这一区别。SVG 规范区分了相对于各对象边界框的坐标,以及引用元素用户坐标系中的坐标。这说明,重复使用渐变定义本身并不能建立连续的空间过渡。 SVG 2:绘制服务器——渐变和图案
应该选择哪种渐变类型?
对于横跨角色多个独立装饰部分的颜色过渡,建议从线性渐变开始。它具有明确的起点、终点和方向。径向渐变适用于从中心向外扩散的过渡。Adobe 的多对象工作流程涵盖这两种类型。 Illustrator 中的渐变类型 和 在多个对象上应用渐变
根据视觉需求进行选择:
| 预期效果 | 起始选择 | 定位时的考量 |
|---|---|---|
| 颜色横跨多个部分流动 | 线性 | 过渡应该从哪里开始、在哪里结束? |
| 颜色从中心向外扩散到多个部分 | 径向 | 中心应该放在哪里? |
| 在一个形状内放置多个独立定位的颜色区域 | 自由形式 | 每种颜色应该影响形状的哪个区域? |
自由形式渐变通过放置在形状内部的颜色节点来控制,不使用线性或径向渐变注释器。因此,以下说明将使用线性填充。 Illustrator 中的渐变类型
如何在多个独立对象上应用渐变?
选择需要参与过渡的矢量形状。初次尝试时,可以使用几个简单的填充形状,并将其他角色细节排除在选区之外,这样更容易评估效果。
- 选择一个参与渐变的对象,并为其应用线性渐变。
- 切换到选择工具,按住 Shift 键并选中其余对象。
- 在渐变面板中激活填充,并将相同的渐变应用于所选对象。
- 选择渐变工具。
- 在图稿上从预定起点拖到预定终点,拖动时不要按住 Alt 或 Option 键。
Adobe 说明的工作流程是通过这次拖动创建一个渐变注释器。在 Windows 上按住 Alt 键拖动,或在 macOS 上按住 Option 键拖动,则会为每个选定对象分别创建一个注释器;Adobe 指出,这种多个注释器的行为仅适用于简单路径。 在多个对象上应用渐变
调整调色板之前,先检查整体效果。最左侧的部分是否呈现起始颜色?中间的部分是否显示过渡?最右侧的部分是否接近结束颜色?根据这三点判断渐变是否覆盖了预期区域。
如何调整方向、范围和颜色?
调整整体效果时,请保持参与渐变的形状处于选中状态。渐变注释器可控制线性渐变的角度、位置和扩展范围。圆形起始控制柄可更改起点;结束控制柄可更改范围;终点处的旋转控制柄可更改角度。 Illustrator 中的渐变类型
先调整空间位置,再微调颜色。首先确定方向,然后决定渐变应覆盖多少角色图稿,最后微调调色板。按这个顺序操作,每次编辑都有明确目的,也能减少反复调整。
要编辑颜色,请双击渐变滑块上的颜色节点并选择替换颜色。你可以在滑块下方添加其他颜色节点、调整节点的不透明度,或移动菱形中点来更改相邻节点之间的混合效果。 为平面图稿添加丰富多彩的渐变
根据观察到的问题使用相应控件:
- 过渡方向错误:调整渐变角度。
- 颜色在图稿中变化的位置不对:重新考虑起点和终点的位置。
- 混合比例需要调整:调整中点。
- 需要特定的中间色:添加颜色节点。
- 调色板本身不合适:编辑现有节点。
如何在拖动前规划过渡效果?
通过简单的位置计算,可以有计划地放置渐变。以下数字仅为布局示例,并非从经过测试的角色素材中测得。
假设所选装饰形状横向从 x = 100 延伸到 x = 500。将渐变起点放在 x = 100,终点放在 x = 500,保持水平拖动。计划长度为 400 个单位。x = 300 处的点位于该范围的中间:(300 − 100) ÷ (500 − 100) = 0.5。
这个计算可以确定渐变上的位置,但无法预测最终显示的确切颜色。对于有两个颜色节点的初始设计,可以把这个中间位置作为视觉检查点。若构图中间需要更偏青绿色的效果,先确定整体范围,再调整混合效果。
你也可以用同样的方法规划垂直方向。根据角色设计确定重要的顶部和底部位置,再对照这个统一范围评估中间部分。关键是看每个部分在构图的渐变过程中处于什么位置。
渐变效果不对时应该检查什么?
每次只诊断一个明显问题。如果同时更改选区、几何形状和颜色,就更难判断哪项调整起了作用。
如果每个形状看起来都重新开始混合,请重新选中所有预期参与渐变的对象,然后再次拖动,让渐变横跨整个范围。如果某个部分没有变化,请检查它是否确实处于选中状态,以及你是否正在编辑其填充。如果看到的是多个独立对象的控制柄,请检查是否使用了 Alt 或 Option 键。
如果渐变注释器不见了,请选择视图 > 显示渐变注释器。Adobe 说明,此控件可显示图稿上的渐变滑块。 Illustrator 中的渐变类型
如果效果难以判断,可以暂时将调色板简化为两种对比明显的颜色。先确定连续的方向和位置,再重新添加中间颜色节点。将此方法视为诊断性编辑方式,而非最终图稿必须遵循的要求。
如何完成并检查角色图稿?
先在控制柄可见时检查渐变,再在图稿不受遮挡时复查。分别检查起点、过渡区域和终点。然后以预期的显示尺寸查看角色,判断颜色流动是否依然清晰。
重新排列参与渐变的部分后,请在进一步调整调色板之前重复这些检查。一个实用的收尾方法是用一句话描述预期过渡,例如“青绿色从左侧装饰开始,到右侧装饰逐渐变成紫色”,然后对照这句话检查图稿。
保持一致的最终编辑顺序:选中参与渐变的形状、确定统一范围、微调颜色节点,并检查完整角色。按这个顺序操作,可以有效调整连续渐变,同时专注于整体设计。
来源
- Adobe 帮助中心:在多个对象上应用渐变
- Adobe 帮助中心:Illustrator 中的渐变类型
- Adobe Learn:为平面图稿添加丰富多彩的渐变
- 万维网联盟:SVG 2——绘制服务器:渐变和图案
