有点意思，聊聊你还不知道的「透视原理」

前段时间，有童靴问我：

老师，为什么我搭建的舞台看起来形状很奇怪？

像这样：地板瓷砖、圆柱台都怪怪的

｜软件基础营47期-B11-大元

为什么所有物体之间没有层级，看起来都平平的？

像这样：墙和玻璃瓶贴在一起，啥都贴一起

｜软件基础营47期-B11-大元

其实，归结在一起，就是没有体积感、空间感、层次感。

而这些问题经常出现在设计新人的作品中。解决方法也很简单，就是学会用好「透视原理」。

因为合成最能体现出使用「透视」的效果，所以放些合成案例，给大家讲解下，希望能对大家以后的学习有所帮助。

如图：（以下均为软件基础课学员作品）

｜优设软件基础营 - 学员作品

｜软件基础营47期-B11-大元

｜优设软件基础营 - 学员作品

像这样有立体感的作品是如何做出来的呢？

接下来我们看看，学习透视需要掌握哪些内容？

一、为什么透视很重要

简单一句话，透视是设计必备基础知识，设计作品要有一定空间感，而空间感离不开「透视」去确定画面关系。

也许你还会问：什么是画面关系？

就像下面这样，人物与就酒杯的关系，一个大一个小。前面的酒杯近，后面的酒瓶远。这就是用透视确定出的画面关系。

｜优设软件基础营45期-B31-桑桑

｜软件基础营47期-B11-大元

二、如何学习透视

学透视前，我们必须先来了解「眼睛的成像原理」

什么是眼睛的成像原理？

人眼之所以能看到物体，是因为物体本身发光，或反光进入人眼，所以人能看到一个物体在现实生活中的形状、色彩和体积。

当物体与眼睛的距离不同时，其反射的光进入我们眼睛后，大脑给予我们位置与距离上的反馈也是不同的。

在平面中作图，也是同样的道理。

因此我们需要调整不同物体的透视，让作品显得更真实。

｜图片来源于网络

1. 什么是透视

什么是透视？

你以为是这样？快醒醒，想什么呢。

｜图片来源于网络

透视可分为狭义或广义透视学：

「狭义透视学」特指：14 世纪逐步确立的描绘物体，再现空间的线性透视和其他科学透视的方法。现代则由于对人的视知觉的研究，拓展了透视学的范畴、内容。

「广义透视学」可指各种空间表现的方法。或者说在平面或者曲面上，绘制物体空间关系的设计必备基础知识。

「掌握透视」就是掌握画面中空间与物体之间的透视关系。

因物体对眼睛的作用有 3 个属性，即：形状、色彩和体积。因距离远近不同，呈现的透视现象主要为缩小、变色和模糊消失。

｜图片来源于网络

 

所以透视基本上被分为这三部分：

• 形状透视
• 色彩透视
• 空间透视

（1）形状透视

在图中，汽车前方比较大，后方比较小，这就是形状透视中的近大远小。周围的房子也是同理，前面的房子大，后方的房子变小，这也是形状透视。

｜图片来源于：unsplash

空中的飞鸟，距离我们近的地方，飞鸟比较大，距离远的飞鸟就会比较小。

（2）色彩透视

众所周知，我们地球表层的上的大气，并非完全的干净透明，所以光线在空气中传播，就会碰到肉眼不可见的小颗粒，比如城市中的雾霾，大雨天的水汽，冬天清晨的雾气。

从而形成了我们现在所看到的「色彩透视」现象。

即近处的色彩纯（距离近，光线穿过的颗粒较少，被挡住的光就比较少）

远处的色彩灰（距离远，光线穿过的颗粒多，被挡住的光就比较多）。

｜图片来源于：unsplash

城市里的空气浑浊颗粒较多，所以拍摄星空的摄影师往往去远离城市的郊区拍摄。

｜图片来源于：unsplash

近处的草比远处的草更绿

｜图片来源于：unsplash

 （3）空间透视

空间透视也是上面两种透视的结合表现，空间感的表现离不开色彩透视与形状透视。

近大远小。近深、暗、饱和度高、清晰。远浅、淡、饱和度低、模糊。

结合在一起才能构成一副完整的画面。

在下图中，电车的近大远小，房子的近大远小，便表现了形状透视。

远处风景的色彩：饱和度、明度都较低 vs 近处建筑的色彩：饱和度、明度都较高，体现了色彩透视。

两者结合，形成了这样一副充满空间感的街头景色。

这就是空间透视，或者说透视影响空间。

｜图片来源于：unsplash

总的来说透视就这几种。

接下来我们讲讲如何运用到实际作品？

2. 生活中如何运用透视？

视平线与消失点

我们知道，透视学是在文艺复兴时期，为了让绘画艺术更加逼真，更贴近实际中所看到的样子而产生的。

｜图片来源于书籍《透视入门》

而构建起透视学，需要掌握两个关键词：视平线与消失点。（如上图所示）

接下来我们来了解下什么是视平线？什么是消失点？

这也是我们做写实空间场景合成中必须要掌握的。

（1）视平线

首先我们了解下什么是视平线？

先看看下面两幅图。

视平线：当人的眼睛与地面平行时，我们视线穿过画布的地方，就是所说的视平线。注意：一个画面有且仅有一条视平线。

｜图片来源于书籍《透视入门》

｜图片来源于书籍《透视入门》

仰视与俯视的关系

了解完视平线，我们还需要了解与视平线相关的：仰视和俯视

（2）仰视

通俗来说，仰视就是抬头看物体。

比如从头顶飞过一只鸟，此时抬头只能看到鸟的腹部，那这就是仰视。走过一段街道，抬头能看到别人家的阳台底部，这也是仰视。

｜图片来源于：unsplash

｜图片来源于：unsplash

（3）俯视

处于高处往低处看，属于俯视。比如我们从下倒下走过的斜坡马路，站在桥上看桥下的河水，在 你家 8 楼看楼下的夜景。

｜图片来源于：unsplash

｜图片来源于：unsplash

｜图片来源于：unsplash

从以上仰视和俯视的图中，我们不难发现一个规律：

仰视的物体，基本上都是处于视平线上方，并且能看到底面。

俯视的物体，处于视平线下方，并且能看到顶面。

当我们了解完仰视与俯视的区别，就能根据物体不同的视图，初步划分物体的位置（处于视平线上方OR处于视平线下方）

（3）消失点

消失点与透视线

说完视平线，最后我们来学下消失点，以及它与透视线之间的关系。

消失点是指：由于近大远小的影响，物体的纵深边延长最终会交于一点，这个点就是消失点（也叫灭点）。消失点一定处于视平线上。

而基于物体所做的虚拟延长线，称为透视线。

只有画面中主体物结构的消失点，与装饰结构的消失点和透视线的位置贴合，才能形成一副符合透视规律的作品。

｜图片来源网络

但是要注意，物体的透视线，是物体结构线中，相互平行的线延伸而成。就像下图这样，比较常见的一些矩形物体

｜图片来源于：unsplash

｜图片来源于：unsplash

如果物体结构缺少平行的结构怎么办呢？

就需要像这样，将不规则的形状看作矩形，然后添加透视线。

｜图片来源于：unsplash

｜图片来源于：unsplash

除此，也可以找一些对象中，结构平行的直线。比如汽车的轮轴，侧边线，前脸保险杠的下方部分，通风网上的结构连线，都是可以用于辅助做图的部分。

｜图片来源于：unsplash

｜图片来源于：unsplash

这样通过消失点，判断元素和场景的视平线，我们就可以规划出一个场景正确的透视网格。

其实吧，写到最后，我很想跟大家说说：为啥今天想写写「透视」？

还不是因为很多人不太重视！

所以，接下来，将会有一系列文章，都会讲「啥是透视原理」，以及「如何利用网格，建立透视线」。

下篇文章，我们再来了解一下「透视的具体分类 - 平行透视 」。

超级超级超级干货，大家搓搓手准备好哟！

... ...

“还有啥设计入门必学理论吗？”

“光影六要素学过吗？”

这门即将在 7 月 28日启程的——「优设 PS/AI/AE软件训练营」中，设计新人必备原理，用实际案例教会你。

“光影透视塑造体积空间”

“定光定影调色法”

“灰度模式定光影”

“透视网格空间搭建”

“色彩模式调色原理”

“抛物线调色法”

“hsl色感锻炼法”

 

「优设 PS/AI/AE软件训练营」开班 5 年，发现网络有太多 PS\AI\AE 教程，但是教会大家基本操作，却没说明操作背后的原理。许多人只能达到技术层面，无法脱各种素材的束缚，拼拼凑凑做设计。

这门课程，教你学会运用已有知识，反复思考设计背后的底层逻辑，根据自己的想法，做出更多原创作品。

所有同学，只要通过毕业原创考核，就能进入进阶营，继续免费学，成长交流周练习，不停歇！

30天学会「原创设计」的秘诀，就在这里👇🏻

2020年 7月 31 日开班

还有 2 天 即将启程

「优设 PS/AI/AE软件训练营」

更多详情咨询

扫描二维码

歪！约你一起学学设计好吗？

每天强大一点点！

对 #秃然的头发，熊猫的眼圈# Say No！