通俗易懂!用超多案例帮你掌握「透视」知识点

Date 2025-12-22 15:25:44

最后一篇文章分享了一波强烈的空间作品,这些作品有一个共同的特点,即有很强的透视关系,所以有些人建议洋葱写一篇关于透视的文章,完整的透视非常复杂,洋葱很难说清楚,但对于平面设计师,掌握一些最基本的透视关系,洋葱或可以说一两个。

为什么会有视角?从逻辑上讲,两条平行线永远不会相交,但如果两条平行线沿着离我们视线越来越远的方向延伸,变成一个三维空间,那么这两条线在我们的眼睛里就会相交,因为人眼的成像是二维的,人类不能把远离视线的物体看得像远离视线的物体一样清晰。

通俗易懂!用超多案例帮你掌握「透视」知识点

这就是为什么我们看到纵向延伸的道路越来越窄。事实上,这条路的宽度并没有改变。

通俗易懂!用超多案例帮你掌握「透视」知识点

透视包括线性透视、空气(颜色)透视和隐形(消失)透视。线性透视是指随着视线距离的变化,物体的轮廓呈现出近大远小的现象;空气透视是指物体的颜色会随着距离的变化而变化,如变亮、变暗、变灰等。;隐形透视是指物体会随着距离的变远而变得越来越模糊。

最复杂的是线性透视,因为我们的空间是三维的,也就是横向空间(X 轴)、竖向空间(Y 轴)、纵向空间(Z 轴)。在现实场景中,每个物体都有三个空间的视角,即三个视角,但在绘画或设计中有时会减少一个或两个空间的视角,以达到不同的视觉效果,从而产生单点视角和两个视角。

通俗易懂!用超多案例帮你掌握「透视」知识点

单点透视是最简单的,即布局中只有一个消失点,例如 Z 如果轴上的物体只有在纵向空间发生位置变化时才会有透视。

首先,在布局中确定一个消失点,假设它在布局的中心,然后设置视平线是布局的水平中轴。

通俗易懂!用超多案例帮你掌握「透视」知识点

此时,布局中除中心点外的任何位置都比消失点更接近我们的视线,大小相同的物体离消失点越远,就越大。

通俗易懂!用超多案例帮你掌握「透视」知识点

那么,上图中这三个圆点的大小是一样的吗?检查一下就知道了。我们用最近的圆 A 圆是通过平移获得的标准 B 与圆 C 在处于跟圆 A 在相同距离的位置上,正确的尺寸。拉上透视线,你可以看到圆圈 B 和圆 C 都大了一点。

通俗易懂!用超多案例帮你掌握「透视」知识点

因此,如果这三个圆的大小相同,那么正确的比例应该如下图所示。

通俗易懂!用超多案例帮你掌握「透视」知识点

当然,在设计中,我们使用的大多数元素都是三维的,那么这些三维元素在这个空间中会有什么样的视角呢?我们可以给上面的圆增加一个厚度,使它成为一个圆柱体,如下图所示。

通俗易懂!用超多案例帮你掌握「透视」知识点

这些圆柱体的透视是对的吗?通过拉上透视线,我们可以看到三个圆柱体的透视方向偏离了,它们的消失点不在我们设定的消失点上。

通俗易懂!用超多案例帮你掌握「透视」知识点

调整后得到以下效果,这是正确的视角。

通俗易懂!用超多案例帮你掌握「透视」知识点

从这张图中,我们还可以看到,如果圆柱体只在视平线和消失点的左侧,那么我们只能看到圆柱体的正面和右侧;如果圆柱体位于消失点的正上方(也位于视平线上方),则只能看到圆柱体的正面和底面;如果圆柱体位于消失点的左下方(视平线下方),则可以看到圆柱体的正面、顶面和右侧。

通俗易懂!用超多案例帮你掌握「透视」知识点

通过这种方式,加上一些对比关系,我们可以达到以下效果:

通俗易懂!用超多案例帮你掌握「透视」知识点

其实同类型的作品有很多:

通俗易懂!用超多案例帮你掌握「透视」知识点

当然,消失点和视平线不一定在中间:

通俗易懂!用超多案例帮你掌握「透视」知识点

接下来,我们来谈谈两个视角,即布局中会有两个消失点。此时,物体将有两个维度的视角。这种情况通常用于正方体或长方体包装盒的渲染设计。

“通俗易懂!用超多的案例帮你掌握!「透视」知识点"

假设包装效果图如上图所示,前面没有透视,左边有透视,即位于单个消失点的空间,那么效果图看起来很奇怪,因为真正的矩形包装,如果你能看到它的两面,那么矩形没有面对我们。

我们可以画一个长方体的结构透视图,如下:

通俗易懂!用超多案例帮你掌握「透视」知识点

长方体的高是由 ABCD 由四个直边组成,因为包装放在半边,所以最近的一边是 A,其次 B 和 C,最远的是D。因此,根据透视关系,B和C的高度比A短,因此包装的正面和左侧将以A为起点越来越小,并分别消失在左右两点,即两点透视。

通俗易懂!用超多案例帮你掌握「透视」知识点

因此,将包装效果图调整到下图会舒适得多。

通俗易懂!用超多案例帮你掌握「透视」知识点

当然,这是包装在视平线上的情况。如果包装在视平线上方或下方,则可以看到三个表面。例如,在下图中,我们可以看到包装的正面、右侧和顶面。

通俗易懂!用超多案例帮你掌握「透视」知识点

但是这个效果图也有点奇怪,因为它只有两个透视图。让我们来看看它的结构透视图。让我们关注它 ABCD 这四条边。

通俗易懂!用超多案例帮你掌握「透视」知识点

由于包装位于视平线下方,顶面自然比底面更接近我们的视线,因此线条 A 要比线条 B 长、线条 C 要比线条 D 长,所以包装盒的正面和右侧会从上到下慢慢变小,消失在同一点,这是三个透视点。

通俗易懂!用超多案例帮你掌握「透视」知识点

所以上图包装效果图的合理透视应该是这样的:

通俗易懂!用超多案例帮你掌握「透视」知识点

在拍摄高层建筑时,三点透视效果更加明显。

通俗易懂!用超多案例帮你掌握「透视」知识点

此外,如果透视效果非常明显,只有线性透视是不够的,但也需要颜色透视和消失透视的协调,即光线越近,颜色亮度越高,视觉越清晰,光线越远,颜色亮度越低,视觉越模糊。例如,虽然下图中的几个圆的轮廓大小发生了变化,但没有空间感。

通俗易懂!用超多案例帮你掌握「透视」知识点

如果这些圆的颜色从外到内逐渐变亮,并逐渐变得模糊,透视感和空间感就会出来。许多具有强烈空间感的作品都采用了这些原则。

通俗易懂!用超多案例帮你掌握「透视」知识点

我们看到的很多空间感很强的作品都是从这三个角度来处理的。

通俗易懂!用超多案例帮你掌握「透视」知识点

好了,这篇文章就写到这里。当然,葱爷只是讲了透视的九牛一毛,但如果你真的理解了这些原则,应对平面设计中的大部分透视关系是没有问题的。我希望这篇文章能对你有所帮助。

欢迎关注作者微信微信官方账号:「葱爷」

通俗易懂!用超多案例帮你掌握「透视」知识点