网店美工赢家宝典(第2章)玩转Photoshop之轻松美化店铺

玩转Photoshop

之轻松美化店铺第2章Areyouready?第2章玩转Photoshop之轻松美化店铺轻松了解Photoshop2.12.2勾魂式图片处理技法PhotoshopCS6是Adobe公司推出的一款优秀的图像处理软件，具有功能强大、使用方便的特点，是淘宝卖家在修图过程中必备的软件工具。在店铺装修当中，最受广大淘宝卖家青睐的图像处理软件非Photoshop莫属，其强大的图像处理和特效设计功能可以使淘宝卖家的艺术构思和创作灵感得以更好的实现，从而创作出更好的装修设计作品。对于初学者来说，很多人找不到下载Photoshop软件的渠道，即便找到了渠道也不会安装Photoshop软件，致使刚入门的卖家就遇到了难点。本节着重讲解一下如何下载及安装Photoshop软件。步骤1

在【谷歌】浏览器的地址栏中输入网址【】，按【Enter】键进入【PS联盟】首页。操作步骤步骤2

在首页右下方找到【软件下载】按钮，点击该按钮进入软件下载页面。操作步骤步骤3

在软件下载页面右侧【下载导航】中点击【PhotoshopCS6下载】按钮，然后在左侧出现的对应PhotoshopCS6软件中选择其中一款下载即可，如【adobephotoshopCS6简体中文精简版】。步骤4

将下载好的解压包存在除C盘以外的其他盘内。然后选中解压包点击鼠标右键，在弹出的菜单中选择【解压到Photoshop.CS6l.LJF\】选项。操作步骤步骤5

在解压好的文件夹中找到【Photoshop_CS6_CHS_lite】安装程序，双击该程序，弹出【安装向导AdobePhotoshopCS6】窗口，根据提示安装即可。步骤6

安装成功后，在桌面上会显示Photoshop软件图标。读者可以选择自己习惯用的Photoshop版本进行安装，其每个版本大致相同，新版本会比旧版本增加一些功能，希望读者可以尝试Photoshop最新版本，使用其作图的同时可以乐在其中。AdobePhotoshopCS6号称是Adobe公司历史上最大规模的一次产品升级，它的工作界面与其他版本比起来，更受广大设计人员和电脑美术爱好者的喜欢。双击桌面上的【PhotoshopCS6】图标，启动PhotoshopCS6程序。PhotoshopCS6程序启动画面打开程序后可以看到，PhotoshopCS6的工作界面主要是由菜单栏、选项栏、选项卡式文档窗口、工具箱、面板组和状态栏组成。工具箱在初始状态下一般位于窗口的左侧，当然也可以根据自己的习惯拖动到其他位置，利用工具箱中的工具，可以进行选择、绘制、取样、编辑、注释和查看图像等操作，还可以更改前景色和背景色以及创建图像的快速蒙版等操作。如果想知道各个工具的快捷键，可以将鼠标指向工具箱中某个工具按钮图标，如【快速选择工具】，停留2秒左右的时间，即会出现一个工具名称和提示，提示括号中的字母即为该工具的快捷键。方法一1打开隐藏工具的方法方法二2将鼠标移至含有小三角符号的工具图标上，点击鼠标右键，就会弹出工具选项菜单，在其中选择相应的工具即可，如选择【魔棒工具】。将鼠标移至含有小三角符号的图标上，按住鼠标左键不放，此时会弹出一个工具选项菜单，在其中选择相应的工具即可，如选择【油漆桶工具】。在淘宝设计中经常用到的工具以及工具的展开效果在英文输入法状态下，选择含有小三角符号的工具后，按住【Shift】键的同时，连续按下所选工具的快捷键，可以依次选择该工具图标下隐藏的工具。面板是Photoshop的一个重要组成部分，它可以进行选择颜色、编辑图层、编辑通道、编辑文字和创建路径等操作。在这里重点介绍【图层】面板和【路径】面板。【图层】面板及其组成部分在PhotoshopCS6中，每个图像都由一个或多个图层组成，图层与图层之间是相互独立的，当对某一图层进行操作时，不会影响到其他图层，方便我们对图像进行处理。【图层】面板是PhotoshopCS6启动时默认显示的浮动面板之一。如果【图层】面板目前不可见，执行【窗口】丨【图层】命令或者是按下【F7】键，就可以开启【图层】面板。【路径】面板除了可以分类存储路径外，还可以对已建立好的路径进行管理，以及进一步编辑。如果【路径】面板目前不可见，可以执行【窗口】丨【路径】命令来开启，这个面板在后期抠图中会经常用到。【路径】面板及其组成部分【字符】面板及其组成部分【字符】面板用于当前文字的编辑和修改，在其中可更改文字的字体、大小、颜色、行距、间距等属性。执行【窗口】丨【字符】命令可打开面板。【历史记录】面板及其组成部分面板操作列表中记录了打开图像后进行的所有操作。【历史记录】面板是一个非常有用的工具，读者可利用它撤销前面进行的任意操作，恢复到某一指定的操作。执行【窗口】丨【历史记录】命令，可以打开【历史记录】面板。快捷键的使用是利用Photoshop作图基础中的基础，也是提高工作效率的最佳方法。它可以把制作者的思想集中到设计图像上，而不是面板上，一些简单的命令通过键盘和鼠标的配合快速完成。在这里重点介绍Photoshop中常用的快捷键。文件操作常用快捷键选择功能常用快捷键当完成一件作品或者处理完成一幅打开的图像时，需要将完成的图像进行存储，这时就可应用【存储】命令。在【文件】菜单下面有两个命令可以将文件进行存储，分别为【文件】丨【存储】和【文件】丨【存储为】命令。选择【存储为】命令后打开的【存储为】对话框【存储为】对话框【保存在】【格式】【文件名】【存储选项】可以在其下拉菜单中选择要存储图像文件的路径位置。可以在文本框中输入要保存的文件名称。可以从其下拉菜单中选择要保持的文件格式。默认保存格式为PSD。默认选择【图层】复选框，可以将分层文件进行分层保存，便于以后编辑。有些淘宝卖家根据上述的方法，在存储图片时会遇到图片大小（K数）过大而无法上传图片，这时我们应该如何解决呢？步骤1

首先在文件夹中选中一张图片，看下这张图片在没有编辑之前的K数为849K，尺寸为1920×1200。操作步骤步骤2

在PhotoshopCS6中，执行【文件】丨【打开】命令，在弹出的【打开】对话框中选中目标图片，点击【打开】按钮。操作步骤打开图片后的效果操作步骤步骤3

执行【文件】丨【存储为Web所用格式...】命令，快捷键是【Alt+Shift+Ctrl+S】。选择【存储为Web所用格式...】命令操作步骤步骤4

在弹出的【存储为Web所用格式】对话框中选择【优化的存储格式】为【JPEG】，【压缩品质】为【70】，点击【存储...】按钮。【存储为Web所用格式】对话框操作步骤步骤5

在弹出的【将优化结果存储为】对话框中选择要存储的位置，点击【保存】按钮。【将优化结果存储为】对话框操作步骤步骤5

在弹出在【“Adobe存储为Web所用格式”警告】提示框中，点击【确定】按钮，关闭对话框。【“Adobe存储为Web所用格式”警告】提示框操作步骤现在针对同一张图片，在不更改图片尺寸的情况下缩小图片K数的操作步骤已经完成。相比于原始图片，可以看出图片的尺寸没变化，而K数明显变小。原图效果图如果更改后图片的K数仍然超过所需K数，可以继续降低品质，或者选择【优化的存储格式】为【GIF】格式这两种方法。在拍摄商品过程中，由于光线、技术、拍摄设备等原因，拍摄出来的商品图片往往会有一些不足的地方，为了把商品最好的一面呈现给买家，利用Photoshop处理图片就显得尤为重要了。拍摄的图片经常会遇到颜色发灰或曝光过度等问题，在这里利用两个工具分别针对这两个问题进行讲解。利用【色阶】命令可以解决图像发灰问题，通过调整图像的暗调、中间调和亮调的强度级别来校正图像。图像优化前后效果对比操作步骤步骤1

执行【文件】丨【打开】命令，打开本书配套素材【素材与实例】丨【第2章】文件夹中的【2.jpg】图像文件。操作步骤步骤2

按【F7】键打开【图层】面板，在其中的【背景】图层上点击鼠标右键，在弹出的菜单中选择【复制图层】命令，快捷键为【Ctrl+J】，得到【背景副本】图层。此操作的目的是保护原图像不受损害，接下来调整图像的一系列操作将主要在【背景副本】图层上进行。操作步骤步骤3

确保【背景副本】图层在选中的状态下，点击面板底部的【创建新的填充或调整图层】按钮，在弹出的菜单中选择【色阶】选项。操作步骤步骤4

在打开的【色阶】属性面板中通过拖动滑块可调节图像的明暗度。根据商品的实际色调需将最右侧的白色滑块向左移动，将图像的亮部色调替代中间色调的位置；将中间的灰色滑块向左移动，将图像的中间色调替代暗部色调的位置。步骤5

根据步骤4中对图像明暗度的调整，得到最终的图像效果。【色阶】属性调板在【色阶】属性面板中，黑色滑块表示图像中最暗的地方，向右拖动可使整体图像变暗；灰色滑块表示表示图像中间亮度的地方，向左拖动可提亮图像中部分黑色像素区域，向右拖动可将部分白色像素区域变暗；白色滑块表示图像中最亮的地方，向左拖动可使整体图像变亮。利用【曲线】命令可以调整图像整体色彩范围或不同颜色通道的色调，解决图像曝光问题。原图效果图图像优化前后效果对比操作步骤步骤1

打开本书配套素材【素材与实例】丨【第2章】文件夹中的【3.jpg】图像文件。按【F7】键打开【图层】面板，再按快捷键【Ctrl+J】，复制【背景】图层，得到【背景副本】图层。步骤2

确保【背景副本】图层在选中的状态下，点击面板底部的【创建新的填充和调整图层】按钮，在弹出的菜单中选择【曲线】选项。步骤3

在打开的【曲线】属性面板中通过改变网格中曲线的形状，从而调整图片曝光过度的问题。在曲线中上方点击鼠标左键创建一个控制点，向上拖动这个控制点可以调整图像中该点范围内的亮度值。操作步骤【曲线】属性面板操作步骤步骤4

根据步骤3中对图像明暗度的调整，图像整体变亮。调整后图像效果在曲线上可创建多个控制点，按住【Shift】键的同时点击可以选择多个控制点；按住【Crtl】键的同时点击控制点或者将控制点拖动到编辑区外，可以删除该点。在拍摄图片的过程中经常会拍摄到周围的环境，使买家降低了对商品的关注度，这时就需要利用Photoshop对图片进行处理，突出商品本身。优化前优化后操作步骤步骤1

打开本书配套素材【素材与实例】丨【第2章】文件夹中的【4.jpg】图像文件。在【图层】面板中复制【背景】图层，得到【背景副本】图层，然后在工具箱中选择【矩形选框工具】。打开素材并选择【矩形选框工具】操作步骤步骤2

在图像窗口中按住鼠标左键的同时向右下角拖动选框，框选到适合的位置，释放鼠标左键绘制矩形选区。操作步骤步骤3

在工具箱中选择【裁剪工具】，此时图片被框选的部分会出现8个控制点，将鼠标指针移至控制点上，当指针呈形状时拖动鼠标可以对图片的框选部分进行调整。步骤4

调整好要突出的商品图片后，双击鼠标左键或者按两次【Enter】键，商品图片会仅显示需要突出的部分。操作步骤裁剪图像步骤5

在工具箱中选择【模糊工具】，在工具选项栏中设置笔刷大小、硬度以及强度等属性，然后在图像窗口中按住鼠标左键不放并拖动涂抹绿色区域部分，对其进行模糊处理。操作步骤模糊图像步骤5

涂抹完成后，可以看到图像周围背景呈现模糊状态。操作步骤效果图像在拍摄商品的时候总是将商品拍歪已经成为卖家最头疼的事情，重新拍摄商品不但浪费时间，还很费力气，那么这种情况我们应该如何解决呢？这时，如果利用Photoshop中的【自由变换】命令就可以不费吹灰之力地完成一张合格商品图。优化前优化后操作步骤步骤1

打开本书配套素材【素材与实例】丨【第2章】文件夹中的【5.jpg】图像文件。在【图层】面板中复制【背景】图层，得到【背景副本】图层。执行【编辑】丨【自由变换】命令，快捷键为【Ctrl+T】。选择【自由变换】命令步骤2

此时图像四周出现了8个控制点，将鼠标移动到右上角控制点附近，当指针呈形状时按住鼠标左键并拖动，可旋转图像。操作步骤步骤3

将图像旋转到适当的位置后，双击鼠标左键或按【Enter】键，得到商品正面图。淘宝网对商品尺寸有严格的要求，如商品主图尺寸、首页尺寸、详情页尺寸等都需要在规定的尺寸规格内，才能以最好的效果吸引买家，所以要对拍摄的图片进行修改。操作步骤步骤1

打开本书配套素材【素材与实例】丨【第2章】文件夹中的【6.jpg】图像文件。操作步骤步骤2

执行【文件】丨【图像大小】命令（快捷键为【Alt+Ctrl+I】）。步骤3

在打开的【图像大小】对话框中勾选【缩放样式】和【约束比例】复选框，设置【像素大小】设置区内的【宽度】为【750像素】，设置好后点击【确定】按钮。操作步骤【图像大小】对话框操作步骤步骤4

根据步骤3中的操作，图像的尺寸由1600×1200像素更改至750×563像素。最终效果勾选【缩放样式】和【约束比例】复选框是为了在更改图片的时候保持原有比例，使图片不变形。更改图片宽度后，如果觉得图片过高，可以利用【裁剪工具】将图片调到所需高度。在淘宝设计中，为商品换背景是最常应用到的。为商品更换背景时，如果背景颜色比较单一，直接利用【魔棒工具】在背景上点击，将其选中即可。对于背景比较复杂的商品图，需要将商品部分分离出来，此操作会繁琐一些。抠图前抠图后步骤1

打开本书配套素材【素材与实例】丨【第2章】文件夹中的【7.jpg】图像文件。操作步骤步骤2

在【图层】面板中复制【背景】图层，得到【背景副本】图层。在工具箱中选择【钢笔工具】，在工具选项栏中选择【工具模式】为【路径】。操作步骤步骤3

在图像窗口中杯子图像左上角的弧形转弯处点击，添加一个锚点，向右移动鼠标，在图像最上方按住鼠标左键不放并拖动，绘制一个带有控制杆的锚点，释放鼠标按钮后，确定第二个锚点。每添加一个锚点路径会自动将两个锚点使用线条进行连接。创建锚点选择【钢笔工具】后，在图像窗口中点击会创建直线锚点，直线锚点之间的连线为直线；若点击鼠标并拖动，则会创建曲线锚点，曲线锚点的两侧有方向控制杆，拖动方向控制杆可调整曲线形状。操作步骤步骤4

利用步骤3中的操作方法继续沿着杯子的轮廓创建锚点，当最后一个锚点与第一个锚点重合时，鼠标指针变为形状，此时点击左键就会生成了一个闭合区域。创建闭合路径如果对已绘制完成的路径不满意，可以利用【路径选择工具】和【转换点工具】调整路径。其中，选择【路径选择工具】可点击选中锚点，拖动鼠标移动锚点位置和调整控制杆长短；选择【转换点工具】可改变锚点类型。点击贝叶斯锚点，可将其转换为直线锚点点击直线锚点并拖动，可将其转换为曲线锚点点击曲线锚点方向控制杆的端点并拖动，可将其转换为贝叶斯锚点操作步骤步骤5

执行【窗口】丨【路径】命令，打