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 课)。
  • 画发光:滤色画外圈柔和的光晕;添加画光最亮的中心。见案例二。
  • 想轻轻提亮一块,用滤色加低不透明度。添加太冲,容易把皮肤提成一片白。

覆盖和柔光:暗的更暗,亮的更亮

覆盖和柔光
上层 50% 灰时没有变化;深灰压暗、浅灰提亮;两头的黑白基本不动

覆盖的公式:看下层的亮度分两段算——下层暗于 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 步:新建、复制、锁定、重命名

新建并命名一个图层

  1. 点「+」,新建一层。
  2. 在这层上轻点一下选中,再轻点一下,弹出「图层选项」。
  3. 点「重命名」,输入名字,比如「阴影」,点键盘上的确认。
图层选项
在当前图层上再点一下,弹出图层选项

做完应该看到:图层名字变成了「阴影」。

复制、锁定、删除

在图层上向左轻滑,出现三个按钮:

  • 复制:在上面多出一份一模一样的,蒙版、混合模式也一起复制。
  • 锁定:名字旁出现锁头,这层不能再画、不能移动、不能删。再滑一次点「解锁」。
  • 删除:删掉这层。可以撤销,但回过图库就找不回了。

完整做法和示意图见 5.4 课。

做完应该看到:原图层锁定后名字旁有个锁头,三指擦触、变换都动不了它。

调整上下顺序

手指按住一个图层不放,它会浮起来,拖到别的位置松手。

做完应该看到:阴影层拖到人物层下面,阴影就被人物挡住了。顺序不对是"画了却看不见"最常见的原因。

第 3 步:调不透明度、选混合模式

打开混合模式菜单

  1. 点图层右边的字母 N。
  2. 菜单上面是不透明度滑块,左右拖。
  3. 下面是当前模式的名字,点它展开整个列表,上下滑动,滑到哪个模式,画布上就实时显示那个效果。
  4. 选好以后,点菜单外面任意地方关掉。
混合模式菜单
上:不透明度;下:混合模式列表,边滑边预览

做完应该看到:图层右边的字母变了,画布上这层的效果跟着变。

快速调不透明度

  1. 两根手指在图层上轻点一下。
  2. 画布上方出现一条不透明度条。手指在画布上左右滑动,往左更透明,往右更实。
  3. 点任意工具图标结束。
快速调不透明度
两指轻点图层,然后在画布上左右滑

做完应该看到:边滑边看效果,比打开菜单拖滑块快。

为什么先画实,再降不透明度

画的时候用足量,先看清楚画在了哪里;画完再整层降不透明度,深浅一次调到位。反过来一开始就用很低的不透明度画,经常画了半天看不出效果,越涂越多。

第 4 步:编组和合并

多选并编组

  1. 在当前图层之外,用一根手指向右轻滑别的图层,它们变成深蓝色,表示被一起选中。
  2. 点图层面板左上角的「图层」两个字,弹出菜单。
  3. 点「组合」,这几层就进了一个组。点组右边的小箭头可以展开、收起。
多选和编组
右滑加选,点「图层」,选「组合」

做完应该看到:图层面板里出现一个「组」,选中的几层都在里面。整组可以一起隐藏、一起移动、一起变换。

合并

  • 两层合成一层:打开上面那层的图层选项,点「向下合并」。
  • 合并一串:两根手指分别按住最上和最下的那层,往中间捏,中间所有的层一起合并。

做完应该看到:几层变成一层,名字用的是最下面那层的名字。

千万别

把还要调的图层合并进照片层。合并后混合模式被烤进像素,阴影画重了也只能撤销,回过图库就彻底分不开。一类改动一层、确定不改了再合并。

三个完整案例

案例一:闪光灯打平的裙子,加褶皱阴影

修之前:裙子是一整块颜色,没有体积修之后:正片叠底层加了褶皱阴影
左:修之前:裙子是一整块颜色,没有体积右:修之后:正片叠底层加了褶皱阴影

照片情况:漫展场照,机顶闪光灯正面打,紫色百褶裙的褶子拍出来几乎一样亮,看起来像一块平板。

诊断:缺的是暗——褶子凹进去的一面、腰带下面应该有影子。只变暗不变亮,选正片叠底。

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

  1. 新建图层「褶皱阴影」,混合模式改成正片叠底。
  2. 吸管取裙子本身的紫色,在颜色面板里把它调得更饱和、稍暗一点。
  3. 软画笔(1.3 课),尺寸和一条褶子差不多宽,不透明度 30% 左右。
  4. 顺着每条褶子的同一侧往下画(光从哪边来,就画另一边)。腰带下面横着加一道。
  5. 整层不透明度先拉到上限(100%)看位置对不对,再往下降,看到褶子有了体积、裙子又不发黑就停(这张停在 50%~70% 之间)。
  6. 画出了褶子外面:用同一支软画笔的橡皮(长按橡皮图标)擦掉,或者等学了 1.5 课用剪辑蒙版把这层限制在裙子里。

为什么用正片叠底而不是正常:正常模式画上去的是一层不透明的紫色,会盖掉布料的纹理和原本的细微明暗;正片叠底是乘上去的,纹理都还在。

这类照片容易翻车的地方

  • 阴影颜色选了黑或灰:裙子会发脏。一定用同色相、更饱和的颜色。
  • 每条褶子两边都画:光的方向乱了,像被揉皱的纸。只画背光的一侧。
  • 画得太均匀:真实的影子越往褶子深处越暗,下摆张开的地方变浅。

案例二:让法杖的宝石发光

修之前:宝石是平的修之后:外圈光晕 + 亮的中心
左:修之前:宝石是平的右:修之后:外圈光晕 + 亮的中心

照片情况:夜景外拍,coser 举着法杖,道具上的宝石是塑料的,不会发光。

诊断:要的是变亮,而且要分两层:外面一圈柔和、带颜色的光晕,中间一个最亮、接近白的核心。

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

  1. 新建图层「光晕」,模式滤色。选一个饱和的暖橙色(不要选白色,白色滤色上去只会发白)。软画笔尺寸调到宝石的 4~5 倍,不透明度 40% 左右,在宝石中心点几下。
  2. 新建图层「光心」,模式添加。选浅黄色,软画笔尺寸和宝石差不多,不透明度 60% 左右,在中心点一两下。
  3. 两层分别往下调不透明度,看到光晕不盖住法杖的细节、光心不冲成一片白就停(这张:光晕 60%~80%,光心 50%~80%)。
  4. 想要放射的光线,在「光心」层用细的软画笔从中心往外快速拉几笔。

为什么分两层、两种模式:滤色提亮得温和,适合大范围的光晕,不会冲白;添加提亮得猛,适合小面积的中心。分开两层,强弱可以各调各的。更多光效做法见 6.3 课。

这类效果容易翻车的地方

  • 整个光晕都用添加:大片冲成白色,背景细节全没了。
  • 选了白色画光晕:光没有颜色,看着像起雾。光晕要带颜色,中心才接近白。
  • 光的颜色和环境不搭:冷色夜景里放一团纯黄的光很突兀,可以偏一点橙或青。

案例三:把一句 PS 教程翻译成 Procreate 操作

情况:你在参考 B 站一个 PS 修图教程,它说:"新建图层,填充 50% 灰,模式改成叠加,用黑白画笔涂抹加深减淡。"在 Procreate 里怎么做?

诊断:三处要翻译——灰色怎么填、"叠加"叫什么、"黑白画笔"怎么设。

做法:

  1. 点「+」新建图层,重命名为「加深减淡」。
  2. 点右上角的颜色圆点,底部选「值」,在「十六进制」里输入 808080,这就是 50% 灰:十六进制 80 = 128,128 ÷ 255 ≈ 50%。
  3. 在新图层上打开图层选项,点「填充图层」,整层变成灰色。
  4. 点图层右边的 N,混合模式选「覆盖」(PS 里的「叠加」)。
  5. 画面应该恢复原样、看不出这层灰——因为 50% 灰是覆盖的中性色(上面的公式里上层 = 0.5 时,结果 = 下层)。
  6. 用软画笔,不透明度从 5% 左右开始(涂几笔还看不出变化,再提到 10% 左右),白色涂想提亮的地方,黑色涂想压暗的地方,看到亮暗刚好自然就停。
十六进制输入
颜色面板的「值」:十六进制输入 808080

怎么判断做对了:第 5 步填完灰、改完模式,画面一点没变。如果看到画面变灰了,说明模式没改成覆盖;如果看到变暗或变亮了,说明颜色不是正好 50% 灰,回第 2 步核对十六进制。

这类翻译容易翻车的地方

  • 找「叠加」找不到,选了「强光」或「亮光」:效果猛很多,皮肤容易出色斑。选「覆盖」,想更柔就选「柔光」。
  • PS 教程里的"画笔流量":Procreate 侧栏没有流量,用低不透明度多叠几笔代替(1.3 课)。
  • 灰度没填满:用的是画笔涂而不是「填充图层」,边上漏了一块,那里加深减淡就没效果。

学习资料

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

参考资料

找图

一张亮部和暗部都很明显的 cos 照片,比如侧光、逆光或者舞台灯下的照片,画面里最好同时有很亮的地方(皮肤高光、白衣服)和很暗的地方(头发、深色背景)。

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

作业

  1. 从图库导入照片,新建一个图层,用「填充图层」填一个中等亮度、比较鲜艳的颜色(比如橙色,十六进制 E07A5F)。
  2. 不透明度保持 100%,依次把这一层切到:正常、正片叠底、滤色、添加、覆盖、柔光、颜色、明度,每种截一张图。
  3. 按 1.1 课第 3 步新建一张 3000 × 3000 的 sRGB 画布,用「插入照片」把截图拼成 3 × 3 的九宫格:左上角放没加色块的原图,其余 8 格按上面的顺序放,每格角上写模式名。
  4. 每种模式写一两句笔记:这张照片的亮部、暗部各发生了什么,修图可以用它做什么。

验收标准

  • 九宫格 9 格齐全,每格都标了模式名,顺序和题目一致
  • 每种模式的笔记都写到亮部、暗部的变化,并写出至少一个修图用途
  • 笔记里写出:正片叠底里什么颜色等于没画;滤色里什么颜色等于没画;覆盖里什么颜色等于没画

要交的东西

  • 九宫格对照图
  • 8 种模式的笔记

自检清单

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