如何在线条中创建 3D 效果(浮雕)(adobe illustrator)

平面设计 adobe-illustrator 向量 3d
2022-01-31 16:14:54

如何在线条中创建这种 3D 浮雕效果,就像下面有一个物体一样。

这个问题可能已经在论坛上问过了,但是找不到。。

编辑:有人在答案中提到它可能是插画家的插件,它被 Scriptographer 称为 Afternow。但是这个插件从 adobe CS7 开始就不再是最新的了

伊姆比胡安卡洛斯帕根

2个回答

它是在平面上弯曲的直线。从理论上讲,它可以制作成 2D - 只需弯曲一些线条。似乎也有一些微弱的颜色来创建像 3D 渲染中的阴影。

一个例子(没有精细形成,只有一个粗糙且非常薄的环):

画一堆等间距的水平线,三个椭圆,中间有一条垂直线

在此处输入图像描述

在每一个路口都分裂。探路者面板有它的按钮大纲。应用“大纲”后取消组合并删除所有内容,但拆分的水平线。

在此处输入图像描述

再次加入行。它们也可以是单一路径。全选并按 Ctrl+J。细的 Stroke 对后面的步骤很有用。

在此处输入图像描述

使用直接选择工具选择由中间椭圆制作的所有节点。将由最上面和最下面节点行中的垂直线构成的节点也添加到选择中。向上推动所有选定的节点:

在此处输入图像描述

由于计算不佳,底部有一行缺少节点。但是我将它们分开插入并进行了所需的更短的推动。

在此处输入图像描述

下一步是添加效果风格化 > 圆角。由于曲率的急剧变化,它使圆形圆角看起来不光滑。通过修复效果(=对象>扩展外观)并应用对象>路径>简化来修复它:

在此处输入图像描述

在左右两侧添加垂直线以获得可填充区域。用形状生成器填充它们。删除残余并选择好的填充和描边:

在此处输入图像描述

轻微的阴影使 3D 外观更加强烈。它可以通过在想要的阴影区域绘制几条黑色曲线并模糊曲线来轻松制作。宽度工具用于使曲线逐渐变细(=半椭圆)以使阴影平滑结束。模糊前:

在此处输入图像描述

模糊后,降低不透明度并调整展示位置:

在此处输入图像描述

3D

如果想要的形式更像提问者的例子,那么具有合理曲线弯曲的难度就会上升。细环宽恕很多。为了轻松制作更厚的东西,我会使用 3D。这是一个例子。又是一个环,但比例更像提问者示例中的 8。厚环是此轮廓的旋转曲面(实际上是 CAD 术语中的实体):

在此处输入图像描述

预期的旋转轴是右边缘。

生成的实体必须与一个大的矩形底板结合,以创建所需的水平空间。要制作曲线,必须用一堆平面切割统一的实体。这是实体平面和切片平面:

在此处输入图像描述

切片后是一堆独立的固体:

在此处输入图像描述

将视图更改为“没有隐藏线的线框”会给出:

在此处输入图像描述

不幸的是,我有一个有限的免费软件 CAD 程序。如果没有获得高成本付费版本,则不允许使用可用的 2D 技术图纸。因此,正确的着色和高分辨率渲染被禁用,以及以常见的 2D 矢量和 3D CAD 文件格式导出和导入。

但线框视图可以打印为 PDF。Illustrator 打开它。在 Illustrator 中,在删除大量剪贴蒙版和分组后,我可以设置白色笔触颜色并将蓝色矩形放置在背景上:

在此处输入图像描述

它仍然需要阴影。

多了一种方法。实际上这是由另一个用户最初提出的,但他得到了一个不好的评论并删除了他的答案。我试图重新打开它,但没有结果。所以,它现在就在这里。

程序员 HARDIK LAKHALANI编写了一对在 Photoshop 和 Illustrator 中完成这项工作的脚本。这两个程序都需要。这些脚本可在此处 完整教程的文档中免费获得。

这个想法是在 Photoshop 中创建深度图。要获得像提问者示例中那样的平滑形式,可以应用高斯模糊。教程视频中的深度图截图:

在此处输入图像描述

在 Photoshop 中运行一个脚本会使深度图成为一个中间文件。在 Illustrator 中运行另一个脚本会读取中间文件并绘制所需的线条图。显示的深度图生成了这个(教程视频的另一个屏幕截图):

在此处输入图像描述

这个过程就像斯科特对这个问题的回答的矢量化版本

这幅插图由 Juan Carlos Pagan 完成,他是一位相当知名且才华横溢的排版师和 3D 建模师 - 考虑到在某些字体中可见的细微阴影,以及每条更近的“矢量线”遮挡其后面的方式,有一个非常轻微的黑色轮廓,我怀疑这实际上是他看似简单但实际上是 3D 字母形式的探索之一。

你为什么不直接问艺术家?我很想知道...

在此处输入图像描述

http://carlospagan.com
胡安·卡洛斯·帕根 on Behance

希望这可以帮助。