Illustrator:如何打造逼真的反光金面?

平面设计 adobe-illustrator 坡度 质地 灯光效果 金属
2022-01-30 18:57:56

我正在尝试画一个逼真的金锭。我一直在玩一些基本的形状和渐变,但现实主义并不是我的强项。我的意思是,它应该代表什么很明显,但它看起来并不现实或专业。很难知道要使用的角度以及光线如何落在表面上/反射离开表面。以及如何模拟柔软光滑的卷边。

金锭就像用于货币和储存等的传统金条。
以下是基本形状:
在此处输入图像描述

在这里,我刚刚使用了 transform 和 extrude/bevel 函数来创建一个简单的单层金字塔堆栈并暗示第三个维度。
在此处输入图像描述


我观看并阅读了关于我想要的那种外观的非常好的Photoshop 教程。可惜它并不直接适用于 Illustrator。

4个回答

我将这些以 V 开头的章节命名为本文的第二部分

第一部分有 3D 模型的渲染,后半部分有基于矢量的图像。

第五章说明

我在同一个问题的另一个答案中考虑的一件事是插图具有可以或不可以与现实相对应的艺术解释的前提。这是在真实照片上使用插图的优势,或者在这个时代使用逼真的 3D 渲染。所以我们需要牢记这一点。

第六章。黄金材质

由于您想要金锭,我们假设纯金,而不是金合金,它可以有不同的颜色。让我们从艺术的角度更深入地探索黄金的属性。

纯抛光金属表面反射周围环境。黄金吸收一点波长,产生“黄色”色偏。

在一些关于此基础色调的 3D 渲染论坛上搜索,我发现 R1G0.685B0.150 的 RGB 值转换为 255 级 RGB,即 R255G175B38。

这意味着反射在金条上的白板不会呈现白色,而是呈现黄色。由于照明强度、地板的反射率、角度等,最终渲染具有其他值。

在此处输入图像描述

第七章。思考

请记住,我们看到的色调取决于表面反射的内容,因此,让我们添加一些白色面板来反射它们。

在此处输入图像描述

通常不抛光锭。它不是珠宝。真正的钢锭经过打磨处理,因为它来自铸件。我使用的是通用的“粗糙度”,因此更容易看到(和制作)

看看反射上的这些锐利边缘是如何开始融合的。您可以开始在 Illustrator 上构建渐变。

在此处输入图像描述

现在,看看渐变的“方向”如何再次代表反射的内容。

在此处输入图像描述

为了更简化渐变,我模拟了一个更喷砂的饰面。稍后我会回到更精致的外观。

在此处输入图像描述

第八章。斜角

我们一直在铸锭上方有一盏主灯,但由于角度僵硬,反射没有在正确的位置被发现。现在是因为圆形边框有很多角度。

在此处输入图像描述

第九章。更多锭

现在锭开始相互作用。在它们之间,我们现在有一张黑脸,因为我们没有反映外部环境。

但更重要的是,请注意面的方向是如何相似的,它们充当单个墙壁的片段,具有某种一致的渐变,它们之间的变化很小。

此外,靠近相机的金属锭现在会反射其上方的金属锭。模拟插图可能会变得越来越复杂。但请记住。

在此处输入图像描述

第十章 环境

如果我添加一个真实世界的环境,它会开始在反射中获得复杂的形状,并且它开始采用周围环境的主要颜色。基材没有改变色调或色调,我只是移动了粗糙度以反映更清晰的形状。

在此处输入图像描述

这看起来更橙色,因为照明本身更温暖。

在此处输入图像描述

请记住,出于说明目的,具有更高可再现性的梯度意味着更少抛光的黄金。

在此处输入图像描述

第十一章。反思反思

当我将两个接收光线的锭放在它们之间时,光线开始反弹,已经黄色的铸件变成了更多的橙色。

在此处输入图像描述

第十二章。现在向量程序上的梯度使用网格

(正在进行中)我正在安排屏幕截图。

  1. 取一些样本颜色,这样你就有了一个基本的调色板。您可以使用您拥有的任何颜色参考。

在此处输入图像描述

  1. 定义你的基本形状,每张脸一个。我正在准备网格填充。我试图保持简单。

在此处输入图像描述

  1. 使用您之前定义的调色板的颜色,当然,您可以从参考图像中采样更多颜色。

在此处输入图像描述

  1. 将这些网格对象放在您的基本形状内(剪贴蒙版)

在此处输入图像描述

这开始看起来不错。

在此处输入图像描述

  1. 我会添加一些阴影来看看发生了什么。只是一些扁平的形状结合在一起。

在此处输入图像描述

  1. 现在准备斜面。

在此处输入图像描述

7. 我强烈建议你做一个平斜面。这将简化流程。平面斜面与平面完全相同。现在停止阅读...

在此处输入图像描述

  1. 好的,想继续艰难的路...?这些渐变很棘手。外部节点对混合是透明的。内部的应该使用形成良好对比的颜色。

在此处输入图像描述

玩网格。这需要一些实验。

在此处输入图像描述

更多调整阴影...

在此处输入图像描述

最终的几何形状很简单。

在此处输入图像描述

一些嵌套对象。这都是关于渐变的。

在此处输入图像描述

在此处输入图像描述

结果

这里是。它可以改进,但就像一切都需要时间。

在此处输入图像描述

看真金的图片!我的意思是你可以尝试用简单的思维来解决这个问题。但事实是,黄金有一种非常特殊的反射行为。

在此处输入图像描述

黄金的诀窍在于它的反射实际上是红色的,特别是在金间反射中明显(见上文和库存图片)。但是要小心,没有多少人能负担得起用真金拍摄的照片,所以你看到的很多图像实际上并不是金子。

在此处输入图像描述

图 1:黄金的反射率

对我来说.. 黄金一直是关于使用适当的调色板来处理颜色,然后将渐变层叠在一起。

人们常常将“黄金”视为严格意义上的黄色,而实际上矿石具有从黄色到棕色和橙色的一系列颜色。矿石被污染得越多,它的棕色就越多。然后为此添加阴影和色调变化,“黄色”实际上只是一个基础。

在此处输入图像描述

所以我倾向于为我想要的基本颜色设置一个调色板,然后绘制基本形状..然后在该基本形状上分层各种渐变或其他实心填充形状。

在此处输入图像描述

任何实际的“反射”都是基于光的方向或可能是周围的物体/元素。对于右侧的一组条形,我在条形的顶部添加了一个额外的高光,并使一些条形的侧面变暗,因为堆栈本身会投射更深的阴影。

都是相对的。但是,您通常可以使用一系列黄色到棕色并有效地拉出“金色”。您可能正在渲染的实际对象可能更适合更棕色或橙色的“金色”。


最终,我发现无论您如何添加色标或渐变的方向等,实际上都没有单一的金色渐变有效。金色是纯色表面,任何反射/阴影都会投射该表面上。所以在我看来,使用一些梯度作为表面的指标是完全正确的。如果我想为手机或电视遥控器之类的东西添加反射/阴影,我不会对基本形状应用渐变开始。基本形状将是纯色,然后在该基本形状之上构建高光和阴影。

在我看来,作为基础的标准渐变试图一次性显示高光和阴影确实在一定程度上限制了外观。渐变网格可以很好地工作,但是对于网格,由于周围的物体,它们可能会变得很耗时。我喜欢渐变网格,不要误会我的意思。我一直在使用它们。然而,使用分层高光/阴影编辑要容易得多,至少在我的世界里是这样。

您使用了类似“金色渐变”的东西,如果在多个表面上使用它尤其不切实际。您应该注意到,抛光的黄金就像一面镜子,只是一面有颜色的镜子,而且通常非常不平整,以至于图像极度失真。如果有明亮的灯光,至少应该在一些圆形边缘上看到它们。

金色的颜色:

这取决于它与其他金属和金属的稀释程度。我跳过了常见标准混合物之间的差异。

我曾多次使用作为我的基础金 R=191 G=170 B=117。它并不是特别像黄金一样,而且它的饱和度远低于我见过的许多恐怖。

在此处输入图像描述

不要依赖截图,使用数字!我的 Illustrator 和您的屏幕之间有太多的颜色转换。

当它用于为灰度图像着色时,它开始类似于黄金。在这里,它以混合模式 Color 放置在白色到黑色的渐变上:

在此处输入图像描述

您也可以将灰度图像放在顶部,混合模式 = 亮度,背景中的金色基色可以有混合模式 = 正常。如果您必须调整灰度图像以获得正确的外观,这会更方便。

您可能想知道为什么黄金经常具有更饱和的颜色。在一些使用过的金色渐变中也可以看到类似橙色的东西。那是因为光并不总是白色的。如果它是从其他金色表面反射而来的,则它已经着色,下一次反射会增加过滤。这可以通过将我的两个具有不同方向的黄金梯度相乘来粗略地模拟:

在此处输入图像描述

由于我们的彩色视觉的非线性,这不是全部事实,但可以肯定的是,如果您的图像具有从金色反射的金色,那么单一色调的金色渐变是不够的,例如。你有一堆金锭。为了简单起见,您必须在着色层中包含更多橙色区域。您可以从一对相乘的单色调交叉金色渐变中选择颜色,就像示例一样。在 Photoshop 中是最简单的。

Illustrator 的 3D 效果可以在某种程度上创建正确的阴影。他们明智地将最有光泽的模式命名为“Plastic Shading”,所以如果他没有获得金币,没有人会感到失望。但是通过仔细的灯光设置,可以出现一些可以接受的东西。这是一个圆形但在其他方面非常随机的挤压件,并以 2 个不同的角度位置显示:

在此处输入图像描述

如您所见,它真的是塑料的,没有光泽。Illustrator 没有很好的工具来调整亮度和对比度。一个技巧是使用混合模式“颜色减淡”添加深灰色低不透明度叠加层

在此处输入图像描述

如果你想要有光泽的金色,你必须自己插入反射。许多表面可以有渐变,但我们也使用其他东西。首先是渐变:

在此处输入图像描述

弯曲的板材在明显的地方有亮点。有一个灰度渐变,将其亮度赋予基础金色版本。

如果反射中有深色阴影,则环境也必须包含很多深色在白色背景下,这看起来很脏

在此处输入图像描述

超越渐变:

您也可以使用模糊的黑白形状而不是渐变。它并没有完全不同,它是实现渐变的另一种方式。

在复杂的环境中你可以反映它。您应该研究环境如何从汽车的镀铬部件反射。至少 GIMP 有铬滤镜,它可以拍摄照片并制作类似铬的扭曲镜像。使用黄金,您只需要额外的颜色。

金锭:

它具有一定的易于模具铸造的形式。表面是倾斜的,大多数边缘是圆形的。我用 3D 画了一张:

在此处输入图像描述

这是来自入门级免费软件 CAD 的屏幕截图,它绝对无法制作黄金或其他材质效果图。但线框形状可以导出为 2D PDF。它可以在 Illustrator 中打开:

在此处输入图像描述

我用形状构建器区域着色,这些区域需要不同的金色着色。灰色区域可以是纯灰色阴影或渐变。棕色区域必须是渐变的,它们是最有可能出现高光的地方。

如果有人想一想,他会发现 Illustrator 的线性渐变和极坐标渐变太简单了。需要渐变网格。它们很复杂,成功地将它们填充到金属光泽需要令人难以置信的技巧和耐心。这项工作简直超出了初学者的可能。但模糊是一种作弊方式。

铸锭的线框必须用形状生成器填充两次。一个用于铸锭的轮廓,另一个用于获得模糊的基本框架。

后者需要一些帮助线。实际上它就像一个没有四舍五入的锭:

在此处输入图像描述

必须决定光。它修复了哪些灰色阴影用作填充颜色。渐变在边缘需要辅助的白线和黑线。灰色区域还添加了看似不必要的轮廓笔触。它们只会使形状变大以补偿由模糊引起的边缘变薄。

我在模糊之前的最终基本框架:

在此处输入图像描述

全部分组并应用高斯模糊效果:

在此处输入图像描述

我们有另一个填充的线框,它是锭的轮廓。在下一张图像中,轮廓的一个副本用作模糊形状的剪贴蒙版。另一个副本被着色为基础金色。它将为剪裁的形状赋予颜色:

在此处输入图像描述

彩色形状需要放置在具有混合模式颜色的模糊形状上。结果=金锭:

在此处输入图像描述

它并不完美,但在初学者的范围内。您应该注意到,您在任何阶段都不需要 3D 程序。3D 线框只是一个参考。所有使用的形状都很容易手工绘制。

在此之前必须彻底研究形状生成器。

人们可以在他的黄金上想要邮票或文字:

在此处输入图像描述

Illustrator 的 3D 模型很有用。这里实际上是挤出了一个孔 ABC。手动设置灰色阴影以适合。插入的形状在右侧。

在 3D 程序中渲染可以创建逼真的结果。它们不是来自简单的软件,也不是有意限制商业程序的免费版本。这是一个例子:这是一个旧的自己尝试的 Keyshot 版本:

在此处输入图像描述

我无法强制将条形图视为单个连续表面。如果表面是光滑的,则曲面和平面之间有可见的接缝。我敢打赌,称职的 Blender 用户会为此发笑。但有一件事似乎是合理的:从黄金反射的黄金颜色更饱满,如上所述。

Photoshop中的手工制作:

Photoshop 提供了比 Illustrator 更大的灵活性。它的图层样式有助于创建光泽和阴影。一个例子:

在此处输入图像描述

它最初具有深灰色背景,三个可见表面的三层和一个着色层。

表面层填充了不同的灰度梯度以模拟环境反射。使用多边形套索工具选择填充区域,未绘制矢量路径

每个表面层都有图层样式斜面和浮雕,以创建光泽和黑暗的边缘。通常,相同的效果也用于创建具有极端设置的表面宽渐变,但这里只有边缘受到影响。

着色层用基础金填充,然后将淡橙色喷涂到表面梯度较暗的区域

斜面和浮雕边缘在角落里打架。可以插入图层蒙版来决定谁赢谁以及在哪里赢。我将所有内容合并并用克隆画笔绘制角落。它有点蹩脚,但我认为它是可用的。