1、情境三 食品类商品图片的处理网店商品图片处理能够分析任务并制订工作计划和实施方案掌握食品类商品图片的处理方法和技巧能够判断图片是否合格 学习目标 论文摘要u 调整食品类商品图片的颜色u 改名食品类商品图片的颜色u 增强食品类商品图片的层次感u 制作食品与包装盒的合成效果图u 制作食品与生产原料的合成效果图u 制作食品与生活场景的合成效果图学习内容情境三 食品类商品图片的处理项目一：水果类商品图片的处理任务一：调整商品图片色彩情境四 食品类商品图片的处理步骤1：打开Photoshop CS6软件，打开电子资源包“素材与实例”“情 境三基础素材”文件夹中的素材文件“1.jpg”文件。实施步骤：图3
2、-2 打开水果图片情境四 食品类商品图片的处理步骤 2：执行【图像】【调整】【色相/饱和度】命令，或按Ctrl+U 组合键，弹出【色相/饱和度】对话框，设置【色相】【饱和度】【明度】的 参数，如图3-3所示。实施步骤：图3-3 调整【色相/饱和度】参数情境四 食品类商品图片的处理实施步骤：步骤 3：执行【文件】【存储为】命令，弹出【存储为】对话框，在 此对话框中单击左侧的【桌面】图标，选择存储客户图片的文件夹，然后单 击【格式】下拉列表框右侧的下三角按钮，选择“Photoshop（*.PSD;*.PDD）”选项，单击【保存】按钮。步骤4：重复步骤1步骤3，完成其他9张图片的调整。任务二：改变商
3、品图片颜色情境三 食品类商品图片的处理步骤 1：打开 Photoshop CS6软件，打开电子资源包“素材与实例”“情 境三基础素材”文件夹中的“2.jpg”文件，如图3-5所示。实施步骤：图3-5 打开红苹果文件情境三 食品类商品图片的处理步骤 2执行【图像】【调整】【替换颜色】命令，弹出【替换颜 色】对话框。步骤3：选择【预览】选项。将光标移到图像窗口中变成吸管工具，在水 果的红色区域单击，选取要替换的颜色。此时，在对话框的图像预览区，白色 和灰色区域表示选区，黑色表示没有被选择的区域。拖动【颜色容差】滑块可 64 网店商品图片处理 以精确调整选区。向左拖动减小选区，向右拖动则扩大 选区。
4、参数设置如图3-6所示。实施步骤：图3-6【替换颜色】对 话框的参数设置情境三 食品类商品图片的处理实施步骤：步骤4：单击【确定】按钮关闭对话框。颜色替换 效果明显，红苹果大致变成了青苹果，但还有部分区域 没完全变成青色。步骤5：选择【吸管工具】，吸取苹果的绿色并设 置为前景色，选择【画笔工具】，工具参数设置如图 3-7所示。用画笔在苹果上涂抹，达到最终效果，见图 3-4。图3-7 画笔的参数设置情境三 食品类商品图片的处理实施步骤：步骤6：执行【文件】【存储为】命令，弹出【存储为】对话框，在 此对话框中单击左侧的【桌面】图标，选择存储客户图片的文件夹，然后单 击【格 式】下 拉 列 表 框
5、右 侧 的 下 三 角 按 钮，选 择“Photoshop（*.PSD;*.PDD）”选项，单击【保存】按钮。任务三：增加商品图片层次感情境三 食品类商品图片的处理实施步骤：步骤 1：打开Photoshop CS6软件，打 开电子资源包“素材与实例”“情境三基 础素材”文件夹中的“3.jpg”文件，如图 3-9所示。图3-9 处理前的图片情境三 食品类商品图片的处理实施步骤：步 骤2：执 行【图 像】【调 整】【HDR色调】命令，打开【HDR色调】对话 框，保持原有的参数不变，如图3-10所示。图3-10【HDR色调】对话框情境三 食品类商品图片的处理实施步骤：步骤3：单击【图层】面板下方的【
6、创建新的填充和调整图层】按钮，选 择【曲线】命令，建立曲线调整图层，属性如图3-11所示，增强图片的对 比度。图3-11 曲线属性情境三 食品类商品图片的处理实施步骤：步骤4：执行【图像】【调整】【色 彩平衡】命令，打开【色彩平衡】对话框。参 数设置如图3-12 图3-14所示。步骤5：按Ctrl+J组合键，创建背景图 层副本，执行【滤镜】【模糊】【高斯模 糊】命令，打开【高斯模糊】对话框，设置半 径为“2”，再次执行【高斯模糊】命令。步骤6：选择【橡皮擦工具】，擦出橙子 主体及绿叶主体，完成制作。步骤7：执行【文件】【存储为】命 令，弹出【存储为】对话框，在此对话框中单 击左侧的【桌面】图标
7、，选择存储客户图片的 文件夹，然后单击【格式】下拉列表框右侧的 下三角按钮，选择“Photoshop（*.PSD;*.PDD）”选项，单击【保存】按钮。图3-12【色彩平衡】参数设置一图3-13【色彩平衡】参数设置二 图3-14【色彩平衡】参数设置三项目二：糕点类商品图片的处理任务一：制作糕点与包装盒的合成效果图情境三 食品类商品图片的处理实施步骤：步骤 1：打开Photoshop CS6软件，执行【文件】【新建】命令，打 开【新建】对话框，在新建对话框的【名称】栏中输入“桃酥主图”；【宽度】和【高度】栏均设置为“750 像素”，【分辨率】栏设置为“72 像素/英寸”，【颜色模式】栏设置为“R
8、GB 颜色 8 位”，【背景内容】栏设置为“白色”。设置完成后单击【确定】按钮。情境三 食品类商品图片的处理实施步骤：步骤2：选择【渐变工具】，为背景层填充从白色“#ffffff”到“#ffd296”的径向渐变，如图3-17所示。图3-17 径向渐变背景情境三 食品类商品图片的处理实施步骤：步骤3：打开电子资源包“素材与实例”“情境三基础素材”文件夹中 的素材文件“5.jpg”和“6.jpg”，使用合适的选区工具将桃酥和包装盒选中，移至“桃酥主图”文件中，如图3-18所示。图3-18 导入素材情境三 食品类商品图片的处理实施步骤：步骤4：调整好素材的位置，将其所在的图层分别命名为“桃酥1”“桃
9、酥 学习情境 三 食品类商品图片的处理 71 2”“包装”，选择“包装”图层，按 Ctrl+J 组合键创建图层副本。情境三 食品类商品图片的处理实施步骤：步 骤5：选 择“桃 酥 主 图”副 本 图 层，执 行【编 辑】【变 换】【垂直翻转】命令，将其翻转。然后使用选区工具选择包装盒的正面，按 Shift+Ctrl+J组合键，将它剪切到一个新图层，如图3-19所示。图3-19 剪切后的图层面板 情境三 食品类商品图片的处理实施步骤：步骤6：同时选择包装盒正面和侧面所在的图层，选择【移动工具】，将其 移至如图3-20所示的位置。图3-20 翻转后包装盒的位置情境三 食品类商品图片的处理实施步骤：
10、步骤7：选择包装盒正面所在的图层，按Ctrl+T组合键，进入【自由变换】，单击右键选择【扭曲】选项，拖动边框中间的点，使正面的上边缘与包装 盒的下边缘相连接。使用同样的方法使侧面也与包装盒的侧面连接，效果如图 3-21所示。图3-21 扭曲后的包装盒情境三 食品类商品图片的处理实施步骤：步骤8：合并正面和侧面所在的图层并命名为“倒影”，并将“倒影”层的【不透明度】设为“50%”。为倒影图层添加图层蒙版，选择【渐变工具】，为倒影层填充从白到黑的线性渐变，效果如图3-22所示。图3-22 倒影效果情境三 食品类商品图片的处理实施步骤：步骤9：选择【文字工具】，在包装盒上方输入“酥脆松软香甜可口”，
11、为文字设置扇形变形效果。选择文字层，单击【图层】面板下方的【添加图层 样式】按钮，选择【描边】，设置描边颜色为“白色”，大小为“5px”，如图 3-23所示。图3-23 文字效果情境三 食品类商品图片的处理实施步骤：步骤 10：新建图层命名为“标志”，添加品牌 LOGO，完成最终效果，见 图3-16。任务二：制作糕点与原材料的合成效果图情境三 食品类商品图片的处理实施步骤：步骤 1：打 开Photoshop CS6软 件，执 行【文件】【新建】命令，在【新建】对话 框的【名称】栏中输入“桃酥与原料”；【宽 度】和【高度】栏分别设置为“800像素”和“1 000 像 素”，【分 辨 率】栏 设
12、置 为“72 像 素/英寸”，【颜色模式】栏设置为“RGB 颜色 8 位”，【背景内容】栏设置为“白色”，设置完 成后单击【确定】按钮。情境三 食品类商品图片的处理实施步骤：步骤2：选择【油漆桶工具】，将前景色设 为“#fff6eb”，为“背景层”填充前景色，如 图3-25所示。图3-25 使用【油漆桶工具】填充背景情境三 食品类商品图片的处理实施步骤：步骤3：选 择【文 字 工 具】，输 入 文 字。“MATERIALS”属 性 设 置 为：大 小“72”，颜色“#460201”，字体“plangtagenet”；“原料解析”属性设置为：大小“48”，颜色“黑色”，字体“宋体”；“带你了解入
13、口美味的奥秘”属性设置为：大小“24”，颜色“#460201”，字体“宋体”；“选用上好原 料”属性设置为：大小“30”，字体“宋体”，颜 色“#fb8555”；“用心制作美味好桃酥 酥香美味 更健康”属性设置为：大小“30”，字体“微软 雅黑”，颜色“#f86215”。设置完成后效果如图 3-26所示。图3-26 文字效果情境三 食品类商品图片的处理实施步骤：步骤4：选 择【圆 角 矩 形 工 具】，在 画 布 上 创 建 一 个 圆 角 矩 形 框，如 图 3-27 所 示，并 把 圆 角 矩 形 框 所 在 的 图 层 命 名 为“边 框”。其 属 性 设 置 如 图 3-28所示。图3
14、-27 圆角矩形框的位置图3-28【圆角矩形工具】属性设置情境三 食品类商品图片的处理实施步骤：步骤5：单击【路径】面板底部的【将路径作为选区载入】按钮，画布上 出现圆角矩形选区，执行【选择】【修改】【收缩】命令，在弹出的【收 缩选区】对话框中，把【收缩量】的值设为“2”，如图 3-29 所示。图3-29【收缩选区】对话框情境三 食品类商品图片的处理实施步骤：步骤6：新建图层并命名为“白色”，选择【油漆桶工具】，为收缩后的选 学习情境 三 食品类商品图片的处理 75 区填充白色，效果如图3-30所示。图3-30 油漆桶填充后的效果 情境三 食品类商品图片的处理实施步骤：步骤7：同时选择图层“边
15、框”和“白色”，连按两次 Ctrl+J 组合键，为 这两个图层创建图层副本。选择【移动工具】，调整好两个副本的位置，如图 3-31所示。图3-31 调整三个圆角矩形框的位置情境三 食品类商品图片的处理实施步骤：步骤8：打开电子资源包“素材与实例”“情境三基础素材”文件夹中 的“小麦.jpg”文件，使用【移动工具】将它移至“桃酥与原料”文件中，使 用【自由变换】命令调整图片的大小，然后移至图3-32所示位置。修改其所 在的图层名称为“小麦”，并将其移至“白色”图层上方（方便之后使用剪切 蒙版命令）。图3-32 小麦的位置情境三 食品类商品图片的处理实施步骤：步骤9：按住Alt键，移动光标到图层“
16、小麦”和“白色”中间并单击鼠 标，创建图层剪切蒙版，效果如图3-33所示。图3-33 图层剪切蒙版效果情境三 食品类商品图片的处理实施步骤：步骤 10：重复步骤8、步骤9，为其他两个圆角矩形框创建图层剪切蒙 版。选择【文字工具】，在圆角矩形框白色区域输入文字，如图 3-34 所示。图3-34 文字效果情境三 食品类商品图片的处理实施步骤：步骤 11：导入桃酥和鸡蛋的素材图片，将其放在画布左上角和右上角的位 置，完成最终效果图的制作。步骤 12：执行【文件】【存储为】命令，弹出【存储为】对话框，在 此对话框中单击左侧的【桌面】图标，选择存储客户图片的文件夹，然后单 击【格式】下拉列表框右侧的下三
17、角按钮，选择“Photoshop（*.PSD;*.PDD）”选项，单击【保存】按钮。任务三：制作糕点与生活场景的合成效果图情境三 食品类商品图片的处理实施步骤：步骤 1：打开Photoshop CS6软件，执行【文件】【新建】命令，在【新建】对话框的【名称】栏中输入“桃酥与生活场景”；【宽度】和【高度】栏均设置为“800 像素”，【分辨率】栏设置为“72 像素/英寸”，【颜色模式】栏设置为“RGB 颜色 8 位”，【背景内容】栏设置为“白色”，设置完成后单击【确定】按钮。步骤2：新建图层，选择【矩形选框工具】，在画布的顶部做一个矩形选 区，使用【油漆桶工具】填充红色。选择【钢笔工具】，绘制一个
18、直边梯形路 径，并把路径载入到选区，选择【油漆桶工具】为其填充灰色“#313131”。情境三 食品类商品图片的处理实施步骤：步骤2：新建图层，选择【矩形选框工具】，在画布的顶部做一个矩形选 区，使用【油漆桶工具】填充红色。选择【钢笔工具】，绘制一个直边梯形路 径，并把路径载入到选区，选择【油漆桶工具】为其填充灰色“#313131”。步 骤3：选 择【文 字 工 具】，在 图片上方输入文字，设置字体为“楷 体”，颜 色 为“白 色”，大 小 分 别 为“48”“36”，如图 3-36 所示。图3-36 顶部的文字情境三 食品类商品图片的处理实施步骤：步骤4：打开电子资源包“素材 与实例”“情境三
19、基础素材”文件 夹中的“场景.jpg”文件，将它移至“桃酥和生活场景”文件中，调整好 大小及其位置，如图3-37所示。图3-37 场景效果情境三 食品类商品图片的处理实施步骤：步骤5：选择【修补工具】，去除 场景中的饮料杯。步骤6：打开电子资源包“素材 与实例”“情境三 基础素材”文件夹中的“咖啡.jpg”和“桃酥.jpg”，使 用合适的选区工具进行抠图，然后移至场景中，调整好它们的位置，如图3-38 所示。图3-38 场景中的素材摆放情境三 食品类商品图片的处理实施步骤：步骤7：选择场景图层，按Ctrl+J组合键，创建副本，选择副本图层，执 行三次【滤镜】【模糊】【高斯模糊】命令，【高斯模糊
20、】的【半径】为 学习情境 三 食品类商品图片的处理 79 2px。选择【橡皮擦工具】，把咖啡和 桃酥周围近景部分的场景擦出来，效 果如图3-39所示。图3-39 场景模糊后的效果情境三 食品类商品图片的处理实施步骤：步骤8：新建图层，选择【矩形 选框工具】，创建一个选区，为选区 填 充 白 色，将 图 层 的 不 透 明 度 改 为 50%。选择【文字工具】，在半透明 的图层上输入并编辑文字，完成最终效果。步骤9：执 行【文 件】【存 储 为】命令，弹出【存储为】对话框，在此对话框中单击左侧的【桌面】图 标，选择存储客户图片的文件夹，然后单击【格式】下拉列表框右侧的下三角 按钮，选择“Photosho（*.PSD;*.PDD）”选项，单击【保存】按钮。网 店 商 品 图 片 处 理 谢谢聆听
