1.4图层和混合模式
用"透明胶片"理解图层,学会新建、复制、编组、合并;再从计算原理弄懂六种常用混合模式,知道修图时各用在哪。
- 2 小时
- 入门
- Procreate
建议先学:1.1 界面和画布、1.3 画笔、涂抹和擦除
学完你能做到
- 说清图层叠在一起是怎么显示的,为什么修图要分层
- 会新建、复制、锁定、重命名、调不透明度、编组、合并图层
- 用"上层和下层怎么算"解释正片叠底、滤色、添加、覆盖、柔光、颜色、明度
- 说出每种模式的"中性色"(等于没画的颜色),并用它判断该选哪种模式
- 看到 PS 教程里的「叠加」,知道在 Procreate 里选「覆盖」
这节课的示意图
文中的界面图是按 Procreate 5 的布局画的示意图,不是真机截图,按钮的细节和位置以你 iPad 上的实际界面为准。原理图里的颜色是按常见的混合公式算出来的,和 Procreate 实际效果会有细微差别。
先弄懂:图层
图层像一叠透明胶片
每个图层都是一张和画布一样大的透明胶片,叠在一起从上往下看:上层画了东西的地方盖住下层,没画的地方是透明的,透出下层。
修图为什么要分层:
- 能单独改:阴影画重了,只调「阴影」这层的不透明度,不用重画。
- 能单独关掉对比:点掉勾,马上看到修之前的样子。
- 能单独删:一层修坏了整层删掉,原图不受影响。
合并就是把几张胶片永久压成一张。合并以后,混合模式的效果会被"烤"进像素里,再也分不开,所以只在确定不改了、或者图层数快到上限时(0.1 课)才合并。
先弄懂:混合模式
默认的「正常」模式,上层直接盖住下层。换成别的混合模式,上层不再是"盖住",而是和下层按一个公式算出新颜色。
为了说清这些公式,把每个颜色的亮度记成 0 到 1 之间的数:0 是黑,1 是白,0.5 是中灰。红、绿、蓝三个通道各算各的。
理解每种模式,抓住一个问题就够了:上层涂什么颜色,等于没涂? 这个颜色叫这种模式的中性色。知道了中性色,就知道这个模式往哪个方向改。
正片叠底:只会变暗
公式:结果 = 上 × 下。
两个不超过 1 的数相乘,结果只会比原来小,所以正片叠底只会让画面变暗。上层是白色(1)时,结果 = 下层,等于没画——白色是中性色。上层越深,压得越暗。
修图里用来:
- 画阴影、加深褶皱、压暗假发的暗部:下层的纹理、明暗都还在,只是整体暗下去,看起来像真的影子。
- 去掉白底:白底的素材(花纹、印章、线稿)用正片叠底叠上去,白色部分自动消失。
阴影的颜色要选和阴影处同色相、更饱和、稍暗的颜色(紫裙子的影子用深紫),不要选灰色或黑色。灰黑色乘上去,颜色会发脏发灰。
滤色和添加:只会变亮
滤色的公式:结果 = 1 −(1 − 上)×(1 − 下)。先把两层"反过来"相乘,再反回去。效果和正片叠底正好相反:只会变亮,黑色是中性色。
添加的公式:结果 = 上 + 下,超过 1 就按 1(纯白)算。比滤色亮得多,亮的地方很容易直接冲成白色。
修图里用来:
- 黑底的光效素材(光斑、火花、烟花):用滤色或添加叠上去,黑色部分消失,只留光(6.2 课)。
- 画发光:滤色画外圈柔和的光晕;添加画光最亮的中心。见案例二。
- 想轻轻提亮一块,用滤色加低不透明度。添加太冲,容易把皮肤提成一片白。
覆盖和柔光:暗的更暗,亮的更亮
覆盖的公式:看下层的亮度分两段算——下层暗于 0.5 时,按"加倍的正片叠底"算(2 × 上 × 下);亮于 0.5 时,按"加倍的滤色"算。效果是:
- 上层是 50% 灰时,结果 = 下层,50% 灰是中性色。
- 上层比 50% 灰亮,画面变亮;比 50% 灰暗,画面变暗。可以自己代数计算验证:下层 0.4、上层 0.7 时,结果 = 2 × 0.7 × 0.4 = 0.56,比 0.4 亮;上层换成 0.3,结果 = 0.24,变暗了。
- 下层的纯黑、纯白基本不动,变化最大的是中间调。所以用来加对比、做光影,不容易把高光弄灰、把暗部弄脏。
柔光的规律和覆盖一样,幅度小很多,更好控制,修皮肤的光影常用柔光。
修图里用来:加深减淡(新建一层 50% 灰,设成覆盖或柔光,填上以后应看到画面不变,用白色涂亮、黑色涂暗,4.4 课)、整体加对比、光影重塑。
易错:PS 教程里的「叠加」在哪
Photoshop 中文版里的 Overlay 叫「叠加」,Procreate 中文版里同一个模式叫「覆盖」。照着 PS 教程找「叠加」是找不到的,选「覆盖」就对了。完整对照见下面的总表。
颜色和明度:把"什么颜色"和"多亮"拆开
每个颜色可以拆成三样:色相(红还是蓝)、饱和度(鲜还是灰)、明度(亮还是暗)。
- 颜色:用上层的色相和饱和度,留下层的明度。衣服褶皱的明暗全部保留,只是颜色换了——这是换衣服颜色、美瞳颜色、假发颜色最常用的模式(1.5 课、5.6 课)。
- 色相:只换色相,饱和度和明度都用下层的。下层是灰色、白色(没有饱和度)时,色相模式完全不起作用。
- 明度:用上层的明度,留下层的色相和饱和度。只想改亮暗、不想让颜色跑偏时用。
易错:白衣服、浅灰衣服换不上颜色
看原理图最右边两格:颜色模式留的是下层的明度,纯白的明度就是"最亮",换什么颜色都还是白。浅灰也只能染上很淡的一点。白衣服要换色,得先用正片叠底把它压暗一点,再用颜色模式上色,5.6 课细讲。
总表
| Procreate 中文 | 英文 | PS 中文 | 一句话原理 | 中性色 | 修图用途 | 常用不透明度(起点) |
|---|---|---|---|---|---|---|
| 正片叠底 | Multiply | 正片叠底 | 上 × 下,只变暗 | 白 | 阴影、褶皱、去白底 | 20%~60% |
| 滤色 | Screen | 滤色 | 反过来乘,只变亮 | 黑 | 光晕、黑底光效 | 30%~80% |
| 添加 | Add | 线性减淡(添加) | 上 + 下,更亮 | 黑 | 光的中心、闪光 | 20%~60% |
| 覆盖 | Overlay | 叠加 | 暗的压暗、亮的提亮 | 50% 灰 | 加深减淡、加对比 | 30%~70% |
| 柔光 | Soft Light | 柔光 | 柔和版的覆盖 | 50% 灰 | 皮肤光影 | 50%~100% |
| 颜色 | Color | 颜色 | 换色相和饱和度,留明暗 | — | 换衣服、美瞳、发色 | 50%~100% |
| 明度 | Luminosity | 明度 | 换明暗,留颜色 | — | 只调亮暗不偏色 | 按需 |
| 色相 | Hue | 色相 | 只换色相 | — | 微调色相;对灰白无效 | 按需 |
最后一列是经验起点值,不是标准答案:先放在范围中间,再左右拖,看到效果刚好看得出、又不抢眼就停。同一种模式,照片越亮或越暗,需要的不透明度都不一样。
Procreate 的全部混合模式,在列表里大致按这几组排:正常;变暗一组(正片叠底、变暗、颜色加深、线性加深、深色);变亮一组(变亮、滤色、颜色减淡、添加、浅色);对比一组(覆盖、柔光、强光、亮光、线性光、点光、实色混合);差值一组(差值、排除、减去、划分);颜色一组(色相、饱和度、颜色、明度)。旧作品里可能还会看到「暗化」。没列进总表的,修 cos 返图很少用。
第 1 步:认识图层面板
打开图层面板
点右上角两个叠在一起的方块。
- 「+」:新建图层,新图层放在当前图层的上面。
- 蓝色的一行:当前图层。画画、调整都只作用在它上面。点别的图层就切换。
- 右边的字母:混合模式,新图层是 N(正常)。点它打开混合模式菜单。
- 最右的勾选框:显示 / 隐藏这一层。长按勾选框是「单独可见」,只看这一层,再长按一次恢复。
- 背景颜色:每个作品都有,点它可以换颜色,点掉勾就是透明背景(1.1 课)。
- 顶上的「图层」两个字:多选以后点它,做批量操作。
做完应该看到:图层从上到下的顺序,就是它们在画面上从上到下叠的顺序。
第 2 步:新建、复制、锁定、重命名
新建并命名一个图层
- 点「+」,新建一层。
- 在这层上轻点一下选中,再轻点一下,弹出「图层选项」。
- 点「重命名」,输入名字,比如「阴影」,点键盘上的确认。
做完应该看到:图层名字变成了「阴影」。
复制、锁定、删除
在图层上向左轻滑,出现三个按钮:
- 复制:在上面多出一份一模一样的,蒙版、混合模式也一起复制。
- 锁定:名字旁出现锁头,这层不能再画、不能移动、不能删。再滑一次点「解锁」。
- 删除:删掉这层。可以撤销,但回过图库就找不回了。
完整做法和示意图见 5.4 课。
做完应该看到:原图层锁定后名字旁有个锁头,三指擦触、变换都动不了它。
调整上下顺序
手指按住一个图层不放,它会浮起来,拖到别的位置松手。
做完应该看到:阴影层拖到人物层下面,阴影就被人物挡住了。顺序不对是"画了却看不见"最常见的原因。
第 3 步:调不透明度、选混合模式
打开混合模式菜单
- 点图层右边的字母 N。
- 菜单上面是不透明度滑块,左右拖。
- 下面是当前模式的名字,点它展开整个列表,上下滑动,滑到哪个模式,画布上就实时显示那个效果。
- 选好以后,点菜单外面任意地方关掉。
做完应该看到:图层右边的字母变了,画布上这层的效果跟着变。
快速调不透明度
- 两根手指在图层上轻点一下。
- 画布上方出现一条不透明度条。手指在画布上左右滑动,往左更透明,往右更实。
- 点任意工具图标结束。
做完应该看到:边滑边看效果,比打开菜单拖滑块快。
为什么先画实,再降不透明度
画的时候用足量,先看清楚画在了哪里;画完再整层降不透明度,深浅一次调到位。反过来一开始就用很低的不透明度画,经常画了半天看不出效果,越涂越多。
第 4 步:编组和合并
多选并编组
- 在当前图层之外,用一根手指向右轻滑别的图层,它们变成深蓝色,表示被一起选中。
- 点图层面板左上角的「图层」两个字,弹出菜单。
- 点「组合」,这几层就进了一个组。点组右边的小箭头可以展开、收起。
做完应该看到:图层面板里出现一个「组」,选中的几层都在里面。整组可以一起隐藏、一起移动、一起变换。
合并
- 两层合成一层:打开上面那层的图层选项,点「向下合并」。
- 合并一串:两根手指分别按住最上和最下的那层,往中间捏,中间所有的层一起合并。
做完应该看到:几层变成一层,名字用的是最下面那层的名字。
千万别
把还要调的图层合并进照片层。合并后混合模式被烤进像素,阴影画重了也只能撤销,回过图库就彻底分不开。一类改动一层、确定不改了再合并。
三个完整案例
案例一:闪光灯打平的裙子,加褶皱阴影
照片情况:漫展场照,机顶闪光灯正面打,紫色百褶裙的褶子拍出来几乎一样亮,看起来像一块平板。
诊断:缺的是暗——褶子凹进去的一面、腰带下面应该有影子。只变暗不变亮,选正片叠底。
修法和数值(这张示范照片的数值,你的照片数值会不同,按画面判断):
- 新建图层「褶皱阴影」,混合模式改成正片叠底。
- 吸管取裙子本身的紫色,在颜色面板里把它调得更饱和、稍暗一点。
- 软画笔(1.3 课),尺寸和一条褶子差不多宽,不透明度 30% 左右。
- 顺着每条褶子的同一侧往下画(光从哪边来,就画另一边)。腰带下面横着加一道。
- 整层不透明度先拉到上限(100%)看位置对不对,再往下降,看到褶子有了体积、裙子又不发黑就停(这张停在 50%~70% 之间)。
- 画出了褶子外面:用同一支软画笔的橡皮(长按橡皮图标)擦掉,或者等学了 1.5 课用剪辑蒙版把这层限制在裙子里。
为什么用正片叠底而不是正常:正常模式画上去的是一层不透明的紫色,会盖掉布料的纹理和原本的细微明暗;正片叠底是乘上去的,纹理都还在。
这类照片容易翻车的地方
- 阴影颜色选了黑或灰:裙子会发脏。一定用同色相、更饱和的颜色。
- 每条褶子两边都画:光的方向乱了,像被揉皱的纸。只画背光的一侧。
- 画得太均匀:真实的影子越往褶子深处越暗,下摆张开的地方变浅。
案例二:让法杖的宝石发光
照片情况:夜景外拍,coser 举着法杖,道具上的宝石是塑料的,不会发光。
诊断:要的是变亮,而且要分两层:外面一圈柔和、带颜色的光晕,中间一个最亮、接近白的核心。
修法和数值(这张示范照片的数值,你的照片数值会不同,按画面判断):
- 新建图层「光晕」,模式滤色。选一个饱和的暖橙色(不要选白色,白色滤色上去只会发白)。软画笔尺寸调到宝石的 4~5 倍,不透明度 40% 左右,在宝石中心点几下。
- 新建图层「光心」,模式添加。选浅黄色,软画笔尺寸和宝石差不多,不透明度 60% 左右,在中心点一两下。
- 两层分别往下调不透明度,看到光晕不盖住法杖的细节、光心不冲成一片白就停(这张:光晕 60%~80%,光心 50%~80%)。
- 想要放射的光线,在「光心」层用细的软画笔从中心往外快速拉几笔。
为什么分两层、两种模式:滤色提亮得温和,适合大范围的光晕,不会冲白;添加提亮得猛,适合小面积的中心。分开两层,强弱可以各调各的。更多光效做法见 6.3 课。
这类效果容易翻车的地方
- 整个光晕都用添加:大片冲成白色,背景细节全没了。
- 选了白色画光晕:光没有颜色,看着像起雾。光晕要带颜色,中心才接近白。
- 光的颜色和环境不搭:冷色夜景里放一团纯黄的光很突兀,可以偏一点橙或青。
案例三:把一句 PS 教程翻译成 Procreate 操作
情况:你在参考 B 站一个 PS 修图教程,它说:"新建图层,填充 50% 灰,模式改成叠加,用黑白画笔涂抹加深减淡。"在 Procreate 里怎么做?
诊断:三处要翻译——灰色怎么填、"叠加"叫什么、"黑白画笔"怎么设。
做法:
- 点「+」新建图层,重命名为「加深减淡」。
- 点右上角的颜色圆点,底部选「值」,在「十六进制」里输入
808080,这就是 50% 灰:十六进制 80 = 128,128 ÷ 255 ≈ 50%。 - 在新图层上打开图层选项,点「填充图层」,整层变成灰色。
- 点图层右边的 N,混合模式选「覆盖」(PS 里的「叠加」)。
- 画面应该恢复原样、看不出这层灰——因为 50% 灰是覆盖的中性色(上面的公式里上层 = 0.5 时,结果 = 下层)。
- 用软画笔,不透明度从 5% 左右开始(涂几笔还看不出变化,再提到 10% 左右),白色涂想提亮的地方,黑色涂想压暗的地方,看到亮暗刚好自然就停。
怎么判断做对了:第 5 步填完灰、改完模式,画面一点没变。如果看到画面变灰了,说明模式没改成覆盖;如果看到变暗或变亮了,说明颜色不是正好 50% 灰,回第 2 步核对十六进制。
这类翻译容易翻车的地方
- 找「叠加」找不到,选了「强光」或「亮光」:效果猛很多,皮肤容易出色斑。选「覆盖」,想更柔就选「柔光」。
- PS 教程里的"画笔流量":Procreate 侧栏没有流量,用低不透明度多叠几笔代替(1.3 课)。
- 灰度没填满:用的是画笔涂而不是「填充图层」,边上漏了一块,那里加深减淡就没效果。
学习资料
资料里用 PS 讲的功能,在 Procreate 里叫什么,查 PS 和 Procreate 对照表。
- 【procreate进阶教程】混合模式原理和用法/正片叠底怎么用/图层模式
约 20 分钟,在 Procreate 里实际演示正片叠底、叠加(覆盖)、颜色、色相等模式,配合本课的原理图看。
- 【板绘】你不知道的正片叠底、叠加等图层混合模式
板绘角度讲常用混合模式;里面说的「叠加」在 Procreate 中文版里叫「覆盖」。
- procreate 之图层操作(一)
图文介绍图层面板上的每个部分(新增图层、缩略图、名称、混合模式、可见性勾选框、背景颜色),还讲了长按勾选框只显示这一层;对应 1.4 课第 1 步「认识图层面板」,2.6 课整理图层时也可以回看。
- procreate 之图层操作(二)
参照官方手册把图层选项菜单逐项讲一遍(重命名、填充图层、阿尔法锁定、蒙版、剪辑蒙版、参考、向下合并、向下组合等);对应 1.4 课第 2 步和 2.6 课第 2 步的命名习惯。
参考资料
- Procreate 使用手册:混合模式
官方逐个列出 Procreate 全部混合模式的中文名和效果,看 PS 教程碰到模式名就来这里对名字(PS 的「叠加」这里叫「覆盖」);可以和 1.4 课的混合模式总表对照着看。
- Procreate 使用手册:图层界面
图层面板每个部分的作用,包括「图层」菜单的批量操作和单独可见性。
- Procreate 使用手册:管理图层
主要图层和次要图层、编组、移动、锁定、复制、删除。
- Procreate 使用手册:图层选项
图层选项菜单每一项的说明;阿尔法锁定、蒙版、剪辑蒙版三者的官方定义在这里。
- PS图层混合算法之三(滤色,叠加,柔光,强光)
想看混合模式具体公式的可以读这篇;本课原理图里的计算就是按这类公式画的。
找图
一张亮部和暗部都很明显的 cos 照片,比如侧光、逆光或者舞台灯下的照片,画面里最好同时有很亮的地方(皮肤高光、白衣服)和很暗的地方(头发、深色背景)。
不知道去哪找?看找图清单。
作业
- 从图库导入照片,新建一个图层,用「填充图层」填一个中等亮度、比较鲜艳的颜色(比如橙色,十六进制 E07A5F)。
- 不透明度保持 100%,依次把这一层切到:正常、正片叠底、滤色、添加、覆盖、柔光、颜色、明度,每种截一张图。
- 按 1.1 课第 3 步新建一张 3000 × 3000 的 sRGB 画布,用「插入照片」把截图拼成 3 × 3 的九宫格:左上角放没加色块的原图,其余 8 格按上面的顺序放,每格角上写模式名。
- 每种模式写一两句笔记:这张照片的亮部、暗部各发生了什么,修图可以用它做什么。
验收标准
- 九宫格 9 格齐全,每格都标了模式名,顺序和题目一致
- 每种模式的笔记都写到亮部、暗部的变化,并写出至少一个修图用途
- 笔记里写出:正片叠底里什么颜色等于没画;滤色里什么颜色等于没画;覆盖里什么颜色等于没画
要交的东西
- 九宫格对照图
- 8 种模式的笔记
自检清单
交作业前逐条对一遍。勾选状态会保存在本机。