当前位置: 主页 > 平面设计 > PS教程 > 入门基础 > 新手入门 > Photoshop 蒙板技术

Photoshop 蒙板技术

  • 2021-12-13
  • 来源/作者: OneGreen.Org    / 小雷    
  • 11 次浏览

蒙板理论基础

一.蒙板基础:
无论是简单,还是非常复杂的蒙板,其实都是一种选择区域,但它跟常用的选择工具又有很大的区别,下面我们用大家熟悉的 Photoshop 来简单地对比一下蒙板与选区的不同:
首先我们在背景层上新建一层(因为背景层是没法创建蒙板的),然后用矩形与椭圆选择工具创建一个相交的选择区域,如图一:

按此在新窗口浏览图片


我们为它填充蓝色为主色调的纹理,作为选区,选择边缘的虚线依然存在。而且你会发现,只有当填充的"油漆桶"处于选区范围内时,填充才能实现。如图二:

按此在新窗口浏览图片


点击"添加蒙板"图标(如图三中用黄色圈出的图标)为选区添加蒙板。

按此在新窗口浏览图片


添加蒙板后的选区边缘消失了,如图四:

按此在新窗口浏览图片


不仅如此,当你在层上选定一个区域并为其添加蒙板,然后进行填充时你会发现,无论你的"油漆桶"是否放在原来的选区范围内还是范围外,填充一样可以进行。
因此,蒙板虽然是种选区,但它跟常规的选区颇为不同。常规的选区表现了一种操作趋向,即将对所选区域进行处理;而蒙板却相反,它是对所选区域进行保护,让其免于操作,而对非掩盖的地方应用操作。这样说又有点抽象了,我们可以把蒙板制作看成是在层上蒙了块有洞而且不透明的布,我们所有的操作只能通过那些洞对其下的层起作用,而对于没有洞的地方则无能为力了。

二.蒙板进阶:
上面通过与选区的对比,我们有了简单的蒙板概念。另外,我们也应该从上得知在层上直接编辑与在蒙板上进行编辑是不同的。

按此在新窗口浏览图片


如图五,蓝色的背景层,新层上用一定粗细的笔刷直接勾勒出绿色的线条;另外,层前出现"画笔"的缩略图,(如图五中黄色圈出的图标)表示现在正处于层编辑。最后请注意它在蒙板中的样子,由于是在层上直接作画因此笔刷全部在画布上得到应用。

按此在新窗口浏览图片


如图六,在上图的结果中我们进入其蒙板编辑模式(层前出现黄色圈出的表蒙板的图标),然后用同样的笔刷,同样的颜色作图得到的样子。由于是在蒙板模式中编辑,所有应用只有在前面结果的基础上的"镂空"地方显示出来。最后请注意它的表现形式,只是图五中白色方块内的一条黑线!至于它的边缘模糊我们是通过对选择区域进行羽化处理得到的。
在实际的创作中,蒙板往往是非常复杂的,并常常用到诸如渐变,羽化之类的特殊处理。这时如果仅仅用选择来进行解释似乎有点模糊不清。下面我们将图六的最终结果的背景层颜色填充为黄色,然后你将看到:背景层通过"镂空"的空洞显示了出来!如图七:

按此在新窗口浏览图片


因此,我们不妨这样给蒙板下种定义:它是一种特殊的选区,但它的目的并不是对选区进行操作,相反,而是要保护选区的不被操作。同时,不处于蒙板范围的地方则可以进行编辑与处理。

三.蒙板中的三种色彩:
蒙板的编辑,其实是当作一种灰阶图进行处理的,应用到的色相只有三种,黑,白,以及作为中间过渡的灰色。黑色区域为保护区域,不能进行操作;白色区域是"镂空"区域,可以应用所有灰阶图类的操作;灰色区域表现了从"镂空"区域到保护区域的渐变过程。如图八:

按此在新窗口浏览图片


四.蒙板示例:
1.褐色材质填充,蒙板一个是纯白色,一个是50%的灰度,如图九:

按此在新窗口浏览图片


2.绿色层上的灰色材质蒙板,如图十:

按此在新窗口浏览图片


3.红色材质上的黑白渐变蒙板,如图十一:

按此在新窗口浏览图片


五.蒙板应用:
前面我们说过,蒙板其时也是一种特殊的选择,那么在实际的创作中,我们能不能让所有蒙板的工作由选择替换呢?从纯技术上来说是可能的,但对于稍微复杂的蒙板,选区制作要达到类似的效果相当困难,如第四点中我们看到的几个蒙板实例。
蒙板的应用往往能为一幅图象带来意想不到的特殊效果,下面我们再看一个例子:
首先我们看一下原图,由于背景层没法进行蒙板应用,我们将原图拷贝到新层,而背景层用蓝色填充,如图十二:

按此在新窗口浏览图片


我们再用图十中用到的灰色材质蒙板作为图十二的蒙板,结果如图十三:

按此在新窗口浏览图片


请记住前面我们说到的:白色没有蒙板作用,黑色用于保护区域,灰色用于表示渐变。图十三中,浅色区域透出图片信息,而深色区域掩盖了图片信息并透露出背景层的蓝色(这就是图中蓝色线纹出现的原因),浅色与深色区域间的色彩表示了一种中间信息的过渡,所以图象整体看起来亮度要暗得多。
如果你对它的了解还是不甚清楚的话,我们可以把背景的蓝色改成白色,然后再看一下它会出现什么变化。如图十四:

按此在新窗口浏览图片


现在领略到蒙板的强大功能了吧?但上面的图还有个缺陷,那就是作为图象的主要元素――女孩的身体也显得支离破碎。我们可以采用将女孩的身体从图象中抠出来,然后新建层并拷贝进去的办法来解决。不过这样做的工作量很大,而且精确度不一定很高,因此我们采用蒙板虚化法来解决,如图十五:

按此在新窗口浏览图片


图十五内,蒙板中部也就是小孩身体所在区域进行了虚化。

Photoshop 蒙板技术基础

Photoshop 功能的强大,很大一部分都体现在蒙板技术的成熟与专业化上,而且,Photoshop 中几乎所有的高级应用,都体现出了蒙板技术的精髓。要完全掌握 Photoshop 的蒙板技术,需要日积月累地学习与体验,而不是一篇两篇文章就能完成从蚕蛹到蝴蝶的质变的。本文只是通过几个简单的例子,粗略地谈一下它的蒙板技术,以期起到抛砖引玉的作用。

1.创建层蒙板:
背景层是不允许创建层蒙板的,一般地,我们将背景图象拷贝到新层,并将背景层填充为白色,如图一:

按此在新窗口浏览图片


添加层蒙板的办法有两种,第一种是通过 Layer > Add Layer Mask > Hide All 或者 Layer > Add Layer Mask > Reveal All 来实现。Hide All 是指将全层作为蒙板,用黑色填充全层; Reveal All 是指用白色填充全层,或者不应用蒙盖作用。另一种办法是直接点击层面板下面的"添加蒙板"图标来实现。如果添加前没有选择任何区域,那么它的功能相当于 Reveal All ,将用白色填充整个蒙板;如果添加前已经激活选区,那么选区将在蒙板中呈白色,而非选区呈黑色。如图二,我们没有选择任何区域,直接进入蒙板,因此整个蒙板是白色的。

按此在新窗口浏览图片


要注意的是,虽然蒙板中的图象与原图相比没有任何变化,但它们的概念却是完全不同的。对于原图,所有操作都会直接反应到图象上,而对于蒙板中的图象,所有的操作只能对蒙板起作用。

2.蒙板的编辑:
前面我们也讲到,蒙板编辑其实是被当作灰阶图进行处理的,因此它的颜色选择就只限于灰阶图范围,当进入蒙板样式,前景色与背景色会自动变成黑色与白色,这时如果我们要选择其他颜色,则只能选择亮度与饱和度不同的灰色。同时请记住,不管哪种颜色,它并不会直接在图象上起作用,而只是用来作为蒙板程度的判断的。
下面我们用简单的蒙板编辑技术,将图二做成"流金岁月,鲜花有情"的怀旧图象。
在蒙板编辑模式中,先 Select All 全选,然后按住 Alt 键选出图象中的一部分进行减选,再用 50% 的灰度进行填充,最终效果如图三:

按此在新窗口浏览图片


由于减选后所得区域用的是 50% 的灰度,所以这部分透露出原图的信息,而不是单纯的灰色。
最后我们将背景层进行褐色填充,这样,最底层的褐色也作为一部分内容添加到了原图中,这样就完成了我们的怀旧制作。如图四:

按此在新窗口浏览图片


怎么样,效果还不错吧?不过你会告诉我通过选区的工作也能完成这样的操作。好,姑且不谈用选区操作会有多么的麻烦(先拷贝原图的一部分,再建新层进行粘贴,然后进行选区相减,对所得区域进行灰度填充,再改变原图的色彩。不仅麻烦,更大的问题在于它的体积比用蒙板制作的大得多!),下面这幅图如果用选区进行操作该如何做呢?

按此在新窗口浏览图片


上面我们给出了具体的蒙板样式,大家可以自己照着做一下,体会一下蒙板的强大功能。

3. Photoshop 的快速蒙板:
这里,我们将快速蒙板单列出来,除了想说明它与我们前面谈到的蒙板有些不同外,另外它还有其他非常独特与实用的功能。
在 Photoshop 工具栏下部有如图六这样一个图标,它用来实现常规模式与快速蒙板模式的快速切换。操作的快捷键是 "Q" 键。

按此在新窗口浏览图片


快速蒙板具备前面我们谈到的所有蒙板功能,但不同的是:快速蒙板只是一个临时蒙板,在快速蒙版中所做的一切都只应用到蒙版而不是图象上;而常规蒙板则不同,它会成会该层的一部分从而加大了图象信息;常规蒙板只有黑白灰三种色,而快速蒙板则可以任意定制蒙板颜色,不过实质都差不多.快速蒙板中定义的颜色覆盖的区域具有蒙版功能,而其他地区则处于活动状态,可以任意操作;而且对于快速蒙板,常规蒙板的功能也适合于它,即黑色表示进行覆盖,白色表示取消蒙板功能.如图七与图八,前者是原图,随意选择一个区域,然后进入快速蒙板模式,可以看见选择的区域没有变,可以进行操作;而未选择的区域成了红色(即快速蒙板色),表示处于遮蒙状态,无法进行编辑。

按此在新窗口浏览图片

 

按此在新窗口浏览图片


快速蒙板在 Photoshop 中更为普遍的应用是作为精确选取工具来使用的. Photoshop 的选取工具很多,如矩形,圆形,多边形选取工具(适于大范围的选取,但不能精雕细琢),魔术棒工具(适用于色彩对比较强的选取,但较毛燥),路径勾勒工具(适用于复杂边缘的选取,但圆角转换不大细致),快速蒙版(精确选取,但工作量较大),以及 6.0 中的最新的 Extractor 工具(最新的选取工具,是前面几种工具的总和,也能非常精确地进行选取,但同样存在工作量较大的问题),都是各有优点,各有缺陷。
快速蒙板的工作原理在于:为图象创建一个临时蒙板,然后通过添加黑色蒙盖或白色增加或减少选区范围来完成图象的精确选取.如图九:

按此在新窗口浏览图片

Photoshop 蒙板技术进阶

前面我们已经讲到了 Photoshop 蒙板技术的一些基础应用,现在我们就从另外一个角度,对其蒙板技术进行深层探索。

一.通道技术与选区操作:
要对 Photoshop 的蒙板进行深层探索,我们就不得不讲一下"通道"(Channel)概念;同时,前面我们也谈到,蒙板是种特殊的选区,因此,在这里进一步加强对选区的认识是非常有必要的。
1.通道的含义:
通道是用于保存和调整图象色彩信息的,附加上蒙板后,就可以在各种复杂情况下控制整个图象或者部分图象的颜色以及透明度。它的功能贯穿于 Photoshop 的各种操作,是不能由别的命令代替的。
通道主要功能是用于保存图象的颜色数据的,如图一是个RGB模式的图象,它的每一个象素的颜色数据是由红色(Red),绿色(Green),蓝色(Blue)这三个通道来记录的,而这三个色彩通道组合定义合成一个RGB主通道,任意改变三个通道中任一通道的颜色数据,都会马上反映到RGB主通道中。

按此在新窗口浏览图片 


图一中,左边是原图象,右边是它的主通道与RGB分色通道。需要说明的是,在图象中分色通道是用灰度图进行表示的,但我们也可以用原色进行显示。操作命令为:File>Preferences>Display and Cursors>Color Channels in Color 。如图二:

按此在新窗口浏览图片


图二中,左边是默认状态下的通道面板,右边是改成原色后的通道面板。
通道的常规应用包括精确选取与图象色彩校正,但由于它们不在本文范围之内故不进行探讨,现在我们主要讲它们的蒙板运用。
首先我们选取图中小孩的身体,然后保存选区(Save Selection),再进入通道面板,你将发现在原来的几个通道下出现了一个新的通道――Alpha 1,如图三:

按此在新窗口浏览图片


双击新增的 Alpha 通道就进入了我们的蒙板编辑状态。
2.选区的储存与读取:
打开一幅RGB图象,用矩形选取工具任意选取一个范围,然后进行选区储存(Select>Save Selection)并给它起名(这里,我们为它起名为square),这时你打开通道面板将发现多出了一个square通道,如图四:

按此在新窗口浏览图片


上面的操作已经完成选区的储存,现在取消选择(Select>Deselect),然后双击Square通道就能进入它的蒙板编辑。进入后你会发现图片被黑白色代替,而原有的图象不见了,这说明我们正处于蒙板编辑状态,白色表示选取区域,黑色表示未选取区域且已被蒙盖。如图五:

按此在新窗口浏览图片


我们这里说的只是图象在蒙板中的样式,而它的原有图象信息并没有改变,不信的话可以双击RGB混合通道回去看一下。
如果要读取选区或 Square 通道,只需回到混合通道然后用 Select>Load Selection 命令,并在对象中选取 Square 通道就行了。

二.蒙板的输入:
1.尺寸大小一致的文件的蒙板调用:
一旦我们创建了蒙板就可以在其他文件中进行直接调用!但前提是用到的文件的大小尺寸必须一致。如图六,我们建立几个圆形选择区域并将其储存为蒙板。

按此在新窗口浏览图片


打开一个新文件,尺寸跟刚才用到的文件的大小一致,背景填充绿色,然后Load Selection输入刚才储存下来的蒙板,最后为蒙板添加阴影与填充黑色。如图七:

按此在新窗口浏览图片


2.尺寸不一致的文件的蒙板调用:
还是图六,打开它的通道面板,然后打开另外一个尺寸不一致的文件,保持两个文件可见,然后直接将第一个文件的 square 通道拖到新文件中就行了。如图八:

按此在新窗口浏览图片


通过Load Selection命令就可在新文件中调用输入的蒙板。

三.读取 Illustrator 图形为蒙板:
打开一幅图并激活通道面板,在通道面板中建立新通道。由于我们将要读入的图形是黑色的,因此将通道颜色填充为白色。
然后通过 File>Place 命令读入 Adobe Illustrator 制作的心状图形,我们看见置入的图形成为蒙板的一部分。通过 Load Selection 后效果如图九:

按此在新窗口浏览图片


最后效果如图十:

按此在新窗口浏览图片


下图是心形的另外一个运用,请注意,文字也作为蒙板的一部分:

按此在新窗口浏览图片