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

1、精选优质文档-倾情为你奉上精选优质文档-倾情为你奉上专心-专注-专业专心-专注-专业精选优质文档-倾情为你奉上专心-专注-专业Photoshop美工基础与网店装修教学教案第1讲课时内容认识网店美工与Photoshop CS6授课时间90分钟课时2教学目标 网店美工应掌握的设计技能。 了解使用Photoshop CS6查看图像文件的基本操作。 能够熟练掌握Photoshop CS6的基础操作。教学重点 熟悉Photoshop CS6的工作界面。 掌握图像文件的新建、打开、导入、导出、存储等基本操作。 掌握图像文件的移动与变换、复制与粘贴的方法。教学难点 认识图像文件的不同色彩模式。 掌握图像辅助

2、工具、参考线和图像文件的基本编辑方法。教学设计教学思路：（1）打开一个口碑和销量都不错的网店，通过对网店的浏览和对商品图片的查看来讲解网店美工的工作范畴、技术要求、设计要点和注意事项等内容；（2）通过打开图像文件讲解启动和退出Photoshop CS6的方法、熟悉Photoshop CS6的工作界面、图像文件的基础知识，同时对变换和移动图像的基本操作、辅助工具、参考线的使用方法等知识；（3）安排经验之谈小栏目，对网站美工的技能知识和Photoshop CS6的基础操作进行补充说明；（4）课后练习提供效果，要求学生综合所学知识独立完成，提高其水平。教学手段：对概念、功能等理念进行分类并举例列举。

3、教学资料及要求：除教材中的实例外，可下载优秀模板进行赏析，要求利用下载的模板创建新的文件，加深学员对Photoshop CS6的认识。教学内容讨论问题：1、矢量图与位图的区别是什么？2、图像的色彩模式有几种？ 3、使用Photoshop CS6可以对图像文件进行哪些基础操作？内容大纲：具体可结合本章的PPT课件进行配合讲解。1.1认识网店美工1.1.1网店美工的工作范畴1.1.2网店美工的技术要求1.1.3美工需注意的问题1.1.4网店美工应掌握的设计要点1.2Photoshop CS6图像文件基础知识1.2.1像素和分辨率1.2.2位图和矢量图1.2.3图像的色彩模式1.2.4图像辅助工具1

4、.2.5参考线1.3Photoshop 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的工作界面 更改图像模式小结认识Photoshop CS6的工作界面，并掌握打开文件、关闭文件、新建文件、保存、移动、变形、导入与导出等基本操作。掌握辅助工具和参考线的使用方法。思考及作业想一想：如何取消与恢复网格？变换后的图像将会呈现哪些效果？练一练：（1）启动Photoshop CS6软件后，查看

5、其工作界面的各组成部分。（2）打开下图所示的素材文件，利用“图像”菜单命令，将该图像文件的色彩模式分别更改为“多通道”模式，对比更改前后的图像变化。第2讲课时内容使用选区和图层美化图像授课时间135分钟课时3教学目标 能够使用选区工具创建各种选区。 能够对创建的选区进行变换、平滑、羽化、收缩、载入等修改操作。 能够使用图层的知识合成图像。 掌握图层的各种操作方法。教学重点 认识选区并掌握选区的基本操作 掌握创建图层、选择并修改图层名称、复制与删除图层以及盖印图层等图层的编辑方法。教学难点掌握使用不同的方法来创建各种复杂的选区。区分各种类型的图层的作用，以及图层的各种管理操作。教学设计教学思路：

6、（1）通过对选框工具、套索工具、魔棒工具等选区工具的使用来介绍几何选区、不规则选项和颜色选区的创建方法，以及对相关工具属性的设置；（2）对编辑选区的操作进行介绍，包括羽化、平滑、扩展和收缩等；（3）对图层的创建与设置操作进行介绍。（4）安排经验之谈小栏目，对使用选区和设置图层过程中的疑惑进行补充说明；（5）课后练习提供效果，要求学生综合应用所学的选区和图层知识独立完成图像的合成操作。教学手段：（1）对工具以及工具属性进行讲解；（2）采用对比方式，直观地展示出不同操作对图像文件的处理效果。教学资料及要求：除教材中的实例外，可总结一些选区的精确创建技巧，图层合成的图像案例，要求学生反复进行练习，加

7、强图层应用的熟练程度，并提升学生创建选区的能力。教学内容知识回顾：在前面讲解了初识Photoshop CS6时需要认识的软件工作界面，以及文件的基本操作和辅助工具的应用，接下来将对选区和图层的应用进行介绍。讨论问题：1、如何将图像的一部分移动到另一张图像中？ 2、如何使抠取的图像边缘显得平滑？3、图层有什么作用？4、为什么要设置图层不透明度？内容大纲：具体可结合本章的PPT课件进行配合讲解。2.1创建与编辑选区2.1.1创建几何选区2.1.2创建不规则选区2.1.3创建颜色选区2.1.4编辑选区2.2创建与编辑图层2.2.1认识“图层”面板2.2.2新建图层2.2.3复制与删除图层2.2.4合

8、并与盖印图层2.2.5对齐与分布图层2.2.6移动与链接图层2.2.7图层混合模式2.2.8设置图层不透明度2.2.9设置图层样式2.3课后练习 制作PC端登山杖主图 制作PC端跑步机Banner 制作移动端篮球Banner小结熟练掌握不同图像适用的选区的创建方法，以及对选区进行变换、羽化、扩展收缩等编辑方法。掌握魔棒、快速选择工具、磁性套索工具等各种快速创建选区的方法。掌握不同类型图层的创建与编辑方法。思考及作业想一想：怎样在磁性套索工具和多边形套索工具间快速切换？各选区工具的快捷键是什么？图层的不透明度该如何设置？练一练：（1）制作PC端登山杖主图。先新建800800像素的图形文件，添加网

9、格、纹理效果，完成后抠取大枣图形，并将其移动到背景中，最后输入文字，并添加叶子素材，完成后的效果参考课后练习。（2）制作PC端跑步机Banner。首先制作背景效果，再次右侧输入对应的文字，使整个图像美观、自然，完成后的效果参考课后练习。（3）制作移动端篮球Banner。在制作时可先将灌篮图片拖动到背景中，用于制作背景，然后抠取篮球图像，并将其拖动到背景右侧，然后在左侧输入文字，完成后的效果参考课后练习。第3讲课时内容修饰商品图像瑕疵授课时间135分钟课时3教学目标 掌握使用修复工具修饰照片瑕疵的方法。 掌握图像表面的修饰方法。 能够熟练使用工具箱中清除工具。教学重点 掌握各种修复工具的操作方法

10、。 掌握各种修饰工具的操作方法。 掌握背景橡皮擦和魔术橡皮擦等工具的使用方法。教学难点掌握设置画笔属性并绘制编辑图形的方法，以及图像的填充、裁剪、修复等方法。教学设计教学思路：（1）通过对污点修复画笔工具、修复画笔工具、修补工具以及仿制图章工具的使用来介绍照片瑕疵的修复方法，以及对相关工具属性的设置；（2）通过对模糊工具、锐化工具、涂抹工具、减淡工具、加深工具以及海绵工具的使用来介绍修饰图片的相关操作，以及相关工具属性的设置；（3）对清除工具的选择和使用方法进行介绍；（4）安排经验之谈小栏目，对修饰图片中的疑惑进行补充说明。（5）课后练习提供效果，要求学生综合应用所学的图像修饰知识独立完成图像

11、的美化操作。教学手段：（1）对工具以及工具属性等理念使用项目进行讲解；（2）采用对比方式，直观地展示出图像文件修饰的对比效果。教学资料及要求：除教材中的实例外，可总结一些图像美化的技巧，供学生进行参考学习。教学内容知识回顾：前面对软件相关概念、文件的基本操作、选区和图层的应用等知识进行了介绍，本节将在前面所学的基础上编辑与修饰素材图像。讨论问题：1、可以将人物照片中的痘印去除吗？ 2、减淡工具一般适用于何种图片的处理？3、清除多余图像时如何合适的清除工具？内容大纲：具体可结合本章的PPT课件进行配合讲解。3.1照片瑕疵的遮挡与修复3.1.1污点修复画笔工具3.1.2修复画笔工具3.1.3修补工

12、具3.1.4红眼工具3.1.5仿制图章工具3.1.6图案图章工具3.2图像表面的修饰3.2.1模糊工具3.2.2锐化工具3.2.3涂抹工具3.2.4减淡工具3.2.5加深工具3.2.6海绵工具3.3清除图像3.3.1橡皮擦工具3.3.2背景橡皮擦工具3.3.3魔术橡皮擦工具3.4课后练习 处理移动端棉靠枕主图 去除商品图片中多余部分小结在Photoshop CS6中遮挡与修复照片瑕疵的相关操作。掌握修饰工具和和清除工具的使用方法。思考及作业想一想：仿制图章工具和图案图章工具的区别？选择画笔工具后，可以在属性栏中设置画笔参数，但为什么还要使用“画笔”面板设置绘图工具呢？若是Photoshop C

13、S6自带的画笔也不能满足需要，应该怎么办呢？若是想将模糊的图片变得清晰应该选哪一种修复工具？练一练：（1）根据本章所学知识，处理移动端棉靠枕主图。先打开“棉靠枕.jpg”图像文件，使用减淡工具、海绵工具、模糊工具和锐化工具等处理主图效果，完成后的效果参考效果课后练习。 （2）除商品图片中多余部分。本练习将打开“休闲毯商品图片.jpg”图像文件，使用仿制图章工具、污点修复画笔工具、修补工具等，去除商品图片中多余部分，完成后的参考效果参考课后练习。 第4讲课时内容调整图像颜色授课时间135分钟课时3教学目标 掌握图像明暗度的调整方法。 掌握图像色彩的调整方法。 能够处理一些特殊图像。 能够灵活使用

14、色调和色彩调整命令，根据图像特征进行调整。教学重点 掌握各种色彩调整命令的使用方法以及得到的效果。 掌握精确调整阴影和高光、调整曝光度的方法。 掌握去除图像颜色、调整图像曲线、精确调整色阶的方法。教学难点根据图像特征调整图像颜色。教学设计教学思路：（1）通过对不同类型的图片颜色进行调整来讲解图像颜色调整、阴影与高光调整、曝光度调整、色相/饱和度调整、调整图像曲线与图像色阶等知识；（2）介绍一些特殊图像的处理操作，包括去除图像颜色、制作胶片效果、制作高对比度的黑白图像、改变图像的色彩等；（3）安排经验之谈小栏目，对图像颜色调整过程中的相关疑惑进行补充说明。教学手段：实行项目符号与正文的形式罗列或

15、讲解色彩基本知识、颜色调整命令等知识。教学资料及要求：除教材中的知识外，可以收集不同特征的图像，要求学生根据图像的特征进行调色与美化修饰，制作出不同风格的图像效果。教学内容知识回顾：前面对选区和图层，以及图像的修饰工具进行了介绍，为了满足设计的需要，将进一步对图像的色彩进行处理，下面分别进行介绍。讨论问题：1、图像色彩调整命令有哪些？ 2、什么是色阶、色调、饱和度？内容大纲：具体可结合本章的PPT课件进行配合讲解。4.1 图像的明暗调整4.1.1自动调整色调/对比度/颜色4.1.2“亮度/对比度”命令4.1.3“色阶”命令4.1.4“曲线”命令4.1.5“曝光度”命令4.1.6“阴影/高光”命

16、令4.2图像的色彩调整4.2.1“自然饱和度”命令4.2.2“色相/饱和度”命令4.2.3“色彩平衡”命令4.2.4“黑白”命令4.2.5“照片滤镜”命令4.2.6“通道混合器”命令4.3特殊图像调整4.3.1“反相”命令4.3.2“色调分离”命令4.3.3“渐变映射”命令4.3.4“阈值”命令4.3.5“可选颜色”命令4.3.6“去色”命令4.3.7“匹配颜色”命令4.3.8“替换颜色”命令4.4课后练习 制作跨境电商泳镜Banne 调整休闲毯颜色小结掌握图像明暗和色彩调整相关命令的使用方法，能够根据图像特征进行调整。可以通过“反相”命令、“色调分离”命令、“渐变映射”命令、“阈值”命令、“

17、匹配颜色”命令以及“替换颜色”命令对特殊图像进行调整。思考及作业想一想：“反相”命令是调整图像哪方面的命令吗？在处理曝光过度的照片时，有没有使照片快速恢复正常的方法？使用“自动颜色”命令能达到什么效果呢？练一练：（1）制作跨境电商泳镜Banner。先打开“游泳镜1.jpg”图像文件，使用“自然饱和度”“照片滤镜”命令对图像进行颜色的调整。抠取“游泳镜2.jpg”图像文件，对其进行跨境电商泳镜banner的制作，完成后的参考效果参考课后练习。（2）调整休闲毯颜色。对“休闲毯.jpg”图像文件进行调整，通过色阶、自然饱和度、对比度和图案图章工具等对图像进行调整，达到去除沉闷、对比鲜明的效果，完成后

18、的效果参考课后练习。第5讲课时内容使用图形和文字完善网店内容授课时间180分钟课时4教学目标 掌握绘图工具的使用与设置方法。 能够灵活使用文字工具制作出设计作品中需要的文字效果。教学重点 掌握“路径”面板中各按钮的含义和使用方法。 掌握钢笔工具和形状工具绘制不同形状的操作。 掌握画笔样式的设置与应用方法。 掌握文字图层的转换方法。教学难点掌握使用钢笔工具勾画路径的方法，以及使用画笔工具手工绘制图像的操作和变形文字的制作方法。教学设计教学思路：（1）通过处理轮廓较为复杂且背景与图像不明显的图片来讲解“路径”面板和钢笔工具的使用方法；（2）通过制作矢量图像来讲解形状工具的设置与绘制方法；（3）通过

19、制作店标和网店Banner的案例来讲解画笔工具的设置与绘制方法；（4）通过完善图像内容的方式来讲解文字工具的创建与编辑方法，包括“字符”面板和“段落”面板；（5）安排“经验之谈”小栏目，对文字创建与编辑的方法进行补充介绍；（6）安排课后练习，让学生自己动手制作，巩固绘制不同图像的操作。教学手段：（1）使用项目符号讲解各个面板的含义、各个工具性属性栏的设置方法；（2）对使用钢笔工具绘图、载入画笔、使用画笔工具绘图等知识融合在操作步骤中进行讲解。教学资料及要求：除教材中的知识外，可以搜集一些字体搭配方法，以及字体与图形的搭配技巧，下载一些常用的艺术字字体。教学内容知识回顾：前面对调整商品图像色彩的

20、基本方法进行了介绍，下面将深入讲解各种绘图工具和文字工具的方法，提高学生的图像处理水平。讨论问题：1、载入画笔里没有需要的样式怎么办？2、钢笔工具、铅笔工具和画笔工具，它们之间的区别是什么？ 3、在Photoshop中,文字工具不能实现的功能是？内容大纲：具体可结合本章的PPT课件进行配合讲解。5.1 使用钢笔工具绘制图形5.1.1认识路径5.1.2使用钢笔工具绘图5.1.3使用铅笔工具绘制图像5.2使用形状工具绘制图形5.2.1矩形工具5.2.2圆角矩形工具5.2.3椭圆工具5.2.4多边形工具5.2.5直线工具5.2.6自定形状工具5.3使用画笔工具绘制图形5.3.1认识画笔工具5.3.2

21、设置与应用画笔样式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）制作移动端窗帘Banner。在制作时左侧为窗帘产品效果，在右侧通过矩形工

22、具、椭圆工具、直线工具绘制不同的形状，使整个画面更具有层次感，完成后输入文字，效果参见课后练习。 （2）制作PC端毛巾详情页。在制作时先制作焦点图，在对产品参数和产品展示图进行制作，完成后的效果参见课后练习。（3）制作抱枕详情页。在制作时先制作焦点图，在对商品实拍、商品参数和枕芯弹性展示进行制作，完成后的效果参见课后练习。第6讲课时内容使用通道、蒙版和滤镜授课时间180分钟课时4教学目标 掌握利用蒙版和通道合成图像的方法。 掌握通道和蒙版在图片修饰中的应用。 能够结合多种滤镜完成特殊效果的制作。教学重点 掌握分离、合并、复制、计算通道的方法。 掌握创建矢量、剪切、图层蒙版的方法。 掌握蒙版与通

23、道结合使用的方法。 掌握各种滤镜的使用方法并能熟练应用。教学难点掌握利用蒙版抠图透明图像的方法，以及组合使用滤镜的方法。教学设计教学思路：（1）首先认识“通道”面板和通道的类型，然后对通道的操作进行讲解；（2）对“蒙版”面板，不为类型蒙版的创建与编辑方法进行详细讲解；（3）首先介绍滤镜库，然后对独立滤镜和特殊滤镜的应用进行讲解；（4）安排“经验之谈”小栏目，对蒙版、通道和滤镜应用过程中的操作进行补充说明；（5）安排课后练习让学生自己动手制作，加深蒙版、通道和滤镜知识的应用。教学手段：主要通过项目符号的形式，对概念、类型、面板使用相关知识进行讲解。教学资料及要求：除教材中的知识外，可以补充一些蒙

24、版与通道的应用技巧以及一些特殊滤镜效果的组合案例，提高学员美化图像的能力。教学内容知识回顾：在前面讲解了图像与文本的应用，为了更加方便的进行抠图和制作出更加引人夺目的图像效果，本节将对蒙版、通道和滤镜的相关知识进行讲解。讨论问题：1、什么是通道与蒙版？ 2、通道与蒙版有哪些类型？3、如何删除制作的滤镜效果？内容大纲：具体可结合本章的PPT课件进行配合讲解。6.1使用通道6.1.1认识通道6.1.2认识“通道”面板6.1.3创建Alpha通道6.1.4创建专色通道6.1.5复制与删除通道6.1.6分离与合并通道6.1.7混合通道6.2蒙版6.2.1认识蒙版6.2.2矢量蒙版6.2.3剪贴蒙版6.

25、2.4图层蒙版6.2.5快速蒙版6.3使用滤镜6.3.1认识滤镜库6.3.2应用独立滤镜6.3.3应用特效滤镜6.4课后练习 PC端西餐垫Banner效果 移动端休闲鞋详情页小结掌握通道和蒙版在图片修饰中的应用。掌握编辑通道和蒙版的各种操作方法。认识各种滤镜的含义与可实现的效果。思考及作业想一想：1、“应用图像”菜单命令与“计算”菜单命令有什么区别？2、存储包含Alpha通道的图像会占用较多的磁盘空间，有什么解决办法？3、快速选择通道的快捷键有哪些？4、为什么有些滤镜不能使用？练一练：（1）本练习将打开“西餐垫.jpg”图像，制作PC端西餐垫Banner，完成文字的添加后，对其添加光照效果和杂

26、色滤镜效果，完成后的参考效果课后练习。（2）本练习将制作休闲鞋的详情页，在制作时先对图片进行锐化处理，在制作移动端的详情页，完成后的效果参考课后练习。第7讲课时内容切片与批处理图像授课时间90分钟课时2教学目标 掌握将图像切割为若干小块的操作。 掌握在Photoshop CS6中创建动作、应用动作和使用批处理的相关操作。教学重点 掌握切片工具的设置与编辑方法。 掌握“动作”和“批处理”的相关操作方法。教学难点掌握创建动作、应用动作和使用批处理的相关操作。教学设计教学思路：（1）首先讲解创建与编辑切片的相关操作，然后讲解如何保存切片；（2）通过课堂案例讲解“动作”面板、动作创建与保存、批处理动作

27、等相关知识；（3）安排课后练习，引导学生使用动作与批量处理图像。 教学手段：（1）使用项目列表的形式介绍基础知识；（2）融合动作的创建与保存知识点，重要步骤配图说明。教学资料及要求：除教材中的知识外，可以按不同要求设置批处理图像案例，供学生练习，并补充打印纸张要求、打印色彩要求等专业知识。教学内容知识回顾：前面蒙版、通道和滤镜进行了详细讲解，在处理图像时，可以使用动作批量处理来提高处理效率。讨论问题：1、在绘制切片时，若是对绘制效果不满意，还可以重新编辑吗？ 2、通过动作进行批处理图像的关键要素是什么？内容大纲：具体可结合本章的PPT课件进行配合讲解。7.1切片7.1.1创建切片7.1.2编辑

28、切片7.1.3保存切片7.2动作与批处理图像7.2.1认识“动作”面板7.2.2创建与保存动作7.2.3自动处理图像7.3课后练习 为跨境电商主图添加标签 为PC电商店铺制作主图效果 裁剪毛巾详情页图像小结掌握使用切片工具准确切割图像的相关操作。掌握使用动作与批处理功能来提高图像处理速度。思考及作业想一想：如何快速切割相同的图像？是否可以创建多个动作？批处理图像是否有快捷方式？练一练：（1）为跨境电商主图添加标签。打开“拉杆箱”文件夹中的一张图像，使用批处理的方法，对图像添加店标标签，使图像效果更加美观，最终效果参见课后练习。（2）为PC电商店铺制作主图效果。打开“斜挎包”文件夹中的一张图像，

29、使用批处理的方法，对图像制作主图效果，使图像效果更加美观，最终效果参见课后练习。（3）裁剪毛巾详情页图像。打开“斜挎包”文件夹中的一张图像，使用批处理的方法，对图像制作主图效果，使图像效果更加美观，最终效果参见课后练习。第8讲课时内容综合案例授课时间135分钟课时3教学目标 了解ITMC网店设计基础及要点。 掌握Photoshop各种功能结合使用的方法。 能够使用Photoshop制作网店中的店标、店招、Banner、主图以及详情页等内容。教学重点 了解不同品类网店设计的要点和设计内容。 掌握创建文件、导入与编辑素材、绘制矢量图形、输入与设置文本的方法。教学难点熟悉应用本书所学知识进行平面设计、图像处理。教学设计教学思路：（1）首先介绍网店设计制作的内容，包括店标、店招、Banner、主图和详情页5部分，以及各个部分的基础知识和设计要点；（2）通过设计服装服饰类网店对创建文件、导入与编辑素材、绘制矢量图形、编