图片处理基础

1、 商城装修及美化商城装修及美化全程电子商务实践示范基地南京网程无南京网程无忧忧商城装修美化的不仅仅是商城页面的装商城装修美化的不仅仅是商城页面的装修，产品图片的美化也很重要修，产品图片的美化也很重要增加我们的产品被潜在消费者点击的概率增加我们的产品被潜在消费者点击的概率也能够直接影响买家购买转化率也能够直接影响买家购买转化率提高产品在同类商品卖家中的竞争力提高产品在同类商品卖家中的竞争力 我们用什么方法让产品变得清晰直观呢，吸引眼球呢？ 处理前后产品图片的对比1 抠图效应处理前后产品图片的对比2 边框效应！处理前后产品图片的对比3 细节效应处理前后产品图片的对比4 美女效应 处理前后产品图片的

2、对比5 水印效应 图片处理的基本工具PHOTOSHOP（平面设计，位图）第一节第一节. .调整调整亮度亮度第二节第二节. .调节调节图片大小图片大小图片处理基础图片处理基础全程电子商务实践示范基地南京网程无忧南京网程无忧第三节第三节.添加添加文字文字和和水印水印第四节第四节.钢笔工具的使用钢笔工具的使用在在PSPS中主要有一下几种中主要有一下几种调整颜色和亮度的功能：调整颜色和亮度的功能：1.亮度、对比度亮度、对比度2.色阶色阶3.曲线曲线1.1.亮度：亮度：数值越大数值越大 图片就越亮，反之越暗图片就越亮，反之越暗2.2.对比度：对比度：根据亮度的根据亮度的增减从而提高图片的明暗度增减从而提

3、高图片的明暗度的的强烈对比强烈对比如下图如下图：调整调整亮度亮度全程电子商务实践示范基地南京网程无忧南京网程无忧色阶：色阶：色阶分为色阶分为3个部分个部分暗部、中灰部、高光区暗部、中灰部、高光区具体数值：具体数值：0-255，色调有色调有256个，从个，从0到到2550代表黑，代表黑，128代表中灰代表中灰255就是白。就是白。0到到85为暗部为暗部86到到170为中部，为中部，171到到255为高光部为高光部如图：如图：全程电子商务实践示范基地色阶色阶南京网程无忧南京网程无忧图片处理基础图片处理基础3.曲线：曲线：水平灰度条代表原图的水平灰度条代表原图的色调色调垂直的灰度条代表调整垂直的灰度

4、条代表调整后的图像色调后的图像色调如图：如图：图片处理基础图片处理基础全程电子商务实践示范基地南京网程无忧南京网程无忧下面以图片举几个例子下面以图片举几个例子原图：原图：添加文本最终效果：最终效果：全程电子商务实践示范基地南京网程无忧南京网程无忧下面以图片举个例子下面以图片举个例子有两种方法调整有两种方法调整图像大小：图像大小：1.图像大小 （Alt+Ctrl+I）2.画布大小（Alt+Ctrl+C）1.图像大小：图像大小：通过修改像素大小，图像会等比例缩放。2.画布大小：画布大小：通过缩放画布来调整图像里的物体与背景大小协调来调整图像的大小全程电子商务实践示范基地第三节调节图片大小第三节调节

5、图片大小南京网程无忧南京网程无忧图像大小图像大小画布大小画布大小1.1.添加图案添加图案添加图案，可以是图标添加图案，可以是图标或者是笔刷或者是笔刷, ,笔刷有图案、笔刷有图案、渐变、字体渐变、字体添加笔刷的方法：添加笔刷的方法：到素材网下载到素材网下载PSPS一个笔刷一个笔刷复制到复制到PSPS文件中，然后打开文件中，然后打开PSPS画笔功能，右击鼠标、画笔功能，右击鼠标、选中对话框右上角的小三角形选中对话框右上角的小三角形找到找到“载入画笔载入画笔”，最后在弹，最后在弹出的对话框找到出的对话框找到abrabr画笔文件画笔文件载入渐变的方法和载入画笔载入渐变的方法和载入画笔的方法一样的方法一

6、样笔刷：笔刷：abrabr文件格式文件格式渐变：渐变：grdgrd文件格式文件格式2.2.添加文字添加文字选中选中然后在点击想要添加然后在点击想要添加文字的位置文字的位置如何给文字添加特殊效果如何给文字添加特殊效果鼠标鼠标选中矩形选区选中矩形选区鼠标在图像上右击鼠标在图像上右击- -选中选中混合选项混合选项图层样式功能图层样式功能如右图（如右图（1010种功能）种功能）添加文本添加文本全程电子商务实践示范基地添加图案、文字和水印添加图案、文字和水印南京网程无忧南京网程无忧水印的添加：水印的添加：利用上面的方法添加文字利用上面的方法添加文字如果是有现成的如果是有现成的LOGOLOGO更好更好直接

7、新建一个图层，直接新建一个图层，调整一下不透明度和填调整一下不透明度和填充度数充度数如图所示：如图所示：全程电子商务实践示范基地南京网程无忧南京网程无忧添加图案、文字和水印添加图案、文字和水印1.1.钢笔的快捷键钢笔的快捷键P P如图：如图：全程电子商务实践示范基地第五章钢笔工具的使用第五章钢笔工具的使用南京网程无忧南京网程无忧1.第一个功能就是形状图层第一个功能就是形状图层 原图原图如图所示如图所示：步骤一步骤一在在photoshop中打开图片重设你想要的大小。将大小重新调整为中打开图片重设你想要的大小。将大小重新调整为1800px*2546px。再将企鹅图像的透明度降到再将企鹅图像的透明度

8、降到50%这样你可以更加容易看到你创建的路径和曲线。为了做到这一点，这样你可以更加容易看到你创建的路径和曲线。为了做到这一点，只需要简单的复制图层，删除原始图层只需要简单的复制图层，删除原始图层,然后设置的不透明度到然后设置的不透明度到50%。2.2.步骤二步骤二创建一个新层命名为创建一个新层命名为 BodyBody选择钢笔工具选择钢笔工具 ( (钢笔工具的快捷键钢笔工具的快捷键P).P).确认已经选择了路径模式。确认已经选择了路径模式。3.3.步骤三步骤三添加文本添加文本全程电子商务实践示范基地南京网程无忧南京网程无忧第五章钢笔工具的使用第五章钢笔工具的使用首先我们开始身体的轮廓。在头顶上首

9、先我们开始身体的轮廓。在头顶上左击，会出现一个小正方形，这个就左击，会出现一个小正方形，这个就叫做锚点，这是路径的开始。为了创叫做锚点，这是路径的开始。为了创建更大的区域建更大的区域, ,我喜欢创造更大的线我喜欢创造更大的线, ,我觉得它创造了一个光滑的曲线我觉得它创造了一个光滑的曲线, ,而而不是创造了很多锚点。但是如果你想不是创造了很多锚点。但是如果你想的话的话, ,你也可以创建较小的线条和使你也可以创建较小的线条和使用更多的锚点。这两种方法都试一试用更多的锚点。这两种方法都试一试, ,看哪个最适合你。当你创建更小和更看哪个最适合你。当你创建更小和更详细的细节部位时比如说脚步，你就详细的细

10、节部位时比如说脚步，你就要创建较小的线条和曲线。要创建较小的线条和曲线。步骤四点击并按住开始绘制胳膊1.1.也可以选择转换点工具编也可以选择转换点工具编辑线条的角度辑线条的角度 。当您创建。当您创建了曲线你可能发现这些两行了曲线你可能发现这些两行显示。这些被称为指南显示。这些被称为指南/ /方方向线。他们控制曲线的角度向线。他们控制曲线的角度和长度。和长度。全程电子商务实践示范基地南京网程无忧南京网程无忧第五章钢笔工具的使用第五章钢笔工具的使用1.1.现在往下拖动鼠标你将注意现在往下拖动鼠标你将注意到线条将会弯曲。拖动并释放到线条将会弯曲。拖动并释放鼠标按钮并当您的线条轮廓适鼠标按钮并当您的线

11、条轮廓适合头部边缘的轮廓时。合头部边缘的轮廓时。2.2.如果线条没有你想像的那样，如果线条没有你想像的那样，没问题，钢笔工具是非常宽容的。没问题，钢笔工具是非常宽容的。删除你最后创建的一个锚点。要做删除你最后创建的一个锚点。要做到这一点，到这一点， 按按DELETE DELETE 。这将删除。这将删除最后锚点。在您删除锚点后你必须最后锚点。在您删除锚点后你必须记住点击最后锚点否则你将创建一记住点击最后锚点否则你将创建一个新的子路径。个新的子路径。 2.保持钢笔工具仍处于选中状态，按住alt （这是转换点工具的快捷键）和悬停在顶端的方向线。 （您会发现，您的光标移动将不会改变，直到您悬停在两端方

12、向线或一个锚点） 。3.现在点击上部的并按住顶端方向线，你将能够编辑曲线 并对它进行任何微调。最后的编辑方法是按住Ctrl键。这样能够让你移动锚点和方向和再对你的线条和曲线做一些修改。如果你想的话可以弄几个线条看你能够怎样操作线条。1.1.步骤步骤5 5如果你不编辑的话，底部的方如果你不编辑的话，底部的方向将会是这样长像这个样子。向将会是这样长像这个样子。2.2.如图：如图：现在应该围着胳膊绘制曲线使用不同现在应该围着胳膊绘制曲线使用不同的方法编辑线条或曲线的方法编辑线条或曲线这就是我做的样子这就是我做的样子全程电子商务实践示范基地南京网程无忧南京网程无忧第五章钢笔工具的使用第五章钢笔工具的使

13、用如果你继续用钢笔工具点击胳膊的外部的话，线条将不会你在你想要的地方这是大的方向线以及创建一个大型曲线（基本上是一个长的方向线=长的曲线，短的方向线=短曲线！ ） 。按住 Alt点击并拖动底部的方向线向上使线条在合理的贴近锚点跟踪胳膊的方向。1.1.步骤步骤5 52.2.如果你要删除锚点如果你要删除锚点, ,点击最后点击最后一个你创建的使用转换点工具一个你创建的使用转换点工具来缩短来缩短/ /延长方向线放大区域，延长方向线放大区域，这样更加详细需要小曲线和线条这样更加详细需要小曲线和线条它并不重要它并不重要, ,如果你的线条不是如果你的线条不是完美地跟随周围的边缘完美地跟随周围的边缘不要着急不

14、要着急, ,慢慢来慢慢来! !全程电子商务实践示范基地南京网程无忧南京网程无忧下面的信息在步骤3至5中应该围绕全身绘制。记住，保持你的鼠标往一个方向的曲线拖动长的方向线=长曲线短的方向线=短曲线当你完成右胳膊后你点击第一次创建的锚点。这样将会关闭完成路径。我们的图像应该看起来像这个样子。现在将前景色设置为黑色。现在将前景色设置为黑色。步骤步骤6 6现在右击（钢笔工具仍然选中）将会出现这个对话框。点击填充路径使用以下的设置。 第五章钢笔工具的使用第五章钢笔工具的使用1.1.钢笔的轮廓将会围绕在身体周围，钢笔的轮廓将会围绕在身体周围，按下按下deldel清除这个。清除这个。2.2.图像应该像这个样

15、子。图像应该像这个样子。 添加文本添加文本全程电子商务实践示范基地南京网程无忧南京网程无忧第五章钢笔工具的使用第五章钢笔工具的使用眼睛图标隐藏这个图层。1.1.在在bobyboby图层上创建一个新层命名图层上创建一个新层命名为为 Stomach Stomach。使用钢笔工具。使用钢笔工具描绘出身体上白色的部分。描绘出身体上白色的部分。当完成时关闭路径，将前景色设当完成时关闭路径，将前景色设置为白色，右击选择填充路径。置为白色，右击选择填充路径。点击删除键清除掉钢笔轮廓点击删除键清除掉钢笔轮廓现在的图像看起来应该这个样子现在的图像看起来应该这个样子保持保持bobyboby图层可见的话。图层可见的

16、话。由于眼睛是圆的你可以选择由于眼睛是圆的你可以选择多边形工具或者使用钢笔工具多边形工具或者使用钢笔工具绘制眼睛并用黑色填充绘制眼睛并用黑色填充 全程电子商务实践示范基地南京完成无忧南京完成无忧第五章钢笔工具的使用第五章钢笔工具的使用在完成了做左眼后，复制图层 (Ctrl & J/Apple OptionKey & J)移动到另一个眼睛。命名这个图层为 Right Eye.。2.2.步骤步骤8 8 创建一个新的图层命名为创建一个新的图层命名为 Left Eye. Left Eye. 隐藏其他的图层除了原始的企鹅图像。隐藏其他的图层除了原始的企鹅图像。 1.1.2.2.这就是所有图层可见这就是所有图层可见这张图像呈现的样子。这张图像呈现的样子。步骤步骤9 9全程电子商务实践示范基地南京网程无忧南京网程无忧第五章钢笔工具的使用第五章钢笔工具的使用创建另外一个图层命名为 Beak。再一次隐藏其他的图层这样你就可以跟踪鸟嘴。围绕着鸟嘴使用钢笔工具绘制并将前景色设置为 #fbdf26.填充路径并按下del删除键清除钢笔轮廓。1.1.步骤步骤1010删除背景图层（原来的企鹅图像）让所有的图像可见。我在底部添加了一个图层用白色填充和修改使企鹅图像变得简洁。全程电子商务实践示范基地南京网程无忧南京网程无忧第五章钢笔工具的使用第五章钢笔工具的使用2.