2.4模糊、锐化和杂色

弄懂景深、拖影、放射模糊、锐化和颗粒背后的原理,学会做背景虚化和速度感,最后用杂色统一画面、只锐化主体。

  • 1.5 小时
  • 基础
  • Procreate

建议先学:1.5 蒙版、剪辑蒙版和阿尔法锁定、2.1 调整菜单总览

学完你能做到

  • 说清景深为什么能把人物从背景里分离出来,后期模仿时哪里该糊、哪里该清楚
  • 用高斯模糊加蒙版做出有层次的背景虚化,人物边缘不留光晕
  • 用动态模糊做挥剑、转身的拖影,人物本身保持清楚
  • 用透视模糊做冲击感和放射光束
  • 知道锐化为什么放最后、为什么只锐化主体,会检查锐化过头
  • 知道模糊和合成以后为什么要补颗粒,会做一层单独的颗粒
修之前:前景、背景都一样清楚修之后:背景虚化,人物跳出来
左:修之前:前景、背景都一样清楚右:修之后:背景虚化,人物跳出来

拖动圆钮对比。修之前,楼、树、路灯和人一样清楚,眼睛不知道先看哪里;修之后,越远的东西越糊,人物自然跳了出来,而她脚下的地面仍然是清楚的。这节课的五个滤镜,都是在控制"哪里清楚、哪里不清楚"。

这节课的示意图

文中的界面图是按 Procreate 5 的布局画的示意图,不是真机截图,按钮位置以你 iPad 上的实际界面为准。滤镜的通用操作(图层和 Pencil、轻点画布弹出调整操作菜单)在 2.1 课第 1 步讲过,这里不重复。

先弄懂:五个滤镜背后的原理

景深:离对焦的位置越远越糊

景深原理
相机对焦在人物上:前面的花丛和后面的楼都离对焦平面有距离,所以都糊了,越远越糊

相机只能对准一个距离拍清楚,这个距离叫对焦平面。比它近或远的东西,每一个光点在照片上都会被摊成一个小圆斑,离对焦平面越远,圆斑越大,看起来越糊。

为什么景深能把人物"分离"出来:眼睛看照片时,会先被最清楚、对比最强的地方吸引。背景糊掉以后,里面的路人、海报、灯架失去了清楚的边缘,不再抢眼,人物就成了画面里唯一清楚的东西。

后期用高斯模糊模仿景深时,要照着这个规律来:

  1. 离人物越远,糊得越多。远处的楼最糊,中间的路灯糊一点。
  2. 和人物一样远的东西一样清楚。人物脚下的地面就在对焦平面上,必须是清楚的,往远处慢慢变糊。脚下也糊了,人看起来像飘在半空。
  3. 前景也会糊。比人物更靠近镜头的花丛、栏杆,也要糊一点。

动态模糊:快门打开时东西在动

动态模糊原理
快门打开的这段时间里,球一直在移动,每个位置都留下一点颜色,叠起来就是拖影

快门打开的那一小段时间里,如果东西在动,它经过的每个位置都会在照片上留下一点颜色,叠起来就是顺着运动方向的拖影。动态模糊就是把像素沿着一个方向抹开,模仿这种效果。

修图里做速度感,有一点和真实照片不同:真的拍出来,整把剑和整只手都是糊的;后期做的时候,人物本身保持清楚,只在后面加一道拖影。这样既有速度感,脸和服装又看得清。

透视模糊:从一个点往外放射

透视模糊
位置:从圆盘往四周放射;方向:只往箭头那一边放射

透视模糊以一个圆盘为中心,把像素沿着从中心往外的方向抹开:

  • 位置模式:往四周放射,像镜头快速推近时拍出来的效果,有"冲向镜头""爆发"的感觉。
  • 方向模式:只往一个方向放射,圆盘上有个箭头可以转方向,适合做一束从一边打进来的光。

锐化:加大边缘两边的明暗差

锐化原理
锐化让边缘暗的一侧更暗、亮的一侧更亮;过头了就出现一道白边和一道黑边

锐化并不能找回拍糊的细节,它做的是:在明暗交界的地方,让暗的一侧更暗一点、亮的一侧更亮一点,边缘的对比大了,看起来就更利落。

由此可以得出锐化的三条规矩:

  1. 只锐化主体的细节:眼睛、睫毛、发丝边、服装的花纹和刺绣、道具的边。皮肤一锐化,毛孔和痘印都被放大;糊掉的背景一锐化,景深就被破坏了;平的天空和墙一锐化,噪点和压缩色块都冒出来。
  2. 放在最后一步:锐化以后再缩小尺寸、再模糊、再液化、再加颗粒,边缘都会被重新计算,锐化要么白做,要么被放大成白边。所以等其他都做完、尺寸也定了,最后才锐化。
  3. 宁少勿多:过头以后,每条边旁边都会出现一道白边和一道黑边,一眼假。

杂色:为什么要统一颗粒

颗粒
左:照片原本的颗粒;中:模糊以后颗粒没了,像塑料;右:加回颗粒,和清楚的地方一致

手机和相机拍的照片都带有细细的颗粒(噪点),光线越暗越多,漫展场馆里拍的照片尤其明显。颗粒均匀地分布在整张照片里,眼睛会把它当成"这是同一张照片"的证据。

下面这些操作都会让一块地方失去颗粒:

  • 高斯模糊:颗粒被一起糊掉了,背景像一块光滑的塑料。
  • 补画、补肤色:软画笔画上去的颜色是完全平滑的。
  • 合成时贴进来的素材、CG 背景:本来就没有颗粒,或者颗粒粗细不同。

清楚的人物有颗粒、旁边的背景没有,就会显得像贴上去的。所以模糊、补画、合成以后,都要用杂色把颗粒补回来,让整张图的颗粒一致(合成五要素里的"颗粒"一项,7.2 课还会讲)。

第 1 部分:背景虚化

复制一层做模糊

  1. 在原图上向左轻滑点「复制」,原图锁定。
  2. 副本改名「背景虚化」,确认它是当前图层。

做完应该看到:「背景虚化」在原图上面,是蓝色高亮的当前图层。

整层高斯模糊

  1. 打开 调整高斯模糊。
  2. 一指在画布上往右拖,越拖越糊;顶部提示栏显示模糊的百分比(手册:起始默认 0%,即不模糊)。
  3. 拖到远处楼房的窗户、海报上的字认不出来,但还能看出是楼、是树就停。数值和照片尺寸有关:同一个百分比,在像素尺寸不同的照片上糊的程度不一样,所以别照抄数字。经验上一般在 15%~25% 之间,以画面为准。
  4. 点魔棒图标确认。
高斯模糊
一指在画布上往右拖,顶部显示模糊程度

做完应该看到:整层都糊了,包括人物。下一步把人物露出来。

用蒙版露出清楚的人物

  1. 点「背景虚化」,再点一次打开图层选项,点「蒙版」,上方多出一层「图层蒙版」。
  2. 点蒙版那一行,确认选中的是蒙版。
  3. 画笔选「气笔修饰」里的「软画笔」,颜色选纯黑,不透明度拉到上限(100%),尺寸调到比人物的手臂宽一点。
  4. 在人物身上涂:涂到哪里,哪里的模糊被遮住,露出下面原图清楚的人物。边缘要涂满,宁可稍微出一点边。
  5. 人物脚下的地面:不透明度降到 50% 左右,在脚周围一小片地面上涂;再降到 30% 左右,往远处涂一圈。地面就从脚下的清楚慢慢过渡到远处的糊,看到中间没有一条分界线就停。
  6. 涂多了、背景也变清楚了:换白色,在蒙版上涂回来。
蒙版露出人物
在模糊层的蒙版上用黑色涂人物,下面清楚的原图露出来

做完应该看到:人物和脚下的地面清楚,越往远越糊;人物的边缘清楚、利落。蒙版的黑白灰原理见 1.5 课。

前景和远景分开(需要时)

一层模糊只有一个程度。照片里前景花丛离得很近、背景楼又特别远时,可以分两层:

  1. 再从原图复制一层,叫「远景虚化」,模糊调得更大一些(比如从比「背景虚化」多 10% 左右开始,看到远处的楼明显比中间的路灯更糊就停)。
  2. 同样加蒙版,把近处(人物、地面、前景)都涂黑,只留远处的楼和天空。
  3. 「远景虚化」放在「背景虚化」上面。

做完应该看到:远处的楼比中间的路灯更糊,层次更分明。

易错:人物边缘有一圈发虚的光晕

整层模糊时,人物的颜色被一起抹进了旁边的背景里,蒙版露出清楚的人物以后,人物外面还留着一圈"人物颜色的雾"。修法:

  • 小问题:在蒙版上沿着人物外轮廓用黑色、30% 左右的不透明度再往外涂一点点,看到那圈雾消失就停,让清楚的原图多露一圈。
  • 光晕很明显:模糊之前,先在「背景虚化」这层上用 2.2 课的克隆,把人物边缘附近的背景粗粗地往人物身上盖一圈(反正要糊掉,不用修整齐),再做高斯模糊。人物的颜色就不会被抹出来。
  • 人物已经抠在单独一层上(2.5 课):背景层上人物的位置先用克隆盖掉再模糊,最干净。

做完以后,背景的颗粒没了,看第 4 部分补回来。

第 2 部分:动态模糊做速度感

准备「人物」和「拖影」两层

  1. 用 2.5 课的方法把要做拖影的部分(整个人,或者只是剑和手臂)抠到单独一层,叫「人物」。
  2. 在「人物」上向左轻滑点「复制」,下面那份改名「拖影」。顺序从上到下是:人物、拖影、原图。

做完应该看到:关掉原图时,「人物」和「拖影」叠在一起,周围是透明的棋盘格。

在「拖影」上做动态模糊

  1. 点「拖影」层,打开 调整动态模糊。
  2. 一指在画布上顺着动作的方向拖:剑从左下挥到右上,就从左下往右上拖。拖的方向就是拖影的方向,拖得越长越糊。
  3. 从 10% 左右开始拖(手册:默认 0%),看到拖影能看出方向、剑和手臂的形状还认得出就停,一般在 10%~20%。这个百分比同样和照片尺寸有关,换照片要重新看。点魔棒图标确认。
动态模糊
顺着动作方向拖动;只在拖影层上做

做完应该看到:「拖影」层上的人被抹成一道道线,上面清楚的「人物」盖住了中间,只有边上露出一圈模糊。

把拖影挪到运动的后面

  1. 点变换工具(左上角的箭头),一指把「拖影」往动作的反方向挪一小段:剑往右上挥,就往左下挪。
  2. 拖影的不透明度降到 50%~70% 之间,看到拖影是淡淡一道、不像第二把剑就停。
  3. 想让剑尖的动作更明显:在「人物」层上加蒙版,用黑色、30% 左右不透明度的软画笔轻涂剑的后半段,让下面的拖影透出来一点。剑尖和脸不要涂。

做完应该看到:剑和手臂后面跟着一道淡淡的拖影,像刚挥过去;脸和身体还是清楚的。

易错:拖影方向不对

拖影要在运动的后面。剑往右挥,拖影在左边;拖影跑到了前面,看起来像倒着挥。用变换工具挪回来,或者撤销重做动态模糊。

第 3 部分:透视模糊做冲击感和光束

冲击感:背景往外放射

  1. 复制一层原图,叫「冲击」,在它上面做。
  2. 打开 调整透视模糊,画面中间出现一个圆盘。把它拖到动作的中心,比如出拳的拳头、法杖的顶端。
  3. 底部选「位置」。
  4. 在圆盘外面一指往右拖,加大模糊,先拖到 10% 左右(手册:默认 0%),看到背景有放射感、但还认得出是什么就停。
  5. 确认以后,像第 1 部分一样加蒙版,把人物(至少脸和手)涂黑露出来。
透视模糊
圆盘是放射的中心;底部选位置或方向

做完应该看到:背景从动作中心往四周放射,有一种冲向镜头的感觉;人物是清楚的。

光束:先点几个亮点,再放射

  1. 新建一层,叫「光束」,混合模式改成「添加」。
  2. 用「软画笔」、浅黄色,在光源的位置(窗户、舞台灯)点几团亮光,再画几道往外的短线。
  3. 打开 调整透视模糊,圆盘放在光源上,选「方向」,转动圆盘上的箭头,让它指向光要照过去的方向;在圆盘外往右拖,把亮点拉成一束束光。
  4. 降低这层的不透明度,用蒙版擦掉挡在脸上的部分。

做完应该看到:一束光从光源斜着照进来。完整的光效做法在 6.2 课和 6.3 课。

第 4 部分:用杂色统一颗粒

先看要补多少:两指捏开放大到 100% 左右(这时颗粒最看得清),对比人物脸上(清楚、有颗粒)和模糊过的背景。背景明显比脸光滑,就要补。

做一层单独的颗粒

单独一层的好处是:颗粒强弱可以随时用不透明度调,不满意删掉就行。

  1. 在最上面新建一层,叫「颗粒」。
  2. 打开颜色面板,在「值」里把十六进制填成 808080(50% 灰:十六进制 80 = 128,128 ÷ 255 ≈ 50%)。
  3. 点「颗粒」层,打开图层选项,点「填充图层」,整层变成灰色。
  4. 打开 调整杂色,点底部工具栏上的通道图标,选「单一」(黑白颗粒,和照片的噪点一样)。
  5. 模式先试「巨浪」;「比例」往左拉小,让颗粒细到和照片里的颗粒差不多大。
  6. 一指在画布上往右拖(手册:起始默认 0%),直到灰色上布满颗粒。确认。
杂色界面
通道选单一;比例往左让颗粒变小;在画布上左右拖调多少

做完应该看到:「颗粒」层是一整片布满细颗粒的灰色,暂时把下面的照片都盖住了,下一步处理。

把灰色变"透明"

  1. 点「颗粒」层右边的字母「N」,混合模式选「覆盖」。
  2. 50% 灰是「覆盖」的中性色(1.4 课的公式:上层 = 0.5 时结果 = 下层),所以看不见,只剩下颗粒叠在照片上。
  3. 拖「不透明度」,从 30% 开始,放大到 100% 对比脸和背景,直到两边的颗粒感一样。
颗粒层
灰色层加杂色,混合模式设成覆盖,用不透明度控制强弱

做完应该看到:放大看,糊掉的背景也有了细细的颗粒,和人物脸上的颗粒差不多。缩小看全图,感觉不到加了东西。

只给一部分补颗粒

人物本来就有颗粒,再叠一层会更粗。只想给背景补:把「颗粒」层拖到「背景虚化」正上方,在图层选项里打开「剪辑蒙版」,颗粒就只出现在背景虚化这一层上。剪辑蒙版的原理见 1.5 课。

易错:颗粒太粗、太花

  • 颗粒比照片原有的大:「比例」再往左。
  • 颗粒带彩色:通道选了「多个」,换成「单一」。
  • 整张图变灰:混合模式没改成「覆盖」,或者灰色不是正好 50%(十六进制应 = 808080)。

第 5 部分:最后一步,锐化主体

做一张合并副本

锐化只对当前图层生效,而人物、背景、颗粒分在好几层上。所以先合成一张:

  1. 三指在画布上往下拖,打开拷贝并粘贴菜单,点「全部拷贝」:所有看得见的图层合成一张,拷进剪贴板。
  2. 再三指下拖一次,点「粘贴」:合成的那张变成最上面的一个新图层。改名「锐化」。
全部拷贝再粘贴
全部拷贝把看得见的图层合成一张,粘贴成新图层

做完应该看到:最上面多了一层,画面看起来没有变化,因为它和下面合起来是一样的。

用 Pencil 只锐化细节

  1. 点「锐化」层,打开 调整锐化。
  2. 点顶部提示栏的小三角,选「Pencil」。
  3. 一指在画布上往右拖(手册:默认 0%),从 15% 左右开始,一般不超过 25%;同样和照片尺寸有关,换照片要重新看。
  4. 画笔用「软画笔」,只涂:眼睛和睫毛、发丝的边、服装花纹和刺绣、道具的边缘。皮肤、糊掉的背景、天空不涂。
  5. 放大到 100% 左右,看到边缘出现白边、黑边就是过头了:撤销,程度降低再涂。
锐化主体
切到 Pencil,只涂主体的细节

做完应该看到:眼睛、发丝和服装细节更利落了,皮肤还是柔和的,背景还是糊的。

为什么锐化之后就别再动了

锐化之后再改尺寸(缩小发平台)、再模糊、再加颗粒,锐化过的边缘会被重新计算。要发小尺寸的图,先缩小,再锐化(缩小尺寸的方法在 2.6 课)。

两个完整案例

案例一:户外街景,背景太清楚抢了人物

修之前:前景、背景一样清楚修之后:背景虚化,人物跳出来
左:修之前:前景、背景一样清楚右:修之后:背景虚化,人物跳出来

照片情况:手机在户外拍的全身照,人站在路中间,后面是楼和树,左下角有一丛花。手机镜头景深很大,从前到后都清楚,背景里的窗户、招牌抢眼。

诊断:三个距离:前景花丛(很近)、人物和脚下的路(对焦平面)、楼和树(很远)。要做两层模糊:远景糊得多,前景糊得少一些。

修法和数值(下面是这张示范照片的数值;你的照片尺寸、清晰度不同,数值会不同,按画面判断):

  1. 复制原图两次,分别叫「背景虚化」「远景虚化」,原图锁定。
  2. 「背景虚化」:高斯模糊约 15%。加蒙版,黑色软画笔涂人物;脚下的路用 50% 左右、30% 左右的黑色由近到远涂出过渡。
  3. 「远景虚化」:高斯模糊约 25%。加蒙版,把人物、路、路灯、花丛都涂黑,只留楼、树和天空。
  4. 人物边缘有一圈光晕:在两层蒙版上沿人物轮廓,用 30% 左右的黑色往外再涂一点。
  5. 新建「颗粒」层:50% 灰、杂色、单一、覆盖,不透明度约 35%,剪辑到「背景虚化」上;再复制一份剪辑到「远景虚化」上。
  6. 全部拷贝、粘贴成「锐化」层,Pencil 模式锐化约 20%,只涂眼睛、发丝、服装边。

为什么是这个顺序:先模糊再补颗粒,因为模糊会把颗粒抹掉;锐化最后做,因为它要在所有东西都定下来以后才准。

这类照片容易翻车的地方

  • 人物脚下的地面也糊了:人像飘着。地面从脚下开始过渡,脚下一定要清楚。
  • 背景糊得太狠,像一块彩色色块:远景虚化先拖小一点,能看出是楼就够了。
  • 只模糊不补颗粒:放大看背景像塑料,和清楚的人物不像同一张照片。

案例二:挥剑的瞬间,看着像摆拍

修之前:挥剑的瞬间,看着像摆拍修之后:剑和手臂后面有一道拖影
左:修之前:挥剑的瞬间,看着像摆拍右:修之后:剑和手臂后面有一道拖影

照片情况:coser 摆了一个举剑往上挥的姿势,快门很快,剑和手臂完全清楚,看起来是静止的。

诊断:动作方向是从左下往右上。要在剑和手臂的左下方(运动后面)加拖影,脸保持清楚。

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

  1. 用手绘选取圈出剑和挥剑的手臂(接缝放在肩膀上),拷贝并粘贴,改名「剑」;再复制一份,下面那份改名「拖影」。
  2. 「拖影」:动态模糊,一指从左下往右上拖,约 15%。
  3. 变换工具把「拖影」往左下挪一小段,大约剑宽的两倍;不透明度 60%。
  4. 拖影盖到了脸上:给「拖影」加蒙版,把脸附近涂黑。
  5. 「剑」层加蒙版,30% 左右的黑色轻涂剑身的后半段,让拖影透出来,剑尖保持清楚。
  6. 最后补颗粒(模糊过的拖影是光滑的)、锐化剑刃边和脸。

为什么只做剑和手臂:人整体是站着的,只有手臂和剑在快速移动。整个人都加拖影,会像人在横着飞。

这类照片容易翻车的地方

  • 拖影太长、太实:像剑有两把。不透明度降低,模糊程度加大,让它更虚。
  • 拖影的方向和挥动的方向对不上:看肩膀转动的方向,拖影是一段弧线时,可以分两三段,每段方向稍微不同。
  • 背景也被一起拉成了线:动态模糊只做在抠出来的「拖影」层上,不要在原图上做。

这几个滤镜放在哪一步

顺序 做什么 为什么在这里
1 去瑕疵、液化、抠图 后面的效果都建立在干净的底子上
2 高斯模糊、动态模糊、透视模糊 先决定哪里清楚、哪里不清楚
3 补颗粒 模糊会抹掉颗粒,要在模糊之后
4 统一调色(2.1 课、6.1 课) 颜色在颗粒之后调,颗粒也会跟着统一
5 改导出尺寸 尺寸定了,锐化才准
6 锐化主体 最后一步,之后不再动

学习资料

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

参考资料

  • Procreate 使用手册:模糊 Procreate 官方

    高斯模糊、动态模糊、透视模糊的手势,透视模糊的「位置」「方向」两种模式。

  • Procreate 使用手册:杂色 Procreate 官方

    云、巨浪、背脊三种模式,比例、倍频、湍流三个滑块,以及通道里的单一、多个、叠加。

  • Procreate 使用手册:锐化 Procreate 官方

    锐化的手势和程度显示,很短。

  • Procreate 使用手册:蒙版 Procreate 官方

    官方说明阿尔法锁定、图层蒙版、剪辑蒙版各自怎么创建、编辑、移动和停用;1.5 课的三种方法以这页为准,后面课里加蒙版、建剪辑图层时也回这里查。

  • Procreate 使用手册:调整的界面及手势 Procreate 官方

    讲调整菜单分成「调整」和「滤镜」两半、图层和 Pencil 两种模式、轻点画布弹出的调整操作菜单。

找图

一张前景、人物、背景距离分得开的户外照(比如前面有花丛、人站在路上、后面有楼或树);一张人物在做动作的照片(挥剑、甩头发、转身)。

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

作业

  1. 用第一张照片做一张背景虚化图:越远的地方越糊,人物和脚下的地面保持清楚,最后补上颗粒。
  2. 用第二张照片做一张带动态模糊的速度感图:拖影顺着动作方向,人物的脸保持清楚。
  3. 两张都在最上面做一层合并副本,只锐化主体。

验收标准

  • 前景、人物、背景的清晰度有层次,人物始终是画面里最清楚的
  • 人物脚下的地面和人一样清楚,往远处慢慢变糊,没有一条明显的分界线
  • 人物边缘没有一圈发虚的光晕
  • 放大到 100% 看,糊掉的背景和清楚的人物颗粒感一致,背景不像塑料
  • 拖影的方向和动作方向一致,脸能看清是谁
  • 锐化的地方放大看没有白边、黑边

要交的东西

  • 两张图的修图前后对比
  • 图层面板截图
  • 放大到 100% 的局部截图(人物边缘、背景各一处)

自检清单

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