通道、选区和蒙版:写给Ps初学者的参考

太太太太太太太多人,在第一次听过这几个词(通道、选区和蒙版)的时候,是不是会萌生出一种不明觉厉的赶脚?

找本教材看起来貌似也懂,书上的案例也可以一步一步跟着做出来,但仔细一想,若被叫来来解释解释这几个词,,,

v2-c0d012d30a80dfd45fb23b7239204808_1440w

哦豁完蛋。

是的是这样的,以我自己(非专业非带佬非知乎平均学历)的经验和周围一些一起学Ps的同学来看,初次理解这些概念确实有那么亿丢丢的困难。

所以,在翻了n多资料、看了n多教学、Ps停止了n多响应后,我决定尝试自己来写写这几个东西,争取做到能在一篇文章内给初学者一个“透过现象深入本质,提示事物内在的因果关系”的解释。当然,得提前一说,虽然我确实是本着认真负责的态度来来写的,但毕竟非相关领域从业人员,如有纰漏,欢迎在评论区扌,,,算了还是别打脸我怕疼。


一些个基本概念

在尝试理解这些概念之前,我觉得我们应该先暂时放下自己满身的艺术细胞,不带感情(审美)的去学习这一块。不妨先思考几个问题,我们为什么需要通道呀蒙版呀这些东西?为什么Adobe要在软件中“定义”这几个概念?它们有哪些优点?可以拿来做些什么?

相信有人是有这样的疑问的。让我们从计算机的一侧来思考这些问题。

先来看数字图像在计算机中的储存方式。莫要担心,我们这里不需要了解过多细节,我们需要了解只有:计算机存储的是一张二维的“数表”。

放大了的样子都见过。

v2-d4c8038392f91ac5f188d4f5b2d14daa_1440w

简单来看,就是一张涂满颜色的方格纸。

那么怎么来表示颜色呢?大家也都一定听过(其中的一种):RGB!这和上幼儿园涂颜料的原理是一样的,用红、绿、蓝这三个基础色按不同比例混成的。唯一不同的是,这里我们混合的是光(加色法,若没听过就理解为加在一起为白光),幼儿园里混合的是颜料(减色法,涂在一起为黑颜料)。Ps中,取色板或信息面板都可以显示一个颜色有多少的红、多少的绿、多少的蓝组成的。

这是取色板的截图,红框内就是当前颜色的R、G、B各个量的取值,计算机在实际的储存中,就是存的这三个数字。

以#开头的是颜色的索引值,和RGB保持一致,只不过是两两一组,用十六进制数而已。例如这里34、118、240各自对应的十六进制的值为22、76、f0,合在一起就是2276f0。这种表示方法适合在编程时使用,对于学习Ps来说,了解即可。

v2-c73e08ba2792c3b9c4b5a8737706e8ce_1440w

所以,万物皆可RGB也是有辣么一定道理的。。。

除了用RGB来表示外,也还有很多其他(也很常用、重要)的方法,就比如上图的其他字母,但这里为了方便来理解我们要讲的几个概念,这里就不再解释其余的了,原理基本一样,可以在后续的学习中再去了解。

注意哦,是每一个像素点都有它们属于自己的那三个数字,也就是说,一幅图像里有多少个像素点,就有多少个这样的“三个数字”。图像在计算机中的表示就是这样的,一般情况下,这个数字的范围是整数的0到255(对应于8位二进制数0000 0000到1111 1111的范围)。

v2-fd768409cd260113c1bc0f112bb230ec_1440w

这个菜单中显示了图像的色彩模式和位深

所以一幅图像看起来应该是这样的:

v2-264aa4fec69c24d648640af28bdfca12_1440w

每个方块里面的三个数字就分别是RGB的值,底色就是当前三个数字所代表的的实际颜色啦。

上面的概念其实是非常好理解的。有了这些概念后,我们就可以来看第一个知识点了:通道

通道

这是其他要讲的基础,万物之源。知道了图像在计算机中的表示方法,了解通道也就十分简单。我们把三组数字中的一组提取出来所形成的那个“数表”,就称为它的一个通道。这样来看,这一幅图片就有3个通道,分别是R、G、B。每一个通道里的每一个数字,其实就代表的是对应位置上一个颜色分量的值。

这里一定一定要记得哦,计算机存储的是数字,只需要这些数字,计算机就可以确定要显示的颜色了。

严格的来说,这里也不完全正确。因为计算机显示颜色的时候,不仅仅需要颜色的值,还需要定义类似于“红是多么的红,绿是多么的绿,蓝是多么的蓝”这样的东西的。色彩模型、色彩空间(色域)等等一些东西就是来做这些的。不过,在这里以及大部分的使用场景下,我们只需要考虑通道里面所存放的那个数字即可。

在Ps的通道面板中,可以清楚的看到三个通道。

v2-237a3db8927d7f3f5cb3bf85dab3ef17_1440w

Ps中的通道面板

点击小眼睛,可以单独查看一个或几个通道。例如,这里可以看看R通道:

v2-12d7ba0bf1d08befc070f530d27120d3_1440w

R通道

问题来了,明明上面才说通道是一组数字,但这里为什么是一张灰度照片?

确实,所谓通道,其实本质上是一张数表(请牢记这个概念!)。让我们思考一下,计算机要怎样把这一张数表呈现给用户?总不能以文本的形式显示到显示屏上叭,那可太秀了。实际上,Ps是将其转换为灰度图来显示的,255为白色,0为黑色,中间的值,就是各种各样灰色(所有的灰色如果用RGB表示出来,都有R = G = B)。这样一来,一张数表/通道就与一个灰度图严格的对应起来了,我们在查看或创作的时候,就可以通过颜色清楚的了解当前的通道哪里的值大、哪里的值小。

拿具体颜色举个例子叭。

吸管那一处的R通道的值为31。

v2-3f699d5aa61615aab1c6df8afb853942_1440w

当我们在通道面板里面只取R通道的时候,对应的灰色的RGB值为31、31和31(非Ps中实际操作效果)。

v2-5d99eb4f2438084cece1f4535e8611c6_1440w

说这么一堆,需要强调的是,这种黑白的照片,只是用来表示这张数表的方式,而不代表通道本身是一个黑白照片。那可以用其他的表示方法吗?完全可以,清晰、适用就OK。在蒙版那里,我们会看到其他的表示方法,这一点随后提及。

到了这里,我觉得就大概能“透过现象深入本质”来看通道了。记住通道就是一张数表,和普通的数字没有两样,只是我们在使用这张数表时,赋予这一张数表不同的含义而已。在RGB模式中,三张表被分别用来表示红、绿、蓝的“多少”,CMYK模式中,同样的道理,有四张表被分别用来表示青、洋红、黄、黑这四种颜色的“多少”,对应的,通道面板里面有四个:

v2-0f8e495fe67a5decb92db052a2ffb660_1440w

了解通道是什么后,我们来看看Alpha通道。

先来思考,仅RGB这三个属性、三张表,能够表示一张图片、一个图层的全部信息吗?

v2-04854be82b4313f7468ee5230f181f81_1440w

仔细一想,发现了问题的关键:我们还有不透明度。

对于初学者来说,对图层不透明度的理解可能在这儿:

v2-5c3acb3845a879298e90a5ae6da15d74_1440w

图层面板中调整整体透明度的滑杆

但这里调整的是整体的不透明度呀,而在实际情况中,尤其是图层,大多都是局部透明/半透明的(这一点很好理解,用橡皮擦工具随便擦一下就是这样的效果)。

那么问题来了,我要怎么才能反映一个像素点的不透明度呢?

前面我们用R、G、B三个分量来表示了一个像素点的颜色性质,但到了这里,显然,仅靠这三个分量(数字)是无法来表示一个像素点的透明与否、有多透明这样的性质的。那咋办?容易想到,我们可以再加一个数字。

v2-e125cee17e901a3960fce5c3af76c355_1440w

这样一来,每个像素点就用四个数字来表示了:前三个分别表示红、绿、蓝的“多少”,最后一个表示“不透明度”,255相当于100%的不透明度,0相当于0%的不透明度,中间的值,简单换算即可。

Alpha通道即是这样的一个通道。但注意,并不是说Alpha通道就是不透明度,而应当理解为:Alpha通道被解释为不透明度信息。之所以这样说的原因是,Alpha通道本质上就只是和R、G、B通道一样的一个数表而已,只是我们在在使用这样的数表时,我们不用它来表示颜色,而用它来表示其他的一些量,例如,这里的不透明度,以及本文剩余的选区、蒙版等等。

另外,再区分一下一般图像中的Alpha通道和psd文档里的Alpha通道。在部分最终图像格式中,它们在除自身的色彩通道外,会有一个或两个Alpha通道来表示其他信息。例如png中有一个Alpha通道来表示不透明度,heic甚至还可以有一个Alpha通道来表示深度(用MacOS版的Ps打开多摄像头iPhone拍的heic照片,可以看见这一个通道)。在这些格式中,一个Alpha通道被固定的用来表示特定的信息。但是,在psd文档中,通道面板里看见的那些Alpha通道则什么都不表示,它们仅是一个存储信息的载体,而它将被用来表示什么信息,则由我们自由决定。

现在来看,一个(色彩模式是RGB的)图像就可以用这样的四个通道来描述了。简要分类一下:

v2-e457ef03b373ee19fa32c61b11c93925_1440w

有些小伙伴可能会想,既然它们都是一样的数表,那我可不可以把R通道的那个数表当成G通道的呢?可以,完全可以。实际上,只要通道的大小一致,是完全可以互换的。这个操作在讲完选区后便自然会知道。

稍微总结一下。在RGB模式下,图像的每一个像素都由红绿蓝三色“混合”而成,而每个颜色的多少,都用一个数字表示;对于某颜色的所有数字组合成的那个数表,就是某通道。另外,图像中、或正在处理的图像中,还有一些通道用来表示除颜色信息以外的其他信息,这一类通道,称为Alpha通道

到现在,对“通道是什么”这个问题应该解释的十分清楚了。在理解通道的概念后,我们就来“提示事物内在的因果关系”,来看本文中要涉及的其他概念,是如何通过通道这个概念衍生出来,并最终应用到我们实际的Ps处理中的。

从最简单的选区开始叭。

选区

选区应该是每个初学者最早接触的几个概念之一,并且知道可以从选区创建图层、或者保护画笔不画在选区之外的选区的基本用法。实际上,选区的应用,无论是在入门还是在高端的商业修图应用中,都是十分重要的一环。

这里,我们暂时不讨论如何创建一个复杂的选区,如果大家想知道创建一个选区的实用小技巧的话,我或许会咕咕咕咕咕咕咕出一篇。

我们这里来看,选区和通道之间的关系。

前面解释过通道是啥。那么选区又是啥捏?初学者可能会单纯的认为选区就是蚂蚁线圈出来的那一块,也不能说错,但这里尤其提醒,蚂蚁线只是粗略的表示了一个选区的轮廓。一定要记得选区是“面积上”的东西,而不是“轮廓上”或者“线条上”的东西。这样,针对一个特定的像素点而言,是不是就有“在选区里”、“不在选区里”和“半在选区里”这三种状态?再来,用0表示这个像素点“不在选区里”,255表示“在选区里”,0到255之间的一个数表示“半在选区里”,可不可以?

v2-821e7888fcd0828bed7f8b79923a052e_1440w

噫,我们又得到了一个数表!那回头看,既然Alpha通道也是一个数表,那我用Alpha通道来表示一个选区?可以,完全可以!

或许有人看教材看过,在创建出一个选区后,如果这个选区之后还有用,那么可以右键选择存储选区。这里的存储选区,就是把一个选区存储在一个Alpha通道里;在之后,有需用到这个选区,就把Alpha通道变成选区即可。

来简要看看过程(嘤文截图见谅,懒得换了)。

右键选择存储选区后,会弹出一个对话框。

v2-a723df31cf9fec341dc0ef531ffc075e_1440w

v2-aa8992baa5a440765a7e8d959d10677f_1440w

这里,仔细看目标这一栏,文档表示把这个选区存储在哪个psd中,然后,紧接着就是通道。这里通道,即是选择存储在哪一个通道里面。一般情况下,是新建一个通道,或者存储在图层的蒙版中(蒙版后续再做解释)。单击确定后,我们来看我们的通道面板。

v2-2cbca0215e8a92f80adcdc46ea01aee5_1440w

在原有的R、G、B三个通道之外,多出来了一个与刚才我们选区很像的一个通道。单独选中这个通道,是这样的一个样子:

v2-73cd169847d2c122baf548773fd9200b_1440w

有白色的部分、有黑色的部分、也有灰色的部分。在通道那一部分,我们已经解释了这样的灰度图是如何用来表示通道里面的那个数字的。这里,通道里面的数字,就是原来选区中用来表示一个像素点是否被选中的那个数字。需要再次使用这个选区的时候,只需要选中这个通道,然后点击通道面板下的“将通道加载为选区”按钮即可。

v2-99db6609e9d464c4ae9919663e44dd4c_1440w

通道、选区之间为什么能转换?因为它们都是一样的数表,被用来做不同的用处而已。在Ps中,选区可能在单击一下后就消失了,更不用说做点其他步骤回头再用;而通道,则可以存在psd文档中,随叫随用。

稍微进阶一点,我们也可以很容易的想到,把一个色彩通道变为选区也是完全可以的,而且方法同样。即便这个通道不叫做Alpha通道,但它和Alpha通道一样,都是一张数表,合情合理,就行。

同样,选区和通道之间也可以相加相减(交并补差),在已有一个选区的时候,选择“选区->加载选区”,就可在弹出的对话框里看见相应的选项,十分容易理解。

v2-df423eb7c15ad87f03a18076d72266a9_1440w

需要说明的是,这里也并不是在说明选区即是Alpha通道。这里是在说,因为选区和Alpha通道的本质一样,使得我们可以任意的转换它们两者。另外,转换它们两者的意义不仅仅是存储选区,它还有更大的作用。这一点,我们在接下来的阅读中会慢慢体会到。

这就是我们要“提示”的第一个“事物内在的因果关系”,也是我在这篇文章里写到的第一个通道的应用。在以后处理一些重达GB的psb的时候,若需要创建复杂的选区,则可以考虑使用很多个Alpha通道来存储选区的各个部分,方便创建,也方便使用。

下面,就来看一个更加令初学者头疼的东西:蒙版。

(我甚至觉得大部分人就是因为想学蒙版才点开看这篇文章的。。。)

蒙版

听过无数次别人说很重要、但就是不知道拿来干啥的东西。很多很多的教程,也只是告诉有哪几种蒙版、然后怎么怎么用而已。但在这里,我肯定不会仅仅写一个“蒙版使用小妙招”之类的东西,若想知道这些,网上随意一搜即可;而这篇文章,是想告诉初学者们,蒙版究竟表示了什么样的含义,以及各类蒙版之间的联系。

这一段,我们会先看图层蒙版,然后再自然衍生到剪切蒙版和调整层,最后,看一看“稍微特殊的”矢量蒙版和“有点奇怪的”快速蒙版。

图层蒙版

在通道一段里,我们看见了Alpha通道在最终存储图像中的一个应用实例就是用来表示图像中像素的不透明度:通过给每个像素一个多余的数字来存储它们各自独立的不透明度信息。但我们前面没有提到,psd中怎么用它来表示不透明度呢?以及,我们怎么才能操作这些信息呢?Ps是图像处理软件,如果不能操作这些信息,那存储它们也就没有必要了。很多人第一时间就会想到:橡皮擦!确实,橡皮擦是一个很基础的工具,简单直观易懂好用。但我相信很多手残星人已经发现了,这要是一笔下去出了一点偏差,那么唯一的修正方法就是Ctrl + Z了。实际上,用橡皮擦来改变图层的局部不透明度,对于那些已经擦掉的部分,像素信息会被直接丢弃的,相当于psd中再也不会存储这些信息,当然也再无法复原。而丢弃原始信息,在设计、摄影等行业都是大忌。

那么解决办法呢?前面我们已经了解这层不透明度信息不过也是一张数表,那我们把这个数表单独抽取出来,不就行了?

v2-b01644d06bafb2b628a72a1eb3834f89_1440w

这个单独抽出来的数表就是蒙版,这里面有很多的小细节不提,但这里我们稍微说一下Ps中蒙版的具体实现。

在Ps中,规定蒙版的大小是一直与图像大小保持一致,而不是跟随图层大小。前面所说,将一个图层的不透明度信息单独“抽出来”就形成蒙版,但放在Ps具体的实现中这种说法并不准确。在对一个图层增加一个蒙版时,Ps会保留原图层不变,相反,Ps通过建立一个“全不透明的”不透明度信息(蒙版)来表示,这样,用户实际是在操作的这一个额外的不不透明度信息,而每个像素的最终不透明度则由“自身原有的不透明度”和“新建的蒙版”来共同决定。在这种实现下,原图层的色彩信息和不透明的信息都得到良好的保护,避免了在后续操作中破坏原不透明度信息。

了解了蒙版是什么之后,我们就来看操作这些蒙版的方法。同样是在通道那一段里,我们提过Ps以一张灰度图像来表示这个数表。那么,既然都是一张图像了,我Ps里辣么多针对图像的工具呀、命令呀什么的,是不是都可以直接拿来用了?是!而且,这也是使用蒙版、Alpha通道的一大优点。有了这些,我们现在就可以在操作蒙版时把蒙版视为一张普普通通的灰度图了,只不过它的颜色并不会显示在图像上,它的颜色用来代表了它所属的图层的不透明度。

实际上手体验一下。这里就简单使用画笔工具来操作蒙版,但也应该清楚,类似于调整工具、滤镜库等可用于位图图层的操作,都可以用在蒙版上。

先创建一个图层,这次用蝙蝠举个栗子(丑了一点,但问题不大)。这个图层是这个样子的:

v2-3b2f30b1387a0703accb34df94ff8207_1440w

然后,我们点击图层面板下面的创建蒙版按钮,图层就有了一个图层蒙版了。这里,默认新创建的蒙版是全白(255),也就是完全不透明,不改变图层原有的不透明度。因此在这一步我们还看不见图像的变化。但图层面板中,原图层的右边会多出一个白色的小方块,这个小方块,就是我们蒙版图像的缩略图。

v2-81298d45a6dbdb5e0def5a849ea1d799_1440w

添加蒙版前

 

v2-3f2ad0b9ee961309407a118d6ff3b087_1440w

添加蒙版后

选中这个蒙版(注意选择的是蒙版还是图层本身!),继续观察通道面板里面的变换。

v2-9de484f0b545a3c34754cfe3c2e364df_1440w

也多了一个白色的小方块。看名字就可看出,这个就是那个蒙版(的Alpha通道表示)。

另外,在工具栏的调色板处还有一个小细节需要我们注意。那就是,在选择蒙版的时候,我们的调色板的颜色变为了灰色。哪怕我们再重新拾取一个颜色也是如此。这和我们文章最前面提到的使用灰度图像表示一个通道吻合。

v2-16604350d01b1e2be852c2276b3b8355_1440w

 

v2-2771ec23b950899da4d4fd152aa4ce2b_1440w

大家一起来找茬

用画笔画一下:

xccdk-674b5

前半段,画笔的行为和橡皮擦类似;后半段,像是变成了一个反向的橡皮擦,把原来擦掉的东西又补回来了。这里,只要能清楚我们实际上是在蒙版这一个灰度图上作画就很好理解了。

如果想看到蒙版这个画布的具体样子,和看Alpha通道一样,在通道面板里点击相应的小眼睛即可。

关于图层蒙版的操作就暂且打住,更深层次的内容我们再等一等,因为我们还有几个蒙版放在那里,等学完这一部分再回头。

图层蒙版就到此为止,而技巧性的内容在本文则不会提及。接下来,我们继续“提示事物内在的因果关系”,看看剩余的内容是如何与通道相关联的。

现在来看剪切蒙版。

剪切蒙版

在知道图层蒙版后,来解释剪切蒙版的概念也就十分易懂了。简要来说,剪切蒙版就是用下面那层图层的最终不不透明度信息(它自有的和图层蒙版的)来作为上一层图层的图层蒙版。

一个简单的实例:

v2-e340d649471d749974d3f2f83ad13ce7_1440w

这是一个典型的案例,也是几乎每一本Ps教材中都会教的效果。通过将图像图层放在文字图层上面,然后“右键图层->创建剪切蒙版”(或使用快捷键“Alt + 两图层中间单击”)就能实现这个效果。

v2-dcdbd118cd3afbf733f989e12a84f3ed_1440w

仔细看上面加粗的话,这句话就讲完了所有的内容。在这个例子中,“BOOOOOOX”这个图层的不透明的信息(注意注意不是颜色信息!)作为了那一堆草图层的蒙版。这和图层蒙版中我们为它创建的一个新的全白蒙版含义一样。

这就是剪切蒙版的全部内容。相较于其他,用字最少,但也确实只需要这么一点就可以描述清楚了。如果还想在仔细看看这个蒙版是怎么起作用的,可以试着自己动手移动、擦除上下两个图层,或在两个图层上用画笔画画,看看这些操作作用域不同的图层带来的效果各是什么。

接下来,让我们通过图层蒙版和剪切蒙版的概念,衍生出一个不是蒙版、但也十分重要的概念。

调整层

大多数教材里都是把调整层放在图层一章里讲解的,因为它确实是个图层的一种。但这里我就把它放在蒙版一节里,不过不是因为它是蒙版,而是因为它与蒙版有着很大的关系。

这里以调整色相/饱和度为例,传统的方法是选择“图像->调整->色相/饱和度”。这种方法当然是可以实现基本效果的,但它也有它的局限性。它不能对图层的局部进行调整,比如实现给自己漂亮的小脸蛋上贴个高光之类的效果,就难以实现;它也没法保存原始数据,也就是说,亮度一旦调整,图层也就被更改了(里面三个通道的数字们),但有时候,我们又不得不去依靠不断的调整参数来实验最佳的效果(我相信在座的各位给自己的自拍加滤镜的时候一定有这种体会),这些操作往往又会导致数据的部分溢出或精度丢失,带来的是不可逆的更改,更何况,哪怕是可逆的更改,要能精准的调会原来的色调,怕也是少有人能保证。这个时候,我们就会希望图层原来的信息能够得到保存,而等到所有的操作都完毕后,再一并输出。调整层就是为解决这些问题而生的。

在讲调整层之前,我们先来想一下,在蒙版那一段里,我们是怎样来解决图层的局部透明的问题的。我们是靠给出一个多余的通道来指明哪些像素透明、哪些不透明。同理,我们也可以用同样的思路来解决上面的局部调整问题。

那怎么来保护原图层信息呢?Ps给出的解决方法是在图层之上“蒙上”一层效果。这有点像滤镜片的作用,我想让图层变红一点,我不是去用红颜料涂红它,而是在它上面放一个红色的透明玻璃片。这样来做的话,要是后期我不想要它偏红、或则我想让它偏绿一点,我就可以通过移除或则更换这个“玻璃片”来实现。因为这时候我原图层并没有做改变,因此也不会存在难以复原或则数据溢出的问题了。

将上面两个结合起来就是调整层的概念了,但这么解释有点抽象,我们用调整色相/饱和度的实例来看看。

假如我现在有个柠檬,但我想给大家白给一个茄子。

v2-ac24ab72c4d27102ec54edb55003281e_1440w

这种调色的思路很简单,把柠檬皮扣出来,然后,“图像->调整->色相/饱和度”,选择合适的值并勾选着色就可以了。但问题在这儿,当我变完了之后发现大家都不喜欢白给咋办呢?反向调回来?我们已经失去了原有的信息,想调回来费时费力有没效果。

因此,我们需要一种方法,它既能保留原有图层的信息,又能使得我们可以随时调整参数来实验我们想要的效果。

现在,我们创建一个色相/饱和度的调整层来试试。创建方法在这里:

v2-7355fb47e4240379598615f551d66a61_1440w

创建完就是这样的一个图层:

v2-eaf14f5c1cdb926c5b3e10e4857c6a63_1440w

缩略图部分是个图标,而且出场自带蒙版,相比于其他图层就有一种生来高贵的荣誉感。另外,在属性面板里,内容变成了这样:

v2-9765eed63610d7ec8a724b5515f908f8_1440w

和传统方法“图像->调整->色相/饱和度”打开的对话框完全一样。

v2-440ebc9ce4b31239577d3c901aa4ac65_1440w

现在我们选择一个合适的值,来调整一下。

结果如下:

v2-85024369f387df1e100ae860a5ec3c43_1440w

紫是紫了,但貌似有点问题,它全紫了!但也好理解,我们确实还没告诉Ps要把哪一块变紫。因此,有些小伙伴首先就想到了分离出图层。再来试试:

v2-804f3848bbe42957b10620b1db82a3b0_1440w

好像并没有起作用。

实际上,调整层相当于一个铺满全画布的图层,所有在它之下的像素,无论在那个图层,都会受到它的影响。因此,我们必须通过蒙版来“屏蔽”它对部分像素的影响。

这时,又有小伙伴急急忙忙的注意到了它自带的蒙版,前面讲了辣么多图层蒙版,现在终于可以用了。

因此,一个这样的蒙版很快就建立起来了:

v2-27a15216c57d006ae6f412636d24c416_1440w

蒙版的黑色部分“屏蔽”了调整层对下层像素的影响,露出的白色部分也恰好是我们希望变紫的部分。看效果,确实达到了预期。

但这并不是完美的解决方法。当我们移动下层的柠檬时,问题就暴露出来了:

v2-09391ac4091b66194e7c6a31abc0d2b8_1440w

柠檬溜了,蒙版没动。

也是,你也没有告诉Ps这个蒙版要跟着柠檬走呀。它们现在还是两个完全独立的图层。

这里,可以通过同时选择两个图层一起移动,但这样稍显麻烦。如果我们的需求是对一整个图层应用调整层,较好的解决方法是使用剪切蒙版。

先扣出柠檬皮,然后,将这个调整层作为剪切蒙版应用到这层柠檬皮即可。

v2-3fc5e53b67af7165ca96c95318a9df41_1440w

为什么这样来解决?前文说过,剪切蒙版是将下层图层的不不透明度信息作为上层图层的蒙版,这样,我们在移动下层图层的时候,下层图层的不不透明度跟着走,其结果就是上层图层的蒙版也一起跟着走,实现了我们需要效果。

这个栗子可能举的不太恰当,因为我们要移动这个柠檬,实际还是需要同时移动两个图层。但在大多数应用场景下,我们需要的是给一个已经存在的图层进行调整而不影响其他图层,这时候使用剪切蒙版更为便捷。

这些,就是调整层存在的意义。

到现在为止,我们已经看到了蒙版中的两个——图层蒙版和剪切蒙版——的原理和典型应用,并且引出调整层这个概念来说明蒙版这种设计带给我们操作上的优点。现在,我们就紧接着继续看蒙版中剩下的两块内容。

矢量蒙版

矢量蒙版就是用矢量图形来表示一个蒙版。它继承自图形,这和图层蒙版继承自图像一样,图形的优势自然而然地也保留了下来。Ps中强大的钢笔工具,现在也可以应用到蒙版中了。当然,图形所拥有的局限性,也会体现到矢量蒙版中。

回想前面“BOOOOOOX”的图,我们用一款字体来作外形、一张我也不知道拍的是个啥的图来作填充内容。现在我们来想两个问题:第一个,如果我们期望的形状不在字体库中呢?第二个,我既想要一个形状来作为外形、又想要通过图层蒙版来控制它局部的不透明度,该怎么办?

这一点,我相信大家很快就能想到通过带图层蒙版的形状加剪切蒙版的方法来实现。剪切蒙版实现了形状控制外形,而形状上的蒙版则使得我们可以控制局部的透明。图层结构看起来大致是这样的:

v2-f42e1f4e231a261e726f59c303dd8b2e_1440w

下层的Shape 1图层框出了大饼的一部分(因为我认为这个饼画大了,需要裁剪一下),然后,它的图层蒙版描出了饼被啃掉的部分(意思意思就可以了,细节不在乎)。实现的效果如下:

v2-1d5f5752752c37393cda6651b29de324_1440w

好像并没有问题,并且这样实现起来也并不见得复杂。

那我们换个背景看看?

v2-29d7b8e3b2cfb4a7880d05f9d6af32f4_1440w

问题瞬间就出来了。下层的形状的那个白边,显然不是我们想要的。而且,无论是用路径修正、还是选区加蒙版的方法,都很难做到完美的去除白边(这还没考虑上层图层本身可能具有复杂的不透明度和蒙版的情况)。

我们来仔细分析一下。在这个例子中,我们希望利用钢笔工具的灵活性来调整饼的外框,因此我们用了一个形状图层来实现;但实际上,这个形状图层并不是我们想要的,它自身的颜色会影响最终成品。我们实际需要的只是一个外框,而不希望添加额外的像素上去。

这里,矢量蒙版的作用就体现出来了。还是这个例子,让我们用矢量蒙版来重新做一下。

Ps中规定,一个图层只能拥有一个图层蒙版和一个矢量蒙版。按住Ctrl + 创建蒙版按钮可以创建一个“空的”矢量蒙版,但因为我们这里已有一个形状(路径),因此我们通过“图层->矢量蒙版->当前路径”来创建;然后,创建图层蒙版(需先将形状存储为选区)。

v2-c2484b30215ce7cfcbbb66cbb68eb338_1440w

做完后图层面板里的结构就会像这样:

v2-580066f080469667c2da0acd9c9c48c0_1440w

两个缩略图,分别是图层蒙版和矢量蒙版。这里矢量蒙版的形状和上面那个形状图层一致。但矢量蒙版并不会添加额外的像素,它相当于一个小院子,只有在院子里的像素才会显示。这个的最终结果是:

v2-35f75a39af7fb095df3902b27d349e4b_1440w

原来那个看着就烦的白边没了。

并且,我们也并没有失去用钢笔工具操作路径的能力,和用所有能操作位图的工具操作图层蒙版一样,这里也可以用所有能操作路径的工具来操作矢量蒙版。比如我可以对边缘的一些细节修正一下:

v2-860268b7e0884a71f0d2909f27f5e820_1440w

贝塞尔曲线依旧可用。

这篇文章里,我们对矢量蒙版的解释就到这里。随便一提,在Ps中大多数的应用中,矢量最大的优势不在于它的放缩不包浆性,而是在于它的灵活性。我们有强大的工具可以随心所欲为所欲为的改变矢量的形状,这使得一些用位图难以表达的效果,可以较好的用矢量表示出来。Ps中引入简单矢量操作的原因也主要来自于此。要知道,psd中所有的矢量元素都会在输出成品时被栅格化,矢量只存在于图像处理的过程中,当一个安安静静的工具人而已。

来看我们剩下的最后一个内容吧。

快速蒙版

在各种Ps的教程中,快速蒙版一直处在是蒙版与不是蒙版的量子叠加态中。它确实使用蒙版的方法,但它为选区服务。具体怎样让我们来看看。

前面一直在反复提到,蒙版、通道的存在,使得我们诸多用于位图操作的工具可以用来操作不不透明度和选区。操作不不透明度时,直接将这些工具应用于蒙版即可;但操作选区时,则需要我们做一点中间变换。选区需要先转化为一个Alpha通道才能用画笔、滤镜等工具来操作,操作完成后,还需得转换回来才可使用(Alpha通道在Ps中什么都不表示,它只是一个存储信息载体)。有时候我们要同时使用传统的选区工具和位图工具来一起创建一个选区时,往往需要反复在选区于Alpha通道之间切换。大家应该能感受到,这个操作并不简易,将选区转换为Alpha通道的功能实际上是被设计用来存储一个已经创建好的选区的,而不是用来方便转换。

而要实现这样的“快速的”转换,我们就需用快速蒙版。正如其名,快速蒙版就是为了方便我们在操作选区时快速的调用位图工具来操作选区。点击快速蒙版按钮进入快速蒙版模式,Ps则自动创建一个和当前选区一样的临时Alpha通道供使用;在这个模式下,画笔等工具将不再是“在选区内作画”,而是“画选区”;当我们完成后,退出快速蒙版模式,这个临时的Alpha通道又会重新变回选区。

v2-fd4d59300b2e6b8ddca327eda53a35d9_1440w

通过一个两开花的例子演示一下。首先有个方形的选区,再通过快速选择工具把花给选择出来,最后,略微收缩一下。然后,我们单击工具栏里的快速蒙版按钮进入快速蒙版模式。

界面变成这样:

v2-e5826d85595cad361a9b0a2985369e84_1440w

这里显示的,就是新建的临时Alpha通道。原来没有被选区的用红色表示,而被选区选中的部分,则不改变。同样在通道面板里面,快速蒙版的缩略图也会出现。

有人或许有疑问,为什么这里不再是灰度图了。其实在最开始讲解通道的地方,如果你自己动手试过,你会发现,同时有色彩通道和Alpha通道点亮的时候,就是这样的显示模式。为了使得色彩通道和Alpha通道能显示在一起,用灰度图来表示则不太合适了。因此,在这种情况下,Ps用半透明红色来表示数字大小,越红代表越数字越小。通道的本质并没有改变。如果想看到灰度图表示的Alpha通道,隐藏色彩通道即可。

如果你不喜欢这个颜色,比方说,你想搞点黄色,你也可以通过双击快速蒙版按钮来更改显示模式。但这里我们和前面一样,理解这个Alpha通道代表的是什么才是重点,至于怎么显示,管他的呢。

到现在,我们就把选区变为了一个Alpha通道,也同时对选区解锁了所有的位图操作。试一下。这里根据我们想要的效果,选则“滤镜->滤镜库->Sprayed Strokes(喷喷的描边?沙雕必应翻译的)”,调整合适的参数后,这个临时的Alpha通道变成了这个样子:

v2-90941d6666c3f6cd3d03a299bad42feb_1440w

这也是我们新选区的模样。现在退出快速蒙版模式,选区的蚂蚁线是这样的:

v2-935ce1830153bfa464cc41a17573c8a3_1440w

在转换为选区后,我们再使用选区工具微调一下,将花朵的边缘弄平整。完成,通过选区创建一个新图层:

v2-ce548627617a7f17162de4ebc1313880_1440w

这样,我们两开花的例子就完成了。

但我们的目的并不在于开花,这花也丑,看起来不咋滴。需要我们看的,是这个选区的创建过程。我们用到了选框工具、快速选择工具和滤镜库,它们分别是选区自身的工具和对位图操作的工具。并且,更重要的,我们可以快速的在使用这两种工具的模式下无缝转换,而不需额外的建立一个(甚至是多个)Alpha通道。这就是快速蒙版之所以叫快速的原因,它没有给我们带来新的内容或操作方式,但却加快了我们操作选区的速度,这样一来,选区和Alpha通道之间的联系就更加紧密。

到现在为止,我们已经将完了Ps中的四个蒙版,并且还额外的“赠送”了调整层的一些内容。这篇文章计划涉及的内容也就到此为止,现在,让我们回过头从通道开始,看看Ps中这几个核心的概念,它们“内在的因果关系”,是怎样体现的。

总结

理解这些内容的关键就在理解它们本质上都是一张数表,这是所有位图图像在计算机中的存储方式。既然相同,那么它们一定可以互相转换,并且在操作上也是互通的。除矢量元素外,Ps中以通道为载体,将psd中所有的元素都给紧密的联系在了一起;同时,又根据一个通道是否用来表示一种基本色,将通道分为了色彩通道和非色彩通道;色彩通道的数量和基本色一样,非色彩通道只有Alpha通道这一类(但不限制为一个)。所有围绕位图操作的工具,无论是Ps中自带的,还是由大量第三方插件提供的,都可以无缝的应用到任何通道上去,这和我们操作通道和操作一个灰度图是完全一样的操作。当然,Ps具体给我们提供了哪些方法去操作,本文不讲,本文甚至刻意的省略了大量的细节,因为这应当是是我们在今后漫长的(没错,漫长的)学习和实践中去了解或开创的。

也许没有其他的教程会这样大费周章的来“透过现象深入本质,提示事物内在的因果关系”了,确实,抱着速成的想法来看这篇文章会大失所望,又臭又长还学不到几个可以发朋友圈炫耀的骚操作(我在改稿的时候甚至都删去了大约五六千字讲操作细节的内容)。但以我个人认为了解这些是十分有必要的,这是我们后续深入学习的基础;再不济,你现在也应该能知道Alpha通道的重要性了叭。

顺便一提,如果想继续学习Pr、Ae等软件的话,你会发现这个Alpha通道几乎出现在每一个地方。Alpha通道也不仅仅可以用来表示本文提到的不透明度和深度信息,在一些领域,位移、速度等信息也可以用它来表示;它甚至还能对加速处理效率做一点微小的贡献。


大概就这么多叭。这个前前后后写了好些天才完工,不敢说有多好,但也是认认真真的在写在改。很基础的内容,希望能给新入门的可爱萌新们做一个额外的参考。要是还有什么地方感到迷惑,可以在评论区或则私信我问就是了,不一定能即时看消息,但看见了都会尽量回答(虽然我也不一定会)。当然,如果有大佬发现还有需要改进或遗漏的地方,也还烦请赐教,我毕竟经验太少,这也只是个业余爱好,难保证不出点幺蛾子,能有高人指点必当感激。

就这样,溜了溜了。

v2-37f6d3ddf120d89f49b9f3cdb93fd23e_1440w

 

通道、选区和蒙版:写给Ps初学者的参考 - 知乎 (zhihu.com)

posted on 2025-12-04 14:28  喝咖啡就蒜瓣儿  阅读(0)  评论(0)    收藏  举报

导航