
4.3 使用Photoshop处理宝贝图
照片拍摄后为获得更真实、更漂亮的宝贝效果,通常会使用Photoshop对图片进行处理,包括抠图去背景、处理图片亮度、校正偏色照片和处理照片污点等。
4.3.1 抠图去背景
1.魔棒工具去除简单背景
使用魔棒工具能去除较为简单的背景,如纯色和相近色的背景。图4-16所示为本实例去除背景的前后对比。

图4-16 去除背景的前后对比
视频路径 第4章\4.3.1抠图去背景\1.魔棒工具去除简单背景.mp4
知识点 魔棒工具去除简单背景
步骤01 启动Photoshop软件,执行“文件”|“打开”命令,打开素材图片,如图4-17所示。

图4-17 打开素材图片
步骤02 按Ctrl+J组合键复制背景图层,在工具箱中使用魔棒工具,如图4-18所示。

图4-18 使用魔棒工具
步骤03 在选项栏中设置容差值为30,如图4-19所示。

图4-19 设置容差
步骤04 在图片背景上单击,载入选区,如图4-20所示。

图4-20 载入选区
步骤05 按住Shift键加选,或者在选项栏中单击“添加到选区”按钮,如图4-21所示。

图4-21 单击“添加到选区”按钮
步骤06 在图像的背景上继续单击,将所有的背景载入选区,如图4-22所示。

图4-22 载入背景
提示 如果多选了选区,按住Alt键,或者单击选项栏中的“从选区减去”按钮,从选区减去多选的区域即可。
步骤07 按Ctrl+Shift+I组合键将选区反向,如图4-23所示。

图4-23 选区反向
步骤08 在图像上单击鼠标右键,执行“调整边缘”命令,如图4-24所示。

图4-24 执行“调整边缘”命令
步骤09 在弹出的“调整边缘”对话框中设置“平滑”参数,并设置输出到“新建图层”,如图4-25所示。

图4-25 调整边缘
步骤10 单击“确定”按钮图像即被抠出,且保存到新建的图层中,如图4-26所示。

图4-26 抠出图像
步骤11 在“图层”面板中新建“图层2”,并调整到“图层1”下方,如图4-27所示。

图4-27 新建图层
步骤12 设置背景色为白色,按Ctrl+Delete组合键填充背景色。选择“图层1”,单击“图层”面板底部的“添加图层样式”按钮,如图4-28所示。

图4-28 单击“添加图层样式”按钮
步骤13 在弹出的菜单中选择“投影”选项,如图4-29所示。

图4-29 选择“投影”选项
步骤14 打开对话框,设置投影的各项参数,如图4-30所示。

4-30 设置各项参数
步骤15 单击“确定”按钮,添加投影的效果如图4-31所示。

图4-31 投影效果
步骤16 按Ctrl+T组合键自由变换,旋转图片,如图4-32所示。

图4-32 旋转图片
步骤17 按Enter键确定变形,最终图像效果如图4-33所示。

图4-33 最终图像
2.钢笔工具去除复杂背景
对于背景比较复杂,主体与背景颜色不分明的图像则需要使用钢笔工具进行抠取。图4-34所示为使用钢笔工具去除并替换背景的前后效果。

图4-34 去除并替换背景的前后效果
视频路径 第4章\4.3.1抠图去背景\2.钢笔工具去除复杂背景.mp4
知识点 钢笔工具去除复杂背景
步骤01 启动Photoshop软件,执行“文件”|“打开”命令,打开素材图片,如图4-35所示。

图4-35 打开素材图片
步骤02 按Ctrl+J组合键复制背景图层,在工具箱中使用钢笔工具,如图4-36所示。

图4-36 使用钢笔工具
步骤03 在人物周围依次单击并拖动光标,创建路径,起点与终点结合即完成路径绘制,如图4-37所示。

图4-37 创建路径
步骤04 按Ctrl+Enter组合键将路径载入选区,如图4-38所示。

图4-38 载入选区
提示 创建路径时,按住Ctrl键可以移动锚点,按住Alt键并单击锚点可以将方向线收起。
提示 在绘制过程中,按住Ctrl键在路径以外的任意地方单击也可完成绘制
步骤05 使用矩形选框工具,在选区上单击鼠标右键,执行“调整边缘”命令,如图4-39所示。

图4-39 执行“调整边缘”命令
步骤06 打开“调整边缘”对话框,设置平滑参数,并设置输出到“新的图层”,单击“确定”按钮,如图4-40所示。

图4-40 单击“确定”按钮
步骤07 人物被抠出,如图4-41所示。此时的图像颜色偏暗,需要调亮。

图4-41 抠出人物
步骤08 在“图层”面板下方单击“创建新的填充或调整图层”按钮,选择“亮度/对比度”选项,如图4-42所示。

图4-42 选择“亮度/对比度”选项
步骤09 在打开的面板中调整参数,如图4-43所示。

图4-43 调整参数
步骤10 此时的图像如图4-44所示,由于受原背景的影响,人物头顶颜色偏黑,需要处理。

图4-44 图像效果
步骤11 在工具箱中长按污点修复画笔工具,在展开的工具组中使用修补工具,如图4-45所示。

图4-45 选择修补工具
步骤12 将人物头顶的区域选中并向下拖动到附近的图像上,如图4-46所示。

图4-46 选中区域并拖动
步骤13 图像进行识别并修补,如图4-47所示。

图4-47 识别修补
步骤14 用同样的方法抠取并调整其他人物,如图4-48所示。

图4-48 抠取并调整其他人物
步骤15 按Ctrl+O组合键打开一张背景图,如图4-49所示。

图4-49 打开背景图
步骤16 使用移动工具将其移动到前一文档中,调整图层到最底层后,使用模糊工具,在背景上涂抹,对背景进行模糊处理,如图4-50所示。

图4-50 模糊处理
步骤17 新建图层,将其调整至背景图层上方,使用画笔工具在人物下方绘制阴影,在“图层”面板中降低不透明度,如图4-51所示。

图4-51 降低不透明度
步骤18 图像效果如图4-52所示,完成背景替换。

图4-52 图像效果
3.图层混合替换背景
某些情况下,使用图层之间的混合关系可以不用抠图就能替换背景,图4-53所示为前后效果。

图4-53 替换背景前后效果
视频路径 第4章\4.3.1抠图去背景\3.图层混合替换背景.mp4
知识点 图层混合替换背景
步骤01 在Photoshop中打开“背景”素材图片,如图4-54所示。

图4-54 打开素材
步骤02 按Ctrl+O组合键打开“鞋子”图片,并使用移动工具将“鞋子”拖入“背景”文档中,如图4-55所示。

图4-55 拖入鞋子
步骤03 在“图层”面板中双击“鞋子”所在的图层,打开“图层样式”对话框,在“混合颜色带”的“本图层”下,按住Alt键拖动右侧的滑块,将其分为两个滑块,向左拖动左半边滑块,如图4-56所示。

图4-56 向左拖动左半边滑块
步骤04 拖动时观察图像变化,当拖动到合适的位置时,单击“确定”按钮,图像效果如图4-57所示。

图4-57 图像效果
步骤05 观察图像,发现鞋子的内侧混合过度,显示出背景色,与原颜色不符,下面进行调整。新建图层,调整至“鞋子”所在图层下方,如图4-58所示。

图4-58 新建图层
步骤06 使用画笔工具,设置为柔边,颜色为白色,在鞋子中间区域涂抹,涂抹后效果如图4-59所示。

图4-59 涂抹效果
步骤07 复制鞋子图层,按Ctrl+T组合键调整位置、大小与角度,如图4-60所示。

图4-60 复制并调整
步骤08 按Enter键确定调整,最后效果如图4-61所示。

图4-61 组合效果
4.调整边缘抠取毛发
当拍摄的模特和毛绒玩具等图像需要替换背景时,往往需要抠出毛发,下面介绍毛发的抠取方法,图4-62所示为效果对比。

图4-62 抠取毛发的前后效果对比
视频路径 第4章\4.3.1抠图去背景\4.调整边缘抠取毛发.mp4
知识点 “调整边缘”抠取毛发
步骤01 在Photoshop中打开素材图片,使用魔棒工具选择选区,如图4-63所示。

图4-63 选择选区
步骤02 在选项栏中单击“调整边缘”按钮,如图4-64所示。

图4-64 单击“调整边缘”按钮
步骤03 弹出“调整边缘”对话框,此时人物头发如图4-65所示,头发周围的背景没有被去除。

图4-65 头发背景未去除
步骤04 在选项栏中设置“调整半径工具”的大小,如图4-66所示。

图4-66 设置大小
步骤05 在图像的头发周围涂抹,如图4-67所示。

图4-67 涂抹
步骤06 涂抹完成后,设置输出到“新建图层”,单击“确定”按钮,如图4-68所示。

图4-68 单击“确定”按钮
提示 当涂抹错误时,使用选项栏中的“涂抹调整工具”,如图4-69所示,在图像周围涂抹回来即可。

图4-69 选择“涂抹调整工具”
步骤07 头发被抠出,效果如图4-70所示。

图4-70 抠出头发
步骤08 按Ctrl+O组合键打开一张背景图,将其拖入到人物下,最终效果如图4-71所示。

图4-71 最终效果
4.3.2 图像的裁剪
拍摄时,为了画面的完整性,可能会将不需要的部分拍摄进画面,这时可使用裁剪工具裁剪出需要的部分。图4-72所示为裁剪前后的对比效果。

图4-72 裁剪前后的效果对比
视频路径 第4章\4.3.2图像的裁剪.mp4
知识点 图像的裁剪
步骤01 启动Photoshop软件,按Ctrl+O组合键打开素材图片,如图4-73所示。

图4-73 打开素材图片
步骤02 在工具箱中使用裁剪工具,如图4-74所示。

图4-74 使用裁剪工具
步骤03 此时的图像周围显示出裁剪框,如图4-75所示。

图4-75 显示裁剪框
步骤04 将光标放置在上方中间的控制点上,向下拖动,如图4-76所示。

图4-76 向下拖动
步骤05 按Enter键确定裁剪,效果如图4-77所示。

图4-77 裁剪效果
提示 原始素材哪边需要裁剪掉就拖动哪边的控制点。
步骤06 裁剪后发现背景并不是纯色,这时按Ctrl+M组合键打开“曲线”对话框,调整两个点,如图4-78所示。

图4-78 调整曲线
步骤07 单击“确定”按钮,最终效果如图4-79所示。

图4-79 最终效果
提示 若不需要调整背景,则上面两步可以省略。
4.3.3 图像的组合
在首页的促销区、宝贝展示区或详情页中经常会需要将多张图片组合在一起。下面介绍图像的组合方法,图4-80所示为图像组合效果。

图4-80 图像组合效果
视频路径 第4章\4.3.3图像的组合.mp4
知识点 图像的组合
步骤01 在Phptoshop中按Ctrl+O组合键打开一张素材图片,如图4-81所示。

图4-81 打开素材图片
步骤02 在工具箱中使用裁剪工具,如图4-82所示。

图4-82 使用裁剪工具
步骤03 在图像上单击,然后向右拖动扩展图像画布,如图4-83所示。

图4-83 向右拖动
步骤04 按Enter键确认,扩展画布后图像如图4-84所示。

图4-84 扩展画布
步骤05 按Ctrl+O组合键打开另外一张图片,使用移动工具移动到上一文档中,如图4-85所示。

图4-85 移入另一张图片
步骤06 再次使用裁剪工具将多余的画布裁剪,如图4-86所示。

图4-86 裁剪多余的画布
步骤07 按Enter键,最终的图像组合效果如图4-87所示。

图4-87 图像组合效果
4.3.4 处理亮度不够的照片
拍摄的天气和光线等因素会使得拍摄照片时光线不足,导致色彩暗淡主体不突出,不能很好地展示宝贝的效果,需要对它进行亮度的调整。
1.使用“色阶”调整
在“色阶”中能很好地看出阴影、中间调和高光的分布,是对图像亮度调整的一个常用方法,图4-88所示为调整前后对比。

图4-88 调整前后对比
视频路径 第4章\4.3.4处理亮度不够的照片\1.使用“色阶”调整.mp4
知识点 使用“色阶”调整亮度
步骤01 启动Photoshop软件,按Ctrl+O组合键打开素材图片,如图4-89所示,图像偏暗。

图4-89 打开素材图片
步骤02 按Ctrl+J组合键复制背景图层,如图4-90所示。

图4-90 复制图层
步骤03 单击“图层”面板下方的“创建新的填充或调整图层”按钮,在展开的列表中选择“色阶”选项,如图4-91所示。

图4-91 选择“色阶”选项
步骤04 打开面板,调整如图4-92所示中的三个滑块。

图4-92 调整滑块
步骤05 调整滑块时预览效果,直到调整到合适的参数,最终效果如图4-93所示。

图4-93 最终效果
2.使用“曲线”调整
“曲线”也是常用的调整亮度方法之一,下面介绍具体操作,图4-94所示为调整前后对比效果。

图4-94 调整前后对比
视频路径 第4章\4.3.4处理亮度不够的照片\2.使用“曲线”调整.mp4
知识点 使用“曲线”调整亮度
步骤01 启动Photoshop CC,按Ctrl+O组合键打开素材图片,如图4-95所示。

图4-95 打开素材图片
步骤02 按Ctrl+J组合键复制背景图,单击“图层”面板底部的“创建新的填充或调整图层”按钮,在弹出的快捷菜单中选择“曲线”选项,如图4-96所示。

图4-96 选择“曲线”选项
步骤03 在打开的面板中调整曲线,如图4-97所示。

图4-97 调整曲线
步骤04 调整后图像的效果如图4-98所示。

图4-98 调整后图像效果
3.使用“亮度/对比度”调整
对于整体呈灰度,颜色明暗不明显的图像,使用“亮度/对比度”调整是最好的方法。图4-99所示为调整前后对比效果。
视频路径 第4章\4.3.4处理亮度不够的照片\3.使用“亮度/对比度”调整.mp4
知识点 使用“亮度/对比度”调整亮度

图4-99 调整前后对比效果
步骤01 启动Photoshop软件,按Ctrl+O组合键打开素材图片,如图4-100所示。

图4-100 打开素材图片
步骤02 按Ctrl+J组合键复制背景图,单击“图层”面板底部的“创建新的填充或调整图层”按钮,在弹出的快捷菜单中选择“亮度/对比度”选项,如图4-101所示。

图4-101 选择“亮度/对比度”选项
步骤03 在打开的面板中调整亮度和对比度的参数,如图4-102所示。

图4-102 调整参数
步骤04 调整后图像的效果如图4-103所示。

图4-103 调整图像效果
4.3.5 调整色彩暗淡的照片
由于拍摄的天气、光线及设备等因素的影响,拍摄出的图像可能会过于暗淡,与实际颜色不符,这就需要将其调整到更自然的颜色,图4-104所示为原图与调整后的对比效果。

图4-104 原图与调整后的对比效果
视频路径 第4章\4.3.5调整色彩暗淡的照片.mp4
知识点 调整色彩暗淡的照片
步骤01 启动Photoshop软件,按Ctrl+O组合键打开素材图片,如图4-105所示,图像颜色暗淡。

图4-105 打开素材图片
步骤02 按Ctrl+J组合键快速复制背景图层。执行“图像”|“自动色调”命令,如图4-106所示。

图4-106 执行“图像”|“自动色调”命令
步骤03 调整后的图像效果如图4-107所示,图像颜色偏暗,需要将其调亮。

图4-107 调整后图像效果
步骤04 在“图层”面板下单击“创建新的填充或调整图层”按钮,在弹出的快捷菜单中选择“曲线”选项,如图4-108所示。

图4-108 选择“曲线”选项
步骤05 弹出“属性”面板,调整曲线,如图4-109所示。

图4-109 调整曲线
步骤06 此时的图像效果如图4-110所示,图像颜色不够鲜艳,还需要调整饱和度。

图4-110 图像效果
提示 不同的图像需要根据需要调整相应的曲线参数。
步骤07 单击“创建新的填充或调整图层”按钮,在弹出的快捷菜单中选择“自然饱和度”选项,如图4-111所示。

图4-111 选择“自然饱和度”选项
步骤08 在弹出的面板中调整参数,在调整时预览图像效果,直至调到合适的参数为止,如图4-112所示。调整后的图像效果如图4-113所示。

图4-112 调整参数

图4-113 调整后的图像效果
步骤09 调整到满意的效果后,执行“文件”|“存储”命令,如图4-114所示。步骤弹出“另存为”对话框,设置保存的路径,文件名及保存的类型为“JPEG”,如图4-115所示,单击“保存”按钮即可。

图4-114 执行“文件”|“存储”命令

图4-115 另存为
4.3.6 校正偏色照片
受拍摄天气和环境等因素的影响,拍摄出的照片可能会出现偏色,偏色的照片不能很好地体现原宝贝的颜色,因此需要将其校正到正常颜色。
1.使用“自动颜色”校正
“自动颜色”命令能自动校正偏色照片,图4-116所示为调整前后对比效果。

图4-116 调整前后对比效果
视频路径 第4章\4.3.6校正偏色照片\1.使用“自动颜色”校正.mp4
知识点 使用“自动颜色”校正偏色照片
步骤01 启动Photoshop CC,按Ctrl+O组合键打开素材图片,如图4-117所示,照片整体偏黄色。

图4-117 打开素材图片
步骤02 按Ctrl+J组合键复制背景图层,执行“图像”|“自动颜色”命令,如图4-118所示。

图4-118 执行“图像”|“自动颜色”命令
步骤03 此时照片校正到正常颜色,如图4-119所示。

图4-119 校正到正常颜色
2.使用“曲线”校正
对于偏蓝、绿、红色的照片可以使用“曲线”校正,图4-120所示为校正前后对比效果。

图4-120 校正前后对比
视频路径 第4章\4.3.6校正偏色照片\2.使用“曲线”校正.mp4
知识点 使用“曲线”校正偏色照片
步骤01 启动Photoshop软件,按Ctrl+O组合键打开素材图片,如图4-121所示。

图4-121 打开素材图片
步骤02 按Ctrl+J组合键复制背景图层。单击“创建新的填充或调整图层”按钮,在弹出的快捷菜单中选择“曲线”选项,如图4-122所示。

图4-122 选择“曲线”选项
步骤03 在打开的面板中选择“红”通道,并在下方调整曲线,如图4-123所示。

图4-123 调整红通道曲线
步骤04 分别选择“绿”通道和“蓝”通道,并在下方调整曲线,如图4-124所示。

图4-124 调整绿通道和蓝通道曲线
步骤05 调整后的图像效果如图4-125所示。

图4-125 调整后的图像效果
3.使用“色阶”校正
“色阶”校正与是根据RGB通道的分布来分析哪个通道需要校正,图4-126所示为校正前后对比效果。

图4-126 校正前后对比效果
视频路径 第4章\4.3.6校正偏色照片\3.使用“色阶”校正.mp4
知识点 使用“色阶”校正偏色照片
步骤01 启动Photoshop软件,按Ctrl+O组合键打开素材图片,如图4-127所示。图像偏蓝,需要校正颜色。

图4-127 打开素材图片
步骤02 按Ctrl+J组合键复制背景图层。执行“窗口”|“直方图”命令,如图4-128所示。

图4-128 执行“窗口”|“直方图”命令
步骤03 打开“直方图”面板,单击右上角的按钮,在弹出的列表中选择“全部通道视图”选项,如图4-129所示。

图4-129 选择“全部通道视图”选项
步骤04 选择“用原色显示通道”选项,如图4-130所示。

图4-130 选择“用原色显示通道”选项
步骤05 此时可以看到直方图中的蓝色通道峰值整体偏右,如图4-131所示。因此需要调整“蓝”通道。

图4-131 直方图
步骤06 在“图层”面板中单击底部的“创建新的填充或调整图层”按钮,在弹出的快捷菜单中选择“色阶”选项,如图4-132所示。

图4-132 选择“色阶”选项
步骤07 在打开的面板中选择“蓝”通道,并调整滑块,如图4-133所示。

图4-133 调整“蓝”通道滑块
步骤08 此时的图像效果如图4-134所示。图像颜色略偏暗,需要将其调亮。

图4-134 图像效果
步骤09 在“色阶”中,调整“RGB”通道中间的滑块,如图4-135所示。

图4-135 调整滑块
步骤10 最终效果如图4-136所示。

图4-136 最终效果
4.3.7 处理照片的污点
无论是自己拍照,还是使用网络上的图片,都经常会遇到照片上有污点的情况,下面介绍几种处理照片污点的方法。
1.污点修复画笔工具
使用污点修复画笔工具可以修复简单的污点,图4-137所示为修复前后对比效果。

图4-137 修复前后对比效果
视频路径 第4章\4.3.7处理照片的污点\1.污点修复画笔工具.mp4
知识点 污点修复画笔工具处理照片上的污点
步骤01 启动Photoshop软件,按Ctrl+O组合键打开素材图片,如图4-138所示,需要将图片中的文字去除。

图4-138 打开素材
步骤02 在工具箱中使用污点修复画笔工具,如图4-139所示。

图4-139 使用污点修复画笔工具
步骤03 按中括号【和】键调整画笔大小,如图4-140所示。

图4-140 调整画笔大小
步骤04 在需要修复的文字上,单击并拖动鼠标,如图4-141所示。

图4-141 拖动鼠标
步骤05 释放鼠标即可修复图像,如图4-142所示。

图4-142 修复图像
2.仿制图章工具
仿制图章工具是最常用的修复图像的工具,图4-143所示为使用仿制图章工具修复的前后对比效果。

图4-143 修复的前后对比效果
视频路径 第4章\4.3.7处理照片的污点\2.仿制图章工具.mp4
知识点 仿制图章工具处理照片上的污点
步骤01 启动Photoshop软件,按Ctrl+O组合键打开素材图片,如图4-144所示,需要将图片中的文字去除。

图4-144 打开素材图片
步骤02 在工具箱中使用仿制图章工具,如图4-145所示。

图4-145 使用仿制图章工具
步骤03 按住Alt键在文字周围的图像上单击取样,如图4-146所示。

图4-146 调整画笔大小
步骤04 取样后在文字上单击,如图4-147所示。

图4-147 拖动鼠标
步骤05 依次在周围取样并修复,将皮肤上的文字全部去除,如图4-148所示。

图4-148 调整画笔大小
步骤06 用同样的方法,去除头发上的文字,如图4-149所示。

图4-149 拖动鼠标
3.内容识别填充
内容识别填充是很便捷的一种图像修复方法,程序会根据选择的区域周围的图像对选区进行识别填充。图4-150所示为修复的前后对比效果。

图4-150 修复的前后对比效果
视频路径 第4章\4.3.7处理照片的污点\3.内容识别填充.mp4
知识点 内容识别填充处理照片上的污点
步骤01 在Photoshop中打开素材图片,如图4-151所示。

图4-151 打开素材
步骤02 在工具箱中使用矩形选框工具,如图4-152所示。

图4-152 使用矩形选框工具
步骤03 在图像上单击并拖动鼠标,框选出需要修复的区域,如图4-153所示。

图4-153 框选
步骤04 按Delete键,弹出“填充”对话框,此时的“使用”为“内容识别”,如图4-154所示。

图4-154 内容识别
提示 当当前图层不是背景图层时,按Delete键不会弹出“填充”对话框,需要按Shift+F5组合键调出。
步骤05 单击“确定”按钮,此时选框中的图像被修复,如图4-155所示。

图4-155 图像被修复
步骤06 按Ctrl+D组合键取消选区,最终效果如图4-156所示。

图4-156 最终效果