下载掌阅APP，畅读海量书库
立即打开
1.4 优化商品主图
商品主图是买家接触到店铺商品信息的第一视觉感官，只有主图做的能够吸引买家眼球，才会调动买家的购买欲望，从而进一步了解该商品信息。
淘宝商品主图的标准尺寸是：310像素？310像素的正方形图片；800像素？800像素以上的图片，可以在宝贝详情页提供图片放大功能，这就是在逛淘宝的时候有的商品图片可以直接放大细节图的关键所在，如图1-46所示。
商品主图的要求：主图图片至少上传一张，图片大小不能超过500KB。
图1-46 放大细节图
拍摄的商品图片均为长方形，一定要更改成大于或者等于310像素×310像素的正方形图片作为商品主图。
在淘宝中，主图背景色要是可以衬托商品的纯色背景，切记不要用过于繁杂的背景。因为人的眼睛一次只能存储2、3种色彩，以纯色做背景时在颜色搭配上比较容易，也更令人印象深刻。反之，背景色采用过多、过杂的颜色，买家的眼睛也会感到疲倦，只会分散注意的焦点，影响买家的购买欲望，让效果大打折扣，如图1-47所示。
图1-47 背景色对比效果图
搭配主图背景色的原则如下。
（1）背景色以白色或者浅色为主，展现的图片会更加清晰，表达目的更加明确，如图1-48所示。
（2）针对商品的形象搭配背景色，例如想要呈现可爱的感觉，就以淡粉色为主，如图1-49所示。
图1-48 白色背景
图1-49 淡粉色背景
（3）商品与背景色可以是同一色系的明暗度组合，会给买家较强的视觉冲击力，如图1-50所示。
（4）背景色不要与文字颜色相近，会降低可识别性，如图1-51所示。
图1-50 明暗度组合背景
图1-51 背景色与文字颜色相近
主图体现在搜索上，好的主图能够提高点击率，从而达到引流的目的。在浏览主图的时候，买家的流量速度比较快，所以主图必须做得鲜活明亮。要打造一张吸引买家眼球的好主图，只需要遵循三大设计原则。
调节比例大小要适中，比例过小则细节表达不清晰，比例过大则显得臃肿，合适的比例能增加浏览时的视觉舒适感，提升点击率，对比效果如图1-52所示。图中想体现的是“侧口紧腿女裤”，清晰的对比可见适中的比例可以吸引买家的眼球，将画面中的“侧口紧腿女裤”的特点完美展现在画面中。
图1-52 比例大小对比图
具体操作步骤如下。
步骤1 执行“文件→打开”命令，打开商品图片，打开的图像效果如图1-53所示。
步骤2 按【Ctrl+J】快捷键，复制“背景”图层得到新图层“背景副本”图层，如图1-54所示。
图1-53 原图效果
图1-54 “背景副本”图层
步骤3 确保“背景副本”图层为选中状态，在工具箱中单击“裁剪工具”
按钮，图像会出现裁剪边框。裁剪图片之前，如果预先设置图像的宽度和高度，就可以得到固定大小的图像。这里在工具选项栏中单击“裁剪比例”下拉按钮，执行“大小和分辨率”命令，如图1-55所示。
图1-55 执行“大小和分辨率”命令
步骤4 在弹出的“裁剪图像大小和分辨率”对话框中，将宽度设置为310像素，高度设置为310像素，分辨率设置为72像素/英寸，如图1-56所示。
步骤5 在输入固定的数值以后，图像会根据数值出现对应的裁剪区域，设置裁剪区域范围并移动到适当的位置，如图1-57所示。
图1-56 “裁剪图像大小和分辨率”对话框
图1-57 裁剪区域
步骤6 根据上一步的操作，将鼠标放置在边框内，双击鼠标或者按【Enter】键就可以对图像进行裁剪，裁剪效果如图1-58所示。
图1-58 裁剪效果
（1）商品图片裁剪比例要合理，不要用作图软件拉伸商品图片，导致商品变形而失去真实效果。（2）制作淘宝店铺的相关图片时，很多尺寸都是固定的，可以使用预先设置图像的宽度和高度的方法，得到固定大小的图像。
顾客搜索主图时浏览的速度较快，传达的信息越简单、明确就越容易被接受，如图中有杂乱背景必须处理掉。正确运用背景颜色可以使本身很平淡的东西瞬间变得漂亮起来，要灵活运用背景色与商品的搭配让主图更具亲和力和感染力，对比效果如图1-59所示。
图1-59 更换背景前后的对比图
具体操作步骤如下。
步骤1
完成技巧一的步骤后，在工具箱中单击“钢笔工具”
按钮，然后在工具选项栏中单击“路径”按钮，如图1-60所示。
步骤2 开始在商品的每一个弧形转弯处单击，为商品路径添加节点，每添加一个节点路径会自动将两个节点用线条连接，如图1-61所示。
图1-60 单击“路径”按钮
图1-61 添加节点
步骤3 将整体商品轮廓全部勾勒完毕，最后一个节点要与第一个节点重合，这样就生成了一个闭合区域，如图1-62所示。
步骤4
勾勒完毕后，开始对勾勒的节点进行调整，在工具箱中单击“钢笔工具”
按钮并且停留2秒钟，在弹出的菜单中单击“转换点工具”
按钮，如图1-63所示。
图1-62 闭合区域
图1-63 单击“转换点工具”按钮
步骤5 将图片放大到可以清楚地看到商品的边线，按下其中一个节点拖动，会显示出两个调节杆，拖动调节杆可以将节点两侧的线条变成弧线，按照产品的边缘线调节弧线的方向，使其与产品边缘线重合，如图1-64所示。
步骤6
调整完一个弧线，按下空格键，鼠标指针会变成一个小抓手
，利用抓手将图片移动到下一个方便调节的位置，如图1-65所示。
图1-64 弧线与产品边缘线重合
图1-65 利用抓手移动图片
步骤7 如果此时节点的位置并没有与商品边线重合，可以按下【Ctrl】键，鼠标指针就会变成小箭头，这时可以移动节点的位置，如图1-66所示。
步骤8 反复重复上边的步骤，勾勒出整个商品的轮廓后，在“窗口”菜单中执行“路径”命令，如图1-67所示。
图1-66 鼠标指针变成小箭头
图1-67 执行“路径”命令
步骤9
在“路径”面板中会显示刚刚绘制的路径形状，在选中“工作路径”图层的前提下，在“路径”面板上单击“将路径作为选区载入”
按钮，操作方法如图1-68所示，载入后的效果图如图1-69所示。
图1-68 “路径”面板
图1-69 载入后的效果图
步骤10 将路径作为选区载入后，在“选择”菜单中执行“反向”命令，如图1-70所示，在键盘上按下【Delete】键，删除图片背景，如图1-71所示。
图1-70 执行“反向”命令
图1-71 删除图片背景
步骤11
在工具箱中单击“油漆桶工具”
按钮，设置前景色的颜色值为#F1EDE4，为图片添加背景色，如图1-72所示。
图1-72 添加背景色
步骤12 重复以上抠图步骤，添加同款商品图片，最终效果图如图1-73所示。
图1-73 最终效果图
“钢笔工具”适用于抠取较复杂的商品图，Photoshop中有很多抠图工具，请根据具体商品图片选择适合的工具进行抠图。
通过放大细节提高主图的点击率，可以在主图上添加文字等内容，文字内容可以是标题文字的补充信息，也可以是卖家想要强调的重点内容，如包邮、特价等。本节设计主图要强调的重点内容是裤子有5种颜色，丰富细节前后的对比效果如图1-74所示。
图1-74 丰富细节前后的对比图
具体操作步骤如下。
步骤1
完成技巧二的步骤后，在工具箱中单击“文字工具”
按钮，然后在工具选项栏中设置各项参数，字体系列为方正兰亭准黑，字体大小为18像素，消除锯齿的方法为平滑，文本颜色值为#131313，设置效果如图1-75所示。
图1-75 工具选项栏参数设置
步骤2 将鼠标移至图像上，单击鼠标左键输入“五色畅销款”字样，如图1-76所示。
图1-76 输入“五色畅销款”字样
步骤3
通过上一步可以看到添加的文字并不明显，这时可以在文字下方添加白色底纹作为衬托，在工具箱中单击“矩形工具”
按钮，设置前景色为白色，在图像上绘制出大小适当的矩形形状，如图1-77所示。
步骤4 重复 步骤3 的操作，绘制其他形状，如图1-78所示。
图1-77 绘制大小适当的矩形形状
图1-78 绘制其他形状
步骤5 在“图层”面板中选中第一次绘制的矩形形状，将其透明度降低至70%，使图像呈现半透明的效果，如图1-79所示。制作完毕后将图像存储为JPG格式，完成最终主图效果，如图1-80所示。
图1-79 降低不透明度
图1-80 最终主图效果
Photoshop中可以添加字体样式，更多字体可以到“找字网”下载。
优化好商品主图后，需要将图片上传到店铺中，具体操作步骤如下所示。
步骤1 打开卖家中心，在“宝贝管理”菜单中执行“发布宝贝”命令，如图1-81所示。
图1-81 执行“发布宝贝”命令
步骤2 通过上一步操作，进入到“一口价”发布页面，可以在“类目搜索”搜索框中输入商品关键字，单击“快速找到类目”按钮，从淘宝匹配的类目中选择最适合的类目，单击“我已阅读以下规则，现在发布宝贝”按钮，如图1-82所示。
图1-82 发布宝贝
步骤3 在“一口价”发布页面找到“宝贝图片”区域，单击“上传新图片”按钮，如图1-83所示。
图1-83 上传新图片
步骤4 在弹出的“选择要加载的文件”对话框中，找到对应的图片，单击“打开”按钮，如图1-84所示。上传好的效果如图1-85所示。
图1-84 打开对应的图片
图1-85 上传好的效果图
参照淘宝提供的范例背景图上传商品主图为最佳选择。