1.6选区和变换

用四种选取圈出要改的地方,会羽化、反转、存储选区;再用变换的四种模式移动、缩放、贴透视,插值选双立体,边缘不出锯齿。

  • 1.5 小时
  • 入门
  • Procreate

建议先学:1.4 图层和混合模式、1.5 蒙版、剪辑蒙版和阿尔法锁定

学完你能做到

  • 知道自动、手绘、矩形、椭圆四种选取各适合选什么
  • 会添加、移除、反转选区,会用羽化让选区边缘变软
  • 会存储并加载选区,同一块区域反复用不用重选
  • 说清自由变换、等比、扭曲、弯曲的区别,会用扭曲把平面图贴到透视墙面上
  • 知道插值为什么选双立体、为什么不要反复变换同一块、为什么不要把内容拖出画布

这节课的示意图

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

先弄懂:选区

选区是一张临时蒙版

做了选区以后,选区外面盖上一层动态的斜线,这时候画、涂抹、擦除、调整、变换,都只在选区里起作用。它和 1.5 课的蒙版是一回事:选区里是"白",选区外是"黑",只不过它是临时的,点一下选取图标就取消了。手册里也把它叫"选区蒙版"。

自动选取:按颜色相近来选

选区阈值
阈值太低只选到一块;刚好选中整条裙子;太高就漏到背景

「自动」从你点的那个点出发,把颜色差不多、又连在一起的像素都选进来。"差多少算差不多"由选区阈值决定:点住往右拖,阈值变大,选得多;往左拖,选得少。

所以它适合颜色单一、和周围颜色差得多的东西:纯色的衣服、天空、纯色背景墙。颜色和背景接近、或者有很多花纹的,用手绘。

羽化:让选区的边缘变软

羽化
在选区里提亮脸部:不羽化有一圈硬边;羽化后看不出从哪开始

选区默认边缘一刀切。在选区里提亮、调色,选区边界就会留下一圈看得见的线。羽化把边缘变成一段渐变,从里到外效果慢慢变弱,就看不出修过的范围了。

  • 要做局部效果(提亮一块、局部调色):羽化,从 10%~30% 试,看到提亮的范围边上没有一圈线就停。这个百分比要配合照片的像素尺寸和选区大小看,换一张照片别照抄数字,按边缘的效果定。
  • 要剪下来贴走(拷贝一个肩章、一块布料):不羽化,否则边缘变半透明,贴过去会发虚。

反转、存储并加载

  • 反转:选区内外对调。背景杂乱、人物简单时,先选人物再反转,就选中了背景。
  • 存储并加载:把选区存起来,以后一点就回来。换色时,同一条裙子可能要选三次(上色、加阴影、加高光),存一次就够。
  • 小技巧:长按选取图标,会重新载入上一次用过的选区。

先弄懂:变换

四种模式

四种变换模式
自由变换、等比、扭曲、弯曲
模式 拖角上的点 修图里用来
自由变换 宽高各拉各的,比例会变 拉长腿(5.4 课)、单方向拉伸
等比 宽高一起缩放,不变形 缩小头、缩小被广角放大的手,任何"只想改大小"的时候
扭曲 四个角各自移动 把平面的海报、标志贴到斜着的墙、地面上
弯曲 拖网格,整块弯曲 贴到柱子、旗子、衣服褶皱这种曲面上

在自由变换里长按一个角点再拖,会临时变成扭曲,松手又回到自由变换。

透视:为什么贴海报要用扭曲

透视
左:海报是正的,墙是斜的;右:扭曲后海报的上下边跟着墙的透视线收

墙是斜着朝远处去的,墙上一个真实的长方形,拍到照片里会变成近处高、远处矮的梯形:上下两条边都朝着远处的同一个点收拢,就像走廊的腰线和踢脚线。自由变换和等比只能把海报拉成别的长方形,永远贴不上;扭曲能让四个角各去各的位置,才能变成这个梯形。

判断标准就一条:海报的上边、下边,和墙上离它最近的横线朝同一个方向收。

插值:缩放的时候像素是"猜"出来的

插值
同样放大 4 倍:最近邻有锯齿,双线性比较平滑,双立体最平滑

放大、缩小、旋转、扭曲时,新位置上的像素原本不存在,Procreate 要根据周围的像素算出来。算法就是「插值」:

  • 最近邻:直接照抄最近的一个像素,最快,但边缘会出锯齿。
  • 双线性:参考周围 2 × 2 共 4 个像素取平均,比较平滑。
  • 双立体:参考周围 4 × 4 共 16 个像素,最平滑。修照片选它。

每变换一次,像素就重新算一次,画质就损失一点,像复印件再复印。所以对同一块不要反复缩小再放大;位置不满意,撤销回原样再变换一次,比在已经变换过的结果上继续拖强得多。

拖出画布的部分会被裁掉

拖出画布
确认变换后,画布外的部分被删掉,拖回来也补不回

变换时把东西拖到画布外面,点变换图标确认以后,画布外的部分就被删掉了。之后再拖回来,缺的那块也回不来。暂时要挪开的东西,先复制一层再挪。

第 1 步:四种选取

自动:选颜色单一的东西

  1. 点左上角 S 形图标(选取),底部选「自动」。
  2. 在要选的东西上点住,左右拖调阈值,选中的部分会显示成对比色。
  3. 没选全的地方再点一下,会加进来。

操作和示意图见 1.5 课。

做完应该看到:选中的东西被对比色盖住,没选的地方保持原样。

手绘:沿轮廓描,或者点出多边形

  1. 底部选「手绘」。
  2. 用笔拖着画,沿着要选的东西描一圈;或者一下一下轻点,点和点之间会连成直线,适合选有棱角的东西。两种可以混着用。
  3. 起点是一个灰色的小圆,点它把选区闭合。
手绘选取
拖着描、轻点连直线;点灰色起点闭合

做完应该看到:选区闭合后,外面盖上了斜线。

矩形和椭圆

底部选「矩形」或「椭圆」,在画布上拖出一个框。修比例时框一条横带(5.4 课)、提亮脸时框一个椭圆,都用它们。

做完应该看到:拖出的框是规整的长方形或椭圆,松手后框外盖上斜线。

添加、移除、反转

  • 添加:点一下,再选一块,两块合在一起。
  • 移除:点一下,再圈一块,从选区里挖掉。
  • 反转:选区内外对调。

做完应该看到:选区按你的操作变大、变小或者内外对调。

第 2 步:羽化

让选区边缘变软

  1. 选区做好以后,点底部的「羽化」。
  2. 拖滑块,边缘越来越软。局部提亮、调色从 10%~30% 试(经验起点值,换照片要重新看)。
羽化
选区做好后点羽化,拖滑块

做完应该看到:选区边缘的虚线范围变得模糊,在里面提亮时,边缘看不出明显的界线。

第 3 步:存储并加载

存一个选区

  1. 选区做好以后,点底部的「存储并加载」。
  2. 点「选区」右边的「+」,当前选区就存成了「选区 1」。
  3. 以后要用,点「存储并加载」,在列表里点它。
存储并加载
点「+」存下当前选区,点列表一项加载

做完应该看到:列表里多了一项,缩略图里白色的是选中的范围。

第 4 步:变换前先设好插值和对齐

插值选双立体

  1. 点左上角箭头(变换),底部第二排找到「插值」。
  2. 选「双立体」。按钮下面的小字会显示当前设置;没改过时显示的是默认的「双线性」(手册「插值」写明默认是双线性)。
插值
插值选双立体,设置会被记住

做完应该看到:插值按钮下面写着「双立体」。这个设置会被记住,不用每次改。

打开对齐和磁性

  1. 点底部第二排最左边的「对齐」,弹出设置面板。
  2. 对齐:打开后,移动的东西靠近画布中线(黄线)或者其他图层的内容(蓝线)时,会自动吸附过去。
  3. 磁性:打开后,移动会锁在一条直线上,不会左右跑偏;拖角点时变成等比缩放。
  4. 「距离」「速度」调吸附有多灵敏。觉得老是被吸走,把距离调小。
对齐和磁性
对齐:靠近时吸附;磁性:只沿一条线移动

做完应该看到:拖动时出现黄色、蓝色的辅助线。

什么时候开对齐:要放在正中间、和别的东西对齐时开(比如拼九宫格)。贴海报这种要自由对位置的,关掉对齐,否则角点老往辅助线上跳。

第 5 步:扭曲,把海报贴到墙上

把海报放进来

  1. 打开墙面照片,操作添加插入照片,选海报。
  2. 海报在一个新图层上。把这层不透明度降到 50%~70% 之间,看到能透过它看清墙上的横线就停。
  3. 先用「等比」把海报缩到大概的大小,放到墙上要贴的位置。

做完应该看到:半透明的海报压在墙上,能透过它看到墙上的横线。

拖四个角

  1. 底部选「扭曲」,关掉「对齐」。
  2. 拖海报的四个角,一个一个对到墙上:离镜头近的一边高,远的一边矮。上下两条边要和墙上最近的横线朝同一个方向收。
  3. 放大画布细调每个角的位置。
  4. 满意了,点变换图标确认,把这层不透明度拉回上限(100%)。
扭曲
扭曲模式下,四个角各自拖到墙的透视位置

做完应该看到:海报看起来是贴在墙上的,而不是浮在墙前面。

曲面用弯曲

如果要贴在柱子、旗子上,选「弯曲」,海报上出现网格。拖网格中间往下,海报就顺着柱子弯过去;拖边缘的点调整弧度。

弯曲
弯曲:拖网格贴合曲面

做完应该看到:海报的上下边从直线变成和柱子一样的弧线。

两个完整案例

案例一:把海报贴到走廊墙上

修之前:海报正正地贴在画面上修之后:扭曲贴合墙面,远处压暗
左:修之前:海报正正地贴在画面上右:修之后:扭曲贴合墙面,远处压暗

照片情况:走廊里的 cos 照,左边是一面朝远处延伸的墙,空着。想在墙上贴一张角色海报,做成"漫展场馆"的感觉。

诊断:墙是斜的,海报要用扭曲;贴完以后海报颜色太"干净",和墙的光线不一样,还要让它融进去。

修法和数值(这张示范照片的数值,你的照片数值会不同,按画面判断):

  1. 插值设「双立体」,操作添加插入照片 放入海报。海报层不透明度降到 60% 左右。
  2. 「等比」缩到大概大小,再「扭曲」拖四个角。这张图的墙从近到远收得比较快,海报近边比远边高大约三分之一。
  3. 确认变换,不透明度拉回上限(100%)。
  4. 压暗远处:在海报层上面新建一层,设成剪辑蒙版(1.5 课),模式正片叠底。用大号软画笔、灰紫色、不透明度从 20% 左右开始,在海报远的一半涂几笔,看到海报远端和旁边的墙一样暗就停。
  5. 透出墙面:如果墙有纹理,把海报层的模式试试「正片叠底」或者不透明度降到 90%,让纹理透一点出来。
  6. 缩小看全图,海报的明暗应该和旁边的墙一致:墙越往远处越暗,海报也一样。

为什么是这个顺序:先对准形状,再调光线。形状不对,光线调得再像也是"贴上去的"。

这类照片容易翻车的地方

  • 用了自由变换:只能拉成长方形,怎么都贴不上斜墙。
  • 拖了很多次、缩了又放:海报变糊。撤销回插入时的样子,一次扭曲到位。
  • 海报边缘有锯齿:插值还是「最近邻」。撤销,改成「双立体」重新扭曲。
  • 角点被吸到奇怪的位置:关掉「对齐」。
  • 海报比墙还亮:墙在阴影里,海报却很鲜艳。按第 4 步加正片叠底的剪辑层压暗。

案例二:掉了一边的肩章,从另一边复制过来

修之前:右肩的肩章拍的时候掉了修之后:复制左肩章、水平翻转、扭曲贴合
左:修之前:右肩的肩章拍的时候掉了右:修之后:复制左肩章、水平翻转、扭曲贴合

照片情况:军装 cos,左右肩各有一个肩章。拍到后面右边的掉了,coser 没发现。

诊断:左边那个是完好的,复制过去、左右翻转,再按右肩的角度调一下就行。要剪下来贴走,选区不羽化。

修法和数值:

  1. 复制并锁定原图。
  2. 「手绘」选取,沿左肩章的外轮廓轻点出多边形(肩章是直边的),包括下面的流苏。不羽化。
  3. 三指下滑,点「复制」(1.2 课),肩章到了新图层。
  4. 变换工具:先点「水平翻转」,再一指拖到右肩上。
  5. 右肩如果角度不一样(人稍微侧身,一边肩膀离镜头远),用「扭曲」拖角,让肩章贴合右肩的斜度;远的那边肩章应该稍小一点。
  6. 肩章下面的肩线对不上,用 调整克隆 在下面的图层补顺(2.2 课)。
  7. 光线方向:左肩章的高光在左边,翻过来后跑到了右边。在肩章层上面加一个剪辑层,正片叠底轻轻压暗不该亮的一侧,或者用 1.4 课的方法加深减淡。

为什么要处理光线:水平翻转连光一起翻了。人眼对"两边光照方向不一样"很敏感,不处理一眼就看出是复制的。

这类修法容易翻车的地方

  • 选区羽化了:肩章边缘变半透明,贴过去发虚,像没贴牢。
  • 翻转后直接贴,不调角度:两边肩膀离镜头远近不同,肩章大小和斜度也应该不同。
  • 肩章上有文字或不对称的图案:翻转后字是反的。这种只能单独把文字部分再翻回来,或者重画。

学习资料

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

  • 如何玩转 Procreate 之扭曲弯曲篇 百度经验文章

    一步一图演示扭曲和弯曲,适合第一次用的时候对照。

  • Procreate 快速入门指南(知乎) 知乎文章

    少数派《Procreate 快速入门指南》在知乎的转载(按 5.0 版写的),少数派打不开时看这份;1.5 课看「蒙版、剪辑蒙版、Alpha 锁定」一节(Alpha 锁定即阿尔法锁定),1.6 课看「选取与变形」,2.4 课看「调整」。

参考资料

找图

一张有墙面透视的照片:走廊、建筑侧面、楼梯间都行,墙面要占画面一块比较大的地方,墙上的横线(腰线、踢脚线、砖缝)看得出往远处收。再随便找或自己画一张长方形的图当海报(角色立绘、漫展海报都可以),尺寸不要比照片小太多。

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

作业

  1. 从图库导入墙面照片,按第 5 步用「插入照片」把海报放进来。
  2. 用「扭曲」把海报贴到墙上,四个角对齐墙的透视;插值设成「双立体」。
  3. 按本课案例一的第 4、5 步让海报融进墙面:远处压暗一点,墙面明暗透出来。
  4. 导出 JPEG,再把海报的一个角放大到 200% 截一张图。

验收标准

  • 海报四个角都贴在墙面上,上下两条边和墙上的横线朝同一个方向收
  • 放大到 200% 看海报边缘没有锯齿
  • 海报不像浮在墙前面:远处比近处暗一点,或者墙面纹理透出来了
  • 写一句:为什么这里用扭曲,不用自由变换

要交的东西

  • 贴好海报的 JPEG
  • 海报一角 200% 截图
  • 一句话回答

自检清单

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