网店美工教案(项目三）教学设计 中职 高教版 .doc

《网店美工教案(项目三）教学设计 中职 高教版 .doc》由会员分享，可在线阅读，更多相关《网店美工教案(项目三）教学设计 中职 高教版 .doc（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、学科教案本Teaching Plan2016 年2017年学年度一学期The (1st/2na)Semester of the Academic Year from 2016 to 2017 _ 网店美工 学校（School） 学科（Subject） _年级（Grade） 教师（Teacher）网店美工目录注意：按住Ctrl键后单击每个任务即可跳转到对应的教案单击按钮可返回目录页面设置参数为：纸张：B5 页边距左：1.5页边距右：1.5项目三网上店铺装修任务一 设计店招任务二 设计制作广告任务三 设计促销模板任务四 通栏列表制作任务五 制作拓展版全屏背景教学课题任务一 设计店招课题类型实操课时

2、安排2上课时间教学目标1.了解店招的类型2.掌握店招的设计要点教学重点2教学难点2辅助资源课件、多媒体、网络复习引入1.你曾经留意过网店的店招吗？2.你了解店招的类型吗？3.你了解店招设计的要点吗？教学手段教学过程师生互动活动设计实操演示一、 启动PHOTOSHOP程序,新建一个宽为950像素,高度为150像素的图片文件。二、 将素材文件“花纹.JPG”、“英雄LOGO.JPG”、“钢笔.JPG”放置到新建文件中并适当调整大小和位置。三、 编辑文字内容：把店铺完整的名称、广告语都输入到页面中去。四、 合理排版：根据内容的重要适当调整文字、图形的大小位置，把重要的内容调整到最大放置在画面最显眼的

3、位置。五、 色彩、细节的处理：为了让文字更加突出，给文字添加描边、渐变叠加和外发光的图层样式。实训活动：实践演示及点评作业布置填写提交实训报告和实训表格预习作业：观看下一节微课内容教学后记通过这次的店招设计对网店的相关设计有新的认识教学课题任务二 设计制作广告课题类型实操课时安排4上课时间教学目标1.了解广告设计的分类2.掌握广告设计的要点教学重点2教学难点2辅助资源课件、多媒体、网络复习引入针对单品的广告，主要是针对产品本身的特征进行构思设计，但又是在公司统一的网站进行销售，所以还必须加上一些跟公司相关的元素。教学手段教学过程师生互动活动设计实操演 示一、 修图备用：启动Photoshop，

4、打开素材文件“可口可乐”，用钢笔工具勾选出可乐瓶子后复制勾出来的画面，然后调整图片的亮度跟色彩的饱和度。二、 新建一个宽950像素、高400像素的图片文件，并填充红色到深红的径向渐变底色。三、 绘制色带：新建图层2，用钢笔画出流线型的线条并填充白色，复制图层2两次，一层填充黑色一层填充红色，再通过自由变化适当调整位置。四、 绘制圆形立体按钮：新建图层3，用椭圆选区工具建立一个圆形选区并填充红色，并添加斜面和浮雕效果。五、 导入图片素材：将可口可乐的LOGO和最开始抠出来的可乐瓶子导入文件中，并调整好位置。六、 编辑广告文字并调整文字的大小和位置，让画面看起来协调。七、 新建图层6，利用钢笔工具

5、在画笔面板中制作白色雪花点。实训活动：实践演示及点评作业布置填写提交实训报告和实训表格预习作业：观看下一节微课内容教学后记通过这次的广告设计对广告构成要素的组合安排有较清晰的了解教学课题任务三 设计促销模板课题类型实操课时安排2上课时间教学目标1.了解促销模板的特点2.促销模板的设计思路3.促销模板的基本制作方法教学重点2、3教学难点2、3辅助资源课件、多媒体、网络复习引入 你知道什么是网店的促销模板吗？ 促销模板的设计风格？教学手段教学过程师生互动活动设计实操演示一、新建一个宽720像素、高310像素的图片文件，使用圆角矩形工具画出圆角矩形1。双击图层缩略图,填充为白色.然后设置描边和内发光

6、的图层样式。二、使用圆角矩形工具画出圆角矩形2, 然后设置描边和内发光的图层样式。三、接下来创建新图层,制作玻璃质感的高光。根据圆角矩形2使用钢笔工具绘制高光区。并使用转换点工具调整高光区域。将路径转换成选区，并填充为白色，然后取消选区，修改该图层的不透明度为30%。四、然后使用圆角矩形工具绘制圆角矩形3，并设置描边的图层样式。五、编辑文字并设置颜色，然后导入商品图片。六、使用复制图层的方式完成促销模板的制作。实训活动：实践演示及点评作业布置填写提交实训报告和实训表格预习作业：观看下一节微课内容教学后记通过这次课程讲解对促销模板的设计方法有较全面的了解教学课题任务四 通栏列表制作课题类型实操课

7、时安排2上课时间教学目标1.了解通栏列表的特点2.掌握通栏列表制作的要素构成教学重点2教学难点2辅助资源课件、多媒体、网络复习引入1. 什么是通栏列表2. 通栏广告的作用教学手段教学过程师生互动活动设计实操演示一、 启动PHOTOSHOP,新建一个宽为950像素,高度为150像素的图片文件。二、 新建图层，填充为白色，然后添加“渐变叠加”的图层样式。三、 打开自定义形状工具，加载全部形状，选择一个花的图形，在场景中创建图形并给它设置“颜色叠加”的图层样式。然后点击右键，对该图层执行“栅格化图层”命令，混合模式设置为“柔光”。四、 通过多次对上一个图层的多次复制和自由变化及透明度的设置，制作出其

8、他花的图层。五、 新建图层,设置图层不透明度为50%,填充颜色。然后执行滤镜渲染镜头光晕命令。六、 再新建一个图层，设置不透明度为60%，用矩形选框工具创建一个矩形，然后执行编辑变换斜切命令，做一个梯形。七、 编辑文字，并设置投影的图层样式。实训活动：实践演示及点评作业布置填写提交实训报告和实训表格预习作业：观看下一节微课内容教学后记通过这次的通栏广告的设计对网店的相关设计有新的认识教学课题任务五 制作拓展版全屏背景课题类型实操课时安排4上课时间教学目标1.了解拓展版全屏背景的特点2.掌握拓展版全屏背景的设计要点教学重点2教学难点2辅助资源课件、多媒体、网络复习引入1. 什么是拓展版全屏背景2

9、. 全屏背景设计要注意的问题和要素教学手段教学过程师生互动活动设计实操演示一、“制作拓展版全屏背景”这个任务是为一个泳装设计、销售公司的电子商务网站设计一个全屏背景。整个过程主要通过制作天空图层、沙滩图层、云朵图层、海浪图层来完成任务。二、首先，打开photoshop，新建一个宽1500像素，高600像素的文件。接下来新建一个图层命名为“天空”，填充蓝白渐变，这里的蓝色参数设置为（#16c9f4）；然后在这个图层添加图层蒙版，使用渐变工具为当前蒙版添加黑白渐变，使图层颜色过渡自然；现在我们给这个如曾添加镜头光晕的效果，单击滤镜渲染镜头光晕，设置光源位置在图片左上角，“亮度”为100%，“镜头类

10、型”为50300毫米变焦，现在天空就制作完成了。三、新建图层命名为“沙滩”，填充颜色，值为#d8cda3，并对当前图层执行滤镜杂色添加杂色命令，“数量”为20%，平均分布，勾选单色选项；接下来给“沙滩”图层添加图层蒙版，使用渐变工具为当前蒙版添加黑白渐变，使图层颜色过渡自然；现在沙滩图层也完成了。四、再新建一个图层命名为“白云”，使用“椭圆选框工具”绘制5个相互叠加在一起的圆形选区，并填充白色，然后设置图层样式，勾选“斜面与浮雕”和“投影”。接下来对“白云”图层执行滤镜模糊高斯模糊命令，半径值为4。对白云所在图层多2次复制，并通过自由变换命令，制作出其他白色云朵。五、新建一个图层命名为“蓝云”

11、，使用“椭圆选框工具”绘制5个相互叠加在一起的圆形选区，并填充蓝色，然后设置图层样式，勾选“斜面与浮雕”和“投影”；接下来对“白云”图层执行滤镜模糊高斯模糊命令；然后在这个图层添加图层蒙版，使用渐变工具为当前蒙版添加黑白渐变。对白云所在图层多次复制，并通过自由变换命令，制作出其他蓝色云朵。六、下面制作最后的“海浪”效果，新建一个图层命名为“海浪”，使用“矩形选框工具”创建一个选区，并添加蓝白渐变效果，取消选区后执行滤镜扭曲波纹命令，数量值为最大，大小值为大中小分别执行一次；然后进行自由变化，缩放海浪大小并调整角度；在这个图层添加图层蒙版，使用渐变工具为当前蒙版添加黑白渐变；最后给该图层设置投影的图层样式效果，完成海浪图层。实训活动：实践演示及点评作业布置填写提交实训报告和实训表格预习作业：观看下一节微课内容教学后记通过这次的店招设计对网店的相关设计有新的认识7