1、,第八章 商品图片基本处理,1.曝光不正确的商品图 片处理,2.商品图片色彩的调整,3.替换商品的图片,1,2,3,内容结构,能力目标,通过本章学习，学生能够熟练photoshop软件完成商品图片的基本处理以适应电子商务网店的需求，包括：对曝光不足或者过度的商品图片进行亮度的调整；改变图片的尺寸大小及角度；对图片进行色调色泽的美化调整；能够对图片的清晰度进行调整；熟练运用选区工具进行商品图片的抠图操作。,知识目标,理解图层和像素的关系；掌握用于调整图像明暗程度的色阶以及曲线命令的功能及各参数的含义，掌握用于改变图像大小及角度的裁剪工具及自由变换工具的使用方法；掌握用于进行商品图片色彩调整的色相
2、/饱和度、替换颜色命令的功能及个参数的含义；掌握橡皮擦及锐化工具的功能及使用方法；了解替换商品图片的基本方法；掌握常用规则选区工具及不规则选区工具的特点及使用方法。,背景资料,第一节曝光不正确的商品图片处理知识正文,图层和像素的关系,“图层”，是Photoshop中构成图像的重要组成单位。许多效果可以通过对层的直接操作而得到，Photoshop图像由图层组成。每一个图层都是由许多像素组成的，而图层又通过上下叠加的方式来组成整个图像。图像、图层、像素关系可如下图所示。,第一节曝光不正确的商品图片处理知识正文,像素（Pixel），一个像素通常被视为图像的最小的完整采样，图像由许多像素组成。商品拍摄
3、图像基本都由位图构成。像素是一个带有特定的位置和颜色值的正方形小块。像素是以行和列的方式排列，若将位图图像某一区域放大后，所看的这些正方形小块就是像素，如下图所示。这也是判断该图像文件是否是位图图像的重要特征。,第一节曝光不正确的商品图片处理知识正文,2.色阶,商品图片在拍摄过程中经常会出现整体图片过亮或者过暗的情况，这是因为曝光过度或者不足造成的。使用色阶可以调整图像的明暗度，不仅可以对整个图像进行也可以对被选中选区、被选中的图层、被选中的颜色通道进行调整，色阶调整在如下图中设置。,第一节曝光不正确的商品图片处理知识正文,其中色阶对话框中的各个参数的含义如下：通道：默认对图像全部通道进行调整
4、，可选其中某个颜色通道。输入色阶：通过设置阴影、中间调和高光的色调来调整图像的色调和对比度，也是色阶调整的主要调整部分。右下方的三个吸管工具，分别用了在图像中取样来设置黑场：将取样的颜色为图像最暗处色调值，比它暗的像素都将被设为黑色；设置灰场：将取样的颜色为图像中间调范围的平均亮度；设置白场：取样的颜色为图像最亮处色调值，比它亮的像素都将被设为白色。输出色阶：用于设置输出时阴影和高光色阶，以便将图像色调压缩为小于0到255范围。用于打印图像时，使用该调整功能保留阴影和高光部分的细节。,第一节曝光不正确的商品图片处理知识正文,2.色阶,商品图片在拍摄过程中经常会出现整体图片过亮或者过暗的情况，这
5、是因为曝光过度或者不足造成的。使用色阶可以调整图像的明暗度，不仅可以对整个图像进行也可以对被选中选区、被选中的图层、被选中的颜色通道进行调整，色阶调整在如下图中设置。,第一节曝光不正确的商品图片处理知识正文,其中色阶对话框中的各个参数的含义如下：通道：默认对图像全部通道进行调整，可选其中某个颜色通道。输入色阶：通过设置阴影、中间调和高光的色调来调整图像的色调和对比度，也是色阶调整的主要调整部分。右下方的三个吸管工具，分别用了在图像中取样来设置黑场：将取样的颜色为图像最暗处色调值，比它暗的像素都将被设为黑色；设置灰场：将取样的颜色为图像中间调范围的平均亮度；设置白场：取样的颜色为图像最亮处色调值
6、，比它亮的像素都将被设为白色。输出色阶：用于设置输出时阴影和高光色阶，以便将图像色调压缩为小于0到255范围。用于打印图像时，使用该调整功能保留阴影和高光部分的细节。,第一节曝光不正确的商品图片处理知识正文,3.曲线,除了“色阶”外，“曲线”也能调整图像的整个色调范围。通过“曲线”对话框可最多调整 14 个不同的点来控制图像从阴影到高光的色调。而“色阶”调整只能控制三个，阴影、中间调和高光。“曲线”对话框也可对图像中的个别颜色通道进行精确调整。“曲线”对话框如下图所示。,第一节曝光不正确的商品图片处理知识正文,其中曲线对话框中的各个参数的含义如下：“曲线图标”表示通过添加点来调整曲线。“铅笔图
7、标”表示使用铅笔来绘制曲线。与“曲线图标”二选一，“曲线图标”是默认选项。竖坐标表示“减暗加亮”，横坐标表示图像的0255度亮度范围，对应阴影到高光的过度。输出文本框内值为当前所选点的改变后强度，输入文本框内值为当前所选点的原强度。吸管工具对应的是在图像中取样设置黑场、灰场和白场，和“色阶”调整对话框内的吸管工具一样。显示修剪，是显示图像中发生修剪的位置。,第一节曝光不正确的商品图片处理知识正文,4.裁剪工具,使用裁剪工具可以将图像中的某一部分图像裁剪为一个新的图像文件，用户可以通过它方便地获得想要的图像并改变其尺寸。单击工具箱中的裁剪工具，其选项栏如下图所示。,第一节曝光不正确的商品图片处理
8、知识正文,其中各个参数的含义如下：宽度和高度：设置裁剪区域的宽度和高度。分辨率：设置图像的分辨率，在其右侧的下拉列表框中课设置其单位。前面的图像：使裁剪后的图像尺寸与原来的图像尺寸保持一致。清除：可清除选项栏上各选项的参数设置。,第一节曝光不正确的商品图片处理知识正文,5.自由变换工具,可以通过自由旋转、按比例缩放和倾斜工具来变换对象，可通过自由变换工具选项设置，如下图所示。其中圈选部分，可点选切换至变形模式。,第一节曝光不正确的商品图片处理举一反三,同步案例8-1：,在介绍了针对曝光不正确商品的常用处理工具之后,为了巩固对学习内容的掌握，可以以一款圣诞老人削笔机商品为样例进行处理。由于该商品
9、本身色彩比较丰富,在进行曝光度的调整时,可以考虑采用曲线的方式,可以对商品图片进行更为细致地调整。首先准备好一张曝光不足的圣诞老人削笔机商品图片，如图所示。,第一节曝光不正确的商品图片处理举一反三,其次，在Photoshop中将该图片打开，按照上述的方法调出曲线命令，在曲线对话框中进行亮度的调整，具体如图所示。,第二节商品图片色彩的调整知识正文,色相/饱和度命令主要用于调整图片的色调以及色彩的纯度。其中色相/饱和度对话框如图所示。,1.色相/饱和度,第二节商品图片色彩的调整知识正文,饱和度，是控制图像色彩程度的，即鲜艳度。调至最低的时候图像就变为灰度图像了。对灰度图像改变色相是没有作用的。明度
10、，即亮度。如果将明度调至最低会得到黑色，调至最高会得到白色。对黑色和白色改变色相或饱和度都没有效果。色相，可改变色相光谱的对应关系。,第二节商品图片色彩的调整知识正文,替换颜色，和色相/饱和度的作用类似，使用时用吸管工具在图像中点击所要改变的颜色区域。所圈框中就会出现有效区域的灰度图像，呈白色的是有效区域，呈黑色的是无效区域。改变颜色容差可以扩大或缩小有效区域的范围。也可以使用添加到取样工具 和从取样中减去工具 来扩大和缩小有限范围。选区确定后，替换颜色方式和色相/饱和度类似，移动色相滑块。,2.替换颜色,第二节商品图片色彩的调整知识正文,橡皮擦，擦除后的区域将为透明。如果在背景层上使用橡皮擦
11、，由于背景层不允许透明，擦除后的区域将显示背景色。如果要使其透明的话，要先将背景层转为普通图层。以皮包图片为例，图片上的阴影效果会影响图片的美观性，因此需要将阴影清除，接下来使用橡皮擦工具进行操作，具体步骤如下。,3.橡皮擦工具,第二节商品图片色彩的调整知识正文,USM锐化是一个常用的技术，简称USM，是用来锐化图像中的边缘清晰度。对于高分辨率的输出，通常锐化效果在屏幕上显示比印刷出来的更明显。USM锐化的对话框如图所示。,4.锐化工具,其中各个参数的含义如下：数量：用于调节锐化的程度。该值越大，锐化效果越明显。半径：用于设置图像轮廓周围被锐化的范围，该值越大，锐化效果越明显。阀值：用于设置锐
12、化相邻像素必须达到的最低差值。只有对比度差值高于此值的像素才会得到锐化处理。,第二节商品图片色彩的调整知识正文,第二节商品图片色彩的调整举一反三,同步案例8-2：,在完成了对皮包商品的色彩调整后,为了巩固对学习内容的掌握，可继续对一款圣诞老人削笔机商品进行处理,该款商品图片如左图所示，要求将红色的圣诞老人颜色调整为紫色。首先将图片在Photoshop中打开，然后利用“色相/饱和度”命令进行色彩的调整。在弹出的对话框中将“编辑”选项设置为“红色”，然后拖动“色相”、“饱和度”和“明度”对应的滑块，将颜色调整为紫色，具体如右图所示。,第三节替换商品图片知识正文,规则选区工具主要用于对图片中一些规则
13、形状的图案进行选取，然后基于选中的选区进行色彩调整、滤镜添加以及替换背景图片等操作。主要包括矩形选框、椭圆选框、单行及单列选框在内的四种工具，每种工具的功能如下：,1.规则选区工具,矩形选框，建立一个矩形选区（使用 Shift 键可建立正方形选区）。椭圆选框，建立一个椭圆形选区（使用 Shift 键可建立圆形选区）。单行或单列选框，将边框定义为宽度为 1 个像素的行或列。,第三节替换商品图片知识正文,大部分的商品图片通常情况下都是呈现不规则的形状，若要对这种类型的商品图片进行选取的操作，上述规则选区工具显然不能达到要求，因此Photoshop提供了一组不规则的选区工具，包括套索工具、多边形套索
14、工具、磁性套索工具、快速选择工具、魔棒工具 以及钢笔工具。,2.不规则选区工具,第三节替换商品图片知识正文,在画布区域内按下鼠标任意移动，松开后即可建立一个与鼠标移动轨迹相符的选区。所创建选区都是一个闭合区域，如果轨迹起点与轨迹终点不在一起就会自动在两点间连接一线对区域进行闭合。按Alt键，则不按轨迹作为选区，而是在单击的点间连直线形成选区。,（1）套索工具,是通过鼠标单击成点，再连点成线。在选取过程中持续按住Shift键可以保持水平、垂直或45度角的轨迹方向。并且如果终点与起点重合会出现一个小圆圈样子的提示。可通过退格键撤销前一个点，可一直撤销到最初起始点。,（2）多边形套索工具,第三节替换
15、商品图片知识正文,在鼠标的拖拉下，在经过的道路上按色彩的分界自动生产点，再把点连起来形成选区。适用于快速选择与背景对比强烈且边缘复杂的对象。宽度，磁性套索工具只检测从指开始指定距离以内的边缘。对比度，指定对图像边缘的灵敏度，较高的数值将只检测与其周边对比鲜明的边缘，较低的数值将检测低对比度边缘。频率，指定产生定点的频率。,（3）磁性套索工具,第三节替换商品图片知识正文,是Photoshop CS3新推出的便捷工具，特别适合小范围选区选择。利用可调整的圆形画笔笔尖通过鼠标拖拉快速“绘制”选区。拖动时，选区会向外扩展并自动查找和跟随图像中定义的边缘。可以通过在“调整边缘”对话框中使用“平滑”、“对
16、比度”和“半径”选项手动应用这些边缘调整。,（4）快速选择工具,是选择颜色一致的区域而不必跟踪其边缘轮廓。以单击选定的像素颜色值为基准，寻找容差范围内的其他颜色像素，然后把它们创建为选区。所谓容差范围就是色彩的包容度。容差越大，色彩包容度也就越大，选区部分也会越多。,（5）魔棒工具,第三节替换商品图片知识正文,魔棒工具的使用,第三节替换商品图片知识正文,钢笔工具，是一种最精确的抠图工具，通过钢笔工具沿着商品的轮廓来勾选，再通过“路径”面板的“将路径作为选区载入”来实现商品图片的抠图处理。,（6）钢笔工具,第三节替换商品图片举一反三,在完成了对牛仔裤以及皮包商品进行背景替换后,为了巩固对学习内容的掌握，可继续对一款圣诞老人削笔机商品进行抠图及背景图片的替换,该款商品相比较上述两类商品，造型轮廓比较复杂再加上并不是由单一颜色构成，为了能够实现商品图片的精确抠图，因此采用钢笔工具比较适合，具体步骤如下。,同步案例8-3：,（1）绘制路径,第三节替换商品图片举一反三,（2）增加节点,（3）调整节点位置和控制柄,第三节替换商品图片举一反三,（4）精确路径,（5）等比例缩放图像,THE END,