《网店美工与店铺装修》教案第3课熟悉店铺装修设计工具——Photoshop（二）.docx

课题熟悉店铺装修设计工具Photoshop（二）课时2课时（90min）教学目标知识目标：掌握店铺图片的处理技巧技能目标：能够独立完成图片的二次构图、修图、调色或抠图等处理素质目标：培养多维度思考问题的意识，提高分析问题和解决问题的能力教学重睚点教学重点：店铺图片的处理技巧教学难点：店铺图片的处理技巧教学方法问答法、讨论法、i并授法、实践法教学用具电脑、投影仪、多媒体课件、教材教学过程主要教学内容及步骤课前任务【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，了解店铺图片处理技巧的相关知识【学生】完成课前任务考勤【教师】使用APP进行签到【学生】按照老师要求签到问题导入【教师】提出以下问题店铺图片处理有哪些技巧？【学生】聆听、思考、回答传授新知【教师】通过大家的发言，引入新的知识点，讲解店铺图片处理技巧的基础知识2.3店铺图片处理技巧2.3.1 二次构图1.三三图片大小电商平台通常对上传图片的大小有要求，这是为了保证图片能够在网络中快速地传输与显示。因此，在获取拍摄的商品图片素材之后，大多数情况下需要先对其的大小进行重置，使其符合店铺装修的需要。【教师】通过展示“设置图像参数”的图片（详见教材），讲解设置图像参数的相关知识打开图片，选择"图像"T"图像大小”菜单项，打开“图像大小”对话框，在其中重新设置图像的宽度、高度、分辨率等，然后单击"确定"按钮，即可完成图片大小的重置。【知识库】教师讲解像素的相关内容像素（PiX叫是一个有着固定位置和色彩数值的小方格子，是组成图像的基本单位,它的多少决定了图像的大小图像大小=宽度（像素）X长度（像素儿此外，像素在单位面积上的密度（点密度）决定了图像的分辨率，单位面积内像素个数越多，分辨率越高，图像质量越高:相反，单位面积内像素个数越少，分辨率越低，图像质量越低。【学生】聆听、思考、记录2.裁去图片多余部分在拍摄商品图片的过程中，可能会拍摄到过多的周边环境，如果在店铺中直接使用该图片，会使消费者降彳氐对商品的关注度，这时就需要裁去图片中多余的部分，重新定义图片的构图。【教师】通过展示“裁去图片多余部分”的图片（详见教材），讲解如何裁剪图片打开图片，选择工具箱中的“裁剪工具"，在图像编辑区中可以看到图片周围自动添加了一个裁剪框，单击并拖动裁剪框的边线，就可以调整裁剪框的大小。完成裁剪框的调整后，按"Enter"键即可裁去图片多余部分。【实用技巧】使用"裁剪工具"还可以解决图片倾斜问题。首先打开倾斜图片，然后选择“裁剪工具"，当显示裁剪框后，将鼠标移至裁剪框四角中的任意一角，当光标呈状时单击并拖动鼠标旋转图片至合适角度后释放，最后按wEnterw键确认即可。2.3.2修图1.去除图片中多余元素在拍摄商品图片时,难免会将一些杂物收入画面中，只有将其去除，才能更好地突出商品。Photoshop提供了"修复画笔工具"、"污点修复画笔工具"、"修补工具"等去除图片中多余元素的工具，用户可以根据图片的实际情况灵活使用。【教师】展示“使用仿制图章工具去除瑕疵"“使用修复画笔工具去除瑕疵”图片（详见教材），讲解如何去除图片中多余元素方法1:打开图片，选择"仿制图章工具"，在工具属性栏中设置画笔大小及硬度后，按住“All”键的同时单击干净的墙面进行取样，然后释放"Alt"键，接着在瑕疵处涂抹，此时瑕疵被取样图像覆盖。方法2：选择"修复画笔工具"，在工具属性栏中设置画笔属性后，按住"All"键的同时单击干净的墙面进行取样，然后释放"All”键，并在瑕疵处涂抹，即可将其去除.【师生互动】【教师】展示使用“仿制图章工具”“修复画笔工具”处理效果图（详见教材），随机邀请学生回答问题：观察图片，说一说"仿制图章工具"与"修复画笔工具”在修图效果上有区别吗？【学生】聆听、观察、思考、回答【教师】总结学生的回答"仿制图章工具"和"修复画笔工具"的用法相同。不同的是，使用"修复画笔工具"修复的图像边缘与周围环境融合效果更好，这是因为"修复画笔工具"有一定的智能性，能使修复的图像边缘自动与周围环境进行融合。方法3：选择"修补工具"，在瑕疵周围圈选以绘制选区，然后将带有箭头的光标置于选区中，接着按住鼠标左键并将其拖至干净的墙面上后释放鼠标，此时选区中的瑕疵会被干净的墙面替换，最后按"cm+D”组合键取消选区完成修复。【教师】通过展示“使用修补工具去除瑕疵”的图片（详见教材），讲解如何修补图片2.美化模特皮肤【师生互动】【教师】随机邀请学生回答问题：美化模特皮肤时，主要关注哪些地方？可以用什么工具进行美化呢？【学生】聆听、思考、回答【教师】总结学生的回答（1）祛痣祛斑祛痘。打开图片，选择"污点修复画笔工具"，在工具属性栏中设置画笔大小（画笔大小最好大于要修复的区域）,然后分别在面部和脖子上的痣处单击或涂抹，即可将其去除。（2）磨皮。打开图片，按"Ctrl+J"组合键复制一个图层,然后选择"滤镜""模耦""高斯模糊”菜单项,打开"高斯模糊”对话框，在其中设置"半径"值（一般为8像素），单击“确定"按钮模糊图像，接着在按住“Alt"键的同时单击"图层"面板底部的"添加图层蒙版”按钮，添加黑色图层蒙版，最后选择”画笔工具”，设置前景色为白色，自定义画笔大与不透明度（一般为40%）后涂抹模特面部即可磨皮.【师生互动】【教师】展示“磨皮”图片（详见教材），随机邀请学生回答问题：磨皮时，应注意些什么？【学生】聆听、观察、思考、回答【教师】总结学生的回答磨皮时，不要涂抹模特脸颊边缘、鼻梁等位置，否则会使其面部失去立体感；也不要涂抹模特嘴唇、眼睛、眉毛、头发等位置,否则会使其失去质感。3.修饰模特脸部与身形对于服装类商品来说，通常会由模特进行穿着展示，让消费者产生代入感，从而促进商品销售.但在实际拍摄中，会因模特自身问题，使得拍摄出的商品图片达不到预期的视觉效果，这时可利用"液化”命令对模特进行修饰.打开图片，选择"滤镜""液化"菜单项，打开"液化”对话框，展开"人脸识别液化"设置区，再展开"脸部形状”设置区，向左拖动"下颌"滑块，或者在"下颌"编辑框中输入相应参数，此处为-100,为模特瘦脸，然后展开“眼睛”设置区，在"眼睛大小”两个编辑框中分别输入相应参数，此处为100,放大模特眼睛。外轮廓向内轻轻推动，为模特瘦身，最后单击“确定"按钮完成修饰。2.3.3调色1 .快速调整图片色调在Photoshop中，利用"图像"下拉菜单中的“自动色调"命令，可以自动将图像每个颜色通道中最亮和最暗的像素分别映射到纯白和纯黑中，中间像素值按比例重新分布，从而调整图像的色调。2 .调整曝光不足的图片【教师】通过展示“调整曝光不足的图片”的图片（详见教材），讲解如何调整曝光不足的图片打开图片，选择"图像"T"调整"一"曝光度"菜单项，打开“曝光度”对话框，其中有3个关键调整项，分别是"曝光度""位移""灰度系数校正"，分别用于调整图像的高光、阴影和中间调。根据图片的实际情况设置相应的调整项参数，即可改善图片曝光不足的情况。【实用技巧】"曝光度"命令除了可以通过菜单栏调用，还可以通过"调整"面板调用。选择"窗口"一"调整"菜单项，打开"调整"面板，单击该面板中的"创建新的曝光度调整图层"按钮，在添加一个调整图层的同时会打开"曝光度"调整面板，其中所有调整项与“曝光度”对话框中相同。3 .校正偏色的图片利用"色彩平衡"命令可以快速校正偏色的图片.打开图片，选择"图像"一"调整"一"色彩平衡”菜单项，打开"色彩平衡”对话框，其中有3个颜色滑块，每个滑块的两端分别对应一组互补色，拖动不同的颜色滑块，可改变对应两种色彩的比例，从而校正图片偏色问题。【师生互动】【教师】展示“校正偏色的图片”的图片（详见教材），随机邀请学生回答问题：如何减少画面中青色的比例，使画面偏红、偏暖？【学生】聆听、观察、思考、回答【教师】总结学生的回答4 .精确调整图片中的某个色系利用"色相/饱和度"命令可精确调整商品图片中的某个色系,打开图片，选择"图像"一"调整"一"色相/饱和度”菜单项，打开“色相/饱和度”对话框，其中主要的调整项有色相、饱和度和明度。在"全图"下拉列表中有"全图""红色""黄色""绿色""青色""蓝色""洋红"7种通道，想要调整哪种色系就选择相应的通道。【师生互动】【教师】展示“精确调整图片中的某个色系”的图片（详见教材），随机邀请学生回答问题：如何将图片中的蓝色调成红色？【学生】聆听、观察、思考、回答【教师】总结学生的回答5 .3.4抠图抠图是利用不同的抠图工具和命令把图片中想要保留的区域精准地抠取出来，为后期合成做准备。1 .抠取单色背景中的商品单色背景的商品图片可直接使用"快速选择工具"、"魔棒工具"抠取商品，其抠取方法基本相同。打开图片，选择“魔棒工具"，在背景区域单击以创建选区，然后按"shift+cm+i”组合键反选选区，接着按“cm+J"组合键复制选区内容，此时可隐藏"背景"图层，以便观察抠图效果。【教师】通过展示“抠取单色背景中的商品”的图片（详见教材），让学生直观了解抠图效果【实用技巧】按"Crl+J"组合键复制选区内容能起到保存选区的作用，避免因误操作导致花费大量时间抠出的对象丢失。2 .抠取轮廓清晰的商品【教师】通过展示“抠取轮廓清晰的商品”的图片（详见教材），讲解如何抠取轮廓清晰的商品如果商品图片背景较为复杂，但商品轮廓清晰，且与背景对比明显，可先使用"磁性套索工具”创建选区，再抠取商品。打开图片，选择"磁性套索工具"，在商品边缘任意一点单击创建锚点（起点），然后沿着商品边缘移动光标，此时光标经过处会产生一定数量的锚点，当光标回到起点处时再次单击即可创建选区，接着按"Clrl+J"组合键复制选区内容,最后隐藏"背景"图层，观察抠图效果。3 .抠取杂SL背景中的商品当商品图片中商品轮廓和背景都比较复杂，且分界不明显时，可利用"钢笔工具"来抠图。下面以汽车的抠取为例，讲解杂乱背景中商品的抠取方法。【教师】演示并讲解如何抠取杂乱背景中的商品步骤1打开本书配套素材"素材与实例""Ch2”文件夹中的"杂乱背景商品Jpg"文件，选择"钢笔工具"，在工具属性栏的"选择工具模式"下拉列表中选择“路径"项，然后在汽车边缘单击创建锚点，接着在汽车边缘的其他位置（邻近已创建的锚点）单击继续创建锚点（单击并拖动鼠标可创建平滑的锚点），此时两个锚点之间形成路径，重复此操作直至描摹整个汽车。步骤2按"Cm+Enter"组合键将路径载入选区，选择"选择""选择并遮住"菜单项，进入一个专门的调整界面，在界面右侧的"视图”下拉列表中选择"图层"项，设置"平滑"为7,"羽化”为1.3像素，单击"确定"按钮细化选区。步骤3单击工具箱中的“以快速蒙版模式编辑"按钮在确保前景色为白色的前提下，选择“画笔工具"，设置画笔大小为500像素，硬度为0%,不透明度为60%,然后涂抹汽车阴影。涂抹完成后，单击工具箱中的"以标准，进入快速蒙版编辑状态，模式编辑"按钮，可以看到已将汽车阻影添加到选区。步骤4按“Ctrl+J"组合键复制选区内容，将背景图层填充为白色。4 .抠取半透明商品使用一般的抠图工具抠取半透明商品（如玻璃杯、婚纱、冰块等）时，很难得到想要的半透明效果，此时可结合通道进行抠图。下面以玻璃杯的抠取为例，讲解半透明商品的抠取方法。【教师】演示并讲解如何抠取半透明商品步骤1打开本书配套素材"素材与实例"uChr文件夹中的"杂背景商品.jpg”文件，选择"钢笔工具"，在工具属性栏的"选择工具模式”下拉列表中选择“路径"项，然后在汽车边缘单击创建锚点，接着在汽车边缘的其他位置（邻近已创建的锚点）单击继续创建锚点（单击并拖动鼠标可创建平滑的锚点），此时两个锚点之间形成路径，重复此操作直至描摹整个汽车。步骤2选择"红"通道，单击面板底部的“将通道作为选区载入“按钮，创建选区。按"Ctrl+C"组合键复制选区内容，在"图层"面板中新建一个图层并重命名为"红"，然后按"Ctrl+V”组合键粘贴选区内容，接着隐藏"背景"图层观察抠图效果。步骤3按住"Ctrl"键的同时，单击“通道”面板中的Alpha1通道缩览图，载入步骤I中创建的选区，保持"红"图层处于选中状态，按,Shift+Ctrl+Iw组合键反选选区，然后按"Delete”键删除杯子之外的部分，接着按"Qrl+D”组合键取消选区。步骤4按住“Ctrl"键的同时，单击"红"图层缩览图，将杯子载入选区，然后将前景色设置为红色（#fKX）00）,按"Ali+Delele"组合键填充杯子，接着按"Cirl+D"组合键取消选区，最后将"红"图层混合模式设置为“变亮"。步骤5-步骤9详见教材5 .抠取复杂的对象在店铺装修过程中，可能还会遇到一些更为复杂的对象，如动物的毛发.这些对象的抠取要用到一些特殊的命令或面板，并通过一些较为复杂的操作才能完成。下面以猫咪的抠取为例，讲解复杂对象的抠取方法。【教师】演示并讲解如何抠取复杂的对象步骤I打开本书配套素材"素材与实例",'Ch2"文件夹中的"复杂抠取Jpg"文件，选择"通道"面板中的"蓝"通道（猫咪与背景的明暗反差最大），然后将其拖至面板底部的"创建新通道"按钮上，将其复制。步骤2保持"蓝拷贝"通道处于选中状态，按"Ctrl+L”组合键打开“色阶”对话框，在其中设置好参数后单击“确定"按钮，增大猫咪与背景的明暗反差。步骤3选择“画笔工具"，设置前景色为黑色，画笔不透明度为100%后涂抹猫咪身上的白点.步骤4按"Ctrl+L"组合键再次打开"色阶”对话框并设置参数，然后单击“确定"按钮，使猫咪与背景的明暗反差更大。步骤5单击"通道"面板底部的"将通道作为选区载入“按钮将"蓝拷贝”通道载入选区，然后选择“RGB”通道,接着按"Shif+Ctrl+I”组合键反选选区。步骤6选择"快速选择工具”，然后在按住"Shift”键的同时涂抹猫粮盆，将其添加到选区中，接着在按住“Alt”键的同时涂抹猫粮盆右侧的选区，将其在当前选区中减去。步骤7-步骤8详见教材【学生】聆听、思考、理解、记忆课堂实训【教师】组织学生分组，以小组为单位完成以下任务启动Photoshop,新建一个750像素x422像素，分辨率为72像素,，英寸的空白文档。使用矩形工具在页面中分别绘制黄色矩形和粉色矩形，之后将其进行旋转25度并调整黄色到右上位置，粉色到左下位置。为了操作方便，将两个矩形编到一组中，为矩形添加T"内阴影"图层样式。将下面的素材图片拖曳到文档，设置"混合模式"为"线性加深"，此时发现混合后图片显示不是太好.复制围巾所在图层，单击"添加图层蒙版"按钮，添加一个空白蒙版，使用（画笔工具）在蒙版上涂抹黑色。新建图层,使用（多边形工具）在右边绘制一个三角形路径，选择（画笔工具）后设置"画笔大小”为2,在“路径"面板中单击（用画笔描边路径）按钮，为路径进行描边。【学生】聆听、讨论、操作、展示【教师】巡堂辅导、点评各组的成果课堂小结【教师】简要总结本节课的要点二次构图：重置图片大小、裁去图片多余部分修图：去除图片中多余元素、美化模特皮肤、修饰模特脸部与身形调色：快速调整图片色调、调整曝光不足的图片、校正偏色的图片、精确调整图片中的某个色系抠图：抠取单色背景中的商品、抠取轮廓清晰的商品、抠取杂乱背景中的商品、抠取半透明商品、抠取复杂的檐【学生】总结回顾知识点作业布置【教师】布置课后作业启动Photoshop,新建f750像素X600像素，分辨率为72像素/英寸的空白文档。打开卜面的素材，将藤曳到文档，单击"添加图霞反按钮,添力L个空白蒙版，使用（回笔工具）在蒙版J曲黑色，再为图层添力T"投影"图层样式.新建图层，在底部中间位置缔卜饵!色圆角矩形，在h面输入文字“色彩展示，在底部中间位置绘制白色圆角矩形，调整不透明效果为“38%”,至此色彩展示区制作完毕。【学生】完成课后任务教学反思