3.7构图

学三分法、引导线、留白,知道裁切时为什么不能切在关节上,分清横构图和竖构图各适合什么,并在 Procreate 里用复制作品、裁剪并调整大小和 2D 网格,把一张横幅全身照裁出三种构图。

  • 3 小时
  • 基础
  • Procreate

建议先学:3.5 骨点和解剖

学完你能做到

  • 用三分法放主体:半身照眼睛放上三分线,全身照人放竖三分线
  • 找出照片里的引导线,裁切时让它指向人物
  • 在视线和动作的方向留白
  • 裁切时避开关节,切在两个关节中间
  • 根据想表达的东西选横构图还是竖构图
  • 在 Procreate 里按指定比例裁切,并用 2D 网格画出三分线
裁得不好:切在膝盖、手腕上,头顶顶着边裁得好:切在大腿中段,头顶留了空间
左:裁得不好:切在膝盖、手腕上,头顶顶着边右:裁得好:切在大腿中段,头顶留了空间

拖动圆钮对比。两张都是半身、4:5 的竖图,用的是同一张原图,只是裁的位置不一样。左边像把人"截断"了,右边是一张完整的半身照。这节课讲为什么,以及怎么在 Procreate 里裁。

这节课的示意图

文中的界面图是按 Procreate 5 的布局画的示意图,不是真机截图,按钮的细节和位置以你 iPad 上的实际界面为准。

先弄懂:构图在做什么

构图决定观众先看哪里、视线怎么走、看完是什么感觉。拍的时候摄影师已经构过一次图,后期还能再改一次:

  • 裁切:重新决定画面的边界,这叫二次构图,是这节课的重点。
  • 去掉干扰:清掉画面里抢眼的路人、杂物,见 5.5 课。

下面五条规则,都是在回答"怎么让观众的眼睛停在人物身上,并且舒服"。

三分法

三分法
左:半身,眼睛放在上三分线;右:全身,人放在左边那条竖线上

把画面横竖各分成三等份,得到两条横线、两条竖线和四个交点。把主体放在线上或交点附近:

  • 半身、特写:眼睛放在上面那条横线上。眼睛是人像里最先被看的地方。
  • 全身:人放在一条竖线上,头在上三分之一里。

为什么有用:主体放在正中间,画面很稳,但两边一样多,没有方向,容易呆。放在三分线上,一边空出更多地方,画面就有了"往那边看、往那边走"的方向感。

它不是必须遵守的规则。正面、左右对称的角色立绘式照片,或者背景本身对称(走廊、拱门),居中反而更有力量。关键是你能说清为什么这样放。

引导线

引导线
左:环境里的线汇到人身上;右:法杖斜着指向脸

画面里有方向的线,会带着观众的视线走。这些线叫引导线:

  • 环境里的线:地砖缝、扶手、走廊的墙角、栏杆、道路。透视线本身就会汇聚到消失点(3.6 课),人站在消失点附近,所有线都会把视线带到人身上。
  • 身上的线:武器、法杖、伸出去的手臂、飘带,还有人物的视线。

裁切时怎么用:

  • 让引导线从画面的边或角进入,指向人物。
  • 别让一条很强的线把视线带出画面,比如扶手一路伸到画面角上就结束了,前面什么也没有。
  • 背景的竖线(柱子、灯杆)不要正好从头顶"长出来",裁的时候左右挪一挪,或者后期去掉。

留白

留白
左:朝右看,右边留空;右:朝右看却贴着右边,像被挡住了

留白是主体周围空着的地方。留在哪里很重要:

  • 视线、动作的前方多留:人往右看、往右走、武器往右挥,右边就要比左边空。反过来,视线前方贴着边,会有一种"撞墙"的憋闷感。
  • 头顶:全身照头顶留一点空,脚下也留一点,不要顶天立地;半身照头顶不要顶边,也不要空出一大块。
  • 留白要干净:留白的地方如果有路人、杂物,它就不是留白,而是干扰(去掉的方法见 5.5 课)。

不要切在关节上

裁切位置
红线:关节,别切;绿线:两个关节之间,可以切

画面的边切过人身体的时候,切在哪里有讲究:

  • 切在关节上(脖子、手肘、腰、手腕、膝盖、脚踝、手指、脚尖):看起来像人被截断了,或者像裁的时候失手了。
  • 切在两个关节中间(胸口下方、大腿中段、小腿中段、上臂中段):观众会自动在脑子里把画面外的那一段补完整,画面是"延续出去的"。

简单的判断方法:能弯的地方别切。关节的位置就是 3.5 课的骨点。

cos 照片还要多注意一条:角色的标志物别切。武器的尖、法杖头上的宝石、呆毛、兽耳、披风的下摆,切掉一半,角色就不完整了。

横构图和竖构图

横构图和竖构图
左:竖构图强调人;右:横构图强调人和环境的关系
竖构图 横构图
强调 人:身高、全身造型、服装细节 人和环境:场景、氛围、动作的方向
适合 单人全身、半身、特写 场景照、多人合影、有动作方向的照片
常用比例 3:4、4:5、2:3 4:3、3:2、16:9
发出去 手机竖着刷图时占的屏幕大 适合视频封面、电脑壁纸

原图是横的,不代表只能出横图。横幅全身照四周留得多,正好可以裁出竖图,这就是下面要讲的二次构图。

二次构图

二次构图就是后期重新裁一次:把原来的画面边界换掉,让主体、引导线、留白的位置更好。它能做的事:

  • 改比例:横图裁成竖图,3:2 裁成 4:5。
  • 改景别:全身裁成半身,突出脸和服装。
  • 去掉边缘的干扰:画面边上的半个路人、灯架。
  • 扶正:地平线、门框歪了,裁的时候顺便转正。

前提是像素够。裁掉的越多,剩下的像素越少。裁完以后在 操作画布画布信息 里看尺寸,长边最好还有 2000 像素以上。这是本课给的经验下限,够手机和社交平台看清细节;要打印就按 0.2 课的方法另算。

第 1 步:每种裁法复制一份

在图库里复制作品

  1. 回到图库,在这张照片的缩略图上向左轻滑,出现「分享」「复制」「删除」。
  2. 点「复制」,图库里多一份一样的作品。
  3. 重复,一共复制出 3 份。轻点作品下面的名字,分别改成"构图 A""构图 B""构图 C"。
在图库里复制作品
在作品缩略图上向左轻滑,点「复制」

做完应该看到:图库里有原图和 3 份副本,名字都改好了。

为什么要复制整个作品

裁剪改的是整张画布的大小,三种裁法要互不影响,就各用一份副本。原图那份不动,裁坏了随时能从它重新复制。

第 2 步:按比例裁切

想好比例,算好数字

先想清楚这一张要突出什么,再定比例。用 操作画布画布信息 看原图尺寸,然后算裁切框的宽高。以一张 6000 × 4000 的横图为例:

想要 比例 宽 × 高(像素)
竖幅全身,用满原图高度 3:4 3000 × 4000
半身 4:5 2400 × 3000
横幅,只裁掉上下 16:9 6000 × 3375

怎么算:先让一条边用满原图,再按比例算另一条。比如 3:4 用满高度 4000,宽 = 4000 × 3 ÷ 4 = 3000;16:9 用满宽度 6000,高 = 6000 × 9 ÷ 16 = 3375。4:5 那一行是先定高度 3000,宽 = 3000 × 4 ÷ 5 = 2400。

数字可以小于这些,只要比例对,长边不低于 2000 就行。

做完应该看到:你手上有一组宽高数字,并且能用一句话说出这张要突出什么。

输入宽高

  1. 打开 操作画布裁剪并调整大小,画面上出现一个裁剪框,框的边缘就是新画布的边缘。
  2. 点右上角的「设置」,在宽度、高度里分别输入算好的数字。两个数值中间有一个链条图标:它亮着时比例是锁住的,改一个数另一个会跟着变。要改比例,先把它点开,填好两个数以后再锁上。
  3. 「画布重新取样」保持关闭。打开它会把整张图缩放到新尺寸,而不是裁切。
裁剪并调整大小
输入宽高;画布重新取样保持关闭;在框里拖动定位置

做完应该看到:裁剪框变成你要的比例,框外面的部分变暗。

拖动裁剪框,放好位置

  1. 手指放在裁剪框里面拖动,把框挪到想要的位置。框的边靠近画面边缘或中线时会自动吸附,想微调可以慢慢拖。
  2. 一边拖一边对照前面的五条规则:主体在三分线上吗?视线前方有空吗?框的边有没有压在关节上?
  3. 照片是歪的,用工具栏里的「旋转」滑块转正,让门框、地平线变直。
  4. 满意了点「完成」。

做完应该看到:画布变成新的比例,只剩框里的部分。

易错:裁出来的图变糊了,或者变形了

  • 「画布重新取样」误开了:图被整体缩放,不是裁切。两指轻点撤销,回去关掉再裁。
  • 先锁了比例再改数字,结果比例没变:先点开链条,两个数都填好,再锁上。

第 3 步:画三分线

Procreate 的 2D 网格是正方形格子。把格子的边长设成画布宽度的三分之一,竖线就正好把画面三等分。

用 2D 网格找竖三分线

  1. 打开 操作画布,打开「绘图指引」开关,再点「编辑绘图指引」,底部选「2D 网格」。
  2. 轻点「网格尺寸」旁边的数值,输入画布宽度 ÷ 3。比如画布宽 3000,就输入 1000。
  3. 拖动网格上的蓝色节点,让一条竖线贴住画布的左边缘。拖歪了,轻点节点,选「重置」。
  4. 点「完成」。
用 2D 网格找三分线
网格尺寸设成宽度的三分之一,竖线正好三等分;横线要另外算

做完应该看到:画布上有两条竖线,把画面左右分成一样宽的三份。

再找横三分线

格子是正方形的,所以只有正方形画布的横线会同时对上。竖图、横图要再算一次:回到「编辑绘图指引」,把网格尺寸改成画布高度 ÷ 3(高 4000 就输入约 1333),蓝点贴住上边缘,这时的横线就是横三分线。

做完应该看到:两条横线把画面上下分成一样高的三份。

把三分线画在单独的图层上(可选)

指引不能同时显示两种尺寸,想一直看着四条线,就把它们画下来:

  1. 新建一层,改名「三分线」,技术笔、细、黄色。
  2. 网格尺寸是"宽 ÷ 3"时,沿两条竖网格线各画一条直线(画完停住变直);改成"高 ÷ 3"后,沿两条横网格线各画一条。
  3. 回到 操作画布 关掉「绘图指引」。
单独的三分线图层
三分线画在单独的图层上,随时开关

做完应该看到:图层面板里有「三分线」一层,点它右边的勾选框能开关。导出前关掉或删掉这一层。

先裁后画

三分线要在裁切之后画。先画好再裁,画布尺寸变了,线就不在三分处了。

第 4 步:裁完检查

逐条看一遍:

  1. 关节:画面的四条边有没有压在关节上?
  2. 标志物:武器的尖、呆毛、兽耳有没有被切掉?
  3. 主体位置:眼睛或身体在三分线附近吗?选择居中的话,能说出理由吗?
  4. 留白:视线和动作前方有空吗?头顶有没有顶边?
  5. 引导线:有没有一条线把视线带向人物?有没有线把视线带出画面?
  6. 边缘干扰:边上有没有半个路人、半截灯架?有没有柱子从头顶长出来?有的话,挪一挪框,或者按 5.5 课去掉。
  7. 尺寸:在「画布信息」里看长边还有多少像素。

最后缩小到手机屏幕大小看一眼:第一眼落在人物的脸上,就对了。

两个完整案例

案例一:同一张横幅全身照,裁出三种构图

原图和三个裁切框
绿色 A:竖幅全身;红色 B:半身;紫色 C:横幅环境

照片情况:漫展场馆里拍的 6000 × 4000 横幅全身照。人物拿着法杖站在画面中间偏左,视线朝右;右边有楼梯扶手斜着伸过来,右上有一块横幅,最右边被切了半个路人,左边有一张摆着杂物的桌子。

诊断:人物在正中附近,左右的东西差不多多,没有重点;边上的半个路人和左边的桌子分散注意力;扶手是一条很好的引导线,但现在离人物有点远。

裁法 A:竖幅 3:4 全身,突出人物和服装

裁法 A
人在左边竖三分线上,视线朝右,右边留空;黄色虚线是三分线
  • 宽高 3000 × 4000,用满原图高度。
  • 人物放在左竖三分线上,视线朝右,右边留空给视线和法杖。
  • 左边的桌子、右边的路人都被裁出去了。
  • 脚下留出一截地面,头顶留一点空。

裁法 B:半身 4:5,突出脸和上半身的服装

裁法 B
眼睛贴着上三分线,下边切在大腿中段
  • 宽高约 1600 × 2000(2000 × 4 ÷ 5 = 1600;裁掉得多,所以尺寸小,长边仍在 2000)。
  • 眼睛放在上三分线上。
  • 下边切在大腿中段,避开腰和膝盖;两只手完整地留在画面里。
  • 法杖的宝石头完整,斜着的杖身成了从下往上指向脸的引导线。

裁法 C:横幅 16:9,突出人和场馆的氛围

裁法 C
人在左竖三分线上,扶手从右下角伸向人物
  • 宽高 5400 × 3038(5400 × 9 ÷ 16 ≈ 3038,16:9),上下和左边都裁掉一些,把人物挪到左竖三分线上。
  • 扶手从画面右下角进入,斜着指向人物,是这张最强的引导线。
  • 右上的横幅留着交代"漫展"这个场景;最右边的路人裁掉。

为什么这样分:三张各有一个重点(服装、脸、场景),所以景别和比例都不同。如果三张都裁成差不多的全身竖图,就只是重复。

这类照片容易翻车的地方

  • 裁法 B 为了让脸大一点,把下边裁到了腰或手腕:手是半身照里最容易被切到的,裁之前看一眼两只手在哪。
  • 裁法 C 为了把路人全裁掉,把人物挤到了画面边上:路人去不干净的,留着用 5.5 课的方法克隆掉。
  • 三张都用了同一条三分线,画面看起来一模一样:换一换主体的位置和景别。

案例二:别人裁坏的半身照,怎么救

修之前:切在膝盖和手腕,头顶顶边修之后:从原图重裁,切在大腿中段
左:修之前:切在膝盖和手腕,头顶顶边右:修之后:从原图重裁,切在大腿中段

照片情况:摄影师发来一张已经裁好的 4:5 半身图,下边切在膝盖上,左边切过一只手腕,头顶贴着画面上沿。

诊断:三处问题:膝盖、手腕都是关节;头顶没有留白,人物显得被压着。

修法和数值:

  1. 有原图(最好的情况):找摄影师要没裁过的原图,按第 2 步重裁。4:5 的框往上挪,让下边落在大腿中段、头顶留出约半个头的空间;框往右挪一点,把整只手放进来。
  2. 只有这张:往里再裁一次。下边往上收到大腿中段;左边往右收,避开手腕,或者干脆裁到手臂中段。这样景别会变小,接近胸像。
  3. 头顶顶边又不想再裁:用 操作画布裁剪并调整大小 把裁剪框的上边往外拖,画布加高约半个头,再用 调整克隆 从旁边的背景取样补出头顶的空间。背景简单(纯色墙、天空)才好补,复杂背景见 5.5 课。

为什么先要原图:裁掉的像素再也找不回来,只能补画。在原图上重裁最干净,所以交付时最好也把原图留好(0.3 课)。

这类照片容易翻车的地方

  • 为了避开膝盖往下扩画布:补出来的小腿是画的,很难自然。往里裁比往外补可靠。
  • 往上补背景时只补了一块纯色:原背景有渐变或纹理的话,补的那块会很平。克隆时多换几个取样点。

模块作业:一张照片的诊断报告

学完 3.1~3.7,可以做 M3 的阶段作业了:选一张 cos 照片,从光影、色彩、比例、透视、构图五个方面各写出问题和修法。这节课对应"构图"那一项,可以直接用第 4 步的检查清单来写。

学习资料

资料里用 PS 讲的功能,在 Procreate 里叫什么,查 PS 和 Procreate 对照表。

参考资料

找图

一张画面元素比较多的横幅全身照:人物完整、四周留得比较多,背景里有地砖、扶手、柱子之类的线条,最好还有一两处干扰(路人、杂物)。原图像素越高越好,长边最好在 4000 像素以上(裁完还够用)。

不知道去哪找?看找图清单。

作业

  1. 按第 1 步,在图库里把这张照片复制 3 份。
  2. 按第 2、3 步,在 3 份副本上分别裁出 3 种构图(比如竖幅全身、半身、横幅环境),每张都画上三分线图层。
  3. 每种构图写一两句意图:想突出什么,主体放在哪条线上,留白留在哪边,用了哪条引导线。

验收标准

  • 3 种裁切都没有切在关节上(脖子、手肘、手腕、腰、膝盖、脚踝、手指、脚尖)
  • 每张的主体都在三分线或交点附近,或者能说清为什么选择居中
  • 意图写得清楚,能和画面对上:比如"视线朝右,所以右边留空"
  • 裁完的长边不低于 2000 像素

要交的东西

  • 原图
  • 3 张裁切图(带三分线和不带三分线各一份)
  • 3 段意图说明

自检清单

交作业前逐条对一遍。勾选状态会保存在本机。