90%插画师都不知道的另一个维度【Part 2】

707 阅读4分钟

翻译:Maker

原文链接:https://design.zeta.in/how-i-became-an-illustrator-by-discovering-a-new-dimension-1dbc99bba7a5

对于某些人来说,插图是一种艺术形式,但对于像我这样的人来说,这可能就是一场噩梦!曾经有一段时间,我犹豫在技能列表中列出“插画设计”这项能力。随着时间的推移,情况变得越来越好。幸运的是,我设法理解了插画艺术背后的科学,现在我的技能列表中增加了“插画设计”这项能力,准确的说是我有等轴插画这项插画技能啦😃

本人追波主页的个人介绍

在这个系列的第1部分里,我使用2D插图工具"Adobe Illustrator" 来创建等轴插图的分步教程。通过对正交投影的缩放、剪切和旋转,我们可以模拟它们的等距投影。你可以再看下本系列的这篇文章:90%插画师都不知道的另一个维度

第二部分的内容是?

在第一部分,我示范了使用SSR去画一个立方体的方法。一开始先绘制正交投影,再使用SSR变换公式将变形好的面组合在一起创建等轴插画。

上一篇文章中关于SSR公式的备忘说明

将形变好的面组合在一起创建等轴插画

但是!

接下来才是最关键的部分!不是世界上每个物体都是立方体形状的啊 23333~,不是每个物体都有3个不同面的呀(侧面、正面、顶视面)。所以,当我们遇到以下这些物体时应该怎么做呢?

别担心,继续读下去

卷起本才子的袖子,让我用这个简单的圆柱体来演示下:

开始之前,先透露个小秘密,其实画一个等轴圆柱体比画一个等轴立方体更简单,我不是唬你的哦,你马上就会知道啦!😊

第1步:绘制正交投影

我上一篇文章中所说,我们先绘制圆柱体的顶视图、正视图、侧视图。由于这是一个顶部为圆形的普通圆柱体,所以正视图和侧视图将是一样的。我使用了不同的颜色,目的是为了区别它们。

正交投影(圆柱体的顶视图,正视图和侧视图)

第2步:对顶视图应用SSR公式

选择顶视图:

1.将高度缩放至86.602%(是的,就是精确到86.602%,不要四舍五入到86或90)

2.接下来,将缩放的面斜切 + 30°

3.最后,将缩放和斜切的面旋转-30°

正顶视图的形变过程

好了,我们已经准备好了等轴顶视图了!

接下来(正经脸 2333~ ),我们变换正视图和侧视图。

不需要转化任何多余的面!我说过,这个比立方体简单多了,我说的就是这个意思!

为什么不需要对其他面进行SSR形变呢?

你看到的立方体,等轴视图的底面(其实是隐藏看不到的)实际上与等轴视图的顶面是一样的。我们从来没有画过底面,因为它从来都是多余的。当我们组装正面、侧面等轴视图的时候,底面就会自动形成(底面始终保持不可见)。

以下是供您参考的图像:

现在,也是一样道理,当我们放置顶部和底部等轴面时,相应的正面和侧面已经自动形成。这在不存在尖锐边缘的物体中特别有用(尖锐边缘可以区分正面和侧面),就像这个圆柱体。

只有顶部和底部的等轴插画的等轴面

在这些等轴形状中,我使用钢笔工具完成了“组合的正视图和侧视图”(比用SSR公式转换简单得多的多的多!)

第3步:最后组装和重新着色

只需制作顶视图的副本并将其向下移动以获取圆柱体的长度;然后绘制一个矩形来填充这两个面之间的空间。大功告成!

最后润色一下,用相同的阴影重新着色底面和矩形...把顶面置于刚才另外两个图层的上方。

好的,你画出了一个等轴圆柱体啦耶!(掌声!!)

好吧,还没结束呢...

如果我不教一些更复杂的东西,何谈“掌握”这个词呢 !(嗯,前提当然是应用相同的技巧啦)

下面这个咖啡杯看看着怎么样?我们就画它吧?

咖啡杯

是的,我们绝逼要画这个东西,但继续写下去这篇文章肯定会长过天の!我猜,当文章长度超过10000字小伙伴们肯定没有心思看下去了 。

所以,我决定在本系列的第三部分详细描述怎么绘制这个咖啡杯。到时候记得看哦~同时,如果对SSR公式不熟悉的小伙伴可以再回过头去看一下本系列的第一篇文章。😛

90%插画师都不知道的另一个维度

———————————————————————————

非科班设计学习群 

加小非微信号: qawsedr0125     备注学习群