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

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

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项目一Photoshop基础操作任务一 商品照片裁剪任务二 商品照片抠图任务三 商品照片调试任务四 商品照片修图教学课题任务一 商品照片裁剪课题类型理论+实

2、作课时安排4上课时间教学目标1.掌握商品照片裁剪的方法2.掌握校正透视、定重心及大小3.掌握校正倾斜重构图的方法教学重点1、2教学难点3辅助资源课件、多媒体、网络复习引入 你曾经玩过修理照片吗？ 你利用什么软件美化或者校正照片？ 你对那些软件还知道哪些功能？教学手段教学过程师生互动活动设计课件讨论实作课件举例讨论课件实作一:了解Photoshop界面二：校正倾斜重构图 案例任务具体解说及操作1、 在拍摄商品时，有时因产品透视太夸张，拍摄时因相机离的太近，角度过高过低，拍摄出来的产品出现扭曲变形。比如这张图片在拍摄时因角度没调整好，导致拍摄出来的商品头重脚轻，严重失真。接下来，我将用Photos

3、hop CS6软件来处理。2、 在Photoshop CS6中打开【任务一原始图.jpg】，点击工具栏【裁剪工具】右下角箭头处，选择【透视裁剪工具】，此刻画布中出现裁剪框。然后我们根据透视学的原理调整裁剪框的控制点，当裁剪框的虚线与物品边缘处于同一平行线，然后按下回车确定。3、 拍摄照片的光轴与主题的视平线未能形成平行状态时，两者间形成一定的夹角，便会致使拍摄出的照片出现一定程度的倾斜。我们来比较下面两副图。其中图1由于:拍摄照片的光轴与主题的视平线未能形成平行状态时，相机不水平，产品拍摄时倾斜。图2：是经过photoshop校正倾斜重构图后的效果图。4、 在PhotoshopCS6中，打开素

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

5、的展示效果。阅读知识窗：Photoshop的产生和发展提问或讨论：商品照片出现什么问题讨论：用什么方法可以校正网络搜索：裁剪工具的使用案例视频小组合作实训活动：实践演示及点评作业布置填写提交实训报告和实训表格预习作业：观看下一节微课内容教学后记教学课题任务二 商品照片抠图课题类型理论+实作课时安排4上课时间教学目标1.掌握钢笔抠图的方法2.掌握其他方法抠图教学重点1、2教学难点2辅助资源课件、多媒体、网络复习引入 你曾经玩过照片抠图吗？ 你利用什么软件进行抠图照片？ 你会用Photoshop软件抠图吗？教学手段教学过程师生互动活动设计课件讨论实作课件举例讨论课件实作一:了解Photoshop抠

6、图工具二：具体解说及操作流程（一）钢笔抠图1、 抠图在网店美工中是一项重要的环节，通过抠图可以使不美的图片经过处理后看上去美观大方亮堂，也可以使本来很美的图片更加锦上添花。图片是网店的灵魂，好的图片则完全可以带动交易的成功率，下面，我们看这两张图片：图1 和图2 ，我们将使用钢笔工具扣取人物的外轮廓，对产品的背景进行置换，然后做成图3 的效果。2、 在photoshop CS6中，打开钢笔抠图素材.jpg，为了抠图更精确，按“ctrl+“+”把画布放大显示，将画面窗口移至合适的位置。3、 单击工具栏【转换点工具】或者按“Alt”键,将鼠标光标移动至节点，按下鼠标左键并拖拽，此时将出现两条调节柄

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

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

9、T】调整好图层1的大小和位置。三：教学总结反思整个抠图过程，难点是钢笔使用不熟练，在建路径和转弧形时难以把握，容易出错。通过其他方法抠图掌握了更细节更难抠图的方法和技，但是在选择通道时，难于辨别最佳通道，在色阶调整时也比较难调节，要想做得更佳作品，需多加练习阅读知识窗：Photoshop抠图工具提问或讨论：商品照片出现什么问题讨论：用什么方法可以抠图网络搜索：抠图工具的使用或者看微视频小组合作实训活动：实践演示及点评作业布置填写提交实训报告和实训表格预习作业：观看下一节微课内容教学后记教学课题任务三活动一 曲线工具调色课题类型理论+实作课时安排2上课时间教学目标1.了解曲线工具基本知识2. 通

10、过曲线工具对曝光不足的照片进行调色 教学重点1、2教学难点2辅助资源课件、多媒体、网络复习引入 曾经对商品进行拍照过吗？ 有无出现商品色差？ 认为如何对商品进行调色？教学手段教学过程师生互动活动设计课件讨论实作1. 活动实训4人为一组，选出小组代表，用数码相机给商品进行拍照。对于有过网购经验的人一定都知道，商品色差是一件很令人头疼的事，因为灯光、拍摄环境等原因造成的色差很难避免，但是却会给买家带来错误的引导，因此造成的退换货和差评纠纷也是最多的。2曲线工具基本知识（1）图像中所有对比度、亮度、色戒等参数都可以通过曲线工具进行调色 快捷键 ctrl+J 可以打开曲线工具3利用曲线工具这张照片里裙

11、子不够突出，画面很暗，阴影区域细节非常少，接下来看通过曲线工具调色后的照片，明显亮色许多，突出裙子重点。 原图 修正后阅读知识窗：曲线工具知识 讨论：对于曝光不足，如何对照片进行调整实训活动：利用曲线工具进行调色作业布置填写提交实训报告和实训表格预习作业：利用修正白平衡调色教学后记教学课题活动二 修正白平衡课题类型理论+实作课时安排2上课时间教学目标1.了解白平衡2. 通过修正白平衡对照片进行调色 教学重点1、2教学难点2辅助资源课件、多媒体、网络复习引入 上节课的曲线工具修复照片 还有其他方法对照片进行调色教学手段教学过程师生互动活动设计课件讨论实作1白平衡基本知识白平衡是描述显示器中红、绿

12、、蓝三色混合生成后白色精确度的一项指标。许多人在使用数码相机拍摄的时候都会遇到这样的问题：在日光灯的房间拍摄的影像会显得发绿，在室内钨丝灯光下拍摄出来的景物就会偏黄，而在日光阴影处拍摄到的照片则偏蓝，原因在于白平衡。2利用曲线工具拍摄商品时，物体颜色会因投射光线的颜色产生变化，在不同光线的场合下拍摄出的照片会有色温。先来看一张需要处理的照片，这张照片偏白冷色调。接下来看通过照片滤镜后的效果，明显偏黄，暖色调。 原图 修正后阅读知识窗：白平衡基本知识讨论：对于曝光不足，如何对照片进行调整实训活动：利用白平衡进行调色作业布置填写提交实训报告和实训表格预习作业：利用图片亮度和鲜艳度对照片调色教学后记

13、教学课题活动三 调整图片亮度和鲜艳度课题类型理论+实作课时安排2上课时间教学目标1.图片对比度知识2. 通过调整图片亮度和鲜艳度对照片进行调色 教学重点1、2教学难点2辅助资源课件、多媒体、网络复习引入 上节课的修正白平衡修复照片 利用调整图片亮度和鲜艳度进行调色教学手段教学过程师生互动活动设计课件讨论实作1色彩平衡基本知识色彩平衡是图像处理的一个重要环节。通过对图像的色彩平衡处理，可以校正图像色偏，过饱和或饱和度不足的情况下，也可以根据自己的喜好和制作需要，调制需要的色彩。2. 亮度/对比度基本知识亮度是指画面的明亮程度。对比度是画面黑与白的比值，也就是从黑到白的渐变层次。比值越大，从黑到白

14、的渐变层次越多，从而色彩表现越丰富。2利用色彩平衡、亮度/对比度进行调色今天我们来学习如何通过色彩平衡来调整图片亮度与鲜艳度。先来看一张需要处理的图片，这张图片里的商品亮度偏暗，与背景颜色对比度不强。接下来看通过调整色彩平衡后的效果，明显亮色许多，下面我们来看具体的操作过程。 原图 修正后阅读知识窗：色彩平衡；亮度/对比度基本知识讨论：如何利用色彩、亮度/对比度对照片进行调整实训活动：利用曲线工具进行调色作业布置填写提交实训报告和实训表格预习作业：照片修图教学后记教学课题任务四 商品照片修图课题类型理论+实作课时安排4上课时间教学目标1.掌握PhotoshopCs5快去水印修补与内容识别的方法

15、2.掌握图章工具修图的方法教学重点1、2教学难点2辅助资源课件、多媒体、网络复习引入 你曾经看过有水印的照片吗？ 你利用想把水印照片删除掉吗？ 你会用Photoshop软件删除水印吗？教学手段教学过程师生互动活动设计课件讨论实作课件举例讨论课件实作一:了解Photoshop修补工具二：具体解说及操作流程（一） 快去水印修补与内容识别1、有时在拍摄过程中由于背景、灯光、拍摄角度等原因，拍摄出来的商品图片存在严重的色差，或者有瑕疵，这样就需要对它进行修饰，从而达到理想效果。2、 在Photoshop CS5中，打开素材文件， 先复制一个背景图层，避免在背景层直接修改素材，便于修改。3、 在背景副本

16、图层上，点击【套索】工具，把需要处理的水印部分圈出来。4、 选择【编辑】-【填充】或者直接按【shift+F5】，在填充对话框内容选项，使用【内容识别】，点击【确定】。5、 重复刚才的步骤，可以快速把图片中水印去除。（二）图章工具修图1、【图章工具】在处理拍摄过程中因背景、灯光、拍摄角度等原因，出现的色差，或者有瑕疵方面会比较好用，也比较方便。2、在Photoshop CS6中，打开图章修复.jpg素材， 单击工具栏【仿制图章】工具，按住【Alt】键，光标为“靶”状，意味着可取色样，选取颜色相近的地方，然后松开【Alt】键，在目标处慢慢涂抹。3、 利用【修复画笔】工具，把素材中桌子进行修改，达

17、到桌子的真实性。4、打开蝴蝶.jpg素材，选择【魔术棒】工具，选定图片的白色背景，属性【容差】设置为“20像素”，按【Delete】键，删除选定选区的像素，选择菜单栏【编辑】-【定义图案】命令，将图片定义为图案。选择工具栏【图案图章】工具，把刚才新建的蝴蝶图案，在图片上涂抹，多余的部分可用橡皮擦擦除，直至最佳效果。三：教学总结反思本节【图章工具】的使用，在选举色样时比较难把握，特别是色样比较复杂的更难抓准。阅读知识窗：Photoshop修补工具提问或讨论：商品照片中水印如何处理讨论：用什么方法可以快速删除网络搜索：观看微课视频小组合作实训活动：实践演示及点评作业布置填写提交实训报告和实训表格预习作业：观看下一节微课内容教学后记14