Photoshop网页美工设计
上QQ阅读APP看书,第一时间看更新

2.3 网页图片抠图

抠图是选择图片的一种应用技巧,对于设计者来说,抠图技术是一种必备技能,设计的本身就是抠取不同的图片进行创新、重新组合的过程。Photoshop作为目前最常用的位图处理软件,在抠取图片方面提供了多种工具和方法。本章将对抠图基础知识、抠图工具及应用操作进行详细讲解。

2.3.1 简单形状抠图

Photoshop提供了一些常规几何形状选框工具,利用这些工具可以快速地选择图片中外形相对规则的对象。选框工具包括矩形选框工具、椭圆选框工具、单行选框工具、单列选框工具。

1.矩形选框工具

矩形选框工具用于创建矩形选区,适用于选择长方形或正方形的形状,如网页中常见的矩形按钮、矩形区域、矩形图片等。单击工具箱中的“矩形选框工具”按钮,会显示如图2-28所示的矩形选框工具选项栏。下面对各选项进行说明。

图2-28 矩形选框工具选项栏

1)选区工作模式主要有以下几种。

● 新选区:在图片中创建新的选区,如果之前存在选区,则该选区会被取代。

● 添加到选区:在图片中创建多个选区,此模式下光标显示为“十”形状。

● 从选区中减少:从已存在的选区中减去新绘制的选区。此模式下光标显示为“十”形状。

● 与选区交叉:保留已存在选区与新绘制选区相交的部分。此模式下光标显示为“十×”形状。

2)羽化。羽化是建立选区和选区周围像素之间的过渡模糊边缘。可在文本框中输入数值来控制羽化范围。

3)样式。样式用于设置选区的形状。“正常”选项为系统默认设置,通过鼠标拖动形成矩形选区;“固定比例”选项能自动设置选区的宽度和高度的比例;“固定大小”选项用输入值来固定选区的尺寸。

4)调整边缘。单击“调整边缘”按钮,弹出“调整边缘”对话框,利用半径、双比度、平滑等选项对选区进行调控。

案例1 用矩形选框工具实现镜框抠图

【案例效果】第2章\A201.jpg,如图2-29所示。

【素材文件】第2章\201.jpg,如图2-30所示。

图2-29 案例效果

图2-30 案例素材

【主要知识点】

用矩形选框工具建立矩形选区。

对选区进行剪切、复制、粘贴等操作。

【操作过程】

1)启动Photoshop软件,打开素材201.jpg。

2)单击工具箱中的“矩形选框工具”按钮,按住鼠标左键不放,从图片的左上角拖动至右下角,出现矩形的选区,如图2-31所示。

3)执行“编辑”→“剪切”菜单命令或“编辑”→“拷贝”菜单命令,或者按〈Ctrl+X〉或〈Ctrl+C〉组合键。然后执行“编辑”→“粘贴”菜单命令(或按〈Ctrl+V〉组合键)。最终效果如图2-32所示。

图2-31 矩形选区

图2-32 最终效果

4)执行“文件”→“存储为”菜单命令,弹出“存储为”对话框,将文件保存为A201.jpg。

2.椭圆选框工具

椭圆选框工具用于创建圆形和椭圆形选区,适用于选择圆形或椭圆形的形状,如网页中常见的圆形按钮、圆形栏目区域、圆形图片等。单击工具箱中的“椭圆选框工具”按钮,会显示如图2-33所示的椭圆选框工具选项栏。

图2-33 椭圆选框工具选项栏

椭圆选框工具与矩形选框工具的选项设置方法相同,只需单击工具箱中的“椭圆选框工具”按钮,然后在图片中拖动即可创建选区。

案例2 用椭圆选框工具实现花朵抠图

【案例效果】第2章\A202.jpg,如图2-34所示。

【素材文件】第2章\202.jpg,如图2-35所示。

图2-34 案例效果

图2-35 案例素材

【主要知识点】

用椭圆选框工具建椭圆形选区。

对选区进行编辑、变换等操作。

利用羽化效果来加强抠图效果。

【操作过程】

1)启动Photoshop软件,打开素材202.jpg。

2)执行“视图”→“标尺”菜单命令,拖动水平和垂直标尺线到花蕊的中心位置。单击工具箱中的“椭圆选框工具”按钮,在选项栏中设置“羽化”为5像素。将光标定位在标尺线的相交位置,按住〈Shift+Alt〉组合键的同时拖动鼠标,出现如图2-36所示的圆形选区。

3)执行“选择”→“变换选区”菜单命令出现变换点,如图2-37所示。调整选区的大小和形状,圈出完整的图片效果,如图2-38所示。

图2-36 创建圆形选区

图2-37 变换选区

4)执行“编辑”→“剪切”菜单命令或“编辑”→“拷贝”菜单命令。然后执行“编辑”→“粘贴”菜单命令。最终效果如图2-39所示。

图2-38 变换为椭圆形选区

图2-39 最终效果

5)执行“文件”→“存储为”菜单命令,弹出“存储为”对话框,将文件保存为A202.jpg。

技巧分享

在使用矩形选框或椭圆选框工具时,按住〈Shift〉键可以创建正方形或正圆形选区,按住〈Alt〉键将以单击点为中心向外创建矩形或圆形选区,按住〈Shift+Alt〉组合键将以单击点为中心向外创建正方形或正圆形选区。

3.单行/单列选框工具

单行/单列选框工具用于创建高度/宽度为1像素的矩形选区,适用于网页中1像素高/宽的横线/竖线的绘制。单击工具箱中的“单行/单列选框工具”按钮,会分别显示如图2-40所示的单行选框工具选项栏和如图2-41所示的单列选框工具选项栏。

图2-40 单行选框工具选项栏

图2-41 单列选框工具选项栏

选择单行/单列选框工具后,在工作区中单击即可创建1像素选区,拖动鼠标可移动选区。

案例3 用单行/单列选框工具实现1像素线条添加

【案例效果】第2章\A203.jpg,如图2-42所示。

【素材文件】第2章\203.jpg,如图2-43所示。

图2-42 案例效果

图2-43 案例素材

【主要知识点】

用单行/单列选框工具建立1像素选区。

对选区进行编辑、变换选区等操作。

【操作过程】

1)启动Photoshop软件,打开素材203.jpg。

2)分别单击工具箱中的“单行选框工具”按钮和“单列选框工具”按钮,在选项栏中都设置选区工作模式为“添加到选区”。分别在图片左下端和右上端单击,绘制出6条横竖相交叉的线。效果如图2-44所示。

3)单击工具箱中的“矩形选框工具”按钮,在选项栏中设置选区工作模式为“从选区减去”,利用矩形选区减去部分1像素线选区。效果如图2-45所示。

图2-44 创建单行/单列选区

图2-45 删减选区

4)打开“图层”面板,新建图层。执行“编辑”→“描边”菜单命令,弹出“描边”对话框,设置“宽度”为“1像素”,“颜色”为# dbc172,其他保持默认设置,如图2-46所示。

5)调整后单击“确定”按钮,最终效果如图2-47所示。

图2-46 “描边”对话框

图2-47 最终效果

6)执行“文件”→“存储为”菜单命令,弹出“存储为”对话框,将文件保存为A203.jpg。

2.3.2 单一背景色图片抠图

抠图方法可分为两种,一种是以形状工具为主实现抠图,如选框工具、套索类工具、钢笔工具等;另一种是以颜色识别为主实现抠图,如使用魔棒工具、快速选择工具、通道等。适用于第二种抠图方法的图片的特点是前景与背景有较明显的颜色差别,便于对颜色的识别。本节将从背景为单一色和复杂色两种情况进行探讨。所谓单一背景色是指背景色为一种纯色,且前景与背景有明显的颜色差别,这种情况主要使用魔棒工具、快速选择工具等。

1.魔棒工具

魔棒工具可以基于色调和颜色差异创建选区。通过单击可选取与该单击点颜色相同或相近的像素区域,适合于前景与背景颜色差异较明显的情况。单击工具箱中的“魔棒工具”按钮,会显示如图2-48所示的魔棒工具选项栏。下面对各选项进行说明。

图2-48 魔棒工具选项栏

1)取样大小。该项用于设置取样范围的大小。“取样点”可取样单击点的颜色像素值;“3×3平均”可取样单击点3个像素范围内的平均颜色值。

2)容差。该项用于设置选择范围的大小。

3)连续。勾选该复选框,可选择颜色相近的连续区域;反之可选择所有与单击点颜色相近的区域。

4)对所有图层取样。勾选该复选框,可选择所有图层上颜色相近的区域;反之仅选择当前图层。

选项栏中的选区工作模式、“消除锯齿”复选框与选框工具的功能相同,不再赘述。

案例1 用魔棒工具实现兔子抠图

【案例效果】第2章\A204.jpg,如图2-49所示。

【素材文件】第2章\204.jpg,如图2-50所示。

图2-49 案例效果

图2-50 案例素材

【主要知识点】

用魔棒工具建立选区。

对选区进行收缩、剪切/复制、粘贴等操作。

【操作过程】

1)启动Photoshop软件,打开素材204.jpg。

2)单击工具箱中的“魔棒工具”按钮,在选项栏中设置“容差”为30,单击“添加到选区”按钮。

3)在图片中的背景处连续单击,直到将整个背景都添加到选区,如图2-51所示。按〈Delete〉键删除背景,效果如图2-52所示。

图2-51 魔棒选区

图2-52 删除背景

4)执行“选择”→“反向”菜单命令,将选区反选为兔子。执行“选择”→“修改”→“收缩”菜单命令,弹出“收缩选区”对话框,设置“收缩量”为4像素,单击“确定”按钮,如图2-53所示。效果如图2-54所示。

5)再次执行选区反选操作,按〈Delete〉键。最终效果如图2-55所示。

图2-53 “收缩选区”对话框

图2-54 选区收缩后

图2-55 最终效果

6)执行“文件”→“存储为”菜单命令,弹出“存储为”对话框,将文件保存为A204.jpg。

2.快速选择工具

快速选择工具可以像绘画一样向外扩展,并自动查找和跟随图片中定义的边缘涂抹出选区。单击工具箱中的“快速选择工具”按钮,会显示如图2-56所示的快速选择工具选项栏。下面对各选项进行说明。

图2-56 快速选择工具选项栏

1)选择运算按钮。该项用于设置选区计算方式。“新选区”可创建一个新的选区;“添加到选区”可在原选区基础上添加绘制的选区;“从选区减去”可在原选区基础上减去当前绘制的选区。

2)画笔选取器。该项用于设置画笔的大小、硬度和间距。

3)对所有图层取样。勾选该复选框,可对所有图层创建选区。

4)自动增强。勾选该复选框,可将选区向图片边缘进一步流动并应用一些边缘调整,减少边缘的粗糙度和锯齿。

案例2 用快速选择工具实现荷花抠图

【案例效果】第2章\A205.jpg,如图2-57所示。

【素材文件】第2章\205.jpg,如图2-58所示。

图2-57 案例效果

图2-58 案例素材

【主要知识点】

用快速选择工具建立选区。

对选区进行编辑与调整等操作。

【操作过程】

1)启动Photoshop软件,打开素材205.jpg。

2)单击工具箱中的“快速选择工具”按钮,在选项栏中单击“添加到选区”按钮,勾选“自动增强”复选框。

3)在荷花与叶子相连的边缘处不断单击,直到将整个花朵添加到选区为止,如图2-59所示。

4)在“图层”面板中,对当前图层进行选区剪切,新建图层并进行粘贴,隐藏背景图层。最终效果如图2-60所示。

5)执行“文件”→“存储为”菜单命令,弹出“存储为”对话框,将文件保存为A205.jpg。

3.橡皮擦工具、背景橡皮擦工具、魔术橡皮擦工具

(1)橡皮擦工具

橡皮擦工具可以用背景色擦除背景图片或用透明色擦除图层中的图片。单击工具箱中的“橡皮擦工具”按钮,会显示如图2-61所示的橡皮擦工具选项栏。

图2-59 用快速选择工具建立选区

图2-60 最终效果

图2-61 橡皮擦工具选项栏

在普通图层上拖动,可擦除拖动区域的像素;在背景图层或透明区域的图层上拖动,擦除后会显示出背景色。其选项说明如下。

1)模式。该项用于选择擦除的笔触方式。

2)抹到历史记录。勾选该复选框,将以“历史记录”面板中确定的图片状态来擦除图片。

(2)背景橡皮擦工具

背景橡皮擦工具可以擦除指定的背景色。单击工具箱中的“背景橡皮擦工具”按钮,会显示如图2-62所示的背景橡皮擦工具选项栏。

图2-62 背景橡皮擦工具选项栏

下面对各选项进行说明。

1)画笔预设。该项用于选择橡皮擦的形状和大小。

2)限制。该项用于选择擦除界限。

3)容差。该项用于设置容差值。

4)保护前景色。勾选该复选框将保护前景色不被擦除。

(3)魔术橡皮擦工具

魔术橡皮擦工具可以自动擦除颜色相近区域中的图片。单击工具箱中的“魔术橡皮擦工具”按钮,会显示如图2-63所示的魔术橡皮擦工具选项栏。

图2-63 魔术橡皮擦工具选项栏

其选项与前面所述相同,不再赘述。

案例3 用魔术橡皮擦工具实现摆瓶抠图

【案例效果】第2章\A206.jpg,如图2-64所示。

【素材文件】第2章\206.jpg,如图2-65所示。

图2-64 案例效果

图2-65 案例素材

【主要知识点】

用橡皮擦工具、魔术橡皮擦工具抠图。

对选区进行编辑与调整等操作。

【操作过程】

1)启动Photoshop软件,打开素材206.jpg。

2)单击工具箱中的“魔术橡皮擦工具”按钮,在选项栏中设置“容差”为20,在背景处单击即可将背景图片直接清除。如果一次不能够完全清除,可以多次使用魔术橡皮擦工具单击需要清除的部分,如图2-66所示。

3)单击工具箱中的“橡皮擦工具”按钮,在选项栏中设置画笔大小为40像素,将图片中的文字擦除。最终效果如图2-67所示。

图2-66 用魔术橡皮擦工具擦除

图2-67 最终效果

4)执行“文件”→“存储为”菜单命令,弹出“存储为”对话框,将文件保存为A206.jpg。

案例4 用背景橡皮擦工具实现抠图

【案例效果】第2章\A207.jpg,如图2-68所示。

【素材文件】第2章\207.jpg,如图2-69所示。

【主要知识点】

用橡皮擦工具、背景橡皮擦工具抠图。

对选区进行编辑与调整等操作。

【操作过程】

1)启动Photoshop软件,打开素材207.jpg。

2)单击工具箱中的“背景橡皮擦工具”按钮,在选项栏中设置“容差”为20%,在背景处单击即可将背景图片直接清除。如果一次不能够完全清除,可以多次使用“背景橡皮擦工具”单击需要清除的部分。

3)单击工具箱中的“橡皮擦工具”按钮,设置画笔为40像素,将图片中的背景擦除,生成效果,如图2-70所示。

图2-68 案例效果

图2-69 案例素材

图2-70 最终效果

4)执行“文件”→“存储为”菜单命令,弹出“存储为”对话框,将文件保存为A207.jpg。

2.3.3 形状复杂图片抠图

前面学习了简单形状的抠图方法,在实际抠图中,往往图片的形状更多样,这就需要用到更复杂的抠图工具,如套索类工具、钢笔工具等。下面就学习利用这些工具来抠取复杂形状的图片。

1.套索工具

使用套索工具可以徒手绘制不规则形状的选区。它适合于边缘柔和的形状抠取。单击工具箱中的“套索工具”按钮,会显示如图2-71所示的套索工具选项栏。

图2-71 套索工具选项栏

使用套索工具在图片中的适当位置按下鼠标左键不放,在图片上进行拖动绘制,松开鼠标后,选择区域会自动封闭生在选区。

案例1 用套索工具抠图

【案例效果】第2章\A208.jpg,如图2-72所示。

【素材文件】第2章\208.jpg,如图2-73所示。

图2-72 案例效果

图2-73 案例素材

【主要知识点】

用套索工具建立边缘柔和的复杂形状选区。

通过“羽化选区”对话框设置参数。

【操作过程】

1)启动Photoshop软件,打开素材208.jpg。

2)单击工具箱中的“套索工具”按钮,从花的边缘选择起点,按下鼠标左键拖动开始建立选区,如图2-74所示。将光标移至起点处松开鼠标,建立封闭选区,如图2-75所示。

图2-74 用套索工具制作选区

图2-75 生成封闭选区

3)执行“选择”→“修改”→“羽化”菜单命令,弹出“羽化选区”对话框,按如图2-76所示进行参数设置。

4)按〈Ctrl+X〉或〈Ctrl+C〉快捷键,然后执行“编辑”→“粘贴”菜单命令(或按Ctrl+V快捷键)。效果如图2-77所示。

图2-76 “羽化选区”对话框

图2-77 最终效果

5)执行“文件”→“存储为”菜单命令,弹出“存储为”对话框,将文件保存为A208.jpg。

2.多边形套索工具

使用多边形套索工具可以在图片中连续绘制出不规则选区。它适合于边缘为直线的形状抠取。单击工具箱中的“多边形套索工具”按钮,会显示如图2-78所示的多边形套索工具选项栏。

图2-78 多边形套索工具选项栏

技巧分享

在使用多边形套索工具时,按住〈Shift〉键并拖动,可以以水平、垂直或45°角度绘制选项;按住〈Alt〉键并拖动,可以像套索工具一样绘制选区。

案例2 用多边形套索工具抠图

【案例效果】第2章\A209.jpg,如图2-79所示。

【素材文件】第2章\209.jpg,如图2-80所示。

图2-79 案例效果

图2-80 案例素材

【主要知识点】

用多边形套索工具进行复杂形状抠图。

通过“选择”→“变换选区”菜单命令编辑选区形状。

【操作过程】

1)启动Photoshop软件,打开素材209.jpg。

2)单击工具箱中的“多边形套索工具”按钮,将光标移到要抠取形状的边缘位置,连续单击并拖动鼠标,绘制出一个多边形,双击生成选区,如图2-81所示。

3)按〈Ctrl+X〉或〈Ctrl+C〉组合键,再按〈Ctrl+V〉组合键。最终效果如图2-82所示。

图2-81 多边形套索选区

图2-82 最终效果

4)执行“文件”→“存储为”菜单命令,弹出“存储为”对话框,将文件保存为A209.jpg。

3.磁性套索工具

使用磁性套索工具可以沿着自动识别的形状边界绘制不规则选区。若图片边缘与背景的颜色对比明显,可以使用该工具快速选取对象。单击工具箱中的“磁性套索工具”按钮,会显示如图2-83所示的磁性套索工具选项栏。

图2-83 磁性套索工具选项栏

1)宽度。下面对各选项进行说明。用于设置套索检测范围,以像素为单位,参数范围为1~256像素。宽度值决定了以光标所在位置为基准,其周围有多少个像素能够被工具检测到,如果选择对象的边界清晰可设置较大的值,相反则设置一个较小的值。

2)对比度。该项用于设置选取边缘的灵敏度,参数范围为1%~100%,设置较高的数值时能检测到背景对比鲜明的边缘,设置较低的数值时可检测对比不太鲜明的边缘。

3)频率。该项用于设置选区生成锚点的密度,参数范围为0%~100%,设置值越高,产生的锚点速度越快,数量也越多。

4)钢笔压力。该项用于设置专用绘图板的笔刷压力,数值范围为0~100。

案例3 用磁性套索工具抠图

【案例效果】第2章\A210.jpg,如图2-84所示。

【素材文件】第2章\210.jpg,如图2-85所示。

图2-84 案例效果

图2-85 案例素材

【主要知识点】

用磁性套索工具进行复杂形状抠图。

进行选区编辑与调整。

【操作过程】

1)启动Photoshop软件,打开素材210.jpg。

2)单击工具箱中的“磁性套索工具”按钮,将光标移到要抠取对象的边缘位置单击,然后沿着要抠取对象的边缘拖动,如图2-86所示,将终点与起点重合,双击生成选区,如图2-87所示。

3)按〈Ctrl+X〉或〈Ctrl+C〉组合键,再按〈Ctrl+V〉组合键。最终效果如图2-88所示。

图2-86 磁性套索选区

图2-87 多边形选区

图2-88 最终效果

4)执行“文件”→“存储为”菜单命令,弹出“存储为”对话框,将文件保存为A210.jpg。

4.钢笔工具

在Photoshop中,钢笔工具是最为准确的抠图工具,能够按照描绘的范围创建平滑的路径,适合于选择边缘光滑、外形复杂的形状。使用钢笔工具抠图包括两个阶段,第一阶段是在需要抠图的边界布置锚点,这一系列的锚点会自动连接成为路径,第二阶段是将路径转换为选区。单击工具箱中的“钢笔工具”按钮,会显示如图2-89所示的钢笔工具选项栏。

图2-89 钢笔工具选项栏

下面对各选项进行说明。

1)绘制模式。该项分为形状、路径和像素3种绘制模式。路径模式下只创建路径;形状模式下创建路径,并用前景色填充路径;像素模式不可用。

2)选区。在路径模式下,单击“选区”按钮,会弹出“建立选区”对话框,设置参数后,将路径转化为选区。

3)形状。在路径模式下,单击“形状”按钮,会将路径转换为图形,并在“图层”面板中创建对应的形状图层,效果与选择形状模式相同。

4)路径操作。该项用于选择路径的组合方式。“合并形状”将绘制的新路径加到现有路径区域中;“减去形状”将绘制的新路径从重叠路径区域中减去;“与形状区域相交”只保留新路径与现有路径相交的区域;“排除重叠形状”可以合并路径中排列重叠的区域。

5)路径对齐方式。该项可以为选择路径指定对象排列方式。

6)路径排列方式。该项可以对选择路径的排序顺序进行调整。

技巧分享

绘制路径后,按〈Ctrl〉+〈Enter〉组合键或单击“路径”面板中的“将路径作为选区载入”按钮,可将路径转换为选区;如果要把选区转换为路径,则单击“从选区生成工作路径”按钮

案例4 用钢笔工具抠图

【案例效果】第2章\A211.jpg,如图2-90所示。

【素材文件】第2章\211.jpg,如图2-91所示。

图2-90 案例效果

图2-91 案例素材

【主要知识点】

用钢笔工具绘制直线和曲线的选区。

学习用路径工具调整锚点和方向线的技巧。

使用路径绘制复杂形状的选区。

【操作过程】

1)启动Photoshop软件,打开素材211.jpg。

2)单击工具箱中的“钢笔工具”按钮,将光标移到要抠取形状的边缘位置,单击添加第一个路径锚点。然后在边缘另一位置单击,添加第二个路径锚点,绘制直线路径;按住鼠标左键不放拖动,则可绘制曲线路径。不断反复,绘制封闭路径,把图中的花瓶轮廓选取出来。效果如图2-92所示。

3)单击钢笔工具选项栏中的“选区”按钮,弹出“建立选区”对话框,按如图2-93所示进行设置,单击“确定”按钮。效果如图2-94所示。

图2-92 钢笔路径示意

图2-93 “建立选区”对话框

4)按〈Ctrl+X〉或〈Ctrl+C〉组合键,再按〈Ctrl+V〉组合键。效果如图2-95所示。

5)执行“文件”→“存储为”菜单命令,弹出“存储为”对话框,将文件保存为A211.jpg。

图2-94 钢笔选区示意

图2-95 最终效果

2.3.4 细丝类图片抠图

通过前面的学习我们已经知道,简单形状可通过工具箱中的选框类等工具抠取,对于边缘清晰的复杂形状可通过工具箱中的套索类、魔棒类、钢笔等工具抠取。但对于边缘不明显的图片,如毛发、细树枝、毛笔字类,在抠图时需要运用一些特别的技巧。

1.调整边缘技巧

调整边缘用于编修选区。它不仅可以对选区进行羽化、扩展、收缩、平滑处理,还能有效识别透明区域、发丝等细微形状。

在图片中创建选区后,执行“选择”→“调整边缘”菜单命令,弹出“调整边缘”对话框,如图2-96所示。下面对各选项进行说明。

1)视图模式。该项用于设置查看选区的视图模式,有“闪烁虚线”“叠加”“黑底”“白底”“黑白”“背景图层”“显示图层”等模式。

2)平滑。该项用于设置选区边界的平滑效果,减少选区边界中的不规则区域。

3)羽化。该项用于设置选区边界的羽化程序。

4)对比度。该项用于设置选区边缘的清晰度。

5)移动边缘。该项用于设置选区边缘的收缩和扩张,当为负值时,可以收缩选区;当为正值时,可以扩张选区。

6)输出到。该项用于设置选区的输出模式,有“选区”“图层蒙版”“新建图层”等模式。

图2-96 “调整边缘”对话框

案例1 用调整边缘技巧抠图

【案例效果】第2章\A212.jpg,如图2-97所示。

【素材文件】第2章\212.jpg,如图2-98所示。

图2-97 案例效果

图2-98 案例素材

【主要知识点】

用快速选择工具选择人物主体选区。

用调整边缘技巧调整选区边缘。

【操作过程】

1)启动Photoshop软件,打开素材212.jpg。

2)单击工具箱中的“快速选择工具”按钮,选择人物的主体轮廓,如图2-99所示。

3)执行“选择”→“调整边缘”菜单命令,弹出“调整边缘”对话框,选择“白底”视图模式,单击左侧的“调整半径工具”按钮,在人物头发发丝边缘处进行涂抹,并设置输出模式为“选区”。调整前后的效果对比如图2-100所示。

4)执行“选择”→“反向”菜单命令,按〈Delete〉键删除人物背景。

5)新建背景图层并填充红色,放置于人物图层之下,如图2-101所示。

6)在人物图层中,发丝处带有原图片背景(白色)痕迹,可单击工具箱中的“加深工具”按钮,在这些位置进行涂抹。涂抹完后的效果如图2-102所示。

图2-99 选择人物主体轮廓

图2-100 使用调整半径工具涂抹前后对比

图2-101 填充红色背景

图2-102 使用加深工具涂抹发丝的效果

7)执行“文件”→“存储为”菜单命令,弹出“存储为”对话框,将文件保存为A212.jpg。

2.通道技巧

通道用于存储图片的某种信息,分为颜色通道、专色通道、Alpha通道。颜色通道是存储图片颜色信息的通道,和图片的颜色模式有关,每个颜色通道都是一幅灰度图,表示一种颜色的明暗变化。若打开RGB颜色模式,则显示RGB、红、绿、蓝4个通道,如图2-103所示。通过对红(R)、绿(G)、蓝(B)3个颜色通道的变化以及它们相互之间的叠加来得到各种颜色。图片颜色通过分色存储的方式,自动分配到不同的单色通道中,方便进行颜色调整和通道色彩的计算。Alpha通道是一个8位的灰度通道,用于存储选区,方便进行选区的载入、计算等操作。该通道用256级灰阶来记录图片中的透明信息,定义透明、不透明、半透明区域。在Alpha通道中,白色表示选区,黑色表示非选区,灰色表示半透明选区。

图2-103 通道面板示意图

案例2 用通道技巧抠图

【案例效果】第2章\A213.jpg,如图2-104所示。

【素材文件】第2章\213.jpg,如图2-105所示。

图2-104 案例效果

图2-105 案例素材

【主要知识点】

通过亮度/对比度、色阶命令调整图片明暗对比度。

使用通道技巧抠图。

【操作过程】

1)启动Photoshop软件,打开素材213.jpg。

2)执行“图像”→“调整”→“亮度/对比度”菜单命令,加大图片的明暗对比度,“亮度/对比度”对话框中的参数设置如图2-106所示。调整后的图片效果如图2-107所示。

图2-106 “亮度/对比度”对话框

图2-107 调整亮度/对比度

3)打开“通道”面板,依次单击红、绿、蓝色通道,比较通道的明暗对比程度,发现蓝色通道的明暗对比比较强烈,拖动蓝色通道到“创建新通道”按钮上,复制生成“蓝 副本”通道。

4)将“蓝 副本”通道中人物的脸和身体部分用“画笔工具”涂成黑色,如图2-108所示。

5)执行“图像”→“调整”→“色阶”菜单命令,加大图片的明暗对比度,“色阶”对话框中的参数设置如图2-109所示。

图2-108 在“蓝 副本”通道中涂黑

图2-109 “色阶”对话框

6)抠图过程中头发细节损失是必然的,要注意对头发细节的调整,可反复调整亮度/对比度、色阶,直到达到满意效果。

7)选择“蓝 副本”通道,单击“将通道作为选区载入”按钮,建立选区。

8)单击“图层”面板中的人物图层,删除除人物主体之外的区域,如图2-110所示。在人物图层上添加红色背景图层,如图2-111所示。

9)如果发现头发中有浅灰的区域,可用“加深工具”进行涂抹。最终效果如图2-112所示。

图2-110 抠取人物主体

图2-111 添加背景

图2-112 最终效果

10)执行“文件”→“存储为”菜单命令,弹出“存储为”对话框,将文件保存为A213.jpg。

3.色彩范围技巧

色彩范围技巧是利用图片的颜色和影调创建选区,可识别图片中的某些特定颜色,以利于更精确、方便地抠图。打开一个图片文件后,执行“选择”→“色彩范围”菜单命令,弹出“色彩范围”对话框,如图2-113所示。下面对各选项进行说明。

图2-113 “色彩范围”对话框

1)选择。该项是系统预设的颜色和色调选项,包括“红色”“黄色”“绿色”“青色”“蓝色”“洋红”“高光”“中间调”“阴影”等,可选择相应的颜色范围。

2)颜色容差。该项用于指定选择范围内色彩的区域,拖动滑块可增加或减少选择彩色的范围。

3)选择预览方式。选择“选择范围”单选按钮,在预览图中显示黑白的选区效果,白色区域为选中像素,灰色区域为部分选中像素,黑色区域代表未选像素。选择“图片”单选按钮,显示实际图片。

4)选区预览。该项用于设置图像窗口中未被选中区域的状态。“无”不显示预览;“灰度”以灰色调显示未被选中的区域;“黑色杂边”黑色显示未被选中的区域;“白色杂边”与“黑色杂边”相反,以白色显示未被选中的区域;“快速蒙版”以默认蒙版颜色显示未被选中的区域。

5)颜色取样工具。该项用于吸取图片中的颜色,“吸管工具”通过单击取色;“添加到取样工具”通过单击在预览或图片里添加颜色;“从取样中减去工具”通过单击在预览或图片里减去颜色。

案例3 用色彩范围技巧抠图

【案例效果】第2章\A214.jpg,如图2-114所示。

【素材文件】第2章\214.jpg,如图2-115所示。

图2-114 案例效果

图2-115 案例素材

【主要知识点】

建立细枝条等细丝状选区。

使用色彩范围技巧抠图。

【操作过程】

1)启动Photoshop软件,打开素材214.jpg。

2)执行“选择”→“色彩范围”菜单命令,弹出“色彩范围”对话框,如图2-116所示。由于要选择整个背景,所以单击“添加到取样”按钮,在下面图片预览区域的背景位置多次单击,确定整个背景显示为白色后,单击“确定”按钮,如图2-117所示。

图2-116 “色彩范围”对话框

图2-117 选择背景

3)单击梅枝所在图层,按〈Delete〉键删除背景区域。最终效果如图2-118所示。

图2-118 最终效果

4)执行“文件”→“存储为”菜单命令,弹出“存储为”对话框,将文件保存为A214.jpg。

2.3.5 半透明图片抠图

有些特殊对象如婚纱、玻璃等物体,具有半透明或透明的特质,下面讲解这些物体的抠图技巧。

案例1 用蒙版技巧实现半透明类物体抠图

【案例效果】第2章\A215.jpg,如图2-119所示。

【素材文件】第2章\215.jpg,如图2-120所示。

图2-119 案例效果

图2-120 案例素材

【主要知识点】

使用蒙版技巧抠图。

【操作过程】

1)启动Photoshop软件,打开素材215.jpg。

2)拖动“图层1”到“图层”面板下方的“创建新图层”按钮上,复制生成“图层1副本”。

3)选择“图层1”图层,单击“图层”面板下方的“添加图层蒙版”按钮,单击蒙版图层,用黑色画笔工具涂抹图中半透明婚纱区域,如图2-121所示。

4)在“图层1副本”上,设置图层混合模式为滤色模式,创建婚纱区域为选区,将其他区域删除,如图2-122所示。

5)在两个图层下方,添加一个红色的背景图层,图层结构如图2-123所示。最终效果如图2-119所示。

图2-121 涂抹婚纱区域

图2-122 创建婚纱选区

图2-123 图层结构

6)执行“文件”→“存储为”菜单命令,弹出“存储为”对话框,将文件保存为A215.jpg。

案例2 用通道技巧实现透明物体类抠图

【案例效果】第2章\A216.jpg,如图2-124所示。

【素材文件】第2章\216.jpg,如图2-125所示;第2章\B216.jpg作为背景图片。

【主要知识点】

建立透明或半透明物体选区。

用颜色通道技巧调整选区。

图2-124 案例效果

图2-125 案例素材

【操作过程】

1)启动Photoshop软件,打开素材216.jpg。

2)打开“通道”面板,依次单击红、绿、蓝色通道,比较通道的明暗对比程度,发现蓝色通道的明暗对比比较强烈,拖动蓝色通道到“创建新通道”按钮上,复制生成“蓝副本”通道。

3)执行“图片”→“调整”→“亮度/对比度”菜单命令,加大图片的明暗对比度,注意玻璃杯的完整性和灰色区域的层次,“亮度/对比度”对话框中的参数设置如图2-126所示。用黑色画笔工具将除杯子以外的区域涂黑,调整后的图片效果如图2-127所示,

图2-126 “亮度/对比度”对话框

图2-127 涂黑杯子以外区域

4)执行“图片”→“调整” →“色阶”菜单命令,加大图片的明暗对比度,要保持灰色区域的层次以实现半透明效果,“色阶”对话框中的设置如图2-128所示。

图2-128 “蓝副本通道”色阶调整后效果

5)图2-128中杯子边缘模糊,再次调整亮度/对比度,直到杯子边缘清晰,灰色区域有层次感为止,如图2-129所示。

6)选择“蓝副本”通道,单击“将通道作为选区载入”按钮,建立选区。

7)单击“图层”面板中的玻璃杯图层,执行“选择”→“反向”菜单命令,按〈Delete〉键删除背景,如图2-130所示。

图2-129 “蓝通道”副本调整效果

图2-130 删除背景

8)按住〈Ctrl〉键的同时单击图层缩览图,选择并剪切玻璃杯。

9)打开背景图片B216.jpg文件,多次按〈Ctrl+V〉组合键粘贴多个玻璃杯,调整玻璃杯位置,最终效果如图2-124所示。

10)执行“文件”→“存储为”菜单命令,弹出“存储为”对话框,将文件保存为A216.jpg。