《商品信息采编》（文求实）719-8 教案 第10课 美化服装配饰类商品图片

PAGE10PAGE10PAGE11PAGE11

课题美化服装配饰类商品图片课时2课时（90min）教学目标知识技能目标：（1）熟悉Photoshop工作界面（2）掌握Photoshop的基本操作（3）熟悉美化服装配饰类商品图片的基本流程（4）了解服装配饰类商品图片的常见问题（5）能够利用Photoshop完成服装配饰类商品图片的美化工作素质目标：增强积极思考、寻求解决方法的意识教学重难点教学重点：Photoshop的基本操作，美化服装配饰类商品图片的基本流程教学难点：美化服装配饰类商品图片的基本流程教学方法案例分析法、问答法、讨论法、讲授法、实践法教学用具电脑、投影仪、多媒体课件、教材教学设计第1节课：→→→传授新知（38min）第2节课：→任务实施（37min）→课堂小结（3min）→作业布置（2min）教学过程主要教学内容及步骤设计意图第一节课课前任务【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过文旌课堂APP或其他学习软件，预习本节课要学习的知识【学生】完成课前任务通过课前任务，使学生预习本节课要学习的知识，增加学生的学习兴趣考勤（2min）【教师】使用文旌课堂APP进行签到【学生】班干部报请假人员及原因培养学生的组织纪律性，掌握学生的出勤情况问题导入（5min）【教师】提出以下问题：王多多将拍摄的商品图片传到电脑上，发现有些图片存在缺陷，如画面影调偏暗、商品略有倾斜、背景出现污点等，需用使用图像处理软件对其进行美化。那么，你知道哪些美化商品图片的软件？通过问题导入，引导学生主动思考，激发学生的学习兴趣传授新知（38min）【教师】通过学生的回答引入要讲的知识，讲解Photoshop工作界面、美化商品图片的基本流程服、服装配饰类商品图片常见问题等内容1项目4.1.1熟悉Photoshop工作界面1项目✈【教师】通过多媒体展示“Photoshop2020工作界面”图片（详见教材），并随机邀请学生进行回答Photoshop工作界面主要由哪些部分组成？✈【学生】聆听、观看、思考、回答✈【教师】总结学生的回答使用AdobePhotoshop2020打开任意一幅图像，即可进入其工作界面。Photoshop2020工作界面主要由菜单栏、工具箱、工具属性栏、图像编辑区和各种面板等组成。（1）菜单栏：Photoshop将大部分命令分门别类地放在“文件”“编辑”“图像”“图层”“文字”“选择”“滤镜”“3D”“视图”“窗口”和“帮助”11个菜单中。要执行某项命令，只需单击相应的菜单名打开一个下拉菜单，然后选择下级菜单项即可。（2）工具箱：Photoshop的工具箱中包含70余种工具，按照不同的用途，这些工具大致可分为选区制作工具、绘图工具、修饰工具、颜色设置工具及显示控制工具等。一般情况下，要使用某个工具，只需单击该工具对应的图标即可。✈【教师】通过多媒体展示“工具箱中隐藏的同位工具”图片（详见教材），并进行讲解此外，部分工具的右下角带有小三角标，这表示该工具中还隐藏着其他同位工具。（3）工具属性栏：这是工具功能的延伸与扩展。在工具箱中选择某工具后，工具属性栏中会显示该工具的属性和参数，利用它可设置工具的相关属性和参数。（4）图像编辑区：这是显示和编辑图像文件的工作区域。默认情况下，Photoshop使用选项卡方式来组织打开或新建的图像文件，每个图像文件都有自己的标签，上面显示了文件名称、显示比例和颜色模式等信息。（5）面板：Photoshop提供了很多面板，可用于观察信息，调整颜色，管理图层、通道、路径和历史记录等。【知识链接】通过多媒体展示“CameraRaw滤镜的工作界面”图片（详见教材），并讲解相关知识使用Photoshop打开RAW格式的图片后，将自动进入CameraRaw滤镜的工作界面，其主要由工具栏、直方图、图像窗口、胶片面板和调整面板组成。①工具栏包括裁剪、污点去除等工具，利用这些工具可快速调整当前图片的构图、去除瑕疵等。②直方图显示了图中像素的分布情况，可为处理图片影调提供数据依据。③图像窗口用于预览图片。④胶片面板以缩览图的形式显示打开的图片。⑤调整面板包括基本、曲线、细节等设置项，利用它们可快速调整当前图片的曝光度、亮度、清晰度等。4.1.2美化商品图片的基本流程✈【教师】提出以下问题，随机邀请学生进行回答美化商品图片包括哪些步骤？✈【学生】聆听、思考、回答✈【教师】总结学生的回答，通过多媒体展示“美化商品图片的基本流程”图片（详见教材），并进行讲解（1）浏览、选片：首先使用合适的看图软件打开商品图片快速浏览，然后挑选主体突出、构图合理、影调丰富、色调统一的商品图片。（2）前期校正、重新构图：使用Photoshop打开选好的商品图片后，首先对其进行镜头校正，这样可以消除色差、去除紫边等；然后对商品图片进行裁剪、旋转、变换等操作，使其构图更合理。（3）影调优化：影调俗称“调子”，是指在光的作用下，画面所呈现的明暗关系。一般来说，可通过调整亮度/对比度、色阶、曲线等面板中的参数改变商品图片的明暗、对比度、曝光度等，以达到影调丰富的效果。（4）调整色调：色调是指画面中色彩的总体倾向。通常先确定好主色调（需要注意的是，确定了主色调后就不要轻易修改），然后利用自然饱和度、色相/饱和度、色彩平衡等面板调整商品图片的色调。（5）局部调整：调色完成后，可利用CameraRaw滤镜中的渐变滤镜、镜像滤镜等，对商品图片局部影调、色调进行调整，这样可使商品图片更出彩、更有层次感。此外，如果商品图片局部有瑕疵，可使用污点修复画笔工具、修复画笔工具、修补工具、仿制图章工具、画笔工具等进行修复，让商品图片更完美。（6）特效：（1）～（5）是对商品图片进行基本调整，基本调整完成后，接下来是根据需要抠图，为商品图片更换背景；运用滤镜追加特效，对商品图片进行艺术化处理。（7）降噪、锐化：在整个处理流程接近尾声时，要对商品图片进行降噪、锐化处理。降噪处理可最大限度地减少瑕疵对画面的影响；锐化处理可快速聚焦模糊边缘，提高图像中某一部分的清晰度。（8）输出：根据商品图片的具体用途对其进行格式转换、尺寸调整、压缩处理等操作后完成输出。【小提示】此处介绍的基本流程在大多数情况下都是适用的，但以下两种情况需结合实际做出合理的调整或变动。①商品图片不存在上述基本流程中的某一或某些问题，则处理图片时可省略相应的步骤。例如，一幅商品图片本身构图较好，可省略步骤（2）中的“重新构图”。②为了保持图片风格统一，也为了提高工作效率，会对同一拍摄场景下采用相同或相似布光方式和相机参数的图片进行统一处理，即批处理。……（详见教材）4.1.3服装配饰类商品图片常见问题✈【教师】提出以下问题，随机邀请学生进行回答之前大家在拍摄服装配饰类商品时，遇到过哪些问题？又是如何解决的？✈【学生】聆听、思考、回答服装配饰类商品图片常见问题有以下三类。✈【教师】通过多媒体展示“连衣裙图片褶皱处理”“连衣裙图片倾斜处理”和“衬衫图片瑕疵处理”图片（详见教材），并进行讲解（1）褶皱。棉、真丝等面料的服装配饰类商品容易出现褶皱，导致拍摄出的商品图片显得邋遢，此时需去除部分褶皱，让画面更加干净、整洁。需要注意的是，不能将商品的褶皱全部去除，以免无法表现商品的材质，同时使画面显得不自然。（2）倾斜。拍摄由模特展示的商品图片可能会出现模特倾斜的问题，为避免画面给人不稳定感，需对其进行校正。此外，当商品图片中出现栏杆、台阶等物体时，同样需要注意倾斜问题。（3）瑕疵。在自然场景中拍摄的商品图片容易出现瑕疵，影响画面的美观，需将其去除。【小提示】由模特展示的商品图片，可以通过对模特进行调整，如瘦脸、磨皮等，来提升画面的美观度。【学生】聆听、思考、记录通过教师讲解和课堂讨论等方式，使学生了解Photoshop的工作界面、美化商品图片的基本流程和服装配饰类商品图片常见问题第二节课问题导入（3min）【教师】提出以下问题：结合之前所拍摄的针织衫图片，思考你会从哪些地方入手美化图片？【学生】思考、举手回答通过问题导入，引导学生主动思考，激发学生的学习兴趣任务实施（37min）【教师】讲解美化针织衫图片的具体步骤，并要求学生以小组为单位完成相关任务✈【教师】组织学生扫码观看“美化针织衫图片”视频（详见教材），让学生对美化该类图片的步骤有一个大致地了解美化针织衫的森林风图片【教师】演示并讲解美化针织衫的森林风图片的步骤及具体操作步骤1观察“森林风组”针织衫图片发现，画面整体影调偏暗，尤其是背景，导致整个画面显得沉闷，应进行调亮处理。另外，画面整体色调偏冷，而本款针织衫是秋款，应强化画面中的暖色调，以体现针织衫的穿着季节。步骤2启动Photoshop2020，按“Ctrl+O”组合键打开“打开”对话框，在其中选择本书配套素材“素材与实例”→“项目4”→“针织衫”→“原图”→“森林风组”文件夹中的“IMG_9399.jpg”文件，单击“打开”按钮打开文件。【知识链接】利用Photoshop内置的功能可以还原或重做某项操作。（1）还原：选择“编辑”→“还原+操作名称”菜单项或按“Ctrl+Z”组合键，可将文档还原到最近一次的编辑操作。（2）重做：选择“编辑”→“重做+操作名称”菜单项或按“Shift+Ctrl+Z”组合键，可重做某项操作。步骤3选择“窗口”→“动作”菜单项，打开“动作”面板，单击其底部的“创建新动作”按钮，在打开的“新建动作”对话框的“名称”编辑框中输入名称“调整森林风组图片影调和色调”，然后单击“记录”按钮创建新动作，此时“开始记录”按钮变为红色，表示开始记录后续的操作，记录的操作将在批处理时作用到其他图片上。步骤4按“Ctrl+J”组合键拷贝背景图层，选择“滤镜”→“镜头校正”菜单项，打开“镜头校正”对话框，参数保持默认值，单击“确定”按钮校正图片。【高手点拨】利用菜单命令调整图片前，应按“Ctrl+J”组合键拷贝一个图层，以防直接对原始图片进行调整时不小心将其损坏。调整完成后，在“图层”面板中“背景”图层的空白处右击，从弹出的快捷菜单中选择“拼合图像”项，将图层拼合（拼合可避免图层繁杂，也能缩减文件大小），最后将图片保存即可。所有调整都应遵循该操作流程，以下不再赘述。步骤5按“Shift+Ctrl+A”组合键进入CameraRaw滤镜的工作界面，展开其右侧调整面板中的“基本”设置项，并移动滑块设置参数，然后采用同样的方法设置“曲线”和“细节”设置项中的参数，以调整图片的影调、色调和细节。其中，调整曝光、阴影等参数可改变图片的影调；调整自然饱和度、饱和度等参数可强化画面中的暖色调。步骤6此时观察调整后的图片发现，画面整体影调和色调都得到了改善，但是出现了局部饱和度过高的情况，如模特的脖颈处，另外画面中有瑕疵，如草丛中的矿泉水瓶。局部处理不适用于同组其他图片，因此单击“动作”面板底部的“停止播放/记录”按钮停止记录操作。【知识链接】如果创建的动作中有不想作用于其他图片的操作，将该操作拖至“动作”面板底部的“删除”按钮上即可删除（记录过程中无法执行此操作）。步骤7保持拷贝的图层处于选中状态，单击“图层”面板底部的“添加矢量蒙版”按钮，然后单击工具箱中的“画笔工具”，并在其工具属性栏设置参数，接着单击工具箱中的“设置前景色”按钮，在打开的“拾色器（前景色）”对话框中设置颜色数值为“#000000”，单击“确定”按钮，设置前景色为黑色，最后在模特的脖颈处涂抹（以显示背景图层中模特的脖颈处，其饱和度较低）。步骤8单击“背景”图层将其选中，单击工具箱中的“减淡工具”，并在其工具属性栏设置参数，然后在模特的脖颈处涂抹，适当提亮该处肤色。【知识链接】使用画笔工具、减淡工具、仿制图章工具、橡皮擦工具等绘制图案或处理图像过程中，可在英文输入法下按“【”键缩小画笔大小、按“】”键放大画笔大小。此外，它们的工具属性栏的设置内容和设置方法大同小异，可根据想要的效果自行设置参数。步骤9单击选择拷贝的图层，单击工具箱中的“仿制图章工具”，在图中矿泉水瓶周围按住“Alt”键，当光标呈状时单击鼠标取样，然后在矿泉水瓶处涂抹，将取样应用到涂抹的区域。【知识链接】在Photoshop中，许多工具的操作非常相似，如使用画笔工具和仿制图章工具时，按住“Alt”键的同时单击都是在单击处取样，只不过画笔工具取的样是颜色，而仿制图章工具取的样是图像。步骤10单击“动作”面板底部的“开始记录”按钮继续记录操作，按“Shift+Ctrl+S”组合键打开“另存为”对话框，在其中设置参数后单击“保存”按钮另存文档，最后单击“动作”面板底部的“停止播放/记录”按钮停止记录操作。步骤11选择“文件”→“自动”→“批处理”菜单项，打开“批处理”对话框，在其中的“动作”下拉列表中选择新创建的动作，在“源”下拉列表中选择“文件夹”项，然后单击源下方的“选择”按钮，在打开的“选取批处理文件夹”对话框中选择需要批处理的文件夹后，单击“选择文件夹”按钮确定，采用同样的方法设置目标文件夹位置，接着勾选“覆盖动作中的‘存储为’命令”复选框，最后单击“确定”按钮开始批处理图片。【小提示】批处理时要谨慎选择源文件夹和目标文件夹，以免覆盖已经处理好的图片。步骤12 观察批处理后的图片发现，有的图片存在模特倾斜问题，有的图片存在偏色问题等，下面逐一处理。打开本书配套素材“素材与实例”→“项目4”→“针织衫”→“调整后”→“森林风组”文件夹中的“IMG_9251.jpg”文件，单击工具箱中的“裁剪工具”，此时图像编辑区四周自动显示裁剪框，将光标移至裁剪框四角中的任意一角，当光标呈状时单击并拖动鼠标旋转图片至合适角度后释放，按“Enter”键确定，校正倾斜的模特，如图所示。按“Ctrl+S”组合键保存文档，再按“Ctrl+W”组合键关闭文档。【小提示】按住“Shift”键的同时旋转图片，图片会以15°为倍数进行旋转；移动图片，图片会沿水平、垂直或45°方向移动。步骤13打开“IMG_9294.jpg”文件，选择“滤镜”→“液化”菜单项，打开“液化”对话框，选择其中的“向前变形工具”，并在对话框右侧设置画笔参数，然后将光标移至模特腹部并由外向内拖动鼠标为模特瘦身，调整完成后，单击对话框中的“确定”按钮，最后保存并关闭文档。步骤14打开“IMG_9296.jpg”文件，用“裁剪工具”校正倾斜的模特，然后选择“画笔工具”，并按住“Alt”键，当光标呈吸管状时在模特后背肤色处单击吸取颜色，接着在模特露出的黑色衬衣处涂抹，可反复吸取颜色并涂抹，从而使画出的肤色更加自然，最后保存并关闭文档。步骤15打开“IMG_9377.jpg”文件，按“Shift+Ctrl+A”组合键进入CameraRaw滤镜的工作界面，在“基本”设置项中的“色温”编辑框中输入“+20”，单击“确定”按钮调整图片色温，然后按“Ctrl+U”组合键打开“色相/饱和度”对话框，在“全图”下拉列表中选择“青色”项，在“饱和度”编辑框中输入“-100”，单击“确定”按钮，降低图中青色的饱和度，最后保存并关闭文档。【小提示】网店商品图片的作用是向消费者展示商品，因此在美化商品图片时要适度，切不可过度美化。此外，每幅图片在处理完成后都需执行保存和关闭操作，以下不再赘述。【学生】聆听、观看、理解、记忆【教师】让学生分组进行图片美化【学生】各组挑选一张之前所拍摄的服装图片，根据所讲步骤完成美化图片任务【教师】巡堂辅导、答疑解惑美化街头风图片【教师】演示并讲解美化街头风图片的步骤及具体操作步骤1观察“街头风组”针织衫图片发现，画面整体影调同样偏暗，需进行调亮处理。因其与“森林风组”针织衫图片为同一时间段拍摄，故采用“调整森林风组图片影调和色调”动作进行批处理。步骤2观察批处理后的图片发现，有的图片存在瑕疵问题，有的图片存在模糊问题等，下面逐一处理。打开本书配套素材“素材与实例”→“项目4”→“针织衫”→“调整后”→“街头风组”文件夹中的“IMG_9327.jpg”文件，选择“修补工具”，在人物上方的白纸周围任意位置单击并围绕白纸拖动鼠标绘制选区（框选白纸），然后将光标置于选区中，当光标呈状时，按住“Shift”键并向左拖动鼠标至干净的玻璃处后释放，此时部分白纸被干净的玻璃替换，重复此操作直至白纸全部被干净的玻璃替换，最后按“Ctrl+D”组合键取消选区，完成玻璃瑕疵的修复。步骤3选择“画笔工具”，按住“Alt”键的同时在已修复瑕疵周围单击吸取颜色，然后在瑕疵修复过渡不自然的地方涂抹，使过渡自然。步骤4采用步骤2和步骤3的方法修复“IMG_9329.jpg”“IMG_9339.jpg”“IMG_9340.jpg”文件中的瑕疵。用“裁剪工具”校正“IMG_9331.jpg”文件中倾斜的模特。步骤5打开“IMG_9347.jpg”文件，按“Ctrl+J”组合键拷贝一个图层，选择“滤镜”→“锐化”→“USM锐化”菜单项，在打开的“USM锐化”对话框中设置参数并单击“确定”按钮锐化图像。按“Shift+Ctrl+U”组合键为图片去色，选择“滤镜”→“其他”→“高反差保留”菜单项，在打开的“高反差保留”对话框中设置参数后单击“确定”按钮再次锐化图像。设置图层混合模式为柔光，并按“Ctrl+L”组合键，在打开的“色阶”对话框中设置参数后单击“确定”按钮调整图片影调，完成图片的清晰化处理。【学生】聆听、观看、理解、记忆【教师】让学生分组进行图片美化【学生】各组挑选一张之前所拍摄的服装图片，根据所讲步骤完成美化图片任务【教师】巡堂辅导、答疑解惑美化整体展示图片【教师】演示并讲解美化整体展示图片的步骤及具体操作步骤1观察“整体展示组”针织衫图片发现，画面整体影调和色调适中，只是背景无法凸显商品，因此需要进行抠图处理，并替换成白色背景。步骤2打开本书配套素材“素材与实例”→“项目4”→“针织衫”→“原图”→“整体展示组”文件夹中的“IMG_9454.jpg”文件。选择“钢笔工具”，在针织衫边缘某处单击创建一个锚点（角点），在另一处单击并拖动鼠标再创建一个锚点（平滑点），此时会形成曲线路径，采用同样的方法继续绘制路径，直至描摹整件针织衫。按“Ctrl+Enter”组合键将路径转变成选区，然后按“Ctrl+C”组合键复制选区内容，再按“Ctrl+V”组合键粘贴选区内容，接着单击选中“背景”图层，并将前景色设置为白色，最后按“Alt+Delete”组合键将背景填充为白色。【小提示】按住“Ctrl”键的同时移动锚点，可调整锚点位置；移动手柄，可同时调整手柄两侧曲线的形状。按住“Alt”键的同时单击平滑点，可将平滑点转换为角点；移动锚点，可重新定义曲线的形状；移动手柄，可调整手柄所在侧曲线的形状。步骤3选中针织衫图层，按住“Ctrl”键的同时单击针织衫图层的缩览图，将其载入选区，然后用“画笔工具”处理未抠干净的地方，全部处理完成后按“Ctrl+D”组合键取消选区，最后用“裁剪工具”根据针织衫大小调整画布大小。步骤4采用上述方法抠取其他颜色的针织衫，并填充白色背景。【学生】聆听、观看、理解、记忆【教师】让学生分组进行图片美化【学生】各组挑选一张之前所拍摄的服装图片，根据所讲步骤完成美化图片任务【教师】巡堂辅导、答疑解惑美化细节展示图片【教师】演示并讲解美化整体展示图片的步骤及具体操作步骤1观察“细