2.4模糊、锐化和杂色
弄懂景深、拖影、放射模糊、锐化和颗粒背后的原理,学会做背景虚化和速度感,最后用杂色统一画面、只锐化主体。
- 1.5 小时
- 基础
- Procreate
学完你能做到
- 说清景深为什么能把人物从背景里分离出来,后期模仿时哪里该糊、哪里该清楚
- 用高斯模糊加蒙版做出有层次的背景虚化,人物边缘不留光晕
- 用动态模糊做挥剑、转身的拖影,人物本身保持清楚
- 用透视模糊做冲击感和放射光束
- 知道锐化为什么放最后、为什么只锐化主体,会检查锐化过头
- 知道模糊和合成以后为什么要补颗粒,会做一层单独的颗粒
拖动圆钮对比。修之前,楼、树、路灯和人一样清楚,眼睛不知道先看哪里;修之后,越远的东西越糊,人物自然跳了出来,而她脚下的地面仍然是清楚的。这节课的五个滤镜,都是在控制"哪里清楚、哪里不清楚"。
这节课的示意图
文中的界面图是按 Procreate 5 的布局画的示意图,不是真机截图,按钮位置以你 iPad 上的实际界面为准。滤镜的通用操作(图层和 Pencil、轻点画布弹出调整操作菜单)在 2.1 课第 1 步讲过,这里不重复。
先弄懂:五个滤镜背后的原理
景深:离对焦的位置越远越糊
相机只能对准一个距离拍清楚,这个距离叫对焦平面。比它近或远的东西,每一个光点在照片上都会被摊成一个小圆斑,离对焦平面越远,圆斑越大,看起来越糊。
为什么景深能把人物"分离"出来:眼睛看照片时,会先被最清楚、对比最强的地方吸引。背景糊掉以后,里面的路人、海报、灯架失去了清楚的边缘,不再抢眼,人物就成了画面里唯一清楚的东西。
后期用高斯模糊模仿景深时,要照着这个规律来:
- 离人物越远,糊得越多。远处的楼最糊,中间的路灯糊一点。
- 和人物一样远的东西一样清楚。人物脚下的地面就在对焦平面上,必须是清楚的,往远处慢慢变糊。脚下也糊了,人看起来像飘在半空。
- 前景也会糊。比人物更靠近镜头的花丛、栏杆,也要糊一点。
动态模糊:快门打开时东西在动
快门打开的那一小段时间里,如果东西在动,它经过的每个位置都会在照片上留下一点颜色,叠起来就是顺着运动方向的拖影。动态模糊就是把像素沿着一个方向抹开,模仿这种效果。
修图里做速度感,有一点和真实照片不同:真的拍出来,整把剑和整只手都是糊的;后期做的时候,人物本身保持清楚,只在后面加一道拖影。这样既有速度感,脸和服装又看得清。
透视模糊:从一个点往外放射
透视模糊以一个圆盘为中心,把像素沿着从中心往外的方向抹开:
- 位置模式:往四周放射,像镜头快速推近时拍出来的效果,有"冲向镜头""爆发"的感觉。
- 方向模式:只往一个方向放射,圆盘上有个箭头可以转方向,适合做一束从一边打进来的光。
锐化:加大边缘两边的明暗差
锐化并不能找回拍糊的细节,它做的是:在明暗交界的地方,让暗的一侧更暗一点、亮的一侧更亮一点,边缘的对比大了,看起来就更利落。
由此可以得出锐化的三条规矩:
- 只锐化主体的细节:眼睛、睫毛、发丝边、服装的花纹和刺绣、道具的边。皮肤一锐化,毛孔和痘印都被放大;糊掉的背景一锐化,景深就被破坏了;平的天空和墙一锐化,噪点和压缩色块都冒出来。
- 放在最后一步:锐化以后再缩小尺寸、再模糊、再液化、再加颗粒,边缘都会被重新计算,锐化要么白做,要么被放大成白边。所以等其他都做完、尺寸也定了,最后才锐化。
- 宁少勿多:过头以后,每条边旁边都会出现一道白边和一道黑边,一眼假。
杂色:为什么要统一颗粒
手机和相机拍的照片都带有细细的颗粒(噪点),光线越暗越多,漫展场馆里拍的照片尤其明显。颗粒均匀地分布在整张照片里,眼睛会把它当成"这是同一张照片"的证据。
下面这些操作都会让一块地方失去颗粒:
- 高斯模糊:颗粒被一起糊掉了,背景像一块光滑的塑料。
- 补画、补肤色:软画笔画上去的颜色是完全平滑的。
- 合成时贴进来的素材、CG 背景:本来就没有颗粒,或者颗粒粗细不同。
清楚的人物有颗粒、旁边的背景没有,就会显得像贴上去的。所以模糊、补画、合成以后,都要用杂色把颗粒补回来,让整张图的颗粒一致(合成五要素里的"颗粒"一项,7.2 课还会讲)。
第 1 部分:背景虚化
复制一层做模糊
- 在原图上向左轻滑点「复制」,原图锁定。
- 副本改名「背景虚化」,确认它是当前图层。
做完应该看到:「背景虚化」在原图上面,是蓝色高亮的当前图层。
整层高斯模糊
- 打开 调整›高斯模糊。
- 一指在画布上往右拖,越拖越糊;顶部提示栏显示模糊的百分比(手册:起始默认 0%,即不模糊)。
- 拖到远处楼房的窗户、海报上的字认不出来,但还能看出是楼、是树就停。数值和照片尺寸有关:同一个百分比,在像素尺寸不同的照片上糊的程度不一样,所以别照抄数字。经验上一般在 15%~25% 之间,以画面为准。
- 点魔棒图标确认。
做完应该看到:整层都糊了,包括人物。下一步把人物露出来。
用蒙版露出清楚的人物
- 点「背景虚化」,再点一次打开图层选项,点「蒙版」,上方多出一层「图层蒙版」。
- 点蒙版那一行,确认选中的是蒙版。
- 画笔选「气笔修饰」里的「软画笔」,颜色选纯黑,不透明度拉到上限(100%),尺寸调到比人物的手臂宽一点。
- 在人物身上涂:涂到哪里,哪里的模糊被遮住,露出下面原图清楚的人物。边缘要涂满,宁可稍微出一点边。
- 人物脚下的地面:不透明度降到 50% 左右,在脚周围一小片地面上涂;再降到 30% 左右,往远处涂一圈。地面就从脚下的清楚慢慢过渡到远处的糊,看到中间没有一条分界线就停。
- 涂多了、背景也变清楚了:换白色,在蒙版上涂回来。
做完应该看到:人物和脚下的地面清楚,越往远越糊;人物的边缘清楚、利落。蒙版的黑白灰原理见 1.5 课。
前景和远景分开(需要时)
一层模糊只有一个程度。照片里前景花丛离得很近、背景楼又特别远时,可以分两层:
- 再从原图复制一层,叫「远景虚化」,模糊调得更大一些(比如从比「背景虚化」多 10% 左右开始,看到远处的楼明显比中间的路灯更糊就停)。
- 同样加蒙版,把近处(人物、地面、前景)都涂黑,只留远处的楼和天空。
- 「远景虚化」放在「背景虚化」上面。
做完应该看到:远处的楼比中间的路灯更糊,层次更分明。
易错:人物边缘有一圈发虚的光晕
整层模糊时,人物的颜色被一起抹进了旁边的背景里,蒙版露出清楚的人物以后,人物外面还留着一圈"人物颜色的雾"。修法:
做完以后,背景的颗粒没了,看第 4 部分补回来。
第 2 部分:动态模糊做速度感
准备「人物」和「拖影」两层
- 用 2.5 课的方法把要做拖影的部分(整个人,或者只是剑和手臂)抠到单独一层,叫「人物」。
- 在「人物」上向左轻滑点「复制」,下面那份改名「拖影」。顺序从上到下是:人物、拖影、原图。
做完应该看到:关掉原图时,「人物」和「拖影」叠在一起,周围是透明的棋盘格。
在「拖影」上做动态模糊
- 点「拖影」层,打开 调整›动态模糊。
- 一指在画布上顺着动作的方向拖:剑从左下挥到右上,就从左下往右上拖。拖的方向就是拖影的方向,拖得越长越糊。
- 从 10% 左右开始拖(手册:默认 0%),看到拖影能看出方向、剑和手臂的形状还认得出就停,一般在 10%~20%。这个百分比同样和照片尺寸有关,换照片要重新看。点魔棒图标确认。
做完应该看到:「拖影」层上的人被抹成一道道线,上面清楚的「人物」盖住了中间,只有边上露出一圈模糊。
把拖影挪到运动的后面
- 点变换工具(左上角的箭头),一指把「拖影」往动作的反方向挪一小段:剑往右上挥,就往左下挪。
- 拖影的不透明度降到 50%~70% 之间,看到拖影是淡淡一道、不像第二把剑就停。
- 想让剑尖的动作更明显:在「人物」层上加蒙版,用黑色、30% 左右不透明度的软画笔轻涂剑的后半段,让下面的拖影透出来一点。剑尖和脸不要涂。
做完应该看到:剑和手臂后面跟着一道淡淡的拖影,像刚挥过去;脸和身体还是清楚的。
易错:拖影方向不对
拖影要在运动的后面。剑往右挥,拖影在左边;拖影跑到了前面,看起来像倒着挥。用变换工具挪回来,或者撤销重做动态模糊。
第 3 部分:透视模糊做冲击感和光束
冲击感:背景往外放射
- 复制一层原图,叫「冲击」,在它上面做。
- 打开 调整›透视模糊,画面中间出现一个圆盘。把它拖到动作的中心,比如出拳的拳头、法杖的顶端。
- 底部选「位置」。
- 在圆盘外面一指往右拖,加大模糊,先拖到 10% 左右(手册:默认 0%),看到背景有放射感、但还认得出是什么就停。
- 确认以后,像第 1 部分一样加蒙版,把人物(至少脸和手)涂黑露出来。
做完应该看到:背景从动作中心往四周放射,有一种冲向镜头的感觉;人物是清楚的。
光束:先点几个亮点,再放射
- 新建一层,叫「光束」,混合模式改成「添加」。
- 用「软画笔」、浅黄色,在光源的位置(窗户、舞台灯)点几团亮光,再画几道往外的短线。
- 打开 调整›透视模糊,圆盘放在光源上,选「方向」,转动圆盘上的箭头,让它指向光要照过去的方向;在圆盘外往右拖,把亮点拉成一束束光。
- 降低这层的不透明度,用蒙版擦掉挡在脸上的部分。
第 4 部分:用杂色统一颗粒
先看要补多少:两指捏开放大到 100% 左右(这时颗粒最看得清),对比人物脸上(清楚、有颗粒)和模糊过的背景。背景明显比脸光滑,就要补。
做一层单独的颗粒
单独一层的好处是:颗粒强弱可以随时用不透明度调,不满意删掉就行。
- 在最上面新建一层,叫「颗粒」。
- 打开颜色面板,在「值」里把十六进制填成
808080(50% 灰:十六进制 80 = 128,128 ÷ 255 ≈ 50%)。 - 点「颗粒」层,打开图层选项,点「填充图层」,整层变成灰色。
- 打开 调整›杂色,点底部工具栏上的通道图标,选「单一」(黑白颗粒,和照片的噪点一样)。
- 模式先试「巨浪」;「比例」往左拉小,让颗粒细到和照片里的颗粒差不多大。
- 一指在画布上往右拖(手册:起始默认 0%),直到灰色上布满颗粒。确认。
做完应该看到:「颗粒」层是一整片布满细颗粒的灰色,暂时把下面的照片都盖住了,下一步处理。
把灰色变"透明"
- 点「颗粒」层右边的字母「N」,混合模式选「覆盖」。
- 50% 灰是「覆盖」的中性色(1.4 课的公式:上层 = 0.5 时结果 = 下层),所以看不见,只剩下颗粒叠在照片上。
- 拖「不透明度」,从 30% 开始,放大到 100% 对比脸和背景,直到两边的颗粒感一样。
做完应该看到:放大看,糊掉的背景也有了细细的颗粒,和人物脸上的颗粒差不多。缩小看全图,感觉不到加了东西。
只给一部分补颗粒
人物本来就有颗粒,再叠一层会更粗。只想给背景补:把「颗粒」层拖到「背景虚化」正上方,在图层选项里打开「剪辑蒙版」,颗粒就只出现在背景虚化这一层上。剪辑蒙版的原理见 1.5 课。
易错:颗粒太粗、太花
- 颗粒比照片原有的大:「比例」再往左。
- 颗粒带彩色:通道选了「多个」,换成「单一」。
- 整张图变灰:混合模式没改成「覆盖」,或者灰色不是正好 50%(十六进制应 = 808080)。
第 5 部分:最后一步,锐化主体
做一张合并副本
锐化只对当前图层生效,而人物、背景、颗粒分在好几层上。所以先合成一张:
- 三指在画布上往下拖,打开拷贝并粘贴菜单,点「全部拷贝」:所有看得见的图层合成一张,拷进剪贴板。
- 再三指下拖一次,点「粘贴」:合成的那张变成最上面的一个新图层。改名「锐化」。
做完应该看到:最上面多了一层,画面看起来没有变化,因为它和下面合起来是一样的。
用 Pencil 只锐化细节
- 点「锐化」层,打开 调整›锐化。
- 点顶部提示栏的小三角,选「Pencil」。
- 一指在画布上往右拖(手册:默认 0%),从 15% 左右开始,一般不超过 25%;同样和照片尺寸有关,换照片要重新看。
- 画笔用「软画笔」,只涂:眼睛和睫毛、发丝的边、服装花纹和刺绣、道具的边缘。皮肤、糊掉的背景、天空不涂。
- 放大到 100% 左右,看到边缘出现白边、黑边就是过头了:撤销,程度降低再涂。
做完应该看到:眼睛、发丝和服装细节更利落了,皮肤还是柔和的,背景还是糊的。
为什么锐化之后就别再动了
锐化之后再改尺寸(缩小发平台)、再模糊、再加颗粒,锐化过的边缘会被重新计算。要发小尺寸的图,先缩小,再锐化(缩小尺寸的方法在 2.6 课)。
两个完整案例
案例一:户外街景,背景太清楚抢了人物
照片情况:手机在户外拍的全身照,人站在路中间,后面是楼和树,左下角有一丛花。手机镜头景深很大,从前到后都清楚,背景里的窗户、招牌抢眼。
诊断:三个距离:前景花丛(很近)、人物和脚下的路(对焦平面)、楼和树(很远)。要做两层模糊:远景糊得多,前景糊得少一些。
修法和数值(下面是这张示范照片的数值;你的照片尺寸、清晰度不同,数值会不同,按画面判断):
- 复制原图两次,分别叫「背景虚化」「远景虚化」,原图锁定。
- 「背景虚化」:高斯模糊约 15%。加蒙版,黑色软画笔涂人物;脚下的路用 50% 左右、30% 左右的黑色由近到远涂出过渡。
- 「远景虚化」:高斯模糊约 25%。加蒙版,把人物、路、路灯、花丛都涂黑,只留楼、树和天空。
- 人物边缘有一圈光晕:在两层蒙版上沿人物轮廓,用 30% 左右的黑色往外再涂一点。
- 新建「颗粒」层:50% 灰、杂色、单一、覆盖,不透明度约 35%,剪辑到「背景虚化」上;再复制一份剪辑到「远景虚化」上。
- 全部拷贝、粘贴成「锐化」层,Pencil 模式锐化约 20%,只涂眼睛、发丝、服装边。
为什么是这个顺序:先模糊再补颗粒,因为模糊会把颗粒抹掉;锐化最后做,因为它要在所有东西都定下来以后才准。
这类照片容易翻车的地方
- 人物脚下的地面也糊了:人像飘着。地面从脚下开始过渡,脚下一定要清楚。
- 背景糊得太狠,像一块彩色色块:远景虚化先拖小一点,能看出是楼就够了。
- 只模糊不补颗粒:放大看背景像塑料,和清楚的人物不像同一张照片。
案例二:挥剑的瞬间,看着像摆拍
照片情况:coser 摆了一个举剑往上挥的姿势,快门很快,剑和手臂完全清楚,看起来是静止的。
诊断:动作方向是从左下往右上。要在剑和手臂的左下方(运动后面)加拖影,脸保持清楚。
修法和数值(这张示范照片的数值,你的照片数值会不同,按画面判断):
- 用手绘选取圈出剑和挥剑的手臂(接缝放在肩膀上),拷贝并粘贴,改名「剑」;再复制一份,下面那份改名「拖影」。
- 「拖影」:动态模糊,一指从左下往右上拖,约 15%。
- 变换工具把「拖影」往左下挪一小段,大约剑宽的两倍;不透明度 60%。
- 拖影盖到了脸上:给「拖影」加蒙版,把脸附近涂黑。
- 「剑」层加蒙版,30% 左右的黑色轻涂剑身的后半段,让拖影透出来,剑尖保持清楚。
- 最后补颗粒(模糊过的拖影是光滑的)、锐化剑刃边和脸。
为什么只做剑和手臂:人整体是站着的,只有手臂和剑在快速移动。整个人都加拖影,会像人在横着飞。
这类照片容易翻车的地方
- 拖影太长、太实:像剑有两把。不透明度降低,模糊程度加大,让它更虚。
- 拖影的方向和挥动的方向对不上:看肩膀转动的方向,拖影是一段弧线时,可以分两三段,每段方向稍微不同。
- 背景也被一起拉成了线:动态模糊只做在抠出来的「拖影」层上,不要在原图上做。
这几个滤镜放在哪一步
学习资料
资料里用 PS 讲的功能,在 Procreate 里叫什么,查 PS 和 Procreate 对照表。
- 【Procreate教程】巧妙运用:杂色/泛光/色相差/故障艺术/锐化功能
约 10 分钟,杂色和锐化的效果对比看得比较清楚;泛光、色像差留到 6.1 课再看也行。
- Procreate 快速入门指南(知乎)
少数派《Procreate 快速入门指南》在知乎的转载(按 5.0 版写的),少数派打不开时看这份;1.5 课看「蒙版、剪辑蒙版、Alpha 锁定」一节(Alpha 锁定即阿尔法锁定),1.6 课看「选取与变形」,2.4 课看「调整」。
- iPad 老牌绘画工具大更新,补上后期处理功能短板:Procreate 5X
介绍 Procreate 5X 新增的渐变映射、泛光、故障艺术、半色调、色像差和重新整理过的调整菜单;对应 2.1 课第 6 步渐变映射、2.4 课的滤镜和 6.1 课。文章写于 2020 年,界面细节以手册为准。
- 【procreate】超实用的滤镜效果介绍
1 分钟的短视频,快速演示 Procreate 里几种滤镜的效果和用法,学 2.1、2.4、6.1 课之前先看个大概;具体怎么调按课里的步骤来。
参考资料
- Procreate 使用手册:模糊
高斯模糊、动态模糊、透视模糊的手势,透视模糊的「位置」「方向」两种模式。
- Procreate 使用手册:杂色
云、巨浪、背脊三种模式,比例、倍频、湍流三个滑块,以及通道里的单一、多个、叠加。
- Procreate 使用手册:锐化
锐化的手势和程度显示,很短。
- Procreate 使用手册:蒙版
官方说明阿尔法锁定、图层蒙版、剪辑蒙版各自怎么创建、编辑、移动和停用;1.5 课的三种方法以这页为准,后面课里加蒙版、建剪辑图层时也回这里查。
- Procreate 使用手册:调整的界面及手势
讲调整菜单分成「调整」和「滤镜」两半、图层和 Pencil 两种模式、轻点画布弹出的调整操作菜单。
找图
一张前景、人物、背景距离分得开的户外照(比如前面有花丛、人站在路上、后面有楼或树);一张人物在做动作的照片(挥剑、甩头发、转身)。
不知道去哪找?看找图清单。
作业
- 用第一张照片做一张背景虚化图:越远的地方越糊,人物和脚下的地面保持清楚,最后补上颗粒。
- 用第二张照片做一张带动态模糊的速度感图:拖影顺着动作方向,人物的脸保持清楚。
- 两张都在最上面做一层合并副本,只锐化主体。
验收标准
- 前景、人物、背景的清晰度有层次,人物始终是画面里最清楚的
- 人物脚下的地面和人一样清楚,往远处慢慢变糊,没有一条明显的分界线
- 人物边缘没有一圈发虚的光晕
- 放大到 100% 看,糊掉的背景和清楚的人物颗粒感一致,背景不像塑料
- 拖影的方向和动作方向一致,脸能看清是谁
- 锐化的地方放大看没有白边、黑边
要交的东西
- 两张图的修图前后对比
- 图层面板截图
- 放大到 100% 的局部截图(人物边缘、背景各一处)
自检清单
交作业前逐条对一遍。勾选状态会保存在本机。