第一章-商品图片调整与店面视觉色彩

广东省技工学校文化理论课教案科目网店美工第一章商品图片调整与店面视觉色彩授课日期课时4班级授课方式讲、练结合作业题数拟用时间教学目的1.掌握商品图片的基本编。2.了解色彩的分类。3.了解网店色彩的搭配。选用教具挂图网络教室电子教鞭重点1.商品图片的基本编辑。2.网店色彩的搭配。难点网店色彩的搭配。教学回顾说明其中讲授90分钟，练习90分钟。教学过程时间分配教学过程教学方法教学手段5分钟5分钟10分钟[新课引入]：网店美工从事对网络店铺的页面进行美化的工作，既包括整体页面风格的结构布局设计，又包括页面主要图片元素的设计、编辑和美化。网店的美工设计要符合网络店铺的经营理念，与所销售的商品相呼应，从而达到吸引买家关注和浏览、提升网店品牌和信誉的目的。[新课内容]：一、网店图片文件的类型1.JPEG格式。JPEG是最常见的一种图片格式，文件的扩展名为.jpg或.jpeg。2.PNG格式。PNG是可移植的网络图形格式。3.GIF格式。GIF是图形交换格式。二、网店图片编辑软件PhotoshopCS6是一款用于图像制作和处理的专业软件，具有强大的功能，利用这些功能，可以有效地进行商品图片的编辑，是网店美工必备的软件工具。1. Photoshop CS6工作界面。讲授教师使用网络教室的“屏幕广播”功能进行课件和讲解。教学过程时间分配教学过程教学方法教学手段2. Photoshop CS6文件的新建和打开。（1）新建文件。讲授教师使用网络教室的“屏幕广播”功能进行课件和讲解。教学过程时间分配教学过程教学方法教学手段20分钟50分钟（2）打开文件。三、商品图片的基本编辑1. 商品图片的调整。2. 商品图片的校正。3. 商品图片的抠图。[技能训练]一、调整商品图片的大小1.原图与效果图如图所示，完成商品图片大小的调整。2.打开素材图片。讲授教师使用网络教室的“屏幕广播”功能进行课件和讲解。教学过程时间分配教学过程教学方法教学手段3.执行菜单栏中的“图像”→“图像大小”命令，打开“图像大小”对话框，在对话框中设置参数。4.单击“确定”按钮完成设置，并执行“文件”→“存储为”命令，在弹出的“JPEG选项”对话框中设置“品质”为“8”，对图片进行相应的压缩。二、校正商品图片1.原图与效果图如下图，完成商品图片的校正。2.打开素材图片。3.打开标尺，在衣服的中轴线上拖动鼠标，出现参考线。4.按组合键Ctrl+A选中图层，再按Ctrl+T组合键，旋转图片，调整至衣服的中轴线与参考线平行。5.单击工具面板中的“剪切工具”按住鼠标左键，拖拽出合适的大小，将多余部分去除，双击鼠标或按“回车”键，如图1-1-17所示。6.保存校正好的图片。三、商品图片去底原图与效果图如下图所示，完成商品图片的去底操作。讲授练习教师使用网络教室的“屏幕广播”功能进行课件和讲解。教学过程时间分配教学过程教学方法教学手段45分钟1.打开素材图片。2.调整商品图片的大小为500像素×500像素。3.打开“魔板工具”，在空白处单击，创建选区。4.设置背景为白色。5.单击键盘上的Del键，在弹出的“填充”对话框中设置有关参数。6.按“确定”按钮，完成商品图片去底图。四、网店视觉色彩对于买家来说，在浏览网店时，首先吸引他们的是网店色彩搭配的视觉效果。对于网店来说，可以利用色彩鲜明的商品图片吸引买家浏览和关注，由此增加商品和网店的吸引力，从而达到良好的营销效果。1.色彩的分类讲授练习教师使用网络教室的“屏幕广播”功能进行课件和讲解。教学过程时间分配教学过程教学方法教学手段15分钟（1）无彩色（2）有彩色（3）特殊色2.色彩的三要素（1）色相：是区别不同色彩的名称。（2）明度：是指色彩的明暗程度。（3）纯度：是指色彩鲜艳的程度。3.颜色的模式（1） RGB模式讲授教师使用网络教室的“屏幕广播”功能进行课件和讲解。教学过程时间分配教学过程教学方法教学手段15分钟自然界中绝大部分的可见光谱可以用红、绿和蓝三色光按不同比例和强度的混合来表示。RGB分别代表着三种颜色：R代表红色，G代表绿色，B代表蓝色。（2）CMYK模式在制作用于印刷色打印的图像时，要使用CMYK色彩模式。CMYK色彩模式以打印油墨在纸张上的光线吸收特性为基础，图像中每个像素都是由靛青（C）、品红（M）、黄（Y）和黑（K）色按照不同的比例合成。（3）HSB模式HSB色彩模式是根据日常生活中人眼的视觉特征而制定的一套色彩模式，最接近于人类对色彩辨认的思考方式。（4）Lab模式Lab色彩模式由光度分量（L）和两个色度分量组成，这两个分量即a分量（从绿到红）和b分量（从蓝到黄）。4.网店色彩的搭配（1）同一色调搭配讲授教师使用网络教室的“屏幕广播”功能进行课件和讲解。教学过