《网店商品图片处理》课件学习情境一 鞋类商品图片的处理.pptx

1、网店商品图片处理 学习目标 能够分析任务并制订工作计划和实施方案掌握鞋类商品图片的处理方法和技巧能够判断图片是否合格 情景一 鞋类商品图片的处理u 网店鞋类商品图片发布规范u 调整商品图片大小u 制作商品详情图u 设置商品主图背景 白底u 设置商品主图背景 渐变u 修复商品图片背景学习内容项目一：调整图片大小鞋类商品图片任务一：熟悉鞋类商品图片发布规范 情景一 鞋类商品图片的处理实施步骤：步骤1：登录天猫首页（http:/），将光标放到页面右上方导航栏上的【商家支持】栏目上，在弹出的下拉菜单中，单击【帮助中心】链接。步骤2：进入【帮助中心】页面，在搜索框中输入“行业标准”，然后单击【搜索】按钮

2、。步骤3：在打开的页面中，单击【天猫行业标准_鞋类行业】链接。步骤4：在打开的【天猫鞋类行业标准】页面中，认真阅读图片发布规范，了解运动鞋图片的要求。任务二：调整商品主图大小 情景一 鞋类商品图片的处理实施步骤：步骤1：打开Photoshop CS6软件，执行【文件】【新建】命令，打开【新建】对话框，在【新建】对话框的【名称】栏中输入“主图1”；【宽 度】和【高 度】栏 均 设 置 为“430像素”，【分辨率】栏设置为“72像素/英寸”，【颜色模式】栏设置为“RGB颜色8位”，【背景内容】栏设置为“白色”，设置完成后单击【确定】按钮。步骤2：打开电子资源包“素材与实例”“情境一基础素材”文件夹

3、中的“1.jpg”文件，选择【移动工具】，将“1.jpg”移至“主图1”，调整好位置。步骤3：执行【编辑】【自由变换】命令，或按Ctrl+T组合键，出现选区变形框。情景一 鞋类商品图片的处理实施步骤：步骤4：将光标移至选区变形框的控制点上，待光标变为 形状后，按住Shift键的同时单击鼠标并向内拖动缩小图片。步骤5:调整好图片大小后，按Enter键确认应用变换。步骤6:执行文件存储为命令，弹出存储为对话框，在此对话框中单击左侧的桌面图标，选择存储客户图片的文件夹(如图1-10所示)，然后单击格式下拉列表框右侧的下三角按钮，选择“Photoshop(*.PSD;*.PDD)”。步骤7：重复步骤1

4、步骤10，完成其他3张商品主图背景的调整。任务三：制作商品详情图 情景一 鞋类商品图片的处理实施步骤：步骤1：打开Photoshop CS6软件，执行【文件】【新建】命令，在【新建】对话框的【名称】栏中输入“宝贝详情图1”；【宽度】和【高度】栏分别设置为“793像素”和“723像素”，【分辨率】栏设置为“72像素/英寸”，【颜色模式】栏设置为“RGB颜色8位”，【背景内容】栏设置为“白色”，设置完成后单击【确定】按钮。步骤2：打开电子资源包“素材与实例”“情境一基础素材”文件夹中的“2.jpg”文件，执行【图像】【图像大小】命令，打开【图像大小】对话框。情景一 鞋类商品图片的处理实施步骤：步骤

5、3：设置【像素大小】的【宽度】为“793像素”，【高度】为“430像素”，设置完毕单击【确定】。步骤4：选择【移动工具】，将“2.jpg”移至“宝贝详情图1”，并调整好位置。情景一 鞋类商品图片的处理实施步骤：步骤5：打开电子资源包“素材 与 实 例”“情 境 一基 础 素材”文件夹中的“3.jpg”文件，执行【图像】【图像大小】命令，打开【图像大小】对话框，参数设置。步骤6：选择【移动工具】，将“3.jpg”移 至“宝 贝 详 情 图1”，并调整好位置。情景一 鞋类商品图片的处理实施步骤：步骤7：打开电子资源包“素材与实例”“情境一基础素材”文件夹中的“4.jpg”文件，设置好参数后，选择【

6、移动工具】，将“4.jpg”移至“宝贝详情图1”。步骤8：按Ctrl+T组合键，调整好图片大小，按Enter键确认应用变换，选区变形框消失。情景一 鞋类商品图片的处理实施步骤：步骤9：选择【横排文字工具】，设置字体为“百度综艺简体”（也可以是其他合适的字体），字体大小为“30点”，颜色为黑色，输入文字。步骤10：执行【文件】【存储为】命令，弹出【存储为】对话框，在此对话框中单击左侧的【桌面】图标，选择存储客户图片的文件夹，然后单击【格式】下拉列表框右侧的下三角按钮，选择“Photoshop（*.PSD;*.PDD）”选项，单击【保存】按钮。项目二：设置图片背景鞋类商品图片任务一：设置商品主图背

7、景白底 情景一 鞋类商品图片的处理实施步骤：步骤1：步骤1：打开电子资源包中的“素材与实例”“情境一基础素材”文件夹中的“6.jpg”文件。步 骤2：选 择 工 具 栏 中 的【魔 棒 工 具】。【魔棒工具】属性设置。步骤3：双击【图层】面板下的【背景】图层，如图1-30所示。弹出【新建图层】对话框，单击【确定】按钮，将【背景】图层解锁，变为【图层0】。情景一 鞋类商品图片的处理实施步骤：步骤4：用【魔棒工具】在鞋和标志以外的区域单击创建选区。按Delete键，删除背景，按Ctrl+D组合键取消选择。步骤5：双击【图层】面板下的【新建图层】按钮，创建“图层1”。步骤6：用鼠标单击背景色，设置为

8、白色。按Ctrl+Delete组合键，将【图层1】填充为白色。步 骤7：将【图 层1】拖 动 至 底 层，调整【图层0】和【图层1】的上下位置。情景一 鞋类商品图片的处理实施步骤：步骤8：执 行【文 件】【存 储 为】命令，弹出【存储为】对话框，在此对话框中单击左侧的【桌面】图标，选择存储客户图片的文件夹，然后单击【格式】下拉列表框右侧的下三角按钮，选择“Photoshop（*.PSD;*.PDD）”选项，单击【保存】按钮。步骤9：重复步骤1步骤8，完成其他4张商品主图背景的调整。任务二：设置商品主图背景渐变 情景一 鞋类商品图片的处理实施步骤：步骤1：打开电子资源包中的“素材与实例”“情境一

9、基础素材”文件夹的“7.jpg”文件。步骤2：选择工具箱中的【魔棒工具】。【魔棒工具】属性设置。步骤3：双击【图层】面板下的“背景”图层，弹出【新建图层】对话框，单击【确定】按钮，将“背景”图层解锁，变为“图层0”。情景一 鞋类商品图片的处理实施步骤：步骤4：用【魔棒工具】在鞋和标志以外的区域单击创建选区。按Delete键，删除背景。按Ctrl+D组合键取消选择。步骤5：双击【图层】面板下的【新建图层】按钮，创建“图层1”步骤6：选择工具箱中的【渐变工具】。在渐变工具属性栏中选择【径向渐变】按钮，单击【点按可编辑渐变】图标，此时可打开【渐变编辑器】对话框。情景一 鞋类商品图片的处理实施步骤：步

10、骤7：分别双击左右两个色标，在打开的【拾色器】对话框中设置色标的颜色。设置完成后单击【确定】按钮，关闭【渐变编辑器】对话框。步骤8：将光标移至图像中间，单击鼠标左键并向外拖动，至适当位置时，释放鼠标，即可绘制出刚才设置的渐变背景。步骤9：将【图层1】拖动至最底层，调整【图层0】和【图层1】的上下位置，得到最终效果图。情景一 鞋类商品图片的处理实施步骤：步骤10：执 行【文 件】【存 储为】命令，弹出【存储为】对话框，在此对话框中单击左侧的【桌面】图标，选择存储客户图片的文件夹，然后单击【格式】下拉列表框右侧的下三角按 钮，选 择“Photoshop（*.PSD;*.PDD）”选项，单击【保存】

11、按钮。步骤11：重复步骤1步骤10，完成其他3张商品主图背景的调整。任务三：修复商品图片背景 情景一 鞋类商品图片的处理实施步骤：步骤1：打开电子资源包中的“素材与实例”“情境一基础素材”文件夹中的“8.jpg”文件。步骤2：选择工具箱中的【仿制图章工具】。工具参数设置。情景一 鞋类商品图片的处理实施步骤：步骤3：选择【缩放工具】或按Ctrl+组合键将图像放大400%显示，便于将污渍处理得更干净。步骤4：设置【仿制图章工具】的大小和硬度。步骤5：在污渍周围邻近的图像处按下Alt键，当光标变化时单击左键确定参考点（复制图像），然后松开鼠标并在污渍上平行涂抹（保持与地板纹路一致），此时参考点的图像

12、被粘贴过来，同时将污渍覆盖。情景一 鞋类商品图片的处理实施步骤：步骤6：在修复图像的过程中，我们可以调整【仿制图章工具】的大小和硬度，多次确定参考点进行复制和粘贴。步骤7：重复步骤5和步骤6，最后照片中的污渍被完全覆盖。步骤8：执行【文件】【存储为】命令，弹出【存储为】对话框，在此对话框中单击左侧的【桌面】图标，选择存储客户图片的文件夹，然后单击【格式】下拉列表框右侧的下三角按钮，选择“Photoshop（*.PSD;*.PDD）”选项，单击【保存】按钮。步骤9：参照步骤1步骤8，用【仿制图章工具】修复另外4张图片。学习目标 能够分析任务并制订工作计划和实施方案掌握鞋类商品图片的处理方法和技巧能够判断图片是否合格 网 店 商 品 图 片 处 理 谢谢聆听