透视 圆柱 物体 上篇文章分享了一波空间感很强的作品，这些作品都有一个共同的特点，即具有很强的透视关系，于是有人建议葱爷写一篇关于透视的文章，完整的透视学其实是很复杂的，葱爷也很难讲清楚，不过对于平面设计师来说，掌握一些最基本的透视关系即可，这个葱爷还是能说上一二的。用超多案例，教你一招搞定海报设计视觉冲击力！强烈的视觉冲击力对于平面设计来说是一个很重要的品质，而关于如何加强画面的视觉冲击力，有一个方法简单又有效，即加强画面的空间感。阅读文章 > 为什么会有透视呢？从逻辑上来说，两条平行线是永远不会相交的，但是如果两条平行线是沿着离我们视线越来越远的方向延伸，变成了一个三维空间，那么这两条线在我们的眼睛看来是会相交的，因为人眼的成像是二维的，而且人类没法把离视线很远的物体看得跟离视线近的物体一样清晰。这就是为什么我们看一条纵向延伸的道路为什么会越来越窄的原因，实际上这条路的宽度一直没变。透视学包含了线性透视、空气（颜色）透视和隐形（消逝）透视，线性透视指物体的轮廓随着视线距离的变化，呈现出近大远小的现象；空气透视是指物体的颜色会随着距离的变化而进行改变，比如变亮、变暗、变灰等；隐形透视是指物体会随着距离的变远，变得越来越模糊。其中最复杂的就是线性透视，由于我们所处的空间是三维的，即横向空间（X 轴）、竖向空间（Y 轴）、纵向空间（Z 轴）。在现实场景中，每一个物体都会有这三个空间上的透视，即三点透视，但在绘画或设计中有时会减少其中一个或两个空间上的透视，以达到不同的视觉效果，于是又产生了单点透视和两点透视。单点透视是最简单的，即版面中只有一个消失点，比如这个点是在 Z 轴上的，那么物体只在纵向空间上发生位置变化时才会有透视。首先，在版面中确定一个消失点，假设就是在版面的正中央，然后拟定视平线就是版面的水平中轴线。这时版面中除中心点外的任何一个位置离我们的视线都要比消失点更近，而且同样大小的物体离消失点越远，就会越大。那么，上图这三个圆点的大小是一样的吗？检验一下就知道了，我们以最近的圆 A 作为标准，通过平移得到圆 B 与圆 C 在处于跟圆 A 同等距离的位置时正确的大小。拉上透视线，就可以看到圆 B 和圆 C 都大了一点。所以如果这三个圆是同等大小的，那么正确的比例应该是下图这样。当然，在做设计的时候，我们用到元素也大多是三维的，那么这些三维的元素在这个空间里又会有怎样的透视呢？我们可以给上图的圆增加一个厚度，使其变成圆柱，如下图。这些圆柱的透视是对的吗？通过拉上透视线就可以看出来，三个圆柱透视方向都偏离了，它们的消失点都不在我们设定的消失点上。调整以后得到如下效果，这才是正确的透视。通过该图我们还可以看到，如果圆柱刚好在视平线上且在消失点的左侧，那么我们就只能看到圆柱的正面和右侧面；如果圆柱在消失点的正上方（同时也在视平线之上），那么就只能看到圆柱的正面和底面；如果圆柱在消失点的左下方（视平线之下），那么我们就能看到圆柱的正面、顶面以及右侧面。套用这种方式，再加上一些对比关系，我们可以做出如下效果：同类型的作品其实很多：当然，消失点和视平线也不一定要在正中间：接下来葱爷再来说说两点透视，即版面中会有两个消失点，这时物体在两个维度上都会有透视，这种情况经常被用在正方体或长方体包装盒的效果图设计中。假设一款包装的效果图是上图这样的，正面没透视、左侧面有透视，即位于单个消失点的空间里，那么这个效果图看起来会很奇怪，因为一个真实的长方体包装，如果能看到它的两个面，那么说明这个长方体没有哪一个面是正对着我们的。我们可以画一个长方体的结构透视图，如下：长方体的高是由 ABCD 四条直边组成的，由于包装是呈半侧面摆放的，所以离我们最近的一条边是 A，其次 B 和 C，最远的是Ｄ。那么根据透视关系，B和C的高度要比A短，所以该包装的正面和左侧面都会以A为起点越来越小，并分别消失于左右两个点上，这就是两点透视。所以该包装的效果图调整成下图这样会舒服很多。当然，这是包装处于视平线上的情况，如果包装处于视平线上方或下方，那么就能看到三个面。比如下图，我们看到了包装的正面、右侧面和顶面。但是这个效果图也有点奇怪，因为它只做了两点透视。我们还是来看看它的结构透视图，我们重点来看看 ABCD 这四条边。由于包装位于视平线的下方，那么顶面自然比底面离我们的视线更近，近大远小的原理，所以线条 A 要比线条 B 长、线条 C 要比线条 D 长，所以该包装盒的正面和右侧面都会从上往下慢慢变小一点，并消失在同一个点上，这就是三点透视。所以上图包装效果图比较合理的透视应该是这样的：三点透视在拍摄高层建筑物时，效果更为明显。另外，透视效果要想很明显，只有线性透视还不够，还需要颜色透视和消逝透视的配合，即离光越近的地方颜色明度越高，视觉越清晰、离光越远的地方颜色明度越低、视觉越模糊。比如下图中的几个圈虽然有轮廓大小的变化，但是并没有空间感。而如果把这些圆圈的颜色，从外到内逐渐调亮，并逐渐变模糊时，透视感和空间感就出来了，很多空间感很强的作品都是运用了这些原理。我们看到的很多空间感很强的作品，都是做了这三种透视的处理。好了，本篇文章就写到这里，当然，葱爷只是讲了透视学中的九牛一毛而已，但如果你真的把这些原理搞懂了，应付平面设计中的绝大部分透视关系还是没什么问题的，希望这篇文章对你有所帮助。超实用！高手的 Ai 兵器谱之「理解透视网格」在设计工作中，我们经常需要绘制具有透视感的物体，此时，如果你能熟练掌握Adobe illustrator（Ai）中的透视网格功能，就能帮助自己高效的完成。阅读文章 > 欢迎关注作者的微信公众号：「葱爷」本篇来源：优设网原文地址：https://www.uisdc.com/perspective
物体 形状 视觉 2.5D插画在商业设计风格中一直名列前茅，并且受到客户和设计师的广泛欢迎。为什么呢？这有三个原因：A.在2.5D插画中，我们可以使用全系列的图形解决方案进行说明，使其在视觉上独一无二。这对于为特定品牌的需求而创建的图形非常重要。 B.您在单个场景中传达复杂或者比较细腻的信息时，2.5D插画比平面插画更有信息性。C.由于2.5d属于单一透视。所以这对于绘画基础相对比较薄弱的设计师，会相对更容易一些。不过在初次尝试2.5D的时候也会相对比较困难。因为网上关于这个话题的教程比较少，理论性的文章偏多。 所以这两年来，我们一直在教人们矢量图形，等距和商业插画。在本文中，我想与您分享使用等距插图的最有效工具，并分析如何使插图更好。那么，让我们开始吧！一. 2.5D设计方法首先要做的是永远忘记SSR方法。要在Adobe Illustrator中使用等距，我们使用引导线和内置3D功能，例如Extrude和Bevel，Rotate和Revolve。我们分别检查了每个工具。首先从线段开始，我们最初以30度（或330度）的角度放置。我只有在三种情况下使用等距测量法：1）当物体具有简单矩形的形状时，眼前物体的尺寸和比例;2）当需要完成体积图的“平面”时；3）对齐沿直线延申的相同长度的物体；当您需要将复杂形状转换为等轴测视图时，旋转是最理想的。我需要在前面提到的旋转功能的帮助下增加我们转向等轴测视图的形状厚度时使用挤压和斜角功能。当您需要绘制使用以前的工具很难创建的旋转形状时，旋转功能是不可或缺的方式。使用旋转工具时，我们按轮廓绘制对象的一半，然后旋转它。使用这些工具，您可以在等轴测投影中构建复杂的形状，这些形状在SSR的帮助下无法构建。二.光学补偿等距是一种角度，其中形状的三个边是可见的，所有直线彼此平行并且没有透视缩短。缺乏透视力迫使我们在使用等距时使用一些技巧。我们来看看例子：A.中心元素左边的图片显示，由于缩短，中心暗矩形（A）左侧的距离大于右侧（B）的距离。同时，它在几何和视觉上都处于中心位置。但是，在等轴测图中，内部对象必须向右移动，以便在视觉上看中心。问题是我们的愿景不允许我们在等轴测视图中看到事物。这就是为什么几何中心并不总是在视觉（或光学）的位置主页按钮和手机的摄像头向右移动，以便在视觉上看中心为了弥补透视的不足，我们必须将内部物体略微向右移动。我们无法确定究竟有多远，因为它取决于它的大小。你只能通过眼睛告诉它。B.物体的大小等长线中缺少缩短也会导致相同尺寸的物体彼此距离相当远的物体出现一些问题。在透视图中，我们可以很容易地确定哪个物体更近，哪个更远。但是，这不适用于等轴测图。这可以在汽车的车轮中最清楚地看到。如果我们绘制相同尺寸的近轮和远轮，则视觉上看起来像后轮更大这就是为什么为了在视觉上创造相同的轮子，我们应该将后轮稍微缩小（例如B）。如果我们使它们的尺寸更加明显（例如C），那将会更好。C.视觉静态左 - 看起来不自然；右 - 看起来更逼真由于在等轴测图中所有线条彼此平行，因此插图看起来不自然。通过添加以不同角度放置的对象可以很容易地解决该问题。 笔记本电脑的例子清楚地证明了这一点。直线是2.5D比较不常用，可以稍微有些角度（与那些推广SSR方法的人一样）。III.做有风格的样式化设计左边 - 比较死板，不够自然，右边 - Good job在等轴测视图中，我们看到一个物体的三个边。如果我们不使用等距测量方法，我们就不会得到漂亮的2D插图，3D效果也显得不伦不类。请务必在插图中使用如下流行的方法：负空间，形状线条，纹理和对比阴影。如果可以的话，尽量避免各种色调的原色。使用这些技术不仅可以显着增加您的工作效率，还可以使您的插图更专业。看看成果： 原文地址：https://medium.muz.li/how-to-make-great-isometric-illustrations-by-the-simplest-way-b3dab0cdf47b
飞翔的企鹅
