7分钟阅读

另一个维度,新的掌握 - 等距图教程

Majo是一个应用程序和运动设计师,他们与LG,BigScoots和SalesMSG等领先的设计机构和品牌合作。

插图是无与伦比的能力激发普通科目,并通过视觉清晰度沟通复杂的想法,但等距插图怎么样?他们不是令人惊奇的难度和时间密集吗?在六个简单的步骤中,这个等距插图教程使过程快速且不复杂。

需要激励着陆页?可视化无聊数据?加入打孔包装?插图是所有前方的答案。

最近几年, 等距 插图对它们代表了二维空间中的三维深度的方式获得了普及。 此外,等距网格否定了保持透视幻觉的必要性,这是一个常见的例证挫折来源。

等距插图教程
与透视图不同,等距网格上没有消失点。

在Adobe Illustrator中,传统的等距图过程是 乏味。制作等距网格,绘制一个方形,将其偏斜-30°,旋转-30°,打开和打开。幸运的是,有更好的方法。插画家有 3D效果 快速简便地制作等距插图:“挤出&斜角,“”旋转“和”旋转“。

本教程演示了如何使用“REVOLVE”创建等距插图,但洞察也适用于Illustrator的剩余3D效果。

准备留下深刻印象深刻的客户,愉悦的用户,并了解等距的秘密 插图?

创建等距插图
等距插图适用于各种风格,渲染技术和图像主题。 (左上方: Dominik Korolczuk., 右上: Oleksandr Aleksandrov., 左下方: 彼得托卡,右下方: Igor Kozak.)

围绕&优化:等距图教程

谁不享受冰冷的饮料?让我们通过设计带有标签的等距瓶来振作液体刷新的乐趣。

*专家提示: 在开始之前,找到一个对象引用,以告知瓶子的样子。

第1步:绘制瓶子和液体

1.1)创建一个新的Adobe Illustrator文档。

1.2)将瓶子引用添加到文档。

1.3)绘制瓶子和液体的轮廓。

1.4)将瓶子和液体分成两半(如下所示)。

1.5)瓶子轮廓的行程厚度限定了玻璃厚度。

*专家提示: 将艺术品复制并粘贴在地图板外作为备份。

Illustrator等距教程
在Adobe Illustrator中绘制对象时,请使用图像引用或底层草图。

步骤2:应用旋转效果

顾名思义,“旋转”将其围绕其轴线旋转。在图示者中,“旋转”轴的位置垂直固定。这就是为什么瓶子被概述并分成两半。

*专家提示: 瓶子概要和液体对象都不应具有渐变颜色的渐变。

2.1)找到“旋转”效果,转到:效果> 3D > Revolve…

2.2)在对话框窗口的顶部,存在标记为“位置”的字段。选择“等距左”。

2.3)角度 - 这是物体轴周围的旋转程度。如果设置为180°,结果将是垂直分为一半的瓶子。将角度设置为360°,以进行完全旋转的瓶子。

2.4)偏移 - 控制距对象垂直轴的偏移距离。输入“0”。

2.5)表面 - 设定物体的材料和照明属性。选择“没有阴影”。

3D Illustrator教程

ta-da!有液体的等轴瓶。踢回来的时间,放松,等待!那瓶需要一个标签。

*专家提示: 不要在瓶子上使用“展开外观”功能,直到创建标签。

等距插图动画

步骤#3:准备标签

3.1)使用瓶子定义标签尺寸。

3.2)在示例图像(下面)中,主体标签的高度是显而易见的,但颈部标签的高度尚不清楚,因为表面不平行于轴线。 近似的高度就足够了。

3.3)使用该标签长度计算 圆周配方 2πr.

3.4)设计令人满意的标签,将两个标签转换为符号。在:窗口下找到“符号”调色板> Symbols

3.5)单独拖放标签设计进入调色板以创建符号。

*笔记:符号 in Illustrator and Sketch work similarly.

等距图

步骤4:将标签映射到瓶子上

只要瓶子尚未使用“展开外观”功能,它是完全可编辑的。

4.1)选择瓶子并显示“外观”调色板:窗口> Appearance

4.2)然后,选择“3D旋转”,并出现前面的对话框。

4.3)将设计映射到瓶子,单击左下方选项:“地图艺术”。

4.4)这使得可以选择和调整瓶子的符号。

4.5)确保将符号与正确的表面相匹配(见下文)。

4.6)单击“缩放以适合”,标签映射到瓶子。

4.7)遵循颈部标签的相同步骤。

等距矢量图

步骤#5:避免杂乱文件

5.1)现在,使用“展开外观”功能将瓶子转换为Bézier曲线的时间:对象> Expand Appearance

Illustrator不是用于3D对象操纵的意思。 扩展对象的外观创建一个较小元素的分组集合,其给出3D对象的错觉。

5.2)要保持整洁,将元素与“Pathfinder”或“Shape Builder”工具组合(见下文)。

*专家提示: 加入对象创建不需要的锚点。通过去对象来减少它们> Path >简化。对于那些定期使用Illustrator的人来说, vectorscribe插件 强烈建议使用点去除工具。

等距插图教程
要使颜色更容易,请将形状与“展开外观”相结合。

步骤6:使用颜色和渐变添加寿命

最后一步,用颜色和渐变将瓶子带到寿命。 这是个人艺术发挥作用的地方。 添加逼真的外观的反射,亮点和阴影,或使用笔划和简化的调色板,以获得更多的图形氛围。具有坚实的基础,风格主义的可能性是无穷无尽的。

创建等距插图
有无数的方法来样式等距插图。

欢呼到等距插图!

等距插图带来深度,维度和个性,以广泛的 设计 项目。使用本教程中概述的原则来探索更多等距的可能性,难免尝试以图例解释者的其他3D效果:“旋转”和“挤出”& Bevel.”


让我们知道您的想法!请留下您的思想,评论和反馈。

进一步阅读顶部设计博客:

理解基础知识

Adobe Illustrator的优点是什么?

图形是矢量图形程序。向量图形与基于像素的图形(栅格)不同,因为它们无限可扩展而无需质量损失。 Illustrator的一个优点是易于编辑的形状,颜色和文本。因此,它是创建等距插图的理想工具。

你是如何制作等距的插图?

等距图示基于由均匀间隔的垂直线和在30°和-30°角行驶的交叉线构成的网格。 Web上有多个等距图教程可用,但在最基本的级别,形状和线条绘制与等距网格相关。

什么是等距图像?

等距插图是2D空间中的3D投影。等距“具有相同的措施”。在等轴网格和其等距平行线(垂直和30°和-30°角)中看到该原理。因此,等距图像显示在没有失真的情况下的多个表面上的细节。

为什么使用等距绘图?

等距插图很受欢迎,因为它们创造了深度的幻觉。等距绘图起源于可视化制造部件的一种方式。等距图示不束缚到消失点(如透视图),允许一次允许多个表面的详细视图。

是等距图2d还是3d?

等距插图代表二维空间中的三维物体。等距网格创造了深度的幻觉,但是所有的线路后退到“距离”实际上彼此平行地运行,使等距图示比透视图更容易呈现。