渐变 - 复杂形状 - Illustrator

平面设计 adobe-illustrator
2022-02-16 13:51:13

希望有人可以提供帮助,因为这让我发疯。

我有一个初始的不透明形状,将填充为浅灰色: 不透明的形状

我正在使用形状的副本来填充渐变以放置在顶部。我想沿着形状的边缘创建一个非常微妙的渐变,使用稍微深一点的灰色,为形状创建一个微妙的深度。

我尝试使用外观面板在同一形状上使用多个线性渐变。如下,这是看起来不正确的情况,因为渐变不遵循形状边缘: 在此处输入图像描述

我尝试过使用自由渐变工具,同时使用点和线。线条不起作用,因为它只会弯曲(很多?!)并且不会跟随形状的外边缘。另外,渐变会沿着从不透明到灰色的线延伸,这不会产生我所追求的微妙的圆形圆柱管形状: 在此处输入图像描述

我看不到在自由渐变工具上使用“点”选项的方法,因为这意味着将每个“点”分配给较深的灰色,但我看不到如何制作形状的中间透明(我计划让文本沿着第一个不透明形状运行,该形状通过复制的渐变填充形状的透明中间显示):

在此处输入图像描述

我发现最好的解决方法是使用自由渐变工具和“线条”选项在分配给深灰色阴影颜色的形状边缘周围绘制线条,然后使用自由渐变工具沿整个形状的中心创建更多“线条”,并将点分配为 0% 以实现透明度。这是突出显示的: 在此处输入图像描述 和完成的效果: 在此处输入图像描述

我在 Adob​​e 论坛上发布了相同的问题,但返回的答案是沿路径创建渐变以用作形状的填充,这不起作用,因为路径不会复制其边缘的变化角度形状,因为它在不同的方向弯曲。

我做了最好的/唯一的方法吗?看起来很复杂,而且不是很准确或专业!

感谢您的阅读和耐心。

卢西亚诺的例子:

在此处输入图像描述

4个回答

我会简单地创建一个粗笔画并将渐变应用于笔画......

在此处输入图像描述

然后,如果需要形状,可以将其扩展为渐变网格对象。

在此处输入图像描述

如果您需要轻微的圆角,则只需堆叠 2 个对象。包含圆角的形状,然后是比带有渐变的形状略细的笔触。当颜色相同时,笔触会在视觉上与形状融为一体,无法区分。

在此处输入图像描述

您甚至可以在笔划上使用透明-颜色-透明渐变来做到这一点。因此,要更改对象颜色,您需要做的就是更改底层形状的平面填充颜色。

在此处输入图像描述

对我来说,堆叠渐变笔触方法提供了最简单的编辑和最佳控制


如果您不熟悉在 Illustrator 中为渐变添加透明度,请参阅此处:具有透明中心的复杂渐变对象。

尝试混合

在此处输入图像描述

  • 删除结束路径

在此处输入图像描述

  • 混合两条合成路径(它们必须具有相同数量的点且无填充)

在此处输入图像描述

  • 展开混合并分别再次混合每条路径

混合

  • 使用直接选择工具选择每个路径并更改笔触颜色

动画片

最灵活的解决方案是图案刷。这就是 joojaa 的“渐变不需要是那条路径”的意思——渐变只是应用于路径的一种模式。

  1. 因为 Illustrator 不接受画笔中的渐变,所以您需要创建一个混合对象。绘制 3 个矩形并用管道 + 阴影轮廓的颜色填充它们。
  2. 混合工具 ( W) 并依次单击每个矩形,如下所示: 在此处输入图像描述
  3. 将混合对象拖到画笔面板(F5如果它未打开)并选择图案画笔
  4. 调整角落的设置 在此处输入图像描述
  5. 为你的管道画一个“脊椎”——一条没有填充的开放路径
  6. 在画笔面板上选择画笔以应用于您的管道: 在此处输入图像描述

好处:

  • 您可以稍后轻松更改渐变的颜色
  • 之后您可以轻松更改管道的形状
  • 您可以将相同的模式应用于其他对象

这个问题一个月后出现了后续问题,并且没有一个原始答案被接受。也许还需要更多。这是一个简单的:

在此处输入图像描述

我想只需要轻微的挤压,因为选择了圆角,所以它不能是弯曲的圆管。如果它是弯曲的圆管,则外角将不如内角锋利。

Illustrator 的 3D 效果 Bevel&Extrude 可以创建相当合理的表观厚度。不幸的是,没有可用的圆形斜面。

你自己的尝试没有斜面。如果需要,您可以通过应用剪贴蒙版在末端切掉短片。

另一个问题是控制颜色、亮度和对比度。3D 效果会影响它们,调整会很棘手。

您自己的尝试暗示下一个(=圆形斜角)可能有用:

在此处输入图像描述

它由 L 形部件构成。下一个卡通展示了如何根据您的拐角曲率制作 L 形:

在此处输入图像描述

1-2。画两个 90 度角。例如,您可以将 2 个矩形放置为 L 形(=蓝色)作为指导,然后用笔单击以获取黑色路径,或者您可以连接直线。删除引导形状。

  1. 要获得斜面的上边缘,请进行 4 个中间步骤混合。展开并取消组合混合的结果。

  2. 删除 2 个中间步骤,单独插入效果风格化 > 圆角或使用角工具获得所需的圆角。在我的示例中,我输入了下一个圆角半径:

A=2mm,B=1mm,C=7mm,D=5mm

  1. 扩大圆角的外观。然后连接 A 和 D 以获得外部 L。连接 B 和 C 以获得内部 L。删除笔触,插入填充颜色。加入 = 选择两半,按两次 Ctrl+J。

  2. 将较小的 L 放在前面。在 L 形之间进行平滑的颜色混合。

制作 L 的旋转和反射副本。构建最终形状。精确放置很棘手,因为它们很容易错误地捕捉。选择一个 L。使用直接选择工具将一个角点拖到另一个 L 上。如果您有智能参考线和吸附到点 =ON,它会吸附到锚点。如果需要,使用箭头键移动。

所示的“圆形斜角技巧”有一个缺陷:它的 3D 类阴影看起来不真实。实际的光线条件永远不适合它,光线总是或多或少倾斜。从这个意义上说,Extrude&Bevel 示例是现实的。

如果您的表观厚度可能非常低,那么带有黑色的 Inner Glow 也会产生可接受的圆形斜面阴影。下一张图片显示了如何:

在此处输入图像描述

有一个带有圆角的实心灰色 L 形。它有效果>风格化>内发光>边缘。发光颜色的混合模式是正常的,但形状有混合模式=较浅的颜色。这使得组合变得容易,您只需放置旋转和反射的副本。

如果末端不能有暗光,请使用直接选择工具将它们拉长,并使用剪贴蒙版缩短。

如果底部与浅色其他形状重叠,您可能需要底部形状的纯黑色副本。

如果您可以接受位图(=光栅图像)形状,则可以使用 Photoshop 的图层样式 Bevel&Emboss。在下一张图像中,一个没有效果的纯灰色形状被复制并粘贴到一个空的高分辨率 (1200 x 750) 图像层中。应用图层样式斜面和浮雕:

在此处输入图像描述

该对话框允许使用各种不同的阴影,从哑光和塑料到光泽和金属。一个好的应该保存为 PNG 或 PSD 并放置到 Illustrator 文档以保持透明度。Copy&Paste 会插入背景,因此从 Photoshop 到 Illustrator 的用处不大。

结果只能用作位图形状,不能正确矢量化。