PS教程:蒙版的魅力
蒙版在PS里的应用相当广泛,蒙版最大的特点就是可以反复修改,却不会影响到本身图层的构造。也就是说调整图层时对效果不满意,可以去掉蒙版原图像又会重现。是利用率非常高的神奇工具。
我们平常常说的蒙版实际上分四种:一是快速蒙版;二是图层蒙版;三是矢量蒙版;四是剪切蒙版。今天小编为您整理了图层蒙版的组稿教程,从蒙版的作用到用途来了解一下蒙版的魅力。
一、初识蒙版①
现在假设一下,我们要将一幅画的边缘去掉后挂到墙上。可以想到的方式就是用剪刀裁切掉不要的地方。如下图所示沿着红线裁切。很明显,这个裁切就已经造成了对这幅画的永久破坏,无法还原。
这种情况就好比之前我们在Photoshop对图像所作的操作一样,是一种带有破坏性的操作。虽然可以撤销操 作达到还原的目的。但我们也知道撤销其实就是历史纪录的返回,而由于历史纪录中的各项操作是线性的,因此其它一些哪怕是正确的操作也要一并撤销。比如我们先裁切再做了色彩调整,那么撤销裁切必须先撤销色彩调整。
http://p0.qhimgs4.com/t0177886727f6796dbf.webp
现在再假设一下,我们要将一幅画的边缘去掉后挂到墙上。这次不用剪刀,而是把画贴在一块玻璃后面,接着在玻璃的四周边缘刷上黑色油漆。最后连画带玻璃一起挂到墙上。如下左图。很明显,虽然这次的做法所看到的效果与之前的裁减一样,但其实并没有对画造成破坏。把玻璃拿掉,就可以还原出原来的图画。甚至于还可以像下右图那样把黑色油漆刮掉一部分,露出这个地方原来的内容。
这种情况就是我们在本课要学习的,用蒙版来完成对图层中某些部分的隐藏,避免直接删除图层内容。并且如果将其删除,不会造成历史纪录的返回。
http://p1.qhimgs4.com/t017be99b1a9b88500e.webp
http://p1.qhimgs4.com/t012b40c7bb76667a87.webp
那玻璃可以理解为是一块透明的“版”,玻璃版。把玻璃贴在画上的动作可以称为“蒙”。贴上玻璃也就是蒙上玻璃版,就是蒙版了。由此我们得到对蒙版的第一印象,它利用一层“蒙”在图层上面的“版”来达到屏蔽(即隐藏)图层部分内容的目的。
要注意的是,玻璃本身是透明的,要达到隐藏图层内容的目的,需要将其“涂黑”才可以。涂黑后的区域那自然是看不见了,如果要让这个区域再显示出来,就需要将玻璃已经涂上的黑漆刮去。这样屏蔽的作用就消失了。
如果对以上的比喻难以理解,那么我们再来打一个比方。井底之蛙这个成语大家都应该知道,意思就是住在井内的青蛙只能看见井口大的那片天空。实际上天空是无限大的,但由于井口的尺寸影响了观察者的视觉范围。在这里,真实的天空就相当于图层,井口就相当于这个天空的蒙版,而我们就是青蛙了。由于蒙版的限制作用,使我们只能看到固定尺寸的天空。不难想象,如果换一个大尺寸的井口,青蛙就可以看到更多的天空。而如果青蛙走到井外,井口就不再有限制作用,相当于没有了蒙版,那么就可以看到完整的天空。
现在就我们目前所掌握的内容作一个总结,以及对蒙版一些基础知识作一下介绍:
蒙版是用来屏蔽(即隐藏)图层内容的,当需要删除图层中某个区域的图像时,就可以使用蒙版来完成。蒙版不会破坏图像,并且提供更多的后期修改空间。它可以是任何形状的。
蒙版是作用于单个图层的,不同的图层可以使用不同的蒙版。一个图层只能有一个蒙版(以后学习路径的时候会有另外的知识)。
蒙版到底是什么?它有什么作用?为什么使用它?如何使用它?这4个问题困扰着许多初学者。
前两个问题其实已经作出了回答,是用来屏蔽图层的。但要注意这里的两个用词:一是屏蔽,区别于通过图层调板隐藏图层的操作;二是针对图层,不是针对整个图像。那为什么要使用蒙版呢?其实也已经回答过了,就是因为蒙版没有破坏性。这其实也是我们历来所主张的“保持最大可编辑性”原则。至于如何使用蒙版,那就是一个大话题了。我们将在以后的学习中逐步来积累使用蒙版的经验。
现在来重复一下我们在以前所做过的选区选取操作。如下左图选取天空部分。接着将背景层转换为普通图层(按住ALT在图层调板中双击背景图层),这一步是必须的,因为背景层是无法使用蒙版的。
选区建立后,我们要做的事情就是隐藏这选区中的天空部分,因此通过【图层_图层蒙版_隐藏选区】,此时我们就已经得到了一个天空部分透明的图像,如下中图。图层调板如下右图(使用了中型缩览图)。
现在图层调板中的内容和以前有了很大区别。在原有的图层缩览图右方多了一个蒙版缩览图。并且这个缩览图是类似通道的黑白色。现在大家暂且忘记蒙版这回事,按〖CTRL_ALT_Z〗撤销操作到创建好选区的这一步,也就是下左图的效果。
http://p0.qhimgs4.com/t01e16cc66f544a9159.webp
http://p0.qhimgs4.com/t01ffee8776b866d8b4.webp
http://p0.qhimgs4.com/t01b203a6da6c58687b.webp
我们已经知道,存储选区其实就是在通道中建立一个新的Alpha通道,而在这个Alpha通道中,分别用白色和黑色来表示选区内和选区外。那么如果现在将该选区存储,在通道调板中应该看到天空部分为白色其余为黑色的新Alpha通道,如下左图红色箭头处。这并不难理解。
其实通道和蒙版是有着相似之处的,那就是两者都使用黑色与白色来表示有效或无效的区域。通道中的白色是有效区域,表示该区域是选区。黑色表示不是选区,是无效区域。而蒙版也是如此,蒙版中的白色与黑色也代表着有效与否,只是这个有效与否是针对图层而言的:蒙版中的白色,表示有效,表示图层有效,就是看得见图层的内容。蒙版中的黑色表示图层无效,也就是将图层中的该区域屏蔽起来了,看不见内容了。
如果一定要针对蒙版来讨论,则蒙版中的黑色区域意味着蒙版发挥了屏蔽作用,白色则意味着没有屏蔽作用。从这个层面上来说,蒙版有效与否的定义与图层是相反的。在以后的教程中,凡是涉及到蒙版应用的,都是以图层作为主要对象的,比如“将该部分用蒙版屏蔽”,意思就是说蒙版中的相应部分应该是屏蔽图层的黑色。
http://p0.qhimgs4.com/t01199a9f51c67c31dd.webp
费了这么多的功夫,就是要让大家明白蒙版的作用及其工作原理。
灰度色彩模式经常被用于表示色彩之外的地方,比如通道中用来表示选区,以及现在的蒙版中用来表示屏蔽区域。如果说当初对于这个概念还难以理解,那么到现在应该已经有了完整的认识。这部教程最重要的目的就是让大家理解这些基础概念,在今后就可以有扩展和分析的能力,比如看到一个图像效果,能分析出是怎样制作出来的。当自己要实现一种效果时,也可以知道大概的制作方向。因此,如果此时还对其一知半解,则应该复习以往的内容,务必完全掌握。
二、蒙板的类型和编辑
(一)快速蒙版;
(二)图层蒙版;
(三)矢量蒙版;
(四)剪贴蒙版。
1.快速蒙版与选区②
在PS里有两种蒙版,快速蒙版和图层蒙版,他们的基本含义一样,但是使用方法却不一样。快速蒙版本质上就是做选区用的。选区有全选中,不选中和半选中三种状态。
那么借助蒙版就可以制造很丰富的选区。如下例:
撕裂照片:
这个效果很典型,也很适合用来讲解蒙版。
http://p0.qhimgs4.com/t010c7007090f68db87.webp
这是最后的效果图。
1.拖入素材图,双击变成图层。
http://p1.qhimgs4.com/t01fc682d5b3bbd4f94.webp
3.其中红色区域,(注:这个颜色可能在“首选项”里进行调节)表示被蒙住的区域,白色表示透过来的区域。
http://p2.qhimgs4.com/t01733b717779c60c7d.webp
4.采用“滤镜”---“像素化”---“晶格化”进行操作。
http://p0.qhimgs4.com/t016dd6afbbfe532b2e.webp
注:在快速蒙版模式下,选择图层等操作是徒劳的,现在任何操作都只对蒙版有效,当前你可以把这个蒙版上的图案看作一幅图,可以对他进行任何与图像有关的操作,只是他永远只能是一幅单色图,并且用红色表示没有被选中,完全透明表示被选中,中间色表示选中一部分
4.再次点击工具栏上的“快速蒙版”标签,回到“标准编辑模式”。
http://p2.qhimgs4.com/t011ea0ce4de7e63ff9.webp
5.再用“自由变换”,把旋转中心移动选框左下底部,再进行旋转操作。
http://p0.qhimgs4.com/t01d056aaa4b2f471ba.webp
6.最后给这个图层增加一点阴影。效果就出来了。
http://p0.qhimgs4.com/t01aaae025eb07defb5.webp
讲这个例子,要弄明白的是快速蒙版的唯一目的就是用来选区的。他的区域是一幅单色调图案,我们可以对这个图案进行操作,以此来扩充 诸如:矩形选框,圆形选框,套索,磁性套索等的功能。
你也可以尝试把一张图案粘贴到快速蒙版上,然后根据图案颜色的亮度来得到一个非常漂亮的选区,可以用来制作非常奇妙的效果。如图:是粘贴的同一张图片,然后ctrl+j得到的新图层的效果。
http://p1.qhimgs4.com/t01c3a638c785c3bb3f.webp
当然你也可以用画笔的绘制,来得到各种不同的选区,只是此时,画笔画出来的图案的亮暗决定了最后选区选择的实虚。
2.图层蒙版
图层蒙版应用最广泛,我现在几乎完全不在原图层上做选区了,全部用蒙版,因为一旦出错很容易修复。特别是图片合成时非常有效。
举例说明吧:
http://p1.qhimgs4.com/t0187d3afdc20293441.webp
http://p0.qhimgs4.com/t014418995cf694a61c.webp
这是原图,这是合成的效果:
http://p2.qhimgs4.com/t01c5c2c3f0d96eb68e.webp
制作方法非常简单,并且常用,简述如下:
先看图层结构:
http://p1.qhimgs4.com/t01f3f301d70950f94a.webp
1.对齐,把“猫”放入“兔”图层,降低不透明度,对齐他们的头部位置,再调回不透明度。
2.校正位置,执行“自由变换”--“水平翻转”,转正头像。
3.添加蒙版,点击“图层面板”下方的矩形中间有个圆框的“添加图层蒙版”图标。
4.绘制蒙版,用黑色很柔的画笔在蒙版中涂抹,其中,黑色区域会遮挡住猫的图案,柔笔的边缘会有渐隐渐显的效果。
5.调色,增加一个“调整图层”--“色相/饱和度”,按住alt键不放,鼠标移至该调整图层与猫之间点击,嵌入图层。调整“色相”的滑标,调整颜色。
http://p2.qhimgs4.com/t011ac42e1eefaebad9.webp
即完成该效果。
注:要注意你是在蒙版上作图还是在原图层上作图,可以仔细观察蒙版缩略图外边是否有一个白边,如果有,则是蒙版上,如果原图的缩略图外边有白边则是在原图上作图。点击缩略图可以切换作用的目标。
总结下:
1.作图完成后,我仍然可以对蒙版层进行修改,如果不需要可以删除(点击“链条”断开联系,然后把蒙版拖至垃圾桶),遮罩的地方太多可以用白色画笔进行涂抹进行恢复。
2.黑色便是遮挡的部分,看不见的部分,白色便是孔洞,可以从中看到当前图层的图案。
3.遮挡的是本图层的部分,被遮挡住会显示下面图层的图案。
4.原图仍然是没有任何损坏的,你可以再用原图去做其它效果,给创作预留了空间。
蒙板现在已经是一个比较常见的功能了.但是ps cs5增加了一个抠图的功能,而且借助蒙板,可以做出非常神奇的效果。
3.矢量蒙版③
矢量蒙版的定义:矢量蒙板:顾名思义,就是可以任意放大或缩小的蒙板。
矢量:简单地说,就是不会因放大或缩小操作而影响清晰度的图像。一般的位图包含的像素点在放大或缩小到一定程度时会失真,而矢量图的清晰度不受这种操作的影响。蒙板:可以对图像实现部分遮罩的一种图片,遮罩效果可以通过具体的软件设定,就是相当于用一张掏出形状的图板蒙在被遮罩的图片上面。
矢量蒙版主要用来做什么?
矢量蒙版中创建的形状是矢量图,可以使用钢笔工具和形状工具对图形进行编辑修改,从而改变蒙版的遮罩区域,也可以对它任意缩放而不必担心产生锯齿。
打开图片,我用荷花图片来做矢量蒙版的示范:
http://p1.qhimgs4.com/t010786e309410894cc.webp
用钢笔工具勾勒出荷花的形状(矢量蒙版自然是跟形状和钢笔这样的矢量工具有关的)
http://p0.qhimgs4.com/t0104e514aa98ee6c1c.webp
按f2使路径粘贴到剪切板,这个时候路径没见了,不用着急,再按alt+l+v+r快捷键为图层添加矢量蒙版:
http://p2.qhimgs4.com/t01a69c1b310a23b6eb.webp
点击矢量蒙版,按ctrl+v,我们看到路径被粘贴到矢量蒙版中了:
http://p1.qhimgs4.com/t019830e836d4a57747.webp
是不是发现其实我们要的是荷花,可是荷花没有显示出来?不要紧:这里有四个按钮供你选择,你可以自由选择需要显示哪一部分。
http://p2.qhimgs4.com/t01b629ac9039f2c6df.webp
你是不是要问,这个矢量蒙版有什么稀奇嘛!不就是把图片抠出来嘛!我直接用钢笔工具不就得了!那么麻烦!
错!钢笔工具和快速蒙版工具你扣是扣出来了,但是你的原图受损了,而矢量蒙版可以保证原图不受损,并且可以随时用钢笔工具修改形状:并且形状无论拉大多少,都不会失真:
它可以随意调整形状:
http://p0.qhimgs4.com/t0134d75f4fae3e54d2.webp
无论你想加个浮雕啊,外发光啊,什么效果都丝毫不影响矢量形状的变化:
http://p0.qhimgs4.com/t013d2584c0bbacbdec.webp
矢量蒙版还可以用来做什么?当然不只是用来抠图的,还可以用来做字体设计:
新建一个画布:ctrl+',显示网格。
http://p0.qhimgs4.com/t0160356870a3688185.webp
按alt+l+v+r快捷键为图层添加矢量蒙版:前景色决定你矢量形状的颜色,颜色自选。
http://p1.qhimgs4.com/t016d0928f5f1a94c7d.webp
把笔画合理摆放到自己喜欢的位置(这是做字的教程,偶就不在这里献丑了,呵呵)
http://p0.qhimgs4.com/t01f5a5addc6dca5212.webp
再用圆形减去不需要的地方:
http://p1.qhimgs4.com/t017e59ee6267cdd629.webp
去掉网格后,一个矢量的文字就出来了(做字技术有待提高,望高手见谅)这里只是示范:
http://p1.qhimgs4.com/t0117b9753de0f4ad01.webp
每一个形状都是独立并且可以用钢笔工具任意修改的,完全矢量,不存在失真问题!
那些苦于不会cdr的童鞋,也可以用ps做字体设计了(当然最专业的工具最好还是用cdr)
http://p2.qhimgs4.com/t01b48c2aadebcc3d47.webp
3.剪切蒙版④
讲完了矢量蒙版,我们开始讲剪切蒙版。
剪切蒙版的定义:剪切蒙版和被蒙版的对象起初被称为剪切组合,并在"图层"调板中用虚线标出。
你可以从包含两个或多个对象的选区,或从一个组或图层中的所有对象来建立剪切组合。
可以使用上面图层的内容来蒙盖它下面的图层。底部或基底图层的透明像素蒙盖它上面的图层(属于剪贴蒙版)的内容。
例如,一个图层上可能有某个形状,上层图层上可能有纹理,而最上面的图层上可能有一些文本。如果将这三个图层都定义为剪贴蒙版,则纹理和文本只通过基底图层上的形状显示,并具有基底图层的不透明度。请注意,剪贴蒙版中只能包括连续图层。蒙版中的基底图层名称带下划线,上层图层的缩览图是缩进的。另外,重叠图层显示剪贴蒙版图标。"图层样式"对话框中的"将剪贴图层混合成组"选项可确定基底效果的混合模式是影响整个组还是只影响基底图层。
剪切蒙版主要用来做什么?
剪切蒙版是一个可以用其形状遮盖其他图稿的对象,因此剪切蒙版使用剪切蒙版,您只能看到蒙版形状内的区域,从效果上来说,就是将图稿裁剪为蒙版的形状。
举个例子:打开素材图片,我们还是用刚才的荷花图案吧(懒得找图了)
http://p1.qhimgs4.com/t010786e309410894cc.webp
我想把这个荷花图案弄到这个mm的衣服上:这里我们就用得到剪切蒙版。
首先:把你想要加图案的部分用钢笔勾勒出来:
ctrl+j,把刚才扣好的图提取出来,生成一个新的图层:
把荷花图案放到合适的位置:
http://p2.qhimgs4.com/t01ed43b3fdf5c515e5.webp
alt+ctrl+g,创建剪切蒙版操作(快捷键)
http://p0.qhimgs4.com/t0139f9471b63c00268.webp
改变下图案的混合模式,并适当调整透明度下:完成
http://p1.qhimgs4.com/t01b746e0284daf87dd.webp
然你要是不喜欢这个图案也可以换其他的啊,呵呵:
http://p2.qhimgs4.com/t0183973935a8cd6ca4.webp
难道剪切蒙版只能用来换衣服?当然不是!无论是文字,一个独立的形状的图形,都可以用到剪切蒙版!
字体用剪切蒙版可以创造出很多意外的效果:
文字栅格化后:
http://p2.qhimgs4.com/t01d893d550a211af0a.webp
同样把图案放在字体上面:
http://p2.qhimgs4.com/t0150ebccc718077805.webp
alt+ctrl+g,创建剪切蒙版操作(快捷键)完成:
http://p1.qhimgs4.com/t011e073a9a03b95c4f.webp
无论任何形状,只要你想得到:有什么不可以?
http://p2.qhimgs4.com/t01b20de22c2cee16b0.webp
http://p0.qhimgs4.com/t01938a3b085ea5d804.webp
alt+ctrl+g,创建剪切蒙版操作(快捷键):
http://p2.qhimgs4.com/t0152e3f17c296977c0.webp
剪切蒙版还可以用来做一些特别的光束或者花朵:
http://p0.qhimgs4.com/t010a120c2a36404339.webp
用钢笔勾勒出一个形状
http://p0.qhimgs4.com/t01e4c55fb945eb312a.webp
转换成选区后,为这个形状新建一个组,
http://p0.qhimgs4.com/t0195e028f8712fcd67.webp
为这个组新添加一个蒙版(蒙版真的无处不在,用处太大了)
http://p0.qhimgs4.com/t01f54f3d6f294bf4b0.webp
在组里(组下)新建一个图层
http://p0.qhimgs4.com/t0180a798658ce233ab.webp
刚才的形状其实已经蒙版了,为了看到它,我们填充一个透明色作为参照物
http://p1.qhimgs4.com/t01269a77ec877db8db.webp
随便你用什么工具只要画出你想要的选区
羽化下:
http://p0.qhimgs4.com/t01562ec21d6c6a9bfe.webp
填充一个你喜欢的颜色
http://p2.qhimgs4.com/t011545fc65c007489a.webp
再新建一个图层,同上操作
http://p2.qhimgs4.com/t010a88a3e510ad5bd8.webp
四个颜色都是同上操作。
http://p2.qhimgs4.com/t018dc75db31e253de8.webp
用这个形状组合一个蝴蝶啊
http://p0.qhimgs4.com/t0119c19c4027ca2b1b.webp
或者是花啊
http://p0.qhimgs4.com/t0104df503acab94f57.webp
只要你能想到的,有什么不可以。
http://p0.qhimgs4.com/t01e5e603d5310bbd6d.webp
随便什么形状。
http://p0.qhimgs4.com/t01c0d884e9a94bc43a.webp
就算是这样的光束也是用这种方法做出来的,你还觉得难么?
http://p2.qhimgs4.com/t01ab7064c5cad6913a.webp
当然了,有些文字的特殊立体效果也是用这个方法做出来的,无非就是换汤不换药,把颜色改成了渐变而已
http://p1.qhimgs4.com/t013aa9126f38c50339.webp
页:
[1]