第 4 讲 · 抠图实战
学习目标
- 理解抠图的本质是"做选区",能按边缘难度(硬边缘 / 软边缘 / 半透明)为不同素材选择合适的抠图方法。
- 掌握通道抠图完整流程:复制通道 → 色阶提对比 → 载入通道选区 → 生成蒙版,能独立抠出头发丝。
- 掌握钢笔路径抠图:锚点与手柄的用法,能沿硬边缘产品(杯子、手机)勾出干净路径并转为选区。
- 会用"调整边缘"优化发丝、绒毛等细节边缘。
- 能完成综合案例:人物换背景,并用调整图层统一人物与新背景的色调。
4 小时安排
| 课时 | 内容 | 练习 |
|---|---|---|
| 第 1 课时 | 抠图思路总览:先看边缘,再选方法(硬边缘 / 软边缘 / 半透明) | 三张样图判断边缘类型、写出选用的方法及理由 |
| 第 2 课时 | 通道抠图:通道是选区的灰度表示,头发丝抠图全流程 | 通道抠头发丝完整流程 |
| 第 3 课时 | 钢笔路径抠图:锚点、手柄、闭合路径,硬边缘产品抠图 | 钢笔抠杯子 |
| 第 4 课时 | 综合案例:人物换背景(抠图 + 调整边缘 + 色调统一) | 人物换背景海报底图 |
第 1 课时(约1小时):抠图思路总览——先看边缘,再选方法
讲解
抠图的定义:把图片里想要的部分"选出来",和背景分离。注意,抠图没有独立的"抠图工具",它的本质就是第 3 讲学的选区——选区做得越准,抠得越干净。所有抠图方法,最后一步都是得到一个选区(或蒙版)。
为什么不能一种方法抠到底?因为"边缘"不一样。想象你要沿着物体的轮廓剪纸:剪一个杯子,边缘是光滑的直线和弧线,好剪;剪一个人的头发,边缘是几千根细丝,每根都半透明,剪刀根本下不去。不同的边缘难度,需要不同的"剪刀"。
三种边缘,三种剪刀:
- 硬边缘——轮廓清晰、反差大,比如杯子、手机、建筑、汽车。用钢笔路径:沿着边缘打锚点,路径是矢量的,想多精确就多精确,放大不糊。
- 软边缘——有绒毛、发丝、毛边,比如人物头发、动物皮毛、婚纱裙摆。用通道抠图:利用颜色通道里"人物和背景最不像"的那个通道做选区,能保留发丝级的半透明过渡。
- 半透明——本身就是透明的,比如玻璃杯、烟雾、水花、纱帘。也是通道抠图的思路:因为通道是灰度的,灰色天然就表示"半透明",正好对应。
例子:电商主图要抠一个白色杯子放纯色背景上——杯子边缘硬,用钢笔,10 分钟搞定;写真馆要给长发姑娘换背景——头发丝用钢笔会累死,用通道抠图,发丝一根不少。方法选错,事倍功半;方法选对,抠图就是体力活。
另外记住第 3 讲的老朋友:如果背景是干净的纯色(比如证件照蓝底),魔棒 / 快速选择选背景、反选一下就行,不必动用通道和钢笔。先易后难,是抠图的第一纪律。
抠图的通用四步法(所有方法都一样):① 选方法——看边缘选剪刀(本课时);② 做选区——用通道、路径或魔棒得到选区;③ 上蒙版——不直接删像素,而是加图层蒙版(黑藏白显),错了还能改回来;④ 修边缘——调整边缘、蒙版上画笔修细节。记住"永远别在原图上直接删",蒙版是抠图的安全带,第 3 讲学选区时这条纪律就立下了。
选区、蒙版、通道三者的关系(一次讲透):这三个词学生最容易混,其实是一回事的三种"长相"。选区是"蚂蚁线"——看得见边界,但只有选/不选两种状态;蒙版是"灰度图"——贴在图层上,黑藏白显、灰半透明;通道也是"灰度图"——存在通道面板里,白选黑不选。所以流程是:通道(灰度)→ 载入成选区(蚂蚁线)→ 生成蒙版(灰度)。蒙版本质上就是"贴在图层上的通道"。理解了这一层,通道抠图就不是魔法,而是把一张现成的灰度图"借"来当选区用。
抠图难度分级(拿到图先定级):
| 难度 | 长什么样 | 例子 | 方法 |
|---|---|---|---|
| ★ 入门 | 背景纯色、边缘清晰 | 证件照、白底产品图 | 魔棒 / 快速选择 |
| ★★ 进阶 | 背景复杂、边缘硬 | 街拍的杯子、手机 | 钢笔路径 |
| ★★★ 困难 | 边缘有绒毛、发丝 | 长发人物、宠物 | 通道抠图 |
| ★★★★ 地狱 | 半透明、和背景同色 | 玻璃杯、烟雾、白毛衣配白墙 | 通道 + 分段抠 + 手工修 |
定级的作用是管理预期:★★ 的图 15 分钟搞定,★★★★ 的图一下午都正常。接到活先定级,再报价、再排时间,这是吃饭的本事。
🛠 跟做练习:看图选方法
- 在 Photopea 里打开三张样图:① 白底上的不锈钢杯子;② 户外逆光的长发人物;③ 玻璃高脚杯。
- 对每张图,先用肉眼判断边缘类型(硬边缘 / 软边缘 / 半透明),写在纸上。
- 再写出你选用的抠图方法及一句话理由(例:"图②是软边缘,头发丝多,用通道抠图保留发丝过渡")。
- 对照答案:① 钢笔路径;② 通道抠图;③ 通道抠图(玻璃的半透明靠灰度表达)。
第 2 课时(约1小时):通道抠图——头发丝抠图
讲解
通道是什么?第 1 讲学过,RGB 图像由红、绿、蓝三个通道组成,每个通道都是一张灰度图:越亮表示这个颜色成分越多。比如一张蓝天照片,蓝色通道里天空是白的(蓝色多),地面是黑的(蓝色少)。
通道抠图的核心思想:找一张"人物是黑的、背景是白的"灰度图——通道就是选区的灰度表示:白色代表选中,黑色代表不选,灰色代表半选(半透明)。这句话是整节课的灵魂:选区本来只有"选 / 不选"两种状态,但通道用 256 级灰度表达了中间状态,发丝边缘那种"一半头发一半背景"的灰色,正好对应"一半选中",抠出来发丝就是半透明的、自然的。
为什么是通道而不是直接画选区?头发丝太细了,人手画不出来;但颜色通道是相机"免费"给的——找人物和背景颜色差异最大的那个通道(比如金发人物在蓝色通道里头发黑、背景亮),它天然就是一张接近完美的"人物剪影灰度图",我们只需要把它对比度拉开、修干净,就能直接当选区用。
例子:一张黑发姑娘站在浅色墙前的照片。看三个通道:红色通道里头发和墙都偏亮,对比弱;蓝色通道里头发几乎纯黑、墙接近纯白,对比最强——就用蓝色通道的复制品开工。复制一份再加工,是为了不破坏原通道(原通道动了,整张图的颜色就坏了)。
色阶在通道上到底做了什么?Ctrl+L 的直方图里,左滑块是黑场、右滑块是白场。把黑场滑块往右推,等于宣布"比这个还暗的统统算纯黑";把白场滑块往左推,等于"比这个还亮的统统算纯白"。在拷贝通道上这样推,人物就被"判"成黑、背景被"判"成白,中间的灰色过渡带(发丝)因为横跨黑白之间,被完整保留——这正是我们要的"实心黑 + 干净白 + 自然灰"。
通道抠图的适用边界:它要求人物和背景在某个通道里颜色差异大。如果姑娘穿了件和墙面同色的米白毛衣,三个通道里毛衣和墙都分不开,通道就无能为力了——这时要换思路:先用通道抠出头发,再用钢笔或套索补身体,分段抠、最后合并蒙版。没有一种方法包打天下,组合使用是常态。
🛠 跟做练习:通道抠头发丝完整流程
- 在 Photopea 打开一张"人物头发多、背景相对干净"的人像照片(
文件 → 打开)。 窗口 → 通道打开通道面板,逐个点红、绿、蓝通道,找到人物与背景黑白对比最强的那个(人物尽量黑、背景尽量白)。- 把这个通道拖到面板底部的新建图标上(或右键 → 复制通道),得到"蓝 拷贝"这样的新通道。⚠ 后面所有加工只动这个拷贝,原通道不动。
- 选中拷贝通道,
图像 → 调整 → 色阶(Ctrl+L):把左侧黑场滑块右移、右侧白场滑块左移,把人物压成纯黑、背景提成纯白。发丝边缘的灰色过渡要留着——灰=半透明,压没了头发就变"铁丝"了。 - 用画笔(
B)修干净:前景色设纯黑(按D再按X切换),把人物身体内部没压黑的地方涂黑;前景色切纯白,把背景里没提白的杂点涂白。目标:人物实心黑、背景干净白、发丝边缘自然灰。 - 按住
Ctrl点击拷贝通道的缩略图,载入选区(白色部分被选中)。也可以用选择 → 载入选区,通道选这个拷贝。 窗口 → 图层回到图层面板,确认选中人物图层,图层 → 栅格蒙版 → 显示选区——人物被抠出来了,背景变透明(棋盘格)。- 检查:在人物层下方新建图层(
Shift+Ctrl+N),填充一个和原背景反差大的纯色(比如大红),发丝边缘的问题会原形毕露。用画笔在蒙版上修:白色画笔恢复抠掉的头发,黑色画笔擦掉残留的背景边。 - 满意后删除检查用的纯色层,
文件 → 存储为 PSD保留通道和蒙版(过程分!)。
选择 → 反选(Shift+Ctrl+I)一下就行,黑白反了反选回来;④ 修通道用的画笔,硬度、不透明度都设 100%,别用柔边画笔涂大片——柔边会在通道里留下灰,载入选区后边缘发虚。第 3 课时(约1小时):钢笔路径抠图——硬边缘产品
讲解
路径是什么?路径是由锚点和连接锚点的线段组成的矢量轮廓。它不含像素,只是数学描述的"一圈线"——所以无限放大也不糊,改起来也容易(拖锚点就行)。钢笔工具就是用来画路径的。
为什么硬边缘用钢笔?杯子、手机的边缘是光滑的几何线条,钢笔的"直线段 + 曲线段"正好描述这种轮廓:直线部分点两个锚点就行,弧线部分拖出"手柄"调弧度。一个杯子二三十个锚点就勾完了,边缘干净利落,这是任何自动选区工具都给不了的精度。
锚点和手柄:单击=直角锚点(直线段);点住拖拽=平滑锚点,会拖出两条手柄,手柄的方向和长度控制曲线的弯曲。按住 Alt 点手柄端点可以单独折一边(转角)。听起来复杂,练十分钟就顺了——钢笔是肌肉记忆工具。
例子:抠一个马克杯:杯口椭圆用 4 个平滑锚点(上下左右各一,拖手柄调弧度),杯身直线用直角锚点,把手内圈再勾一圈。闭合后路径存好,转选区、羽化 1px、上蒙版,杯子干干净净站在新背景上。
手柄三招(练熟这三招,钢笔就通了):① 拖——点住拖拽出手柄,曲线跟着手柄走,手柄越长弧越弯;② 折——按住 Alt 点手柄端点,把一侧手柄"折断",一边弯一边直,适合杯口转杯身这种转角;③ 收——按住 Alt 点锚点本身,两侧手柄全收回,变回直角锚点。调错了别删锚点,直接按住 Ctrl 拖锚点或手柄微调,路径是活的。
路径的三种输出方式:勾好的路径不只是拿来抠图。路径面板底部有三个图标:① 虚线圆——转选区(本讲用的);② 灰度圆——直接生成矢量蒙版,边缘比选区转的更干净,推荐产品精修用它;③ 实心圆——填充路径(填颜色),做图标、色块时用。记住"路径是矢量草稿,想输出成什么都行",这是它比选区高级的地方。
多说一句:钢笔虽好,不是所有硬边缘都要上钢笔。边缘简单、精度要求不高的时候(比如随手裁个大概),多边形套索点几下更快。钢笔是"精度武器",留给产品精修、电商主图这种要放大的场景。工具没有高低,只有合适——这句话整个课程通用。
🛠 跟做练习:钢笔抠杯子
- 在 Photopea 打开一张杯子产品图。选钢笔工具(
P),确认选项栏是路径模式(不是形状)。 窗口 → 路径打开路径面板,准备好观察"工作路径"。- 沿杯子边缘顺时针打锚点:直线段单击,弧线段点住拖拽出手柄调弧度。杯口椭圆处放慢,每个弧线只用 1~2 个锚点——锚点越少曲线越顺。
- 回到起点单击闭合路径。路径面板里双击"工作路径",存为"路径 1"(不存的话下次点一下就没了)。
- 路径面板底部点"将路径作为选区载入"(虚线圆图标),羽化设
0~1px——产品抠图边缘要利,羽化大了发虚。 - 回到图层面板,
Ctrl+J(通过拷贝的图层),杯子被抠到新层。关掉原图层眼睛检查:边缘干净、无锯齿、无背景残留。 - 把抠好的杯子拖到一张纯色背景图上摆好,
文件 → 存储为 PSD(路径一起存下)。
🛠 进阶练习:钢笔抠手机
- 找一张手机产品图(直边多、四个圆角)。继续用钢笔(
P),路径模式。 - 四条直边用直角锚点(单击),四个圆角用平滑锚点(点住拖出手柄,调到弧度贴合)。
- 屏幕如果是亮的、和机身颜色差异大,可以单独勾一圈屏幕路径,转选区后单独调亮度——这是"分段处理"的思想:不同材质分开抠、分别调。
- 路径存好 → 转选区(羽化 1px)→
Ctrl+J拷贝成层 → 换背景检查。
第 4 课时(约1小时):综合案例——人物换背景
讲解
综合案例的思路:真实项目从来不是"只抠图"。一张"人物换背景海报底图"要过四关:① 选对方法抠出来;② 修好边缘(调整边缘去白边、去杂色);③ 摆好构图(人物和新背景的位置、大小、透视);④ 统一色调(人物和背景的光源方向、色温、明暗一致,不然一眼假)。前两关是本讲学的,后两关调用第 2 讲的变换和第 5 讲预告的调色——知识是连起来的。
为什么色调统一最重要?新手换背景,抠得再干净也"假",九成是色调问题:正午拍的人物放在黄昏的背景里,脸是冷白的、背景是暖黄的,大脑一眼识破。解决方法:给人物层单独加调整图层(只影响人物,用剪贴蒙版限制范围),把色温、明暗往背景上靠。
例子:把一张室内白炽灯下拍的姑娘,换到一张海边日落背景上。抠图用通道(长发);调整边缘去白边;人物缩小放右下三分点;然后给人物加"色彩平衡"调整图层(剪贴蒙版):加黄减蓝,压一点亮度——人物立刻"坐进"了黄昏里。最后统一加个轻微暗角,合成感消失。
光源方向三看法(不看光,合成必假):① 看阴影——背景里树、建筑的影子倒向哪边,光就从反方向来;② 看高光——背景里最亮的面朝哪,人物最亮的面也要朝哪;③ 看色温——正午是冷白、黄昏是暖黄、室内灯是橘黄,人物脸上的颜色要往背景的色温靠。方向反了就水平翻转人物层,色温不对就用色彩平衡调,宁可多花十分钟对光,不返工三小时。
构图三招(人物摆进去不别扭):① 三分法——人物眼睛放在画面上三分之一线附近,这是最稳的构图;② 视线留白——人物脸朝哪边,哪边多留空间,脸贴着画面边缘会憋屈;③ 大小透视——人物脚下要有"站"的地方,远景背景里的人要小、近景要大,凭空悬浮的人再真也假。摆完后退三步眯眼看,顺眼了再往下做。
为什么调整图层必须加剪贴蒙版?调整图层默认影响它下面的所有图层。你只想调人物、不想动背景,就要在调整图层和人物层之间建剪贴蒙版:按住 Alt 点击两层之间的分界线,调整图层缩进并带个小箭头,表示"只对下层生效"。这是第 2 讲学过的知识,在这里是必用技——综合项目里"只动局部"是常态,剪贴蒙版就是"作用范围限定器"。
🛠 跟做练习:人物换背景综合
- 准备两张图:人物照(头发较多为佳)、一张风景/纯色新背景。在 Photopea 里都打开。
- 第 1 关 · 抠图:按第 2 课时流程做通道抠图——复制对比最强的通道 → 色阶拉开 → 画笔修干净 →
Ctrl+点通道缩略图载入选区 → 回图层加蒙版(图层 → 栅格蒙版 → 显示选区)。 - 第 2 关 · 修边缘:选中人物图层,
选择 → 调整边缘:适当调大"边缘检测"半径让发丝被识别,开一点平滑和羽化(0.5~1px),勾选"净化颜色"去白边,输出到"图层蒙版"。 - 第 3 关 · 合成:把人物层拖到新背景文档里(移动工具
V直接拖),Ctrl+T自由变换调大小位置。检查光源方向:背景光从左边来,人物脸上的光也应在左边——反了就编辑 → 变换 → 水平翻转人物层。 - 第 4 关 · 色调统一:选中人物层,
图层 → 新建调整图层 → 色彩平衡,按住Alt点人物层和调整层之间创建剪贴蒙版(只调人物)。往背景的色温靠:背景暖就加黄加红,背景冷就加蓝;再建一个"色阶"调整图层(同样剪贴蒙版)把人物明暗压到和背景同一档。 - 加投影接地气:人物层下方新建图层,椭圆选框在脚下拉个椭圆,填充黑色,
滤镜 → 模糊 → 高斯模糊,不透明度降到 30% 左右。 - 整体检查三遍:边缘(放大 200% 看发丝)、色调(眯眼看人物和背景融不融)、构图(人物位置顺不顺)。
文件 → 存储为 PSD(保留通道、路径、蒙版、调整图层全过程),再文件 → 导出为 → JPG交一张成品。
课后作业
找一张有人物的照片(自己拍或网上找,有头发细节的优先),给它换一个背景,完成一张合成图。
- 交付两个文件:PSD 源文件 + JPG 成品。
- PSD 里必须保留过程:复制的通道不要删、路径不要删、蒙版不要合并、调整图层不要合并——老师要看你每一步。
- 评分看三点:边缘干净度(发丝/轮廓)、色调统一度(人物坐不坐得进背景)、构图合理性。
- 文件命名用"学号_姓名_第4讲",别叫"新建文档1""最终版2"——老师一批 60 份作业,命名乱的直接影响心情;规范命名也是职业习惯,从现在养成。
本讲小结
抠图没有银弹,只有选型。记住这张表,下次拿到图先查表再动手——动手前先按第 1 课时的难度分级表定级,★★ 的图别用 ★★★★ 的力气。
| 边缘类型 | 例子 | 用什么方法 | 关键点 |
|---|---|---|---|
| 硬边缘 | 杯子、手机、建筑 | 钢笔路径 | 锚点宁少勿多;存好路径;羽化 0~1px |
| 软边缘 | 头发、动物皮毛、婚纱 | 通道抠图 | 通道=选区的灰度表示:白选黑不选;灰是宝,别压没 |
| 半透明 | 玻璃、烟雾、水花 | 通道抠图 | 灰度天然表达透明度;配合蒙版浓度微调 |
| 纯色背景 | 证件照、抠图素材 | 魔棒 / 快速选择(第 3 讲) | 先易后难,别动不动就上通道钢笔 |
翻车现场:三个真实案例
- 白边:人物换背景后,发丝周围一圈淡淡的原背景色——调整边缘时没开"净化颜色",或者蒙版边缘没收干净。修法:回调整边缘勾选净化颜色,或在蒙版上用黑色小画笔沿边缘轻擦。
- 头发变钢丝:抠出来的头发又黑又硬、没有过渡——通道上色阶拉太狠,把发丝的灰色过渡压成了纯黑。修法:重做通道那一步,黑场白场滑块各往回退一点,保住灰。
- 合成假:边缘挺干净,但人物像贴纸——九成是明暗没对上,其次是色温。修法:先对明暗(色阶/曲线剪贴蒙版压到和背景同一档),再对颜色(色彩平衡往背景色温靠),最后加投影接地。
综合案例的四关——选对方法、修好边缘、摆好构图、统一色调——是所有合成项目的通用流程,第 12 讲做毕业项目时还会用。下一讲我们学调色,解决"统一色调"里更系统的那一半。
交作业前检查清单
- 放大 200% 看边缘:发丝有没有断、硬边缘有没有锯齿、有没有一圈白边/黑边;
- 眯眼看整体:人物和背景的明暗、颜色融不融,有没有"浮"起来的感觉;
- 看光源:人物脸上的光和背景的光是不是同一个方向、同一个色温;
- 看过程:PSD 里通道拷贝、路径、蒙版、调整图层都在,没有合并图层、没有直接删像素。