← 课程目录第 4 讲 · 4 小时
课程目录 / 模块二 / 第4讲

第 4 讲 · 抠图实战

《Photoshop CC 图形图像制作》· 64学时 · 第 4 讲 / 共 12 讲 · 建议 4 小时

学习目标

4 小时安排

课时内容练习
第 1 课时抠图思路总览:先看边缘,再选方法(硬边缘 / 软边缘 / 半透明)三张样图判断边缘类型、写出选用的方法及理由
第 2 课时通道抠图:通道是选区的灰度表示,头发丝抠图全流程通道抠头发丝完整流程
第 3 课时钢笔路径抠图:锚点、手柄、闭合路径,硬边缘产品抠图钢笔抠杯子
第 4 课时综合案例:人物换背景(抠图 + 调整边缘 + 色调统一)人物换背景海报底图

第 1 课时(约1小时):抠图思路总览——先看边缘,再选方法

讲解

抠图的定义:把图片里想要的部分"选出来",和背景分离。注意,抠图没有独立的"抠图工具",它的本质就是第 3 讲学的选区——选区做得越准,抠得越干净。所有抠图方法,最后一步都是得到一个选区(或蒙版)。

为什么不能一种方法抠到底?因为"边缘"不一样。想象你要沿着物体的轮廓剪纸:剪一个杯子,边缘是光滑的直线和弧线,好剪;剪一个人的头发,边缘是几千根细丝,每根都半透明,剪刀根本下不去。不同的边缘难度,需要不同的"剪刀"。

三种边缘,三种剪刀:

例子:电商主图要抠一个白色杯子放纯色背景上——杯子边缘硬,用钢笔,10 分钟搞定;写真馆要给长发姑娘换背景——头发丝用钢笔会累死,用通道抠图,发丝一根不少。方法选错,事倍功半;方法选对,抠图就是体力活。

另外记住第 3 讲的老朋友:如果背景是干净的纯色(比如证件照蓝底),魔棒 / 快速选择选背景、反选一下就行,不必动用通道和钢笔。先易后难,是抠图的第一纪律。

抠图的通用四步法(所有方法都一样):① 选方法——看边缘选剪刀(本课时);② 做选区——用通道、路径或魔棒得到选区;③ 上蒙版——不直接删像素,而是加图层蒙版(黑藏白显),错了还能改回来;④ 修边缘——调整边缘、蒙版上画笔修细节。记住"永远别在原图上直接删",蒙版是抠图的安全带,第 3 讲学选区时这条纪律就立下了。

选区、蒙版、通道三者的关系(一次讲透):这三个词学生最容易混,其实是一回事的三种"长相"。选区是"蚂蚁线"——看得见边界,但只有选/不选两种状态;蒙版是"灰度图"——贴在图层上,黑藏白显、灰半透明;通道也是"灰度图"——存在通道面板里,白选黑不选。所以流程是:通道(灰度)→ 载入成选区(蚂蚁线)→ 生成蒙版(灰度)。蒙版本质上就是"贴在图层上的通道"。理解了这一层,通道抠图就不是魔法,而是把一张现成的灰度图"借"来当选区用。

抠图难度分级(拿到图先定级):

难度长什么样例子方法
★ 入门背景纯色、边缘清晰证件照、白底产品图魔棒 / 快速选择
★★ 进阶背景复杂、边缘硬街拍的杯子、手机钢笔路径
★★★ 困难边缘有绒毛、发丝长发人物、宠物通道抠图
★★★★ 地狱半透明、和背景同色玻璃杯、烟雾、白毛衣配白墙通道 + 分段抠 + 手工修

定级的作用是管理预期:★★ 的图 15 分钟搞定,★★★★ 的图一下午都正常。接到活先定级,再报价、再排时间,这是吃饭的本事。

🛠 跟做练习:看图选方法

  1. 在 Photopea 里打开三张样图:① 白底上的不锈钢杯子;② 户外逆光的长发人物;③ 玻璃高脚杯。
  2. 对每张图,先用肉眼判断边缘类型(硬边缘 / 软边缘 / 半透明),写在纸上。
  3. 再写出你选用的抠图方法及一句话理由(例:"图②是软边缘,头发丝多,用通道抠图保留发丝过渡")。
  4. 对照答案:① 钢笔路径;② 通道抠图;③ 通道抠图(玻璃的半透明靠灰度表达)。
⚠ 易错点:新手最容易"拿到图就上钢笔",不管头发还是烟雾全用钢笔描——描三小时还描不像。记住口诀:硬的用钢笔,毛的用通道,纯色背景用魔棒。选方法这一步,决定了后面三小时是享受还是受罪。

第 2 课时(约1小时):通道抠图——头发丝抠图

讲解

通道是什么?第 1 讲学过,RGB 图像由红、绿、蓝三个通道组成,每个通道都是一张灰度图:越亮表示这个颜色成分越多。比如一张蓝天照片,蓝色通道里天空是白的(蓝色多),地面是黑的(蓝色少)。

通道抠图的核心思想:找一张"人物是黑的、背景是白的"灰度图——通道就是选区的灰度表示:白色代表选中,黑色代表不选,灰色代表半选(半透明)。这句话是整节课的灵魂:选区本来只有"选 / 不选"两种状态,但通道用 256 级灰度表达了中间状态,发丝边缘那种"一半头发一半背景"的灰色,正好对应"一半选中",抠出来发丝就是半透明的、自然的。

为什么是通道而不是直接画选区?头发丝太细了,人手画不出来;但颜色通道是相机"免费"给的——找人物和背景颜色差异最大的那个通道(比如金发人物在蓝色通道里头发黑、背景亮),它天然就是一张接近完美的"人物剪影灰度图",我们只需要把它对比度拉开、修干净,就能直接当选区用。

例子:一张黑发姑娘站在浅色墙前的照片。看三个通道:红色通道里头发和墙都偏亮,对比弱;蓝色通道里头发几乎纯黑、墙接近纯白,对比最强——就用蓝色通道的复制品开工。复制一份再加工,是为了不破坏原通道(原通道动了,整张图的颜色就坏了)。

色阶在通道上到底做了什么?Ctrl+L 的直方图里,左滑块是黑场、右滑块是白场。把黑场滑块往右推,等于宣布"比这个还暗的统统算纯黑";把白场滑块往左推,等于"比这个还亮的统统算纯白"。在拷贝通道上这样推,人物就被"判"成黑、背景被"判"成白,中间的灰色过渡带(发丝)因为横跨黑白之间,被完整保留——这正是我们要的"实心黑 + 干净白 + 自然灰"。

通道抠图的适用边界:它要求人物和背景在某个通道里颜色差异大。如果姑娘穿了件和墙面同色的米白毛衣,三个通道里毛衣和墙都分不开,通道就无能为力了——这时要换思路:先用通道抠出头发,再用钢笔或套索补身体,分段抠、最后合并蒙版。没有一种方法包打天下,组合使用是常态。

🛠 跟做练习:通道抠头发丝完整流程

  1. 在 Photopea 打开一张"人物头发多、背景相对干净"的人像照片(文件 → 打开)。
  2. 窗口 → 通道打开通道面板,逐个点红、绿、蓝通道,找到人物与背景黑白对比最强的那个(人物尽量黑、背景尽量白)。
  3. 把这个通道拖到面板底部的新建图标上(或右键 → 复制通道),得到"蓝 拷贝"这样的新通道。⚠ 后面所有加工只动这个拷贝,原通道不动。
  4. 选中拷贝通道,图像 → 调整 → 色阶(Ctrl+L):把左侧黑场滑块右移、右侧白场滑块左移,把人物压成纯黑、背景提成纯白。发丝边缘的灰色过渡要留着——灰=半透明,压没了头发就变"铁丝"了。
  5. 用画笔(B)修干净:前景色设纯黑(按D再按X切换),把人物身体内部没压黑的地方涂黑;前景色切纯白,把背景里没提白的杂点涂白。目标:人物实心黑、背景干净白、发丝边缘自然灰。
  6. 按住 Ctrl 点击拷贝通道的缩略图,载入选区(白色部分被选中)。也可以用选择 → 载入选区,通道选这个拷贝。
  7. 窗口 → 图层回到图层面板,确认选中人物图层,图层 → 栅格蒙版 → 显示选区——人物被抠出来了,背景变透明(棋盘格)。
  8. 检查:在人物层下方新建图层(Shift+Ctrl+N),填充一个和原背景反差大的纯色(比如大红),发丝边缘的问题会原形毕露。用画笔在蒙版上修:白色画笔恢复抠掉的头发,黑色画笔擦掉残留的背景边。
  9. 满意后删除检查用的纯色层,文件 → 存储为 PSD保留通道和蒙版(过程分!)。
⚠ 易错点:① 在原通道上直接调色阶——原通道一坏整图颜色就偏了,必须复制后再加工;② 色阶拉太狠,把发丝的灰色过渡压成纯黑白,抠出来头发像钢丝——记住"灰是宝";③ 载入选区后发现选中的是背景不是人物——没关系,选择 → 反选(Shift+Ctrl+I)一下就行,黑白反了反选回来;④ 修通道用的画笔,硬度、不透明度都设 100%,别用柔边画笔涂大片——柔边会在通道里留下灰,载入选区后边缘发虚。

第 3 课时(约1小时):钢笔路径抠图——硬边缘产品

讲解

路径是什么?路径是由锚点和连接锚点的线段组成的矢量轮廓。它不含像素,只是数学描述的"一圈线"——所以无限放大也不糊,改起来也容易(拖锚点就行)。钢笔工具就是用来画路径的。

为什么硬边缘用钢笔?杯子、手机的边缘是光滑的几何线条,钢笔的"直线段 + 曲线段"正好描述这种轮廓:直线部分点两个锚点就行,弧线部分拖出"手柄"调弧度。一个杯子二三十个锚点就勾完了,边缘干净利落,这是任何自动选区工具都给不了的精度。

锚点和手柄:单击=直角锚点(直线段);点住拖拽=平滑锚点,会拖出两条手柄,手柄的方向和长度控制曲线的弯曲。按住 Alt 点手柄端点可以单独折一边(转角)。听起来复杂,练十分钟就顺了——钢笔是肌肉记忆工具。

例子:抠一个马克杯:杯口椭圆用 4 个平滑锚点(上下左右各一,拖手柄调弧度),杯身直线用直角锚点,把手内圈再勾一圈。闭合后路径存好,转选区、羽化 1px、上蒙版,杯子干干净净站在新背景上。

手柄三招(练熟这三招,钢笔就通了):① 拖——点住拖拽出手柄,曲线跟着手柄走,手柄越长弧越弯;② 折——按住 Alt 点手柄端点,把一侧手柄"折断",一边弯一边直,适合杯口转杯身这种转角;③ 收——按住 Alt 点锚点本身,两侧手柄全收回,变回直角锚点。调错了别删锚点,直接按住 Ctrl 拖锚点或手柄微调,路径是活的。

路径的三种输出方式:勾好的路径不只是拿来抠图。路径面板底部有三个图标:① 虚线圆——转选区(本讲用的);② 灰度圆——直接生成矢量蒙版,边缘比选区转的更干净,推荐产品精修用它;③ 实心圆——填充路径(填颜色),做图标、色块时用。记住"路径是矢量草稿,想输出成什么都行",这是它比选区高级的地方。

多说一句:钢笔虽好,不是所有硬边缘都要上钢笔。边缘简单、精度要求不高的时候(比如随手裁个大概),多边形套索点几下更快。钢笔是"精度武器",留给产品精修、电商主图这种要放大的场景。工具没有高低,只有合适——这句话整个课程通用。

🛠 跟做练习:钢笔抠杯子

  1. 在 Photopea 打开一张杯子产品图。选钢笔工具(P),确认选项栏是路径模式(不是形状)。
  2. 窗口 → 路径打开路径面板,准备好观察"工作路径"。
  3. 沿杯子边缘顺时针打锚点:直线段单击,弧线段点住拖拽出手柄调弧度。杯口椭圆处放慢,每个弧线只用 1~2 个锚点——锚点越少曲线越顺。
  4. 回到起点单击闭合路径。路径面板里双击"工作路径",存为"路径 1"(不存的话下次点一下就没了)。
  5. 路径面板底部点"将路径作为选区载入"(虚线圆图标),羽化设 0~1 px——产品抠图边缘要利,羽化大了发虚。
  6. 回到图层面板,Ctrl+J(通过拷贝的图层),杯子被抠到新层。关掉原图层眼睛检查:边缘干净、无锯齿、无背景残留。
  7. 把抠好的杯子拖到一张纯色背景图上摆好,文件 → 存储为 PSD(路径一起存下)。

🛠 进阶练习:钢笔抠手机

  1. 找一张手机产品图(直边多、四个圆角)。继续用钢笔(P),路径模式。
  2. 四条直边用直角锚点(单击),四个圆角用平滑锚点(点住拖出手柄,调到弧度贴合)。
  3. 屏幕如果是亮的、和机身颜色差异大,可以单独勾一圈屏幕路径,转选区后单独调亮度——这是"分段处理"的思想:不同材质分开抠、分别调。
  4. 路径存好 → 转选区(羽化 1px)→ Ctrl+J 拷贝成层 → 换背景检查。
⚠ 易错点:① 锚点打太多,路径变成"鸡爪"——记住直线 2 点、圆弧 4 点,宁少勿多;② 忘了存路径,"工作路径"一点别的就没了,白描;③ 杯子内部的把手洞没勾——路径可以画两个闭合圈(一大一小),转选区时用"减去"模式,先看本讲选型,复杂洞洞下节课深讲。

第 4 课时(约1小时):综合案例——人物换背景

讲解

综合案例的思路:真实项目从来不是"只抠图"。一张"人物换背景海报底图"要过四关:① 选对方法抠出来;② 修好边缘(调整边缘去白边、去杂色);③ 摆好构图(人物和新背景的位置、大小、透视);④ 统一色调(人物和背景的光源方向、色温、明暗一致,不然一眼假)。前两关是本讲学的,后两关调用第 2 讲的变换和第 5 讲预告的调色——知识是连起来的。

为什么色调统一最重要?新手换背景,抠得再干净也"假",九成是色调问题:正午拍的人物放在黄昏的背景里,脸是冷白的、背景是暖黄的,大脑一眼识破。解决方法:给人物层单独加调整图层(只影响人物,用剪贴蒙版限制范围),把色温、明暗往背景上靠。

例子:把一张室内白炽灯下拍的姑娘,换到一张海边日落背景上。抠图用通道(长发);调整边缘去白边;人物缩小放右下三分点;然后给人物加"色彩平衡"调整图层(剪贴蒙版):加黄减蓝,压一点亮度——人物立刻"坐进"了黄昏里。最后统一加个轻微暗角,合成感消失。

光源方向三看法(不看光,合成必假):① 看阴影——背景里树、建筑的影子倒向哪边,光就从反方向来;② 看高光——背景里最亮的面朝哪,人物最亮的面也要朝哪;③ 看色温——正午是冷白、黄昏是暖黄、室内灯是橘黄,人物脸上的颜色要往背景的色温靠。方向反了就水平翻转人物层,色温不对就用色彩平衡调,宁可多花十分钟对光,不返工三小时。

构图三招(人物摆进去不别扭):① 三分法——人物眼睛放在画面上三分之一线附近,这是最稳的构图;② 视线留白——人物脸朝哪边,哪边多留空间,脸贴着画面边缘会憋屈;③ 大小透视——人物脚下要有"站"的地方,远景背景里的人要小、近景要大,凭空悬浮的人再真也假。摆完后退三步眯眼看,顺眼了再往下做。

为什么调整图层必须加剪贴蒙版?调整图层默认影响它下面的所有图层。你只想调人物、不想动背景,就要在调整图层和人物层之间建剪贴蒙版:按住 Alt 点击两层之间的分界线,调整图层缩进并带个小箭头,表示"只对下层生效"。这是第 2 讲学过的知识,在这里是必用技——综合项目里"只动局部"是常态,剪贴蒙版就是"作用范围限定器"。

🛠 跟做练习:人物换背景综合

  1. 准备两张图:人物照(头发较多为佳)、一张风景/纯色新背景。在 Photopea 里都打开。
  2. 第 1 关 · 抠图:按第 2 课时流程做通道抠图——复制对比最强的通道 → 色阶拉开 → 画笔修干净 → Ctrl+点通道缩略图载入选区 → 回图层加蒙版(图层 → 栅格蒙版 → 显示选区)。
  3. 第 2 关 · 修边缘:选中人物图层,选择 → 调整边缘:适当调大"边缘检测"半径让发丝被识别,开一点平滑和羽化(0.5~1px),勾选"净化颜色"去白边,输出到"图层蒙版"。
  4. 第 3 关 · 合成:把人物层拖到新背景文档里(移动工具 V 直接拖),Ctrl+T 自由变换调大小位置。检查光源方向:背景光从左边来,人物脸上的光也应在左边——反了就编辑 → 变换 → 水平翻转人物层。
  5. 第 4 关 · 色调统一:选中人物层,图层 → 新建调整图层 → 色彩平衡,按住 Alt 点人物层和调整层之间创建剪贴蒙版(只调人物)。往背景的色温靠:背景暖就加黄加红,背景冷就加蓝;再建一个"色阶"调整图层(同样剪贴蒙版)把人物明暗压到和背景同一档。
  6. 加投影接地气:人物层下方新建图层,椭圆选框在脚下拉个椭圆,填充黑色,滤镜 → 模糊 → 高斯模糊,不透明度降到 30% 左右。
  7. 整体检查三遍:边缘(放大 200% 看发丝)、色调(眯眼看人物和背景融不融)、构图(人物位置顺不顺)。文件 → 存储为 PSD(保留通道、路径、蒙版、调整图层全过程),再文件 → 导出为 → JPG交一张成品。
⚠ 易错点:① 调整图层忘了加剪贴蒙版,把背景也一起调了——调完发现背景变色了,就是这步漏了;② 投影不加,人物像"浮"在背景上;③ 色调统一只调颜色不调明暗——明暗不一致比颜色不一致更显假,先对明暗再对颜色。

课后作业

找一张有人物的照片(自己拍或网上找,有头发细节的优先),给它换一个背景,完成一张合成图。

本讲小结

抠图没有银弹,只有选型。记住这张表,下次拿到图先查表再动手——动手前先按第 1 课时的难度分级表定级,★★ 的图别用 ★★★★ 的力气。

边缘类型例子用什么方法关键点
硬边缘杯子、手机、建筑钢笔路径锚点宁少勿多;存好路径;羽化 0~1px
软边缘头发、动物皮毛、婚纱通道抠图通道=选区的灰度表示:白选黑不选;灰是宝,别压没
半透明玻璃、烟雾、水花通道抠图灰度天然表达透明度;配合蒙版浓度微调
纯色背景证件照、抠图素材魔棒 / 快速选择(第 3 讲)先易后难,别动不动就上通道钢笔

翻车现场:三个真实案例

综合案例的四关——选对方法、修好边缘、摆好构图、统一色调——是所有合成项目的通用流程,第 12 讲做毕业项目时还会用。下一讲我们学调色,解决"统一色调"里更系统的那一半。

交作业前检查清单