来源:http://www.uisdc.com/photoshop-matting-techniques
ide
若是你是刚接触Photoshop的新手,小编真诚建议先学抠图。固然这个建议背后有广为人知的缘由,见下…工具
来自微博网友:@小丑出品post
这才是我学习Photoshop的动力啊!若是你对此也有着狂热的兴趣,那就继续读下去吧。学习
这些均可以帮你从小白成为高手!
《超赞!设计师彻底自学指南》
《交互设计师修炼指南!教你从零开始成为优秀交互设计师》测试
攻略分为三部分,网站
基础篇ui
实例演练idea
神器推荐spa
同窗们能够本身选择对应的部分学习 :)插件
最经常使用的抠图方法:
适用范围:图像和背景色色差明显,背景色单一,图像边界清晰。
方法意图:经过删除背景色来获取图像。
方法缺陷:对散乱的毛发没有用。
使用方法:
适用范围:图像和背景色色差明显,背景色单一,图像中无背景色。
方法意图:经过背景色来抠图。
方法缺陷:对图像中带有背景色的不适用。
使用方法:
适用范围:图像边界清晰。
方法意图:磁性索套会自动识别图像边界,并自动黏附在图像边界上。
方法缺陷:边界模糊处需仔细放置边界点。
使用方法:
适用范围:粗略的抠图。
方法意图:粗略抠图,不求精确。
方法缺陷:图像边界不精确。
使用方法:
适用范围:图像边界复杂,不连续,加工精度度高。
方法意图:彻底*手工逐一放置边界点来抠图。
方法缺陷:慢。抠一个图连手脚指都抠的话,要15分钟左右。
使用方法:
钢笔工具法步骤以下:
一、索套创建粗略路径
二、钢笔工具细调路径
三、右键”创建选区”,羽化通常填入”0″;
注意:此工具对散乱的头发没有用。
使用方法:
五、这样就能够在背景上擦,擦到满意为止。若是万一擦错了地方,只要将前景色改成白色,就能够擦回来。
唠叨一下:
专业提供扣图药方,一帖见效,药到病除。
功效:去除图标、按钮等背景图的底色
威力:★★★★
需求:不少时候咱们须要用到一些全透明的素材,好比:
问题:
设计图中没有全透明的素材
魔术棒选区会带有一些半透明度,底色背景删不干净,
咱们能够直接手工选区,一点点的删除底色背景,可是效率好低。
思考:
有没有办法设置魔术棒工具选区但不带半透明,让底色删的干净点?
嘿嘿,我苦练了半天,终于练出成果,请看练功秘籍。
秘籍:
选择”魔术棒”工具(快捷键W)
在合成图像的制做中,常常须要将物体与背景分离,若是物体与背景的边界分明则分离的操做较为容易。但若是物体的边缘复杂,尤为是动物毛发这样的状况时,传统的方法就很难使用。咱们学习过使用复制并修改通道,而后将其转为选区后创建蒙版这个方法。它虽然能够分离出很是复杂的物体,但也有限制,由于其中有一步是要用画笔涂抹Alpha通道以完善选区。
以下左图是原图,其中反差最大的通道以下中图,咱们将其复制后须要用画笔涂抹,以下右图。能够看出这时候的涂抹也是很麻烦的,红色箭头处就是没有涂抹好的痕迹,虽然用较小的画笔能够达到效果,却要耗费许多时间。而且别忘了将小狗涂白以后,还要将背景涂黑才能转换出好的选区。这里的背景并非单纯或相近的灰度,使用色彩调整命令就很难达到目的。只能使用画笔去慢慢涂抹。
-Photoshop提供了一个专门用于此类用途的工具,虽然位于滤镜菜单,却更像是一个功能扩展模块。【滤镜_抽出】启动后的界面以下左图,使用红色箭头处的画笔绘制小狗的边缘,笔迹应覆盖小狗和背景的边界,而且必须头尾相接造成封闭区域。同时画笔应尽量小。可〖空格_CTRL_单击〗放大图像后用小画笔仔细涂抹。
在完成封闭区域后,使用下右图绿色箭头处的油漆桶工具点击区域内部,会看到小狗部分都被填充。
如今按下肯定按钮,小狗就会被从背景中分离出来,原先的背景将被删除成为透明区域。咱们能够在下方在创建一个黑色填充层,看一看抽出的效果如何,下左图是抽出先后的对比,能够看出效果仍是使人满意的,尽管并不完美,但比起经过其余手段做出的效果要好不少了。
在抽出滤镜中,完成边界绘制后,咱们使用油漆桶对须要小狗进行了填充。若是咱们填充的是背景,则将是保留背景除去小狗。所以记住油漆桶的做用是肯定保留区域。若是画笔绘制时没有封闭区域,则填充的颜色就会充满整个图像。
注意以前的边界绘制实际上是不完善的,由于小狗腿间的空隙没有顾及到,应该以下右图那样将这部分也绘制成一个封闭区域才能够,以后依然用油漆桶点击小狗的身体部分便可。
-若是你们按照教程边学边作,如今应该已经完成了小狗的抽出,那么〖CTRL_ALT_Z〗撤销操做,再次执行抽出滤镜,并使用画笔进行涂抹。以前咱们提到过画笔是越小越好。这是由于抽出滤镜是在画笔宽度内寻找颜色边界,而后根据填充的部位决定删除和保留的区域。那么若是使用的画笔过大,就会降低抽出的精确度。但也不能过小,要以覆盖住边缘为准,好比小狗的边缘有毛发,那画笔的宽度就应该以能盖住毛发为准。
在完成绘制并填充后,点击”预览”按钮就能够直接看到抽出后的效果。在以下左图绿色箭头处的预览选项中能够选择预览背景的颜色。若是要修改设定,可在红的箭头处选择”原稿”,并开启”显示高光”选项,图像会还原并显示出绘制的边界,此时使用画笔修改便可。
开启”智能高光显示”选项后,画笔大小会根据边界的状况自动调整,以下中图。至关于之前咱们所学过的动态画笔设定中的动态直径同样,而此时画笔大小的设定就至关于搜索范围,系统在这个范围内查找边界并判断宽度。因此画笔大小也不能设置的太大,不然容易引发误判。通常以目视边界宽度3~4倍为佳。遇到夹角很小的连续边界(如Z字形边界)时应视情缩小。
若是在预览效果中边界有较明显的毛刺感,可尝试增长平滑度。以下右图是两种平滑度的对比。能够看出增长平滑度后边缘的断定有所改变,一些原先看不到的部分出现了。但注意耳朵的上边缘,平滑度0的效果要比平滑度100好。实际上修改平滑度能改变的范围颇有限,且也可能同时形成部分边界的质量降低。所以应将其保持为0或使用较低的平滑度。遇到不满意的边界时应使橡皮工具擦除后从新绘制。
咱们提到过画笔大小应能覆盖物体边缘,若是有毛发也应该覆盖毛发,但这只能针对相似小狗的”短毛”有效,以下左图中小猫的胡子超出其身体不少,若是也要彻底覆盖则要使用很大的画笔,那不切合实际。遇到这种”长毛”的状况时,遵循如下原则:先绘制主体部分并填充,以后单独按照”长毛”的走向使用画笔绘制,画笔大小控制在毛发宽度的2~3倍左右。以下图所示。预览的效果以下图。
此外,能够将实现存储的Alpha通道做为画笔绘制轨迹载入,新建一个Alpha通道,用黑白色画笔涂抹,而后将其反相。以下左图。而后在以下右图红色箭头处选择该通道便可。若是图像中带有明显的重复性(即连续平铺)图案,可开启”带纹理的图像”选项。若是开启”强制前景”选项,则不须要使用油漆桶,直接以画笔涂抹的轨迹做为抽出的区域,选择不一样的前景色可改变抽出后图像的色调。
-这个用画笔绘制出来的轨迹其英文名为HighLight,中文意思应该是高亮,就是突出显示的意思。而软件却将它翻译为高光,这容易形成误导。你们注意,这里的所谓高光与咱们之前所学的亮度中的高光无任何联系。有时候可能原图带有较多绿色成分,此时默认的绿色高光可能影响视觉,能够更改成其余颜色以免干扰。填充色也是如此。
如今总结一下抽出滤镜的使用技巧:
在使用过程当中最重要的就是画笔大小的设定,原则是越小越好,但在绘制过程当中可视情加大或缩小,如遇到较锐利明显的边界时使用小画笔,遇到模糊不清或有毛发的边界时适当放大,可经过快捷键〖[〗和〖]〗来增减画笔大小。
动物的边缘通常都有毛发,所以宜使用较大的画笔。而人物因为有衣物覆盖,大部分边界是清晰锐利的,因此应该用较小(为1也很正常)的画笔绘制。若是人物有飘扬的长发这类图像,视同”长毛”处理便可。在绘制边界的过程当中最好是〖空格_CTRL_单击〗放大图像后操做,这样会比较精细。
持续按住鼠标拖动显得较为麻烦,按住SHIFT键可在不一样的地方单击,两点间以直线相连。在实际使用中这是很方便的一个技巧。不过依据边缘的弯曲度不一样,要注意适当增长或减小点间的距离。
完成绘制和填充后,应该先使用预览功能并指定不一样的背景查看抽出的效果是否满意,不满意就再修改、再预览。
整体来讲,抽出滤镜能够很好的解决毛发边缘物体的抠图问题。不过因为其会破坏图像内容,所以在操做以前最好先备份图层,若是效果满意再将备份删除。
在图片合成领域,用Photoshop中抠图换背景是老生常谈的话题,而人物头发或者动物体毛则是该话题下的一个老大难问题。下面我将介绍两种不一样的抠头发丝的方法来分别应对简单和复杂的背景,两者均可以实现至关好的效果。
技巧一:简单背景图片抠图
效果最好的照片呢,固然是来自那些专业摄影棚,由于他们会以纯色为背景拍片子。这类片子可让软件更加容易的找到对象的边缘,可是要抠出完美无损的头发丝效果仍是略微有些棘手的。在这个例子当中,咱们将利用传统的通道抠图法来把这个有着飘逸长发的萌妹纸给抠出来,放到一个更加有态度的背景下。
在ps中打开这张照片,能够看到这并非一个纯白色的背景,但颜色仍是很素净简单而且和萌妹纸有良好的对比度。
调出通道面板而且分别查看红、绿、蓝三个通道下的图像。每一个通道下的图像都将呈现略有不一样的灰色调,找出一个前景色和背景色有最好对比度的通道。拖动该通道的缩略图到新建通道的图标上从而复制该通道。
仅选中这个新建的通道,ctrl+L(mac用户位cmd+L)调出色阶调节命令,暗部滑块(左侧滑块)右移,亮部滑块(右侧滑块)左移,能够显著的增长亮部和暗部的对比度。不过不要太过哦,否则图片上会出现一些恼人的噪点。
这时候萌妹纸变成了黑妹纸,背景区域还有一大片灰部区域。选择减淡工具,下降画笔不透明度,做用范围选高光,而后在背景区域反复涂抹直到把背景的灰部提亮为白色(上图左下角为示范区域)。
转换到加深工具,做用范围选阴影,不断地涂抹黑妹纸,直到你涂不动为止。
涂不动了怎么办?直接用黑色画笔工具将剩余的区域(通常都是指甲、眼白、鼻梁以及手部的高光区域)涂成黑色,至此,萌妹纸完全沦为黑影子。
快捷键Ctrl+I(mac为CMD+I)将所得的通道图反相,检查一下上一步中画笔有没有错过的区域。若是有的话,在白色区域中出现黑色的污点会很是明显,赶忙用白色画笔涂掉吧!
按住Ctrl(mac为CMD)点击该通道的缩略图载入选区,恢复原始RGB通道的可见性,回到图层面板复制选区内容到新的图层,隐藏原始图层,观察被抠出来的萌妹纸在透明的背景上效果如何,貌似还行。
这样,咱们就用修改通道作出的这个选区抠出了几乎完美的头发丝,可是还不够。将抠出来的妹纸图至于有态度的背景之上,放大并仔细观察妹纸头发的边缘是否有浅色的半透明区域,尤为是在将图片贴到一个暗色背景之上的状况,会有一种灰白灰白的感受很难受。处理这个bug就很好玩了,咱们能够选择使用加深工具,设定范围为高光,而后轻轻的涂抹(下降不透明度和浓度)妹纸头发的边缘,灰边问题迎刃而解。
技巧二:背景复杂的图片
通道抠图法用来处理从摄影棚出来的简单背景照片仍是很不错的,但处理下面这种有复杂背景的照片就显得有点困难了。
在ps中打开这张照片,能够看出图中的正大叔和背景有很好的对比度,但头顶几戳帅气的卷发和背景的融合度过高,略显坑爹。
首先用钢笔工具勾出清晰边缘的轮廓,在头发丝的边缘区域咱们只须要勾出一个大概,细节稍后处理。
在头发边缘,只勾勒头发中较为准确的部分,与背景有融合的边缘部分就暂时不要勾进来了,否则的话待会儿这种混合的区域会把事情搞砸。
快捷键Ctlr+Enter将路径转换为选区,Shift+F6羽化0.2px避免产生生硬的边缘,复制选区部分到新的图层。下降原图层透明度,保证能看出外延头发的轮廓便可。
下面好玩儿的部分来了!用涂抹工具在新图层的头发边缘区域涂抹,用底图的头发轮廓做为参照,从而手工绘制出正大叔遗失的头发。开始时使用4px的画笔来充实现阶段的浓密头发区域,同时填补由于路径勾勒形成的头发缺口。这时候,若是有一个Wacom绘图板固然会更方便,而且能够作出多变的头发丝厚度来。若是纯鼠标操做,固然也没问题,专业的修图师是不在意工具的哦~
新画出来的头发很快就让这个正大叔的头发给长齐了,看起来还不错!可是这大叔此时的小平头显得略呆…为了使他的发型更帅,咱们还能够用更小半径的画笔重复操做,画出那些有型的卷发丝,让他的发型性感起来,有木有!
好比说咱们能够用2px的涂抹工具在不一样的方向涂抹画出良莠不齐的头发来加强现实感。
好了,最后这张半抠半画出来的图片就能够轻松的换背景啦,毫无违和感有木有!
本教程的抠图方法很是独特,抠图的时候只须要把各通道的选区调出来,而后分别新建不一样的图层,填充不一样的颜色,再改图层的混合模式便可。
原图
最终效果
一、打开原图素材,进入通道面板,分别把各个通道复制一层。
二、按住Ctrl键,鼠标右击红色通道副本,载入选区。
三、回到图层面板,新建一个图层命名为”红”,在选区填充颜色:R:255,G:0,B:0。
四、而后剩下两个和载入红光选区道理同样,图层”绿”填充颜色:R:0,G:255,B:0;图层”蓝”添加颜色:R:0,G:0,B:255。
五、图层”蓝”,混合模式改成”滤色”,效果以下图。
六、图层”绿”混合模式改成”滤色”。
一张RGB模式的图,就是将红、蓝、绿三种原色分别放在三个不一样的通道上,每个通道的颜色是同样的,只是亮度不一样,并且每一种通道都是灰色图像;咱们就是利用通道亮度的反差进行扣图。这就是所谓的通道抠图。 在通道里,黑色表明透明,把背景涂成黑色,背景就是透明的了;白色表明不透明,若是咱们想将图中某部分抠下来,就在通道里将这一部分描成白色。半透明的地方保持原来的灰度不变就能够了。 “通道”在抠图中的做用是:利用通道创建选区,用修改通道来选择选区的范围!把图像部分涂成白色,只是肯定了选区的范围,图像并非就变成了白色。 先看效果。
1、图像分析 仍是以韩国美女张娜拉的一张婚纱照做为素材,这张图像的特色是婚纱四周界限分明,能够用磁性套索工具选取;难点是怎样抠出半透明婚纱。用通道抠图能够抠出半透明的效果
2、复制通道 打开通道面板,选择反差最大的通道,这里是绿色通道
复制一个绿色通道
3、调整色阶 为了增长颜色反差,点击图像-调整-色阶
打开色阶面板,把两边的三角形往中间拉
4、背景填充成黑色
用磁性套索工具沿着婚纱的边缘让它自动选择背景,固然也能够选择婚纱,而后点击选择-反向
用油漆桶将背景填充成黑色,或点击编辑-填充-黑色。上面已经讲过,黑色是透明,因此要将背景涂成黑色
5、将图像不透明的地方涂成白色 由于白色是不透明,因此要将图像中不透明的地方涂成白色。 点击选择-反向,把图像选定,这样能够防止涂抹到背景上,而后将画笔调成白色,沿着人体不透明的地方涂抹,首先把画笔调小,沿着边缘涂抹
而后再将画笔调大,把不透明的地方所有涂成白色,注意透明的婚纱必定不能涂
6、载入选区 选定RGB通道,而绿副本不选
回到图层面板,点击选择-载入选区
选择绿副本通道
7、拷贝粘贴 点击编辑-拷贝,也就是复制选区
新建一个图层
点击编辑-粘贴,
将选区粘贴到新图层中
为了看得更清楚,能够添加一个背景层
8、最后修饰 若是还有一些缺陷,能够用Photoshop的橡皮擦、加深、减淡等工具来修饰图片。 仔细看,这张图片的不足主要是半透明婚纱中能够看到原图像中的绿色,能够用减淡工具来解决
将减淡工具的画笔硬度调到100,在有淡绿色的婚纱处涂抹
效果不错,人体清晰,婚纱透明,原来的淡绿色背景色也看不到了。
若是想换一个背景,能够打开一张背景图片,双击解锁后用移动工具拖到图像的最底层,按Ctrl+T键将背景图片大小调整到布满全屏。
添加背景后的效果图
在线抠图神器:clippingmagic
为了测试,我拿了1群妹子@七七喜力 此次上海聚会下馆子点餐的图片。随便试了一下,抠图效果还很不错哟!(原理和PS抽出同样)
耗时1分钟的抠图见下:
使用方法:
一、打开这个在线工具的网站,点击网页中的”choose file”按钮,选择那张须要进行抠图的图片。
二、等待上传完毕,就会看到操做工具栏和2张图片。左边那张是原始图片,右边那张则能够用来预览处理后的效果。
三、点击工具栏中的”-”号,在左侧原始图片中不须要的地方进行涂抹,点击”+”号,在原始图片中须要保留的地方进行涂抹。
Kockout 为Corel公司开发,是一款至关强大的Photoshop插件,该软件利用配合Photoshop滤镜使用,在图像输出上会简化许多,尤为是Kockout2.0版本处理完后不用存盘就可直接返回Photoshop下进行编辑,不但可以知足常见的抠图须要,并且还能够对烟雾、阴影和凌乱的毛发等轻松抠出,省时省力,即使是PS菜鸟,也能摇身一变成为抠图高手!
微盘下载:vdisk.weibo
软件安装其实很简单,可是鉴于仍是有部分同窗安装失败,分享者@午夜设计尸也作了全面说明:
一、许多转发盆友反馈回来的信息:PhotoshopCS6以及64位系统、win8经测试都是能够用的,可能ps版本不一样会存在安装差别;
二、大部分盆友安装时会提示填2次目录位置,第一个是Knockout2.0的主程序目录,可本身填,运行KnockOut 2_P1.exe汉化时就是这个位置;第二个是你PS滤镜库目录所在,按照教程中填便可。建议你们卸载重装一次,我写教程前亲测几回都没有问题,因此当时纠结没写上去,抱歉了;
三、安装时若是没有自动生成name以及Serial Number的,name是能够本身填的,Serial Number在解压后的文件夹的SN.txt里;
四、安装主程序完毕后面是注册步骤,能够直接取消跳过,完成;
五、注意使用前,必须将图片双击转换为普通图层方能进入Kconkout主程序,不然载入工做图层会跳窗;
六、关于绿化版的非我提供,绿化版的解压到PHOTOSHOP 的滤镜目录中(即\Plug-ins\Filters 下,可能版本不一样文件夹的名称会有差别),而后需运行文件夹中的绿化.bat成功后方能使用。
七、许多盆友反馈,绿色版的没法绿化,根据个人经验多是你ps目录有是中文命名的,建议不要使用中文命名目录,国外许多软件没法识别中文路径。
安装教程
一、解压以后,打开【knockout2.0安装】,点击Setup.exe安装;
二、安装目录须设置为Photoshop目录下的/Plug-ins/Filters文件夹中;
三、安装完成后,打开【knockout2.0汉化】,安装KnockOut 2_P1.exe,安装位置为你ps目录外面的【KnockOut 2.77】文件夹(此文件夹为knockout安装时自动生成的knockout根目录);
四、再安装KnockOut 2_P2.exe,安装位置为Photoshop目录下的/Plug-ins/Filters文件夹;
五、大功告成!KnockOut运行程序直接是打不开的,需在Photoshop在载入图片后-滤镜- knockout2-载入工做图层..中进入。
抠图教程
一、打开一张能给你初恋般感受的妹纸图~双击背景层,转换为普通图层,(Knockout不能对背景层操做),考虑到惧怕破坏原图,因此建议最好把要处理的图层复制一层预存;
二、接着对复制的图层执行:滤镜-Knockout-载入工做图层;(这时PS会自动关闭,并开启Knockout2.0)
三、用对象内部工具画出如图的选区,注意不要画到毛发的边缘上,能够留有适当的距离;(按住shift键为加选区;Alt键为减选区;Alt+[为缩减选区;Alt+]为扩大选区)
四、用对象外部工具画出头发外部的选区,这一步要细一些;(说明:对象内部工具画出的选区为保留部分,对象外部工具画出的选区外部为删除部分,两个选区之间部分为图像边缘)
五、能够放大工做区细调选区,不一样选区需切换工具;接着单击下面的”处理按钮”,进行抠图预览,而且能够指定不一样的背景色。
六、若果发现问题能够Ctrl+1回到原稿,进行修改;为了更好的观察,也能够再背景上放置一张位图(如图);
七、肯定没有问题,文件-应用,自动回到PS,并自动生成抠好的妹纸;部分不满意细节能够在PS中用其余工具进行小调整,完成!
八、So easy!妹纸抠得手了!盆友们来感觉下~
本文整合自uisdc、psdreamworks、redocn、blueidea。
请尊重版权和编辑成果,转摘请附上优设连接,违者必究。谢谢各位编辑同仁配合。
【优设网 原创文章 投稿邮箱:2650232288@qq.com】