搜索
31第3章商品图片的处理与美化Chapter03一张好图胜千言，在网络上，买家不能看到商品实物，都是通过图片才能了解商品，因此，如果商品图片制作精良、漂亮，必然会引起买家兴趣。本章主要讲解商品图片的处理与美化技方法，通过本章的学习，读者可以掌握一些最常见、实用的图片处理技巧，在最短的时间内制作出吸引买家眼球的商品图片。Chapter3学习重点|WHAT'SIMPORTANT调整照片曝光问题/图片亮度、对比度与颜色调整/给商品图片添加水印/抠图技巧第3章商品图片的处理与美化32淘宝网店装修实战认识Photoshop由于光线、技术等原因，拍出来的商品照片有时候并不理想，因此，我们需要对其进行处理。很多读者并未接触过图像处理软件，而Photoshop是世界上公认的最强大的图像处理软件，因此，作为卖家，掌握该软件的一些基本操作方法是非常重要的。Photoshop有很多个版本，但实际上大部分功能都是一样的，目前最新的版本是PhotoshopCS5，因此本书实例以PhotoshopCS5来制作，PhotoshopCS5启动后的工作界面如图3-1所示。ABOUTPHOTOSHOP3.1图片基本处理方法Photoshop软件的功能强大，作为淘宝卖家来说，首先需要掌握使用Photoshop对图像进行一些基本的处理调整，熟悉软件的操作方法。图3-1PhotoshopCS5工作界面ABOUTPHOTOSHOP3.2调整商品图片的大小当拍照工作完成后，就可以将相机中的照片输入到电脑中，但由于直接从相机内读出的图片都比较大，而网络所需的图片都限制得比较小，因此，当商品图片制作完成后，需要将其大小调整合适，才能上传到网店中。33第3章商品图片的处理与美化Chapter03调整图片尺寸大小的具体步骤如下：1启动PhotoshopCS5软件，选择【文件】|【打开】菜单命令或按【Ctrl+O】快捷键，如图3-2所示。图3-2选择“打开”命令2在弹出的“打开”对话框中选择需要调整大小的图片，单击【打开】按钮，打开图片，如图3-3所示。图3-3打开素材图片3选择【图像】|【图像大小】菜单命令，如图3-4所示。图3-4调整图像大小4系统弹出“图像大小”对话框，在对话框中根据需要调整图片宽度或高度，尺寸以像素为单位，一般宽度为400~500像素为适，而网上图片的分辨率设置为“72”即可，如图3-5所示。图3-5设置图像大小参数调整完成后，单击【确定】按钮，即可将图片调整至设定的大小尺寸。因为处理好的图片是用于网络的，因此可以利用Photoshop将其存为Web格式，从而优化图片的大小，使其更适合于网络传输。具体操作步骤如下：1选择【文件】|【存储为Web和设备所用格式】菜单命令，打开“存储为Web和设备34淘宝网店装修实战所有格式”对话框，如图3-6所示。图3-6将图片存储为Web格式2在对话框中选择图片所要存储的图片格式以及品质，单击【存储】按钮，打开“将优化结果存储为”对话框，在对话框中选择图片保存的位置，并输入文件名，如图3-7所示。图3-7保存图片3单击【保存】按钮，将图片保存。提示如果不需要对图片进行优化处理，也可以直接选择【文件】|【储存为】菜单命令。商品图片的裁剪当我们只需要照片中的部分内容时，可以使用【裁剪】工具对图片进行裁剪。具体操作步骤如下：1.正置图像的裁剪1启动PhotoshopCS5，使用【Ctrl+O】快捷键打开配套光盘中“素材/第三章/名酒.jpg”素材文件，如图3-8所示。图3-8打开素材文件2在工具箱中选择【裁剪工具】，在画面中所需范围处拖动，创建一个裁剪控制框，将要被裁切掉的区域会变暗，如图3-9所示。35第3章商品图片的处理与美化Chapter03图3-9使用【裁剪工具】裁切图片3创建裁剪控制框后，在其周围会出现8个控制点，当鼠标放置在这8个控制点上任意一点时，指针会变成一个双向的箭头，直接通过拖曳就可调节裁剪控制框的大小，如图3-10所示。图3-10调整裁剪控制框4当裁剪控制框的大小调整为需要大小时，使用鼠标在裁切范围内双击或按【Enter】键确定，完成裁切，裁切后效果如图3-11所示。图3-11裁剪完成2.裁剪倾斜的图像有时候照片中的商品并不是正置的，有的甚至倾斜很多，这时就可以通过裁切命令将其正置过来。具体操作步骤如下：1打开配套光盘中“素材/第三章/名酒-倾斜.jpg”素材文件，如图3-12所示。图3-12打开倾斜的素材图片2在工具箱中选择【裁剪工具】，在36淘宝网店装修实战图3-15调整裁剪控制框大小5使用鼠标在裁切范围内双击或按【Enter】键确定，完成裁切，裁切后效果如图3-16所示，将文件保存。图3-16完成裁剪图片的亮度、对比度与颜色调整有时候由于光线原因，可能拍出的照片会显得灰暗，这时需要将照片调亮，并调整对比画面中所需范围处拖动，创建一个大致的裁剪控制框，如图3-13所示。图3-13创建裁剪控制框3将鼠标指针移至裁剪控制框之外，此时指针变为一个弧形的双箭头状，拖动鼠标指针，将裁剪控制框旋转至和画面主体基本吻合的角度，如图3-14所示。图3-14旋转裁剪控制框4旋转好裁剪控制框后，再将裁剪控制框调整至合适大小，如图3-15所示。37第3章商品图片的处理与美化Chapter033打开【曲线】对话框，选择“通道”菜单中的“RGB”选项，然后在曲线区域中间位置单击鼠标，将其向上拖动，即可看到照片整体颜色变亮，继续拖动曲线，直到把图片调节合适，如图3-19所示。图3-19调整曲线4调整完成后，单击【确定】按钮，如图3-20所示，将文件保存。图3-20经过曲线调整后的效果5接下来对照片的饱和度进行调节，可以使照片色彩变得鲜艳。选择【图像】|【调整】|【色相/饱和度】菜单命令，如图3-21所示。度、颜色，可以按照以下步骤进行操作：1启动PhotoshopCS5软件，选择【文件】|【打开】菜单命令或按【Ctrl+O】快捷键，打开配套光盘中“素材/第三章/首饰.jpg”素材文件，如图3-17所示。图3-17打开素材文件2选择【图像】|【调整】|【曲线】菜单命令，如图3-18所示。图3-18选择“曲线”命令38淘宝网店装修实战图3-21选择“色相/饱和度”命令6系统弹出“色相/饱和度”对话框，“色相”滑动条可以调节颜色；“饱和度”滑动条可以调节色彩的饱和度；“明度”滑动条可以调节照片的明暗度，如图3-22所示。图3-22“色相/饱和度”对话框7单击【确定】按钮，完成照片饱和度的调节，将照片进行保存，如图3-23所示。图3-23完成后效果将模糊的照片变清晰我们拍摄照片时，经常由于各种因素导致照片不够清晰，本节将介绍如何将模糊的照片处理清楚，具体操作步骤如下：1启动PhotoshopCS5软件，选择【文件】|【打开】菜单命令或按【Ctrl+O】快捷键，打开配套光盘中“素材/第三章/首饰1.jpg”素材文件，如图3-24所示。图3-24打开素材图片2选择菜单【滤镜】|【锐化】|【智能锐化】命令，如图3-25所示。图3-25选择“智能锐化”命令39第3章商品图片的处理与美化Chapter03图3-27调节锐化参数6将图片保存。图3-28锐化完成后的效果3软件弹出【智能锐化】对话框，如图3-26所示。图3-26打开“智能锐化”对话框4在对话框中调节“数量”滑动条为“233%”，“半径”滑动条为“1.3像素”，在“移去”下拉菜单中选择“高斯模糊”，然后勾选“更加准确”选项，如图3-27所示。5单击【确定】按钮，可以看到照片已经比先前清晰了许多，如图3-28所示。图片的高级处理方法上一小节学习了使用Photoshop对照片进行一些最基本的处理，但这在实际应用中是远远不够的，本节将再学习一些常用的高级处理方法。INCOMMONUSESOFTWARE3.3用Photoshop抠图“抠图”又称为“去底”，就是通过使用Photoshop中单一工具或组合工具，制作选区，把需要的对象从图像背景中分离出来的一种图像处理方式，在这里，我们选择适合淘宝店铺使用的最常用的抠图方法。40淘宝网店装修实战1.使用魔术棒工具魔术棒工具适用于背景颜色单一的情形，可以用来选取图像中颜色相似的区域，当用魔术棒点击某个点时，与该点颜色相似和相近的区域将被自动选中，可以快捷地抠取主体。魔术棒工具只能用于背景纯净的图片，选取效果比较粗糙，比较适合选取细节较少的图片。使用魔术棒工具选择对象的具体操作如下：1启动PhotoshopCS5软件，选择【文件】|【打开】菜单命令或按【Ctrl+O】快捷键，选择配套光盘中“素材/第三章/1.jpg”素材文件，单击【打开】按钮，打开图片，如图3-29所示。图3-29打开素材图片2在工具箱中选择【魔术棒工具】，在选项栏上设置容差值为“15”，如图3-30所示。图3-30设置参数3用【魔术棒工具】工具单击图片，选取背景处，可以看到，图片中的背景被流动的虚线框给框起来了，如图3-31所示。图3-31选择背景4按键盘上的Delet键删除背景，按【Ctrl+D】组合键取消选择，如图3-32所示。图3-32删除背景5这样我们就将照片中不需要的背景色去除了，方便我们重新换上其它的底色背景，使照片更加漂亮。2.利用套索工具选择对象Photoshop中的【套索工具】是非常常用的选择工具，【套索工具】分为以下几种：【套索工具】：在图像中进行任意形区域的选择。41第3章商品图片的处理与美化Chapter03【多边形套索工具】：在图像中进行不规则多边形区域的选择。【磁性套索工具】：是比较特别的一种选择工具，可用于快速选择边缘与背景有强烈对比的对象。它是根据要选择的图像边界的像素点颜色来决定进行选择时的工作方式。在要选择图像边界与背景颜色差别较大的部分，可以直接沿边界拖曳鼠标，工具会根据颜色的差别自动勾画出选框。本节我们以【磁性套索工具】作为讲解对象，学习一下其工作方法。1启动PhotoshopCS5软件，选择【文件】|【打开】菜单命令或按【Ctrl+O】快捷键，打开配套光盘中“素材/第三章/21.jpg”素材文件，如图3-33所示。图3-33打开素材文件2单击工具栏中【磁性套索】工具图标，如图3-34所示。3在珠花边缘单击鼠标左键，并沿边缘拖曳鼠标，可以看到鼠标路径自动沿边界行走，形成一个个节点，如果节点的位置不对，可以选中节点，按Delete键，将其删除。如图3-35所示。图3-34选择“磁性套索”工具图3-35使用“磁性套索”工具勾描边缘4当选区闭合后，按【Ctrl+J】组合键将选区复制出来，将背景层隐藏，即可以看到珠花已经与背景分离了，如图3-36所示。图3-36去除背景42淘宝网店装修实战可选择出所需的图形，如图3-40所示。图3-39调整画笔大小图3-40描出选区5如果选择的区域超过了对象的轮廓区域，可以单击选项栏中的【从选区中减去】工具图标，将多余的部分删除，如图3-41所示。图3-41调整选区6如果要添加选区，可以单击选项栏中的【添加到选区】工具图标，将需要增加的部分添加进原来的选区，如图3-42所示。7按【Shift+Ctrl+I】组合键，将选区反选，删除背景，抠出小熊，如图3-43所示。3.利用快速选择工具【快速选择工具】是PhotoshopCS5新增的一个选择工具，其功能十分强大，可以抠出精准的图形，使用【快速选择工具】的具体步骤如下：1打开配套光盘中“素材/第三章/12.jpg”素材文件，如图3-37所示。图3-37打开素材图片2单击工具栏中【快速选择工具】图标，如图3-38所示。图3-38选择“快速选择工具”3在选择栏中单击画笔大小后面的倒三角形，打开“画笔选项”面板，在面板中调整画笔的大小数值，如图3-39所示。4单击选项栏中【新选区】图标，使用鼠标在图像中需要选择的部分进行拖曳，即43第3章商品图片的处理与美化Chapter03【钢笔工具】：使用【钢笔工具】工具，在图像中连续单击鼠标，可以创建由直线段构成的路径。移动鼠标至适当的位置拖曳鼠标，可以创建曲线路径。【自由钢笔工具】：可以创建较随意的曲线路径。【添加锚点工具】：用