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

广东省技工学校文化理论课教案

科目

网店美工

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

授课

日期

课时

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代