网店美工视觉设计实战教程（第3版）教学教案.doc

《网店美工视觉设计实战教程（全彩微课版 第 3 版）》 配套教学教案 第1章 课时内容 网店美工基础知识 授课时间 180分钟 课时 4 教学目标 ? 熟悉网店美工的工作范畴 ? 掌握网店美工所需的设计基础知识 ? 熟悉Photoshop的基本操作 ? 掌握Photoshop抠图的方法 教学重点 ? 掌握色彩搭配及图形元素和文字的应用 ? 掌握色彩和图层的处理，以及图片的调整 ? 掌握基本抠图和毛发、半透明等复杂抠图技巧 教学难点 ? 运用合适的抠图工具进行抠图 教学设计 教学思路：（1）介绍网店美工概述，让学生掌握网店美工的工作内容以及技能要求；（2）介绍网店美工视觉设计基础知识，包括色彩、图形和文字等内容，让学生掌握色彩搭配、文字和图片的布局技巧；（3）讲解Photoshop的基本操作，包括设置前景色和背景色、图层的操作、裁剪图片和批处理图片等内容；（4）讲解各种抠图技巧，包括规则图形抠图、纯色背景抠图、复杂图像抠图、毛发抠图和半透明抠图等内容；（5）最后安排实战演练和课后练习。 教学手段：（1）由浅入深，从基础知识到实际操作；（2）以实例讲解操作，对设置的方法以及效果均配图讲解。 教学资料及要求：除教材中讲解的知识，可以多浏览一些店铺，学习其排版、配色、构图等技巧，提升自己的审美能力。 教学内容 讨论问题：1、网店美工需要具备哪些技能？ 2、网店美工常用的设计元素与设计技巧有哪些？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。 1.1 网店美工概述 1.1.1 网店美工的工作范畴 1.1.2　网店美工的技能要求 1.2 网店美工视觉设计基础 1.2.1 色彩 1.2.2　图形 1.2.3　文字 1.3 Photoshop 的基本操作 1.3.1 设置和填充图像颜色 1.3.2　图层的基本操作 1.3.3　修改商品图片尺寸 1.3.4　批处理图片 1.4 利用Photoshop抠图 1.4.1 规则图像抠图 1.4.2　纯色背景抠图 1.4.3　复杂图像抠图 1.4.4　毛发抠图 1.4.5　半透明物体抠图 1.5 实战演练 1.5.1 美化沙发商品图片 1.5.2　为保温杯更换背景 课后练习 小结 掌握色彩搭配及图形元素和文字的应用 掌握色彩和图层的处理，以及图片的调整 掌握基本抠图和毛发、半透明等复杂抠图技巧 思考及作业 本练习将先后抠取狗粮商品与小狗图片，并将其分别添加到背景图片中。抠取小狗时，首先使用魔棒工具与反选功能选择小狗，然后通过调整边缘抠取小狗的毛发；在抠取狗粮时，可使用钢笔工具或者多边套索工具，处理前后的对比效果可参考下图。 本练习将更改自热火锅商品图片背景并制作成商品主图。由于本图为纯色背景，且背景与商品边缘分解清晰，因此可使用快速选择工具选择商品图片，更换其背景，处理前后的对比效果可参考下图。 第2章 课时内容 图片调色 授课时间 135分钟 课时 3 教学目标 ? 熟悉图片调色的原则 ? 掌握校正商品图片偏色的方法 ? 掌握调整商品图片特殊颜色的方法 教学重点 ? 掌握调整图层的使用方法 ? 掌握调整图片亮度、对比度、高光、阴影与中间调的方法 ? 掌握偏色校正和特殊调色 教学难点 ? 能够选择合适的调色工具，解决图片问题 ? 能够正确设置适当的数据值，并将不同调整合理搭配，达到最好的处理效果 教学设计 教学思路：（1）首先介绍图片调色的原则和调整图层的基本操作；（2）然后介绍利用Photoshop中的亮度/对比度、色阶、曲线等调整命令快速解决图片曝光不足或曝光过度的问题；（3）接着介绍利用“可选颜色”“替换颜色”“曲线”命令为图片调整特殊颜色；（4）最后安排实战演练和课后练习。 教学手段：（1）对于图片调色的常见问题，单独列出来进行讲解；（2）把不同的调色方法用实例的方式进行展现，读者可快速理解其效果。 教学资料及要求：除教材中讲解的知识，学员可在现实生活中拍摄商品实拍图，试着对图片进行调色处理。 教学内容 知识回顾：在前面讲解了网店美工的要求和应用范围，以及Photoshop的基础操作和图片的抠图技巧，下面讲解商品图片的调色处理。 讨论问题：1、使用调整图层调色与直接使用调色命令的区别？ 2、如何将图片中的红色更换为橙色？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。 2.1 了解图片调色 2.1.1 图片调色的原则 2.1.2　使用调整图层调色 2.2 处理曝光不足或曝光过度的图片 2.2.1 提高图片的亮度与对比度 ...034 2.2.2　调整图片的高光、阴影与中间调 2.3 图片调色 2.3.1 图片偏色校正 2.3.2　图片特殊颜色调整 2.4 实战演练 2.4.1 童装连衣裙调色 2.4.2