5.5场景图合成(课件）-《电商视觉营销》同步教学（西南财经大学出版社）

商品图片处理 项目五 1 YCF 01 商品图片裁剪 03 商品图片的修饰 02 商品图片调色 目录 CATALOG 04 抠图技巧 05 场景图合成 2 思政课堂 五一劳动节就要到了，“一路行”户外运动网店（主营户外运动产品）为了庆祝这一节日，同时为了促进销售，需要在网店页面上做出一些融合“劳动”元素的装修设计。作为这家网店的设计师，你该选择拍摄何种类型的照片？对于所拍摄的照片，你要怎样进行修饰处理才能突出“劳动最光荣”这一主题？请将你的思路写在下面。 3 网店视觉营销工作是向消费者传递美感，并促成订单的过程。商品图片形成了消费者对商品的第一印象，决定了消费者是否继续浏览详情页，并对商品产生购买欲望。 因此，拍摄的商品图片通常不能直接上传到网店，而要经过后期的处理，使其美观、准确。处理恰当的商品图片能够提高网店商品的点击率和订单转化率。商品图片处理工作成为视觉营销工作中不可忽视的关键一步。 项目导读 01 掌握商品图片裁剪的方法。 02 能够利用 Photoshop 对商品图片进行调色处理。 学习目标 03 了解商品图片的尺寸要求。 04 能够针对商品图片污点进行美化处理。 05 能够针对商品图片污点进行美化处理。 05 场景图合成 一、准备场景图素材 二、处理场景图素材 三、处理背景图片 四、合成场景图 6 一、准备场景图素材 1.场景构思 首先，在这个场景中，商品是冬季的女款棉衣，需要强调的要点是“冬季”。 其次，棉衣的颜色以红色为主要的颜色，设定其场景的大背景为白色的“雾凇”，以此来承托红色的棉衣。 最后，在场景中添加“冬日恋歌”主题文字、优惠的相关信息等。 7 一、准备场景图素材 2.准备素材 根据场景的构思需要，根据商品的信息，通过搜索，找到相关背景“雾凇”素材（背景素材尽量要使用分辨率较高的图片），如图所示。 8 二、处理场景图素材 步骤1：打开Photoshop软件，选择“文件”→“打开”菜单命令，打开“素材/项目五/19女装.jpg”图片；在“图层”面板中，双击“背景”层，出现“新建图层”对话框，背景层会变成“图层0”，单击“确定”按钮，完成操作。 9 二、处理场景图素材 步骤2：选择“快速选择工具”，设置工具属性，选中图片的灰色背景；选择“选择”→“反向”菜单命令，把背景选区转换为商品选区；为了让商品的边缘更光滑，单击“快速选择工具”属性工具栏上的“调整边缘”按钮，设置“平滑”为“3”，其他的设置为默认值。效果如图所示。 10 二、处理场景图素材 步骤3：选择“选择”→“反向”菜单命令，转换选区为背景；按“Delete”键，删除背景选区；按“Ctrl+D”组合键，取消选区，完成商品的抠图，效果如图所示。 11 二、处理场景图素材 步骤4：由于图片较暗，这里需要调整图片的色彩饱和度。选择“图像”→“调整”→“亮度/对比度”菜单命令，根据效果设置参数，参数设置如图所示。 步骤5：保存图片。选择“文件”→“存储为”菜单命令，存储文件为“19女装-PS.psd”，便于后续修改方便；另一是存储为“19女装-PS.png”，便于后面的场景合成使用。 12 三、处理背景图片 步骤1：打开Photoshop软件，选择“文件”→“打开”菜单命令，打开“素材/项目五/19背景.jpg”图片；在“图层”面板中，双击“背景”层，出现“新建图层”对话框，背景层会变成“图层0”，单击“确定”按钮，完成操作。 步骤2：选择“裁剪工具”，设置其宽度为“950”、高度为“500”，如图所示；单击属性工具栏上的“确定操作”按钮 ，完成裁剪操作。 13 三、处理背景图片 步骤3：为了突出商品，需要对背景进行模糊。选择“滤镜”→“模糊”→“镜头模糊”菜单命令，选择模糊形状为“六边形”，半径选择为“3”，其他参数不变；操作后效果如图所示。 14 三、处理背景图片 步骤4：由于图片整体偏暗及色相偏蓝光，调整背景色相/饱和度。选择“图像”→“调整”→“色相/饱和度”菜单命令，根据效果设置参数，如图所示。 步骤5：保存图片。选择“文件”→“存储为”菜单命令，存储文件为“19背景-PS.psd”，便于后续修改方便；并将图片另存为“19背景-PS.png”，便于后面的场景合成使用。 15 四、合成场景图 步骤1：打开Photoshop软件，选择“文件”→“打开”菜单命令，打开文件夹“素材/项目五/”，打开图片“19女装-PS.png”和“19背景-PS.png”；在“图层”面板中，双击“背景”层，出现“新建图层”对话框，背景层会变成“图层0”，单击“确定”按钮，完成操作。 步骤2：选择“移动工具”，把人物拖动到背景图片上，如图所示；设置前景色RGB为“255/0/0”。 16 四、合成场景图 步骤3：选择“横排文字工具”工具，在图片的右侧输入文字。设置