网店视觉设计与制作（全彩慕课版）电子教案
任课教师 专业 日期 年 月 日
教学课题 设计与制作商品卖点及细节图 课时 2 课时
所选教材 《网店视觉设计与制作（全彩慕课版）》 教学班级
一、教学目标
1. 知识目标
（1）了解制作卖点展示板块的步骤；
（2）熟悉软件中不同工具的使用方式；
（3）掌握制作细节展示板块的步骤。
2. 技能目标
（1）能够使用“直线工具”绘制矩形并设置；
（2）能够使用“钢笔工具”绘制需要的形状；
（3）能够根据设计需要对素材图片进行调色。
3. 职业素养
（1）培养对卖点展示板块的设计与运用能力；
（2）培养实际的动手操作能力。
二、教学方法与资源
教学方法：讲授法、案例分析法、分组学习法、同步演练；
教学资源（媒体和平台）：一体化教室、外网、PPT、photoshop。
三、教学重难点
教学重点：制作卖点展示板块、制作细节展示板块；
教学难点：制作卖点展示板块、制作细节展示板块。
四、教学问题预测及方案
问题预测：学生缺少实际图片制作经验，无法上手操作；
解决方案：安排上手实操，让学生实际进行图片基础操作，加深知识理解。
五、教学结构流程设计
教学过程 教师活动 学生活动
【课前准备】（ 5 分钟）
1.课前三件事：点名；检查卫生和物品摆放；检查学生精神状态；
2.安全教育
考勤
检查卫生
清点学生人数
问好
卫生整理
准备书本
上交手机
【教学实施】
1.教学导入（5 分钟）
介绍本节将要学习的内容。
2.提问引入（15 分钟）
是否设计过主图背景？
是否动手抠取过商品图像？
3.本节内容介绍（60 分钟）
（1）制作卖点展示板块
在卖点展示板块中直观展示柑橘的 3 个主要卖点——“新
鲜可口”“美味营养”“爽口多汁”。
① 启动 Photoshop，新建文件。
② 为卖点展示板块填充背景。
③ 选择“圆角矩形工具” ，在图像编辑区顶部绘制一个圆角
矩形。
④ 选择“直线工具”，在圆角矩形中绘制两条直线段。
⑤ 选择“横排文字工具”，输入需要的文字。
⑥ 置入“卖点图标 .png”素材，并设置图层样式。
（2）抠取商品图像
为了增强消费者对柑橘的信任感，可从柑橘的果形、果肉、
果味、营养等方面来设计细节展示板块，并延用橙色为主色。
① 使用“钢笔工具”绘制白色波浪形状。
② 使用“矩形工具”绘制矩形。
③ 选择“横排文字工具”输入所需文字，并适当调整文字的
大小和位置。
④ 置入“”素材，调整素材位置。
⑤ 使用“矩形工具”绘制 3 个矩形。
⑥ 置入“细节 ”素材，调整图层位置。
⑦ 为了使柑橘细节的效果更加美观，适当对素材调色。
老师介绍本节
学习的知识
点，并板书老
师提问
老师发布任务
老师讲解知识
点并操作
老师讲解知识
点并操作
老师讲解知识
点并操作
老师讲解知识
点并操作
老师展示案例
学生接收
学生回答
学生认真听讲
学生认真听讲
学生认真听讲
学生认真听讲
学生认真听讲
做笔记
⑧ 选择“直排文字工具”，在绿色矩形上输入需要的文字并
适当调整文字的大小、间距和位置。
⑨ 创建图层组，复制图层组两次，依次修改图层中的细节
图片和文字描述，并根据需要调整图片的亮度和颜色。
⑩ 新建图层，选择“画笔工具”在图像编辑区底部的橙色区
域中央绘制一个边缘柔和的圆。
⑪ 复制绿色矩形及其上的“味”文字图层，调整图层位置，
复制之前制作的绿色矩形及其上的“味”文字图层。
⑪ 新建“营养”图层组，添加图层样式并绘制白色弧线。
⑪ 绘制 5 个装饰圆并输入所需文字。
⑪ 打开“绿叶 .psd”素材，并调整素材位置。
⑪ 按【Ctrl+S】组合键保存文件。
【课后作业】（5 分钟）
1.本小节学习体会
2.下一堂课的预习
布置作业 完成作业
六、课后教学反思（教师填写）
