大触分享︱一线大厂合作画师,200多分钟总结的构图和透视的设计技巧,超受用!
部分图片素材来自网络,版权归原作者,仅供交流
作者介绍:冷蝉
自由插画师兼原画人高级讲师
七年游戏项目经验,合作公司包括腾讯游戏,网易游戏,B站,新创华,字节跳动,跳跃网络,幻视线,双翼社,Furyu,米画师等
参与项目包括《碧蓝航线》《300英雄》《动漫自走棋》《仙境传说RO》《未来有你2018》《蔚蓝战争》《魔法纪录》《初音速》《神武三》等
个人作品
本期看点
基本的构图方法
构图的综合运用
ps中辅助构图的小技巧
基本透视
透视类型
基本的构图方法
构图方法无论是在绘画还是海报logo等设计中都非常常见也很实用,遇上自己认为不错的构图可以先分析它运用了那种构图方式,再看它具体运用方式,主体物处于哪个点或线上,周围的元素处在哪个参考线上等,善于从生活中积累构图灵感.
NO.1 九宫格构图法
简单明了,将画面表现重点排布在这些辅助线或点上即可,又由于人眼有从上往下看东西的习惯,主体物一般放在上方的格线上
NO.2 黄金分割构图法
和三等分差不多,容易混淆,但与三等分不同,是按照大致3/7进行的切割,使得观众的视角更聚焦,将观众的视线引导至画面的中心处,而不容易被周围琐碎的细节给吸引走,使画面的主题表达突出出来。黄金分割有两种常见的构图选择:
(1)将人物的脸放在中心处:在表达一些恢弘的大场面时,可以选择这种构图比例和重点安排方式。比起三等分的构图来讲,黄金分割会使画面重点更聚焦一些.
(2) 将人物的脸放在3/7分线上:将重点放在画面中心的方往往使得画面显得过于对称和呆板,更适合一些庄重的场面,想要使得画面变得灵动,绘制出更有张力的画面,可以选择将重点放在3/7分线上.
NO.3对称构图法
分为绝对对称和相对对称,一般我们在插画绘制中更多使用相对对称的方式。绝对对称在一些形式感很强的画面中可能会使用到,但在插画中,绝对对称就显得呆板了.
举个案例说明:
背景基本是对称的,但是手中的法杖打破的这种对称,翅膀的动态造型基本一致但也有区别,这里是使用了相似替换的方法使画面保持对称又有所变化。人物处于画面中心呈对称的三角形,但中间的衣物飘动打破了完全对称,既不破坏构图又使人物能够突出,灵动又不失庄重。
NO.4 黄金螺旋构图法
很经典的一张黄金螺旋构图的摄影作品,我们的视线一下子就被吸引到隧道中去了,这也直观揭示了我们研究构图的目的就是想办法将人们的视线引导到我们画面主要表达的东西上去,引导观众的视线先看哪后看哪。
(图源来自网络)
NO.5 三角形构图法
(这里指的是ps裁切工具中把这种分割线称为三角形,和传统美术教学中三角形构图不同):让主要人物处于斜线上(对角线和它的垂直线),使画面有动感和冲击力,这也是一种经典的构图方法,在诸多经典的摄影作品中也能看到。
案例说明:
画面中并没有刻意的用装饰物来完全覆盖线的走向,而是通过人物翅膀和袖子的动势走向来表现这条对角线,以及两边双马尾也是大致走向与垂直线一致而不是完全贴合,动态也是构图的一种具体运用方式,斜线构图一般能很好的来表现物体的动态感。
NO.6 平行线构图法
当我们不需要绘制动感冲击感很强的图时,可以选择这种构图方式,画面中的主要引导线都是和画面边线是平行的,没有强烈的冲击力但表现了一种很平静的感觉和氛围。
(图源来自网络)
几种构图方式的总结
构图方式多种多样有待开发,但是掌握以上几种常见方法并灵活运用就足够我们画商图时使用了,学会多种构图方法的目的是平衡和引导画面。
三等分
黄金分割
三角形
黄金螺旋
对称构图
平行线构图
构图的要点
一般来说,无论是商业插图,还是我们自己画同人图,人物往往是画面所表达的的主题,而人物最重要的是脸部,脸部中最重要的是眼睛,所以我们无论选择什么构图,目的都是要将观众的视线引导至人物本身。
构图方式的综合运用
(1)综合运用构图方法使也要分主次,例如这张图,用黄金分割做主要构图方式,上方的横线穿过人物的眼睛,人物居于中间最窄的一格,能够重点表现主要人物,而不会被两边的童子“抢戏”。
而在背景上,运用楼房的透视线,再连接上童子身上的光影的切线,组成三角形构图,这就是构图线的具体运用方式,光线和透视线也是表现构图的两种常见形式。
(2)再来看这张图,人物主要运用三等分的构图方式, 眼睛位于上方的辅助线上,符合观众从上往下看的观看习惯,引导人的视线首先看到少女灵动的眼睛,然后才去看周围环境和装饰。
而头发即非主体部分则运用了黄金螺旋,使头发的飘动有规律,引导视线,不会让观众的视线错乱不知道看哪,最终将次重点引导至少女胸前的宝石上,又把视线引导回人物本身。
(3)这是一个很厉害的韩国大大的图,画面中主体人物遵循了黄金分割的构图方式,很快抓住了观众视线,指引观众第一眼应该看哪里,不会被周围的东西吸引走。
(图源来自网络)
同时用黄金螺旋安排头发和衣服的位置,以及人物的动态线也在黄金螺旋线上,人物的动态线也是一种构图的具体运用方式,主次关系明确,构图丰富画面灵动。
(图源来自网络)
(4)构图的误区:有好多同学了解了以上几种构图形式使后,自己在运用时就会用的很刻意,比如之前有个同学,就把花整齐地排列在黄金螺旋线上,很刻意反而不好看了。我们可以用头发,人物身上的装饰,周围环境,光线等,含蓄隐约的把这条线表现出来,刻意构成是我们运用构图方式时要避免的。
ps中辅助构图的小技巧
使用右边工具栏里的裁切工具,在上方选项卡中选择切换辅助线模式,在这里我们也可以看到构图的基本方法,对照辅助线裁剪我们的画面,使我们的构图更精准。
点击右侧工具栏“裁切”
点击上方“设置裁切工具的叠加选项”
就能看到不同的辅助线选项了
基本透视
(1)透视的基本概念:透视近大远小,近实远虚。
(2)透视的要素:观察者的眼睛,被观察到物体,画幅(即我们作画的画面大小)。在画透视时,要依据透视的三要素来绘制,另外眼睛朝上看是仰视,朝下看是俯视。
(图片来源贵哥汉化的一本外国的书)
(3)视平线:与视线平行的线叫做视平线,地球的曲线是地平线,但由于人的身高和地球来比实在是太渺小了,所以概念不同,但实际绘制时也差不多。
(图片来源贵哥汉化的一本外国的书)
透视的基本类型
(1)大气透视(色彩透视):以及近处和远方的景物颜色会有区别,一般是近处颜色纯,远处灰;且近处颜色偏暖,远处颜色偏冷。可以看看藤原老师的图,大气透视运用的很好。
(图:藤原)
(看到就是缘分Tip:不懂纯灰的同学打开ps颜色调整,中间那条饱和度就是纯灰,越往右颜色越纯越鲜艳,越左边颜色越灰。)
(2)消逝透视:近实远虚,远处的景物像是被蒙上了一层雾,这就是因为空气中的灰尘所导致的。在ps中我们直接使用高斯模糊工具就能很简单的做出来这种效果。
(3)线透视:包含有一点透视,两点透视,三点透视,是指在一定空间内,有内向外延伸的透视线,也是我们绘画中常最用最直观的方法,在各大绘图软件中也有专门的辅助工具帮助我们画透视。
一点透视:画面中只有一个消逝点,横线相互平行,竖线也相互平行,一般运用在立绘和比较偏平面的画面当中,透视的感觉没有那么强烈
一点透视
(图:藤原)
两点透视(成角透视):画面中有两个消逝点,只有纵向的线还是相互平行的,其它的线会出现交叉。
两点透视
(图:百味战士)
三点透视(斜角透视):横纵向的线都不平行了,表现大透视时就会用到我们的三点透视,画起来比较麻烦,但是透视的感觉非常强烈。
三点透视
(图:百味战士)
Tip:总有同学分不太清两点透视和三点透视。,判断的方法其实很简单。
其实仔细观察,图一画面这个纵向的线是不平行的,最终会交于一个点,加上两边交叉的两条线,所以是三点透视。
(图:藤原)
而图二中纵向的线虽然是斜的,但是是相对平行的,所以是两点透视