第2章商品图片基本处理《Photoshop CC网店美工视觉设计实战》同步教学（工信版）（课件）

商品图片基本处理 Photoshop CC网店美工视觉设计实战（全彩微课版） 第2章 目录 Contents 修改与校正商品图片 调整商品图片色调 商品图片特殊效果处理 2.2 2.1 2.3 实战演练 2.4 2.1.1 修改商品图片尺寸 3 由于网店中不同位置对应的商品图片尺寸不同，为了使拍摄的商品图片能在不同位置使用，网店美工需要对商品图片尺寸进行修改，如商品主图的尺寸一般为800像素×800像素，因而要直接使用拍摄的商品图片作为主图，就需要先设置图片的宽度或高度为800像素，再通过裁剪工具将其裁剪为1:1的比例大小，具体操作如下。 选择商品图片 1 2 查看打开的女包图片 2.1.1 修改商品图片尺寸 4 完成裁剪操作后的效果 调整图像大小 4 3 5 选择裁剪比例、区域 2.1.2 校正变形的商品图片 5 为了使商品图片更美观，网店美工在拍摄商品时往往会选择不同的角度进行展现，因此可能导致商品图片变形，此时可校正该商品图片，如使用透视裁剪工具调整倾斜度，再使用裁剪工具调整商品图片的尺寸等，具体操作如下。 打开戒指素材 1 2 矫正透视图 透视裁剪效果 3 2.1.2 校正变形的商品图片 6 正方形裁剪图片 4 5 正方形裁剪图片效果 更改图片大小 6 目录 Contents 修改与校正商品图片 调整商品图片色调 商品图片特殊效果处理 2.2 2.1 2.3 实战演练 2.4 2.2.1 了解图片调色 8 合适的色彩无论对画面质量的提升还是情绪的渲染，都有着非同一般的效果。如下图所示，左边的原片画面色彩饱和度过低，整体效果也很灰暗，而右边调整后的图片，由于提高了对比度与色彩饱和度，变得温馨起来，也更加突出了商品。 2.2.1 了解图片调色 9 为了使调色后的商品图片能够更加满足视觉设计的需要，在进行图片调色时，网店美工需要遵守一定的调色原则，以免做无用功。 01 02 03 04 05 从网店整体出发，确定商品图片的颜色风格 整体色调自然 调整图像偏色 抓住调色的重点色 分割色彩 2.2.2 调整曝光不足的商品图片 10 在拍摄商品图片时，由于打光不均，容易出现曝光不足、明暗关系不明显的情况，此时网店美工可调整商品图片的色调，如调整亮度/对比度、曲线和色阶等，具体操作如下。 打开水杯素材 1 2 调整亮度/对比度 调整曲线 3 2.2.2 调整曝光不足的商品图片 11 调整曲线后的效果 4 5 调整色阶 调整色阶后的效果 6 2.2.3 调整曝光过度的商品图片 12 商品图片除了存在曝光不足的情况外，还会出现曝光过度的情况。曝光过度的商品图片会存在光线对比强烈、商品边界不明显的情况，网店美工在调整图片时可先调整明暗度，再调整曝光度、对比度等，具体操作如下。 打开化妆水素材 1 调整曲线 2 2.2.3 调整曝光过度的商品图片 13 调整亮度/对比度 3 4 调整阴影色彩平衡 2.2.3 调整曝光过度的商品图片 14 调整中间调色彩平衡 5 6 设置图层混合模式 2.2.3 调整曝光过度的商品图片 15 调整色阶 7 8 查看完成后的效果 2.2.4 调整有色差的商品图片 16 网店美工拍摄商品图片时，可能会因灯光、背景的颜色等导致商品图片出现偏黄、偏红等偏色问题。针对偏色问题可使用色彩平衡、色相/饱和度和曲线等来调整，具体操作如下。 打开水杯素材 1 2 选择“色彩平衡”选项 2.2.4 调整有色差的商品图片 17 调整中间调色彩平衡 3 5 调整阴影色彩平衡 调整曲线 4 2.2.4 调整有色差的商品图片 18 框选便携水杯 6 移动水杯 7 目录 Contents 修改与校正商品图片 调整商品图片色调 商品图片特殊效果处理 2.2 2.1 实战演练 2.3 2.4 2.3.1 调整商品图片质感 20 当商品图片中的商品很难展示质感时，网店美工可通过调色、增加图片清晰度等后期处理来提高图片中的商品质感，如增强毛绒感、体现材质等，具体操作如下。 打开拖鞋素材、创造选区 1 USM锐化参数、锐化后效果 2 2.3.1 调整商品图片质感 21 锐化部分图像 3 加深部分图像 4 2.3.2 虚化商品图片背景 22 对于一些主体物和背景无法区分、层次不明的图片，虚化背景是常用的修饰方法，这种方法可以使视觉焦点聚集在主体物上，营造主体物与背景间的一种前实后虚的效果，避免背景喧宾夺主，具体操作如下。 创建选区 1 2 设置羽化半径 2.3.2 虚化商品图片背景 23 设置镜头模糊 3 4 虚化背景的效果 目录 Contents 修改与校正商品图片 调整商品图片色调 商品图片特殊效果处理 2.2 2.1 实战演练 2.3 2.4 2.4.1 修饰