(中职)网店美工全套教案整本书电子教案完整版教学设计最新电子讲义.docx

《(中职)网店美工全套教案整本书电子教案完整版教学设计最新电子讲义.docx》由会员分享，可在线阅读，更多相关《(中职)网店美工全套教案整本书电子教案完整版教学设计最新电子讲义.docx（96页珍藏版）》请在课桌文档上搜索。

1、XX学校学科教案本TeachingPlanXX-学期XX学校(School)学科(SUbjeCt)一网店类三_年级(Grade)教师(Teacher)网店美工目录项目一Photoshop基础操作任务一商品照片裁剪任务二商品照片抠图任务三商品照片调试任务四商品照片修图注意:按住Ctrl键后单击每个任务即可跳转到对应的教案单击H按钮可返回目录页面设置参数为：纸张：B5页边距左：1.5页边距右：1.5教学课题任务一商品照片裁剪课题类型理论+实作课时安排4上课时间教学目标1 .掌握商品照片裁剪的方法2 .掌握校正透视、定重心及大小3 .掌握校正倾斜重构图的方法教学重点1、2教学难点3辅助资源课件、多媒

2、体、网络复习引入你曾经玩过修理照片吗？你利用什么软件美化或者校正照片？你对那些软件还知道哪些功能？教学手段教学过程师生互动活动设计件论作课讨实一:了解Photoshop界面二：校正倾斜重构图案例任务具体解说及操作1、在拍摄商品时，有时因产品透视太夸张，拍摄时因相机离的太近，角度过高过低，拍摄出来的产品出现扭曲变形。比如这张图片阅读知识窗：Photoshop的产生和发展提问或讨论：W在柏摄时f因角度没调整好，导致拍摄出来的商品头：来，我将用PhotoShoPCS6软件来处理。开【任务一原始图.jpg，点击工具栏【裁选择【透视裁剪工具】，此刻画布中出现，视学的原理调整裁剪框的控制点，当裁剪二同一平

3、行线，然后按下回车确定。商品照片出现什么问题讨论：用什么方法可以校正网络搜索：裁算工具的使用案例视频小组合作2、重脚轻，严重失真。接丁在PhotoshopCS6中打剪工具】右下角箭头处,裁剪框。然后我们根据这框的虚线与物品边缘处1件例论件作课举讨课实3、拍摄照片的光轴与主题的视平线未能形成平行状态时，两者间形成一定的夹角，便会致使拍摄出的照片出现一定程度的倾斜。我们来比较下面两副图。其中图1由于:拍摄照片的光轴与主题的视平线未能形成平行状态时，相机不水平，产品拍摄时倾斜。图2：是经过photoshop校正倾斜重构图后的效果图。4、在PhotOShoPCS6中，打开素材【任务活动2原始图.jpg

4、】为了有利于裁剪和产品的展示，把图片裁剪成正方形。画布大小调整正方形，大小设置为：宽13.98CM,高13.98CM1,5、单击工具栏【裁剪工具】这个时候箭头光标就会变成裁剪图标。根据需要拉出裁剪框，可以通过裁剪框周围的控制点拉伸裁剪框的大小，拉伸好了之后，将鼠标移动出裁剪框后，匏近矩形控制点光标变成拐角的双向箭头时，可以任意旋转拐角的方向，使裁剪框的其中条边与产品的条边达成平行，然后按回车键确定。三：教学总结反思本次任务是正对拍摄过程中，由于角度的问题，导致产品倾斜，不利于产品展示,通过PhotoShoP的裁剪工具，调整好产品的角度，使其重新构图，达到更好的展示效果。实训活动：实践演示及点评

5、作业布填写提交实训报告和实训表格预习作业：观看下一节微课内容教学后记教学课题任务二商品照片抠图课题类型理论+实作课时安排4上课时间教学目标1 .掌握钢笔抠图的方法2 .掌握其他方法抠图教学重点1、2教学难点2辅助资源课件、多媒体、网络复习引入你曾经玩过照片抠图吗？你利用什么软件进行抠图照片？你会用Photoshop软件抠图吗？教学手段教学过程师生互动活动设计件论作课讨实一:了解PhoK)ShoP抠图工具二：具体解说及操作流程(-*)钢维抠图1、抠图在网店美工中是一项重要的环节，通过抠图可以使不美的图片经过处理后看上去美观大方亮堂，也可以使本来很美的图片更加锦上添花。图片是网店的灵魂，好的图片则

6、完全可以带动交易的成功率，下面，我们看这两张图片：图1和图2阅读知识窗：Photoshop抠图工具提问或讨论：商品照片出现什么问题讨论：用什么方法可以抠图网络搜索：抠图工具的使用或者看微件例论视频件作 课实,我们将使用钢笔工具扣取人物的外轮廓，对产品的背景进行置换，然后做成图3小组合作 实训活动：实 践演示及点评2、在PhotoShoPCS6中，打开钢笔抠图素材.jpg,为了抠图更精确,按“Ctrl+ “ + 把画布放大显示，将画面窗口移至合适的位置。3、单击工具栏【转换点工具】或者按“Alt”键,将鼠标光标移动至节点，按下鼠标左键并拖拽，此时将出现两条调节柄。分别调整两端的调节柄的角度和方向

7、，使其紧贴于商品的轮廓位置。用相同的方法把剩余的部分加入进来。4、单击【路径】面板底部将路径作为选区载入按钮，将路径转换为选区,或者按rtctrl+enterw05、在选择菜单中，【选择】-【修改】-【平滑】命令，弹出【平滑选区】对话框设置“取样半径为1像素”。6、选择菜单栏中【编辑】【拷贝】命令，复制选区内的产品。7、打开素材2.jpg,按CtrI+V组合键粘贴产品，并按Ctrl+T组合键调整到合适的大小和位置。(一)其他方法抠图1、钢笔抠图有时候不是特别适用，比如这张蕾丝衣服图片U要抠出裙边蕾丝，用【钢笔工具】抠，效果不好。要结合其他方法才能抠出来。2、在PhotoshopCS6中，打开素

8、材文件，利用【钢笔工具】把衣服没有蕾丝的部分勾勒出来。3、按下Ctrl+Enter组合键将路径转换为选区，再按下Ctrl+J组合键复制图层1,单击选择背景层。4、打开通道面板，复制红色通道“红副本”，按下【Ctrl+L】组合将调整色阶设置为(120,1.0,255)5、按【ctrl+shift+alt】组合键，单击通道“红副本”，可以得到选区的交集，并按下【ctrl+J】组合键复制图层2。6、回到背景层，重复刚才的步骤，把两臂衣袖的蕾丝部分复制出来，形成图层3和图层47、最后把图层1、2、3、4合并成图层1,然后用【移动工具】把图层1移到素材2中，按ctrl+T调整好图层1的大小和位置。三：教

9、学总结反思整个抠图过程,难点是钢笔使用不熟练,在建路径和转弧形时难以把握，容易出错。通过其他方法抠图掌握了更细节更难抠图的方法和技，但是在选择通道时，难于辨别最佳通道，在色阶调整时也比较难调节，要想做得更佳作品，需多加练习作业布填写提交实训报告和实训表格预习作业：观看下一节微课内容教学后记教学课题任务三活动一曲线工具调色课题类型理论+实作课时安排2上课时间教学目标1 .了解曲线工具基本知识2 .通过曲线工具对曝光不足的照片进行调色教学点1、2教学难点2辅助资源课件、多媒体、网络复习引入曾经对商品进行拍照过吗？有无出现商品色差？认为如何对商品进行调色？教学手段教学过程师生互动活动设计件论作谭讨实

10、1 .活动实训4人为一组，选出小组代表，用数码相机给商品进行拍照。对于有过网购经验的人一定都知道，商品色差是一件很令人头疼的事，因为灯光、拍摄环境等原因造成的色差很难避免，但是却会给买家带来错误的引导，因此造成的退换货和差评纠纷也是最多的。2 .曲线工具基本知识（1）图像中所有对比度、亮度、色戒等参数都可以通过曲线工具进行调色快捷键ctrl+J可以打开曲线工具3 .利用曲线工具这张照片里裙子不够突出，画面很暗，阴影区域细节非常少，接下来看通过曲线工具调色后的照片，明显亮色许多，突出裙子重点。阅读知识窗：曲线工具知识讨论：对于曝光不足，如何对照片进行调整实训活动：利用曲线工具进行调色作业填写提交

11、实训报告和实训表格布预习作业：利用修正白平衡调色教学后记教学课题活动二修正白平衡课鹿类型理论+实作课时安排2上课时间教学目标1 .了解白平衡2 .通过修正白平衡对照片进行调色教学重点1、2教学难点2辅助资源课件、多媒体、网络复习引入上节课的曲线工具修复照片还有其他方法对照片进行调色教学手段教学过程师生互动活动设计件论作课讨实1 .白平衡基本知识白平衡是描述显示器中红、绿、蓝三色混合生成后白色精确度的一项指标。许多人在使用数码相机拍摄的时候都会遇到这样的问题：在日光灯的房间拍摄的影像会显得发绿，在室内铝丝灯光下拍摄出来的景物就会偏黄，而在日光阴影处拍摄到的照片则偏蓝，原因在于白平衡。2 .利用曲

12、线工具拍摄商品时，物体颜色会因投射光线的颜色产生变化，在不同光线的场合下拍摄出的照片会有色温。先来看一张需要处理的照片，这张照片偏白冷色调。接下来看通过照片滤镜后的效果，明显偏黄，暖色调。阅读知识窗：白平衡基本知识讨论：对于曝光不足，如何对照片进行调整实训活动：利用白平衡进行调原图修正后作业填写提交实训报告和实训表格布置预习作业：利用图片亮度和鲜艳度对照片调色教学后记教学课题活动三调整图片亮度和鲜艳度课施类型理论+实作课时安排2上课时间教学目标1 .图片对比度知识2 .通过调整图片亮度和鲜艳度对照片进行调色教学重点1、2教学难点2辅助资源课件、多媒体、网络复习引入上节课的修正白平衡修复照片利用

13、调整图片亮度和鲜艳度进行调色教学手段教学过程师生互动活动设计件论作课讨实1 .色彩平衡基本知识色彩平衡是图像处理的一个重要环节。通过对图像的色彩平衡处理，可以校正图像色偏，过饱和或饱和度不足的情况下，也可以根据自己的喜好和制作需要，调制需要的色彩。2 .亮度/对比度基本知识亮度是指画面的明亮程度。对比度是画面黑与白的比值，也就是从黑到白的渐变层次。比值越大，从黑到白的渐变层次越多，从而色彩表现越丰富。3 .利用色彩平衡、亮度网比度进行调色今天我们来学习如何通过色彩平衡来调整图片亮度与鲜艳度。先来看一张需要处理的图片，这张图片里的商品亮度偏暗，与背景颜色对比度不强。接下来看通过调整色彩平衡后的效

14、果，明显亮色许多，下面我们来看具体的操作过程。阅读知识窗：色彩平衡；亮度/对比度基本知识讨论：如何利用色彩、亮度/对比度对照片进行调整实训活动：利用曲线工具进行调色作业填写提交实训报告和实训表格布预习作业：照片修图教学后记教学课题任务四商品照片修图课题类型理论+实作课时安排4上课时间教学目标1 .掌握PhotoshopCsS快去水印修补与内容识别的方法2 .掌握图章工具修图的方法教学重点1、2教学难点2辅助资源课件、多媒体、网络复习引入你曾经看过有水印的照片吗？你利用想把水印照片删除掉吗？你会用PhOtoShOP软件删除水印吗？教学手段教学过程师生互动活动设计一:了解Photoshop修补工具

15、阅读知识窗：评件讨论-：具体解说及操作流程Photoshop修实作（一）快去水印修补与内容识别1、有时在拍摄过程中由于背景、灯光、拍摄角度等原因，拍摄出来的补工具商品图片存在严重的色差，或者有瑕疵，这样就需要对它进行修饰，从提问或讨论：商品照片中而达到理想效果。2、在PhotoshopCS5中，打开素材文件，先复制一个背景图层，避水印如何处理免在背景层直接修改素材，便于修改。讨论：用什么方法可以快3、在背景副本图层上，点击【套索】工具，把需要处理的水印部分圈出来。速删除4、选择【编辑】-【填充】或者直接按【shift+F5，在填充对话框内网络搜索：观容选项，使用【内容识别】，点击【确定】。看微

16、课视频课件举例讨论5、重复刚才的步骤，可以快速把图片中水印去除。（二）图章工具修图小组合作1、【图章工具】在处理拍摄过程中因背景、灯光、拍摄角度等原因，出实训活动：实现的色差，或者有瑕疵方面会比较好用，也比较方便。践演示及点评课件实作2、在PhotoshopCS6中，打开图章修复.jpg素材，单击工具栏【仿制图章】工具，按住LAl1】键，光标为“靶”状，意味着可取色样，选取颜色相近的地方，然后松开【Alt】键，在目标处慢慢涂抹。3、利用【修复画笔】工具，把素材中桌子进行修改，达到桌子的真实性。4、打开蝴蝶.jpg素材，选择【魔术棒】工具，选定图片的白色背景，属性【容差】设置为“20像素”，按【

17、Delete】键，删除选定选区的像素，选择菜单栏【编辑】【定义图案】命令，将图片定义为图案。选择工具栏【图案图章】工具，把刚才新建的蝴蝶图案，在图片上涂抹，多余的部分可用橡皮擦擦除，直至最佳效果。三：教学总结反思木节【图章工具】的使用，在选举色样时比较难把握，特别是色样比较复杂的更难抓准。作业布置填写提交实训报告和实训表格预习作业：观看下一节微课内容教学后记惠州城市职业学院学科教案本TeachingPlan20年20年学年度学期The(lst2na)SemesteroftheAcademicYearfrom20to20学校(School)网店美工学科（SUbjeCt）年级（Grade）教师（T

18、eaCher）项目二商品照片处理网店美工目录注标按住Ctrl键后单击每个任务即可跳转到对应的教案单击H按钮可返回目录页面设置参数为：纸张：B5页边距左：1.5页边距右：1.5教学课题活动一制作白底文字主图课题类型理论+实作课时安排2上课时间教学目标L熟练使用自由变换工具、多边形套索工具、填充、文字工具2.能制作清爽、简单的主图，使用文字突出商品卖点教学点熟练使用自由变换工具、多边形套索工具、填充、文字工具教学难点制作清爽、简单的主图，使用文字突出商品卖点辅助资源课件、多媒体、网络复习引入通过上一章内容的学习，你掌握了使用哪些PHoTOSHOP软件的工具？你在网上购物的时候，打开商品详情页第一眼

19、看到的什么？你了解宝贝主图吗？想知道主图是怎么做出来的吗？教学手段教学过程师生互动活动设计件论作课讨实活动实施：I、用PhotoshopCS6打开素材“T恤.jpg”，：点击菜单图像一图像大小或按“Ctrl+A】t+I”快捷键，调出图像大小对话框，查看图像大小是否大于800*800像素。如下图图2.371。如果小于800*800像素，则可在图像菜单里调出“画布大小”对话框扩展画布。2、按“Ctrl+快捷键，对T恤进行自由变换3、调整T恤到适当位置。新建图层，使用矩形选框工具，高度为100像素，填充颜色灰蓝色（R：0,G：47,B：100）4、新建图层，使用多边形套索工具，建立多边形，填充橙黄色

20、（R：247,G：211,B：9）5、使用文字工具，输入文字“潮牌设计修身T恤”，文字设置如下图2.3-16,按调出“切换字符和段落面板”，调整文字位置6、再输入文字：只售68元”，在切换字符和段落面板调整参数，完成白底文字主图制作。怎么安装文字字体？一般在主图使用兰亭雅黑字体，字体件例论件作谭举讨厚实和颜色均不超过3种作业布填写提交实训报告和实训衣格作业：利用素材图片“钢笔”绘制3款主图。教学后记教学课题活动二制作功能场景主图课题类型理论+实作课时安排2上课时间教学目标1 .熟练使用色阶、羽化、图案填充、蒙版工具2 .能制作背景立体感强、层次丰富，营造潮酷风格的主图教学重点熟练使用色阶、羽化

21、、图案填充、蒙版工具教学难点能制作背景立体感强、层次丰富，营造潮酷风格的主图辅助资源课件、多媒体、网络复习引入制作白底文字主图需要注意哪些问题？白底文字主图是否能用来做所有商品的主图？功能场景主图怎么做？教学手段教学过程师生互动活动设计件论作课讨实活动实施：1、打开素材“T恤.psd”文件，新建图层，命名为黑条纹。选择油漆桶工具，设置参数如图2.3-22,填充“灰色犊皮纸”图案。2、按“Ctrl+L”快捷键，调出色阶对话框，设置参数,把“黑条纹”图层下移一层。3、新建图层，命名为“大白圈”。使用椭圆选框工具，设置羽化：100像素，样式：固定大小，宽度：900像素，高度900像素。建立选区，填充

22、白色（R：255,G：255,B：255）,取消选区，把图层下移一层。4、新建图层，命名为“黑框”。使用矩形选框工具，建立高100像素，等图像宽度的选区，填充黑色（R：0,G：0,B：0）o取消选区。新建图层，命名为“小白圈”使用椭圆选框工具，设置羽化：50像素，样式：固定大小，宽度：340像素，高度210像素。建立选区，填充白色（R：255,G：255,B：255）。5、自由变换“小白圈”放大到适当大小，移动到黑框中间。调整图层顺序。引入：分组讨论：怎么样的商品豳要什么样的功能场景主图？你绘制的白圈是否使图片达到了立体的效果？课件举例讨论6、复制T恤图层，命名为“倒影”。按“Ctrl+丁，快

23、捷键进行自由变换，右键选择“垂直翻转”。按“V”快捷键使用移动工具，下移倒影图案7、在“倒影”图层上添加蒙版,做黑白渐变,渐变大小和位置如图2.3-29o调整“倒影”图层不透明度为29%。制作完成时各个图层上下顺序，完成功能场景主图制作。有使此功能场景主图更好的改进方法和途径吗？课件实作作业填写提交实训报告和实训表格布作业：利用提供的素材绘制两个不同背景的功能场景主图。教学后记教学课题活动三批量添加LoGO课题类型理论+实作课时安排2上课时间教学目标L熟练动作工具、批处理工具、填充工具：2 .掌握批处理的基本知识：3 .能批量添加商品LOGO；教学重点熟练动作工具、批处理工具、填充工具教学难点

24、能批量添加商品LOGO辅助资源课件、多媒体、网络复习引入如何给商品主图添加水印？如何一次性批量给商品添加LOGO?教学手段教学过程师生互动活动设计件论作课讨实活动实施：1、建立一个文件夹命名为“主图”，把要添加LOGO的主图放入到该文件夹。然后新建一个文件夹，命名为“已加LOGO主图”，用于等一下存放。2、选择菜单：窗口一动作。调出“动作”调板，按“新建动作二3、在“新建动作”对话框中命名新建动作为“加LOG0”，按“记录”。则开始记录动作。红色园按钮表示记录中。4、打开预先准备好的文件，通过操作选区-填充前景色建立文本-设置文本-移动等步骤，在文件中绘制店铺LoG0,保存文件。按停止键停止录

25、制动作。5、选择菜单：文件一自动一批处理。调出批处理对话框，进行设置，完成批量添加LOGOo注意：所有需要添加LOGO的主图必须尺寸一致课件举例讨论课件实作作业布填写提交实训报告和实训表格作业：利用提供的素材给两张主图批量添加LoG0。教学后记教学课题活动一直通车广告创意课题类型理论+实作课时安排2上课时间教学目标L熟练使用魔棒工具、径向渐变、曲线工具、图层样式工具：2 .了解广告创意图制作的基本知识：3 .能按要求制作直通车广告创意图。教学重点熟练使用魔棒工具、径向渐变、曲线工具、图层样式工具；教学难点能按要求制作直通车广告创意图。辅助资源课件、多媒体、网络复习引入什么是直通车广告？如何设计

26、、制作直通车广告？制作直通车广告需要准备什么？教学手段教学过程师生互动活动设计件论作课讨实活动实施：I、启动PhotoShoP程序，新建一个宽度为800像素，高度为800像素的图片文件：（此尺寸为淘宝店的标准尺寸）。2、打开素材文件“T恤.JPG”，把图片中的T恤去底后再根据实物适当的调整图片的亮度跟色彩，让T恤接近实物的颜色；调整完以后把去底的图片拖至到新建的文件中去。3、为了突出产品的又不让底图看上去太单调，我们为底色添加一个由白色向浅灰色的径向渐变。4、新建一个图层，用矩形选框工具画一个长条形的方框填充成红色到深红色的渐变色；复制该图层用自由变换适当调整大小放置左上角的位置。5、同样用复

27、制图层和自由变化制作右下角的菱形，调整位置后用曲线功能把红色的渐变色颜色加深，接着在给该图层添加图层式样一投影,;为了增加菱形的立体折叠的感觉，在菱形和下面红色长条形交接的位置在制作一个深红色的三角形让整个图形看上去比较整体。分组讨论：还有其他方式使地图显得不单调吗？课件举例讨论课件实作6、根据文字的数量重要程度调整文字的字体大小位置，这个画面我重点突出了价钱优势“79”采用了大而粗的字体，其次再是“全国包邮”；字体的颜色选择也是跟底色红色有着很大色差的白色和黄色，既突出又不会觉得刺眼最终达到最终效果。作业布填写提交实训报告和实训表格作业：按要求制作一副直通车广告创意图。教学后记XX学校学科教

28、案本TeachingPlanXX一学期XX学校(School)学科(Subjeet)一网店美三_年级(Grade)教师(TeaCher)网店美工目录项目三网上店铺装修任务一设计店招任务二设计制作广告任务三设计促销模板任务四通栏列表制作任务五制作拓展版全屏背景注意:按住Ctrl键后单击每个任务即可跳转到对应的教案单击H按钮可返回目录页面设置参数为：纸张：B5页边距左：1.5页边距右：1.5教学课题任务一设计店招课题类型实操课时安排2上课时间教学目标1 .了解店招的类型2 .掌握店招的设计要点教学重点2教学难点2辅助资源课件、多媒体、网络复习引入1 .你曾经留意过网店的店招吗？2 .你了解店招的类

29、型吗？3 .你了解店招设计的要点吗？教学手段教学过程师生互动活动设计实操演示一、启动PHOTOSHOP程序,新建一个宽为950像素,高度为150像素的图片文件。二、将素材文件“花纹.JPG”、英雄LOGo.JPG”、“钢笔.JPG”放置到新建文件中并适当调整大小和位置。三、编辑文字内容：把店铺完整的名称、广告语都输入到页面中去。四、合理排版：根据内容的重要适当调整文字、图形的大小位置，把重要的内容调整到最大放置在画面最显眼的位置。五、色彩、细节的处理：为了让文字更加突出，给文字添加描边、渐变叠加和外发光的图层样式。实训活动：实践演示及点评作业布置填写提交实训报告和实训表格预习作业：观看下一节微

30、课内容教学后记通过这次的店招设计对网店的相关设计有新的认识教学课题任务二设计制作广告课施类型实操课时安排4上课时间教学目标L了解广告设计的分类2.掌握广告设计的要点教学点2教学难点2辅助资源课件、多媒体、网络复习引入针对单品的广告，主要是针对产品本身的特征进行构思设计，但又是在公司统一的网站进行销售，所以还必须加上一些跟公司相关的元素。教学手段教学过程师生互动活动设计实操演示一、修图备用：启动PhOtoShoP,打开素材文件“可口可乐”，用钢笔工具勾选出可乐瓶子后复制勾出来的画面，然后调整图片的亮度跟色彩的饱和度。二、新建一个宽950像素、高400像素的图片文件，并填充红色到深红的径向渐变底色

31、。三、绘制色带：新建图层2,用钢笔画出流线型的线条并填充白色，复制图层2两次，一层填充黑色一层填充红色，再通过自由变化适当调整位置。四、绘制圆形立体按钮：新建图层3,用椭圆选区工具建立一个圆形选区并填充红色，并添加斜面和浮雕效果。五、导入图片素材：将可口可乐的LOGO和最开始抠出来的可乐瓶子导入文件中，并调整好位置。六、编辑广告文字并调整文字的大小和位置，让画面看起来协调。七、新建图层6,利用钢笔工具在画笔面板中制作白色雪花点。实训活动：实践演示及点评作业布填写提交实训报告和实训表格预习作业：观看下一节微课内容教学后记通过这次的广告设计对广告构成要素的组合安排有较清晰的了解教学课题任务三设计促

32、销模板课施类型实操课时安排2上课时间教学目标L了解促销模板的特点2 .促销模板的设计思路3 .促销模板的基本制作方法教学重点2、3教学难点2、3辅助资源课件、多媒体、网络复习引入你知道什么是网店的促销模板吗？促销模板的设计风格？教学手段教学过程师生互动活动设计实操演示一、新建一个宽720像素、高310像素的图片文件，使用圆角矩形工具画出圆角矩形Io双击图层缩略图,填充为白色.然后设置描边和内发光的图层样式。二、使用圆角矩形工具画出圆角矩形2,然后设置描边和内发光的图层样式。三、接下来创建新图层,制作玻璃质感的高光。根据圆角矩形2使用钢笔工具绘制高光区。并使用转换点工具调整高光区域。将路径转换成

33、选区，并填充为白色，然后取消选区，修改该图层的不透明度为30机四、然后使用圆角矩形工具绘制圆角矩形3,并设置描边的图层样式。五、编辑文字并设置颜色，然后导入商品图片。六、使用复制图层的方式完成促销模板的制作。实训活动：实践演示及点评作业布置填写提交实训报告和实训表格预习作业：观看下一节微课内容教学后记通过这次课程讲解对促销模板的设计方法有较全面的了解教学课题任务四通栏列表制作课鹿类型实操课时安排2上课时间教学目标L了解通栏列表的特点2.掌握通栏列表制作的要素构成教学重点2教学难点2辅助资源课件、多媒体、网络复习引入1 .什么是通栏列表2 .通栏广告的作用教学手段教学过程师生互动活动设计实操演示

34、一、启动PHOTOSHOP,新建一个宽为950像素,高度为150像素的图片文件。二、新建图层，填充为白色，然后添加“渐变叠加”的图层样式。三、打开自定义形状工具，加载全部形状，选择一个花的图形，在场景中创建图形并给它设置“颜色叠加”的图层样式。然后点击右键，对该图层执行“栅格化图层”命令，混合模式设置为“柔光四、通过多次对上一个图层的多次复制和自由变化及透明度的设置，制作出其他花的图层。五、新建图层,设置图层不透明度为50%,填充颜色。然后执行滤镜一渲染一镜头光晕命令。六、再新建一个图层，设置不透明度为60%,用矩形选框工具创建一个矩形，然后执行编辑一变换一斜切命令，做一个梯形。七、编辑文字，

35、并设置投影的图层样式。实训活动：实践演示及点评作业布填写提交实训报告和实训表格预习作业：观看下一节微课内容教学后记通过这次的通栏广告的设计对网店的相关设计有新的认识教学课题任务五制作拓展版全屏背景课鹿类型实操课时安排4上课时间教学目标L了解拓展版全屏背景的特点2.掌握拓展版全屏背景的设计要点教学重点2教学难点2辅助资源课件、多媒体、网络复习引入1 .什么是拓展版全屏背景2 .全屏背景设计要注意的问题和要素教学手段教学过程师生互动活动设计实操演示一、“制作拓展版全屏背景”这个任务是为一个泳装设计、销售公司的电子商务网站设计一个全屏背景。整个过程主要通过制作天空图层、沙滩图层、云朵图层、海浪图层来

36、完成任务。二、首先，打开photoshop,新建一个宽1500像素，高600像素的文件。接下来新建一个图层命名为“天空”，填充蓝白渐变，这里的蓝色参数设置为（#16c9f4）；然后在这个图层添加图层蒙版，使用渐变工具为当前蒙版添加黑白渐变，使图层颜色过渡自然；现在我们给这个如曾添加镜头光晕的效果，单击滤镜一渲染一镜头光晕，设置光源位置在图片左上角，“亮度”为100%,“镜头类型”为50-300亳米变焦，现在天空就制作完成了。三、新建图层命名为“沙滩”，填充颜色，值为#d8cda3,并对当前图层执行滤镜一杂色一添加杂色命令，“数量”为20%,平均分布，勾选单色选项；接下来给“沙滩”图层添加图层蒙

37、版，使用渐变工具为当前蒙版添加黑白渐变，使图层颜色过渡自然；现在沙滩图层也完成了。四、再新建一个图层命名为“白云”，使用“椭圆选框工具”绘制5个相互叠加在一起的圆形选区，并填充白色，然后设置图层样式，勾选“斜面与浮雕”和“投影”。接下来对“白云”图层执行滤镜一模糊一高斯模糊命令，半径值为4。对白云所在图层多2次复制，并通过自由变换实训活动：实践演示及点评命令，制作出其他白色云朵。五、新建一个图层命名为“蓝云”，使用“椭圆选框工具”绘制5个相互叠加在一起的圆形选区，并填充蓝色，然后设置图层样式，勾选“斜面与浮雕”和“投影”；接下来对“白云”图层执行滤镜一模糊一高斯模糊命令；然后在这个图层添加图层

38、蒙版，使用渐变工具为当前蒙版添加黑白渐变。对白云所在图层多次复制，并通过自由变换命令，制作出其他蓝色云朵。六、下面制作最后的“海浪”效果，新建一个图层命名为“海浪”，使用“矩形选框工具”创建一个选区，并添加蓝白渐变效果，取消选区后执行滤镜一扭曲一波纹命令，数量值为最大，大小值为大中小分别执行一次；然后进行自由变化，缩放海浪大小并调整角度；在这个图层添加图层蒙版，使用渐变工具为当前蒙版添加黑白渐变；最后给该图层设置投影的图层样式效果，完成海浪图层。作业布填写提交实训报告和实训表格预习作业：观看下一节微课内容教学后记通过这次的店招设计对网店的相关设计有新的认识XX学校学科教案本TeachingPl

39、anXX学期xx网店美工学校（School）学科（SUbjeet）年级（Grade）教师（TeaCher）网店美工目录注意:项目四 商品描述页面制作任务一制作宝贝详情页模板按住Ctrl键后单击每个任务即可跳转到对应的教案单击H按钮可返回目录页面设置参数为：纸张：B5页边距左：1.5页边距右：1.5教学课题任务一制作宝贝详情页模板课题类型理论+实作课时安排4上课时间教学目标L了解买家购物认识规律。2 .了解网店美工不同岗位工作内容3 .学习不同网店装修配色、排版知识教学重点1、2教学难点3辅助资源课件、多媒体、网络复习引入你曾经上网购买过东西吗？哪家商品描述最吸引你吗？你了解商品详情页各模块功能

40、吗？教学手段教学过程师生互动活动设计件论作课讨实一：消费行为调研报告分析二：宝贝详情页基本模块分析1、前期设计思路2、宝贝详情页的作用宝贝详情页是提高转化率的入口，激发顾客的消费欲望，树立顾客对店铺的信任感，打消顾客的消费疑虑，促使顾客下单。优化宝贝详情对转化率有提升的作用，但是起决定性作用的还是产品本身。3、设计详情遵循的前提宝贝详情页要与宝贝主图、宝贝标题相吻合，宝贝详情页必须是真实的介绍出宝贝的属性。假如标题或者主图里写的是韩版女装但是详情页却是的欧美风格，顾客一看不是自己想要的肯定会马上关闭页面。阅读知识窗：消费行为调研报告分析提问或讨论：宝贝详情页基本模块有哪些讨论：模块功能各有什么

41、性质特点件例论件作谭举讨谭实4、设计前的市场调查设计宝贝详情页之前要充分进行市场调查，同行业调查，规避同款。同时也要做好消费者调查，分析消费者人群，分析消费者的消费能力，消费的喜好，以及顾客购买所在意的问题等。如何进行调查？答：通过淘宝指数可以清楚地查到消费者的一切喜好以及消费能力、地域等等很多数据，学会利用这些数据时优化详情页很有帮助！如何了解消费者最在意的问题？答：可以去宝贝评价里面找，在买家评价里面可以挖出很多有价值的东西，5、调查结果及产品分析根据市场调查结果以及自己的产品进行系统的分析总结。罗列出消费者所在意的问题，同行的优缺点。以及自身产品的定位，挖掘自身与众不同的卖点。6、关于宝

42、贝定位根据店铺宝贝以及市场调查确定本店的消费群体。举个例子：外出旅游住宾馆，有的小旅馆100一夜卖的就是价格，卫生啥的都没有保障。定位于低端。有的连锁酒店200一夜卖的是性价比，定位于中端顾客。有的大酒店400一夜卖的就是服务。还有的主题宾馆卖的是个性等等。7、关于挖掘宝贝卖点针对消费群体挖掘出本店的宝贝卖点。案例分享：一家卖键盘膜的店铺发现评价里中差评很多，大多是抱怨键盘膜太薄，一般的掌柜可能下次直接进厚一点的货。而这家掌柜则直接把描述里的卖点改为史上最薄的键盘膜！结果出乎意料！评分直线上升，评价里都是关于键盘膜真的好薄之类的评语！直接引导并改变了消费者的心理期望达到非常良好的效果。8、开始

43、准备设计元素点比如：卖价格卖款式卖文化卖感觉卖服务卖特色卖品质卖人气你卖的是什么呢？根据消费者分析以及自身产品卖点的提炼，根据宝贝风格的定位，开始准备所用的设计素材。详情页所用的的文案并确立宝贝详情的用色，字体、排版等。最后还要烘托出符合宝贝特性的氛围，例如羽绒网络搜索：在电商平台找一家你认为较有代表性的宝贝详情描述模板小组合作实训活动：小组一起完成宝贝详情页设计文案服，背景可以采用冬天的冰山效果。要确立的六大元素：配色字体文案构图排版氛围常见的宝贝描述页构成框架：产品价值+消费信任=下单详情页上半部分诉说产品价值，后半部分培养顾客的消费信任感。对于消费信任感不光通过各种证书，品牌认证的图片来树立。使用正确的颜色，字体，还有排版结构，这些对赢得顾客消费信任感也会起到重要的作用。