资源简介

网店视觉设计与制作（全彩慕课版）电子教案
任课教师 专业 日期 年 月 日
教学课题 设计与制作优惠活动区 课时 2课时
所选教材 《网店视觉设计与制作（全彩慕课版）》 教学班级
一、教学目标
1. 知识目标 （1）了解设计的前期分析的步骤； （2）熟悉优惠券包含的内容； （3）掌握优惠券的布局方法。 2. 技能目标 （1）能够根据店铺类型、风格等因素设计优惠券配色； （2）能够熟练使用“图层样式”对话框进行设置； （3）能够熟练使用“高斯模糊”效果。 3. 职业素养 （1）加强实践能力； （2）提高综合设计素养。
二、教学方法与资源
教学方法：讲授法、案例分析法、分组学习法、同步演练； 教学资源（媒体和平台）：一体化教室、互联网、PPT、photoshop。
三、教学重难点
教学重点：优惠券包含内容、布局优惠活动区、制作满减类优惠券、制作充值类优惠券； 教学难点：优惠券包含内容、布局优惠活动区。
四、教学问题预测及方案
问题预测：学生缺少实际图片制作经验，无法上手操作； 解决方案：安排上手实操，让学生实际进行图片基础操作，加深知识理解。
五、教学结构流程设计
教学过程 教师活动 学生活动
【课前准备】（ 5分钟） 1.课前三件事：点名；检查卫生和物品摆放；检查学生精神状态； 2.安全教育 考勤 检查卫生 清点学生人数 问好 卫生整理 准备书本 上交手机
【教学实施】 1.教学导入（5分钟） 介绍本节将要学习的内容。 2.提问引入（15分钟） 是否设计过主图背景？ 是否动手抠取过商品图像？ 3.本节内容介绍（60分钟） （1）布局优惠活动区 选择绿色为背景色，绘制橙色的展板来突出、强调优惠信息，达到快速吸睛的目的。 启动 Photoshop，新建“优惠活动区”的文件。 设置背景色并填充。 选择“圆角矩形工具”并绘制一个圆角矩形。 为圆角矩形设置“投影”效果。 返回图像编辑区，并查看效果。 使用“圆角矩形工具”绘制一个更小的圆角矩形。 为圆角矩形设置描边和“内发光”效果。 返回图像编辑区，查看效果。 选择“钢笔工具”，在圆角矩形上方绘制一个梯形。 为梯形设置内阴影效果。 为梯形设置图层蒙版并擦除出圆角。 选择“圆角矩形工具”在梯形下方绘制一个圆角矩形。 为圆角矩形设置内阴影和投影。 返回图像编辑区，查看效果。 置入“绿叶 2.png”素材并调整其大小和位置。 打开“高斯模糊”对话框并设置。 复制“绿叶2”图层并水平翻转，调整位置。 选择“横排文字工具”并输入文字。 按【Ctrl+J】组合键复制文字，并修改字号和颜色。 创建“背景”图层组。 （2）制作满减类优惠券 设计满减类优惠券时可以尽量突显优惠金额和领券按钮，弱化满减条件信息。 在大圆角矩形内部左上角绘制一个圆角矩形。 为圆角矩形设置“斜面和浮雕”效果。 返回图像编辑区，查看效果。 选择“圆角矩形工具”绘制一个较小的圆角矩形。 修改设置后绘制一个更小的圆角矩形作为按钮背景。 为圆角矩形设置“斜面和浮雕”效果。 返回图像编辑区，查看效果。 选择“椭圆工具”依次绘制两个圆。 选择“横排文字工具”输入文字并调整。 选择“10”图层，并设置投影。 创建“满减”图层组，复制两个并调整图层组位置。 选择“横排文字工具”，修改文字内容。 （3）制作充值类优惠券 制作这类优惠券时需要明确目标对象。此外，为了将更多消费者转化为网店会员，还需强调优惠程度，突出优惠力度。 使用“圆角矩形工具”绘制一个圆角矩形。 为圆角矩形设置内发光与投影。 返回图像编辑区，查看效果。 置入“优惠礼包 .png”素材，调整后将该素材创建为圆角矩形的剪贴蒙版。 选择“椭圆工具”在圆角矩形内部的右侧绘制一个圆。 为绘制的圆设置内阴影和投影。 返回图像编辑区，查看效果。 选择“圆角矩形工具”，在优惠礼包右侧绘制一个圆角矩形。 使用“横排文字工具”输入文字并调整。 为“VIP 充值 更优惠”图层和“充值优惠可与满减叠加使用”图层设置“仿斜体”。 为“VIP 充值 更优惠”图层设置投影。 返回图像编辑区，查看效果。 将充值类优惠券包含的所有图层创建为“充值”图层组，保存文件。 老师介绍本节学习的知识点，并板书老 师提问 老师发布任务 老师讲解知识点并操作 老师讲解知识点并操作 老师讲解知识点并操作 老师讲解知识点并操作 老师讲解知识点并操作 老师展示案例 学生接收 学生回答 学生认真听讲 学生认真听讲做笔记 学生认真听讲做笔记 学生认真听讲 学生认真听讲做笔记 学生认真听讲做笔记
【课后作业】（5分钟） 1.本小节学习体会 2.下一堂课的预习 布置作业 完成作业
六、课后教学反思（教师填写）

展开更多......

收起↑