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

1、情境四 箱包类商品图片的处理网 店 商 品 图 片 处 理了解箱包类商品图片的发布规则能够分析任务并制订工作计划和实施方案掌握箱包类商品图片的处理方法的技巧能够判断图片是否合格 学习目标 论文摘要u 网店箱包类商品图片发布规范u 裁剪商品细节图u 制作商品详情图u 添加LOGO、广告语u 设置商品主图背景居中留白u 处理商品与真人搭配效果图学习内容情境四 箱包类商品图片的处理项目一：调整图片大小箱包类商品图片任务一：熟悉箱包类商品图片发布规则情境四 箱包类商品图片的处理步骤1：登录天猫首页（http:/），将光标放到页面右上方导航栏上的【商家支持】栏目上，在弹出的下拉菜单中，单击【商家规则】链

2、接。步骤 2：进入【商家规则】页面，单击【行业标准】链接。步骤 3：在打开的页面中，单击【天猫箱包行业标准】链接。步骤4：在打开的【天猫箱包行业标准】页面中，认真阅读图片发布规范，了解箱包图片的发布要求。实施步骤：任务二：裁剪商品细节图情境四 箱包类商品图片的处理步骤 1：打开电子资源包“素材与实例”“情境四 基础素材”文件夹中的“1.jpg”文件。步骤 2：在工具箱中选择【裁剪工具】，设置工具属性栏上的裁剪比例为“11（方形）”。步骤3：将光标移至图片四周的控制点上，待光标变为 形状后，单击向内拖动缩小选框，并移动图片位置，直到框选住旅行箱的密码锁部分，按Enter 键完成裁剪。步骤4：执行

3、【图像】【图像大小】命令，在打开的对话框中，设置【宽度】和【高度】均为“200 像素”。步骤5：单击【确定】按钮，完成旅行箱的第1 张细节效果图。实施步骤：情境四 箱包类商品图片的处理步骤6：执行【文件】【存储为】命令，弹出【存储为】对话框，在此对话框中单击左侧的【桌面】图标，选择存储客户图片的文件夹，然后单击【格式】下拉列表框右侧的下三角按钮，选择“Photoshop（*.PSD;*.PDD）”选项，单击【保存】按钮。步骤7：打开电子资源包“素材与实例”“情境四 基础素材”文件夹中的“2.jpg”和“3.jpg”文件，重复步骤1 步骤6，完成把手细节图和滚轮细节图的裁剪。实施步骤：任务三：制

4、作商品详情图情境四 箱包类商品图片的处理步骤1：打开 软件，执行【文件】【新建】命令，打开【新 建】对 话 框，在【新 建】对 话 框 的【名称】栏中输入“细节图”；【宽度】和【高度】栏均设为“1 000 像素”，【分辨 率】栏 设 置 为“72 像 素/英 寸”，【颜 色模 式】栏 设 置 为“RGB 颜 色 8 位”，【背景内容】栏设置为“白色”，设置完成后单击【确定】按钮。实施步骤：步 骤 2：打 开 电 子 资 源 包“素 材 与 实例”“情 境 四 基 础 素 材”文 件 夹 中“3.jpg”文 件，选 择【矩 形 选 框 工具】框选旅行箱主体。情境四 箱包类商品图片的处理实施步骤：

5、步骤 3：选择【移动工具】，将框选的部分拖动到新建的“细节图”中，并执行【编辑】【自由变换】命令，或按 Ctrl+T 组合键，调整图片的大小和位置，将图层命名为“正面”。步骤 4：打开电子资源包“素材与实例”“情境四 基础素材”文件夹中的 3 张商品细节图，拖动到“细节图”中，调整好图片的位置并对齐。步骤 5：按住 Ctrl 键同时单击右下方图层面板中“把手”图层的缩略图，载入选区。步骤 6：单击【添加图层样式】按钮，选择【描边】，设置大小为“2像素”，位置为“外部”，颜色为黑色。情境四 箱包类商品图片的处理步骤 7：重复步骤 5、步骤 6，分别将“密码锁”图层和“滚轮”图层添加描边效果。步骤

6、 8：选择【文字工具】，在把手细节图的下方输入文字描述，并设置文字属性如下：“宋体”，对齐方式为“居中”，首行文字大小为“30 点”，次行文字大小为“18 点”，行距为“36 点”，“加粗”。步骤 9：重复步骤 8，分别为密码锁细节图和滚轮细节图添加文字描述。步骤 10：绘制虚线条，选择【钢笔工具】，在合适的位置单击，新建锚点，然后设置【钢笔工具】属性。步骤 11：重复步骤 10，再绘制两根虚线条。实施步骤：情境四 箱包类商品图片的处理步骤 12：新建一个图层，命名为“圆点”，选择【椭圆选框工具】，按住Shift 键同时拖动鼠标绘制一个正圆，并填充为黑色，按 Ctrl+D 组合键取消选区，完成

7、一个小圆点的绘制。步骤 13：复制“圆点”图层 5 次，得到 5 个同样的小圆点，选择【移动工具】将各圆点移动到合适位置。步骤 14：执行菜单栏【文件】【存储为】命令，弹出【存储为】对话框，在此对话框中单击左侧的【桌面】图标，选择存储客户图片的文件夹，然后单击【格式】下拉列表框右侧的下三角按钮，选择“Photoshop（*.PSD;*.PDD）”选项，单击【保存】按钮。实施步骤：任务四：添加LOGO、广告语情境四 箱包类商品图片的处理步骤 1：打开电子资源包“素材与实例”“情境四 基础素材”文件夹中的“4.jpg”文件，选择【裁剪工具】，向内拖动四周的控制点，直到框选住旅行箱部分，按 Ente

8、r 键完成裁剪，去除周围多余背景部分。实施步骤：步骤 2：选择【魔术橡皮擦工具】，擦除图片的白色背景。步骤 3：执行【图像】【图 像 大 小】命 令，将 图 片 宽 度 调 整 为 300 像素。情境四 箱包类商品图片的处理步骤 4：打开电子资源包“素材与实例”“情境四 基础素材”文件夹中的“5.jpg”文件，执行【图像】【图像大小】命令，将图片大小调整为1 000 px800 px，按住鼠标左键将“4.jpg”中的旅行箱拖动到“5.jpg”中。步骤 5：打开电子资源包“素材与实例”“情境四 基础素材”文件夹中的“6.jpg”文件，执行【图像】【图像大小】命令，将图片大小调整为 400px20

9、0 px。实施步骤：项目二：设置背景图片箱包类商品图片任务一：设置商品主图背景居中留白情境四 箱包类商品图片的处理实施步骤：步骤1：打开Photoshop CS6 软件，执行【文件】【新建】命令，在【新建】对话框的【名称】栏中输入“主图居中留白”；【宽度】和【高度】栏分别设置为“800 像素”和“800 像素”，【分辨率】栏设置为“72 像素/英寸”，【颜色模式】栏设置为“RGB 颜色8 位”，【背景内容】栏设置为“白色”，如图4-48 所示，设置完成后单击【确定】按钮。情境四 箱包类商品图片的处理实施步骤：步骤1：打开Photoshop CS6 软件，执行【文件】【新建】命令，在【新建】对话

10、框的【名称】栏中输入“主图居中留白”；【宽度】和【高度】栏分别设置为“800 像素”和“800 像素”，【分辨率】栏设置为“72 像素/英寸”，【颜色模式】栏设置为“RGB 颜色8 位”，【背景内容】栏设置为“白色”，如图4-48 所示，设置完成后单击【确定】按钮。情境四 箱包类商品图片的处理实施步骤：步骤2：打开电子资源包“素材与实例”“情境四 基础素材”文件夹中的“3.jpg”文件，选择【裁剪工具】，向内拖动四周的控制点，直到框选住旅行箱部分，学习情境 四 箱包类商品图片的处理按Enter 键完成裁剪，去除周围多余背景部分，如图4-49 所示。情境四 箱包类商品图片的处理实施步骤：步骤3：

11、执行【图像】【图像大小】命令，如图4-50 所示，打开【图像大小】对话框，设置像素大小宽度为400 像素，其他参数设置如图4-51 所示。情境四 箱包类商品图片的处理实施步骤：步骤4：选择【移动工具】，将“3.jpg”移至“主图居中留白”，如图4-52 所示。步骤5：按住Ctrl 键的同时单击“背景图层”和“图层1”，如图4-53 所示。然后单击工具属性栏上的“垂直居中对齐”和“水平居中对齐”，如图4-54 所示，得到效果图见图4-47。情境四 箱包类商品图片的处理实施步骤：步骤6：执行【文件】【存储为】命令，弹出【存储为】对话框，在此对话框中单击左侧的【桌面】图标，选择存储客户图片的文件夹，

12、然后单击【格式】下拉列表框右侧的下三角按钮，选择“Photoshop（*.PSD;*.PDD）”选项，单击【保存】按钮。任务二：处理商品与真人搭配效果图情境四 箱包类商品图片的处理实施步骤：步骤1：打开电子资源包中的“素材与实例”“情境四 基础素材”文件夹中的“9.jpg”和“10.jpg”文件，如图4-56 所示。情境四 箱包类商品图片的处理实施步骤：步骤2：选择工具栏中的【魔术橡皮擦】，在图片“10.jpg”的白色背景区域单击，删除白色背景，如图4-57 所示。情境四 箱包类商品图片的处理实施步骤：步骤3：选择【移动工具】，将“10.jpg”中的包包拖动到“9.jpg”。执行【编辑】【自由

13、变换】命令，或按Ctrl+T 组合键，出现自由变形框，如图4-58 所示。步骤4：将光标移至自由变形框的控制点“”上（图4-58 中圆圈处），待光标变为形状后，按住Shift 键的同时单击并向内拖动缩小图片，如图4-59 所示。情境四 箱包类商品图片的处理实施步骤：步骤5：单击鼠标右键，选择【变形】命令，如图4-60 所示。情境四 箱包类商品图片的处理实施步骤：步骤6：将光标移至第一行的中间网格内，按住鼠标左键向上移动，调整包上部分的形状，如图4-61 所示。步骤7：按Enter 键，完成变形，如图4-62 所示。步骤8：选择【橡皮擦工具】，擦除包手提带多余部分，如图4-63 所示。步骤9：执行菜单栏【文件】【存储为】命令，弹出【存储为】对话框，在此对话框中单击左侧的【桌面】图标，选择存储客户图片的文件夹，然后单击【格式】下拉列表框右侧的下三角按钮，选择“JPEG”选项，单击【保存】按钮。网 店 商 品 图 片 处 理 谢谢聆听