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

时间:2020-07-30
类别:其他教程
水平:入门
@所有设计师 快来领爆款免费设计课程!打卡式学习立竿见影。收获实战新技能→ 免费领取

前段时间,有童靴问我:

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

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

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

|软件基础营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天学会「原创设计」的秘诀,就在这里👇🏻

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

2020年 7月 31 日开班

还有 2 天 即将启程

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

更多详情咨询

扫描二维码

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

歪!约你一起学学设计好吗?

每天强大一点点!

对 #秃然的头发,熊猫的眼圈# Say No!

6 收藏 13

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 已发布 1

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。