Photoshop美工基础与网店装修教学教案

《Photoshop美工基础与网店装修》教学教案第1讲1.2.5 参考线1.3 Photoshop CS6图像文件基本操作1.3.1 认识Photoshop CS6的工作界面1.3.2 新建与打开图像文件1.3.3 导入与导出图像文件1.3.4 保存和关闭图像文件1.3.5 移动与变换图像文件1.3.6 复制与粘贴图像文件1.4 课后练习查看Photoshop CS6的工作界面更改图像模式小结1、认识Photoshop CS6的工作界面，并掌握打开文件、关闭文件、新建文件、保存、移动、变形、导入与导出等基本操作。

2、掌握辅助工具和参考线的使用方法。

思考及作业想一想：如何取消与恢复网格？变换后的图像将会呈现哪些效果？练一练：（1）启动Photoshop CS6软件后，查看其工作界面的各组成部分。

（2）打开下图所示的素材文件，利用“图像”菜单命令，将该图像文件的色彩模式分别更改为“多通道”模式，对比更改前后的图像变化。

第2讲2.2.7 图层混合模式2.2.8 设置图层不透明度2.2.9 设置图层样式2.3 课后练习制作PC端登山杖主图制作PC端跑步机Banner制作移动端篮球Banner小结1、熟练掌握不同图像适用的选区的创建方法，以及对选区进行变换、羽化、扩展收缩等编辑方法。

2、掌握魔棒、快速选择工具、磁性套索工具等各种快速创建选区的方法。

3、掌握不同类型图层的创建与编辑方法。

思考及作业想一想：怎样在磁性套索工具和多边形套索工具间快速切换？各选区工具的快捷键是什么？图层的不透明度该如何设置？练一练：（1）制作PC端登山杖主图。

先新建800×800像素的图形文件，添加网格、纹理效果，完成后抠取大枣图形，并将其移动到背景中，最后输入文字，并添加叶子素材，完成后的效果参考课后练习。

（2）制作PC端跑步机Banner。

首先制作背景效果，再次右侧输入对应的文字，使整个图像美观、自然，完成后的效果参考课后练习。

（3）制作移动端篮球Banner。

在制作时可先将灌篮图片拖动到背景中，用于制作背景，然后抠取篮球图像，并将其拖动到背景右侧，然后在左侧输入文字，完成后的效果参考课后练习。

第3讲3.3.1 橡皮擦工具3.3.2 背景橡皮擦工具3.3.3 魔术橡皮擦工具3.4 课后练习处理移动端棉靠枕主图去除商品图片中多余部分小结1、在Photoshop CS6中遮挡与修复照片瑕疵的相关操作。

2、掌握修饰工具和和清除工具的使用方法。

思考及作业想一想：仿制图章工具和图案图章工具的区别？选择画笔工具后，可以在属性栏中设置画笔参数，但为什么还要使用“画笔”面板设置绘图工具呢？若是Photoshop CS6自带的画笔也不能满足需要，应该怎么办呢？若是想将模糊的图片变得清晰应该选哪一种修复工具？练一练：（1）根据本章所学知识，处理移动端棉靠枕主图。

先打开“棉靠枕.jpg”图像文件，使用减淡工具、海绵工具、模糊工具和锐化工具等处理主图效果，完成后的效果参考效果课后练习。

（2）除商品图片中多余部分。

本练习将打开“休闲毯商品图片.jpg”图像文件，使用仿制图章工具、污点修复画笔工具、修补工具等，去除商品图片中多余部分，完成后的参考效果参考课后练习。

第4讲4.3.3 “渐变映射”命令4.3.4 “阈值”命令4.3.5 “可选颜色”命令4.3.6 “去色”命令4.3.7 “匹配颜色”命令4.3.8 “替换颜色”命令4.4 课后练习制作跨境电商泳镜Banne调整休闲毯颜色小结1、掌握图像明暗和色彩调整相关命令的使用方法，能够根据图像特征进行调整。

2、可以通过“反相”命令、“色调分离”命令、“渐变映射”命令、“阈值”命令、“匹配颜色”命令以及“替换颜色”命令对特殊图像进行调整。

思考及作业想一想：“反相”命令是调整图像哪方面的命令吗？在处理曝光过度的照片时，有没有使照片快速恢复正常的方法？使用“自动颜色”命令能达到什么效果呢？练一练：（1）制作跨境电商泳镜Banner。

先打开“游泳镜1.jpg”图像文件，使用“自然饱和度”“照片滤镜”命令对图像进行颜色的调整。

抠取“游泳镜2.jpg”图像文件，对其进行跨境电商泳镜banner的制作，完成后的参考效果参考课后练习。

（2）调整休闲毯颜色。

对“休闲毯.jpg”图像文件进行调整，通过色阶、自然饱和度、对比度和图案图章工具等对图像进行调整，达到去除沉闷、对比鲜明的效果，完成后的效果参考课后练习。

第5讲5.3.3 载入画笔5.3.4 使用画笔工具绘制图像5.4 添加并编辑文字5.4.1 创建文字5.4.2 点文字与段落文字的转换5.4.3 创建变形文字5.4.4 使用“字符”面板5.4.5 使用“段落”面板5.5 课后练习移动端窗帘Banner毛巾详情页抱枕详情页小结1、掌握不同形状的绘制方法。

2、掌握不同工具属性栏的含义和设置方法。

3、掌握文字工具的使用方法。

思考及作业想一想：怎样才能让文字在画面中变得更加明显？如何将输入的文字转化为选区？当需要绘制线条比较柔和的形状时，应该选择哪一种绘制工具？可以自定义形状吗？练一练：（1）制作移动端窗帘Banner。

在制作时左侧为窗帘产品效果，在右侧通过矩形工具、椭圆工具、直线工具绘制不同的形状，使整个画面更具有层次感，完成后输入文字，效果参见课后练习。

（2）制作PC端毛巾详情页。

在制作时先制作焦点图，在对产品参数和产品展示图进行制作，完成后的效果参见课后练习。

（3）制作抱枕详情页。

在制作时先制作焦点图，在对商品实拍、商品参数和枕芯弹性展示进行制作，完成后的效果参见课后练习。

第6讲6.3.3 应用特效滤镜6.4 课后练习PC端西餐垫Banner效果移动端休闲鞋详情页小结1、掌握通道和蒙版在图片修饰中的应用。

2、掌握编辑通道和蒙版的各种操作方法。

3、认识各种滤镜的含义与可实现的效果。

思考及作业想一想：1、“应用图像”菜单命令与“计算”菜单命令有什么区别？2、存储包含Alpha通道的图像会占用较多的磁盘空间，有什么解决办法？3、快速选择通道的快捷键有哪些？4、为什么有些滤镜不能使用？练一练：（1）本练习将打开“西餐垫.jpg”图像，制作PC端西餐垫Banner，完成文字的添加后，对其添加光照效果和杂色滤镜效果，完成后的参考效果课后练习。

（2）本练习将制作休闲鞋的详情页，在制作时先对图片进行锐化处理，在制作移动端的详情页，完成后的效果参考课后练习。

第7讲课时内容切片与批处理图像授课时间90分钟课时 2教学目标☑掌握将图像切割为若干小块的操作。

☑掌握在Photoshop CS6中创建动作、应用动作和使用批处理的相关操作。

教学重点☑掌握切片工具的设置与编辑方法。

☑掌握“动作”和“批处理”的相关操作方法。

教学难点掌握创建动作、应用动作和使用批处理的相关操作。

教学设计1、教学思路：（1）首先讲解创建与编辑切片的相关操作，然后讲解如何保存切片；（2）通过课堂案例讲解“动作”面板、动作创建与保存、批处理动作等相关知识；（3）安排课后练习，引导学生使用动作与批量处理图像。

2、教学手段：（1）使用项目列表的形式介绍基础知识；（2）融合动作的创建与保存知识点，重要步骤配图说明。

3、教学资料及要求：除教材中的知识外，可以按不同要求设置批处理图像案例，供学生练习，并补充打印纸张要求、打印色彩要求等专业知识。

教学内容知识回顾：前面蒙版、通道和滤镜进行了详细讲解，在处理图像时，可以使用动作批量处理来提高处理效率。

讨论问题：1、在绘制切片时，若是对绘制效果不满意，还可以重新编辑吗？2、通过动作进行批处理图像的关键要素是什么？内容大纲：具体可结合本章的PPT课件进行配合讲解。

7.1 切片7.1.1 创建切片7.1.2 编辑切片7.1.3 保存切片7.2 动作与批处理图像7.2.1 认识“动作”面板7.2.2 创建与保存动作7.2.3 自动处理图像7.3 课后练习为跨境电商主图添加标签为PC电商店铺制作主图效果裁剪毛巾详情页图像小结1、掌握使用切片工具准确切割图像的相关操作。

2、掌握使用动作与批处理功能来提高图像处理速度。

思考及作业想一想：如何快速切割相同的图像？是否可以创建多个动作？批处理图像是否有快捷方式？练一练：（1）为跨境电商主图添加标签。

打开“拉杆箱”文件夹中的一张图像，使用批处理的方法，对图像添加店标标签，使图像效果更加美观，最终效果参见课后练习。

（2）为PC电商店铺制作主图效果。

打开“斜挎包”文件夹中的一张图像，使用批处理的方法，对图像制作主图效果，使图像效果更加美观，最终效果参见课后练习。

（3）裁剪毛巾详情页图像。

打开“斜挎包”文件夹中的一张图像，使用批处理的方法，对图像制作主图效果，使图像效果更加美观，最终效果参见课后练习。

第8讲8.3.4 主图设计8.3.5 详情页设计8.4 课后练习制作跨境端摇摆驼鹿Banner制作移动端魔方Banner 制作PC端羽绒被主图小结1、掌握网店各组成部分的设计要点，以及不同客户端的设计要求。

2、掌握使用所学知识进行网店设计。

思考及作业想一想：在网店设计中还需要注意哪些问题？网店中所需要的素材该如何进行有效的收集？练一练：（1）本练习将制作跨境端摇摆驼鹿Banner，在制作时先绘制Banner背景，再添加摇摆驼鹿图像效果，并在左侧输入文字内容，最终效果参见课后练习。

（2）本练习将制作移动魔方Banner，在制作时先绘制Banner背景，再输入文字内容，并对文字进行编辑，完成后在右侧添加魔方素材，最终效果参见课后练习。

（3）本练习将制作PC端羽绒被主图，先制作主图背景，再输入文字内容，并对文字进行编辑，最终效果参见课后练习。