内容分析

在第二章中我们可以使用“图层”与“选区”来绘制一些基础图形，然而要想实现一些特殊效果，例如渐变填充、变形操作、特殊选区的绘制等，还需要对“图层”和“选区”工具有一些更深的认识。本章将对“图层”与“选区”工具的高级技巧进行详细讲解。

教学目标

l 要求学生掌握渐变工具的使用，可以绘制常见的渐变效果；

l 要求学生掌握魔棒工具的使用，学会使用魔棒工具抠图；

l 要求学生熟悉图像的变形操作，会使用斜切、扭曲、透视、变形实现一些特殊效果。

重点及措施

教学重点：渐变工具、魔棒工具、缩放工具、抓手工具、橡皮擦工具、变形操作。

措施：通过上机操作加强学习和补充案例进行巩固。

难点及措施

教学难点：渐变编辑器。

措施：通过上机操作加强学习和补充案例进行巩固。

教学方式

教学采用教师课堂讲授为主，使用教学PPT讲解。

教

学

过

程

第一课时、第二课时

（绘制“机器人图标”，讲解图层的不透明度、吸管工具、缩放工具、抓手工具、裁剪工具）

说明：

l 3.1节绘制“机器人图标”既是对上一章内容的复习，又是对图层的不透明度和裁剪工具操作方法的学习。

l 学习吸管工具、缩放工具和抓手工具的操作方法。

l 3.1节内容较多，建议分为两个课时进行讲解。

在讲解本节内容前，抛出以下2个问题让学生回答，以复习 “图层与选区工具”。

1、 “撤销上一步”操作的快捷键是（  ）。

答案：【Ctrl+Z】键

2、 下列选项中，“添加到选区”的快捷键是（  ）。

A、【Ctrl】键  B、【Alt】键  C、【Shift】键 D、【Alt+Shift】键

答案：C

说明：教师可根据学生对上述问题的回答情况，对以上问题进行简单讲解或直接进入本课时新内容。

² 分组讨论

对新课进行讲解前，先让学生分组讨论以下问题：

什么是图层的不透明度？如何对不透明度进行调整？

请小组代表对以上问题发表见解。

教师对上述问题进行解释：

l “不透明度”用于控制图层、图层组中绘制的像素和形状的不透明程度。

l 通过图层面板右上角的“不透明度”数值框可以对当前图层的透明度进行调节，其设置范围为0%到100%。在使用除画笔、图章、橡皮擦等绘画和修饰之外的其他工具时，按下键盘中的数字键即可快速修改图层的不透明度。

² 案例讲解

Ø 情境导入

上一章我们对图层和选框工具有了一定的认识，这一节我们综合运用上一章所学的选框工具，绘制一款“机器人图标”。“图标”的设计与制作是平面设计与UI设计领域经常涉及的内容之一，通过本案例的学习，学生能够掌握图层的透明度、吸管工具、放大镜工具及裁切工具等相关知识。

同学们观察一下这个机器人图标，是不是都认识它？它就是我们熟悉的安卓机器人图标，不过是一个眼睛微微笑的机器人图标。大家在学习这款图标的制作方法后，可以自行设计其他的表情。

Ø 案例分析

对“机器人图标”的构成进行分析，将其拆解为不同的形状。简单概述需要使用的工具和方法。

l 绘制机器人头部与身体：使用“矩形选框工具”绘制机器人的身体，并对矩形选区进行“平滑”命令的操作，并将多余的部分再次通过“矩形选框工具”删除；使用“椭圆工具”绘制机器人的头部，并使用“矩形选框工具”与“图层的不透明度”将多余的部分删除。

l 绘制机器人天线与眼睛：使用“矩形选框工具”绘制机器人的天线，并对矩形选区进行“平滑”命令的操作，然后对其进行旋转；使用“椭圆选框工具”与“布尔运算”绘制眼睛，并使用“吸管工具”吸取背景颜色并填充眼睛；将绘制好的天线和眼睛选中，复制并移动到适当位置。

l 绘制机器人手部与腿：使用“矩形选框工具”和“椭圆选框工具”绘制固定大小的形状并将它们拼合到一起，形成机器人的左胳膊；复制绘制好的左胳膊并移动到适当位置得到右胳膊；最后复制胳膊并移动到身体下方，得到机器人的腿。

Ø 案例实现

教师带领学生分步骤进行绘制，具体步骤详见教材。

说明：在绘制时可适时停下来，让学生自行尝试。小组之间可以协作进行绘制，教师巡视，对疑难问题进行解答。

² 知识点讲解

Ø 总结知识点

教师和学生一起总结在案例实现过程中所涉及到的知识点，主要包括“矩形选框工具”、“椭圆选框工具”、“布尔运算”和“自由变换”命令的复习；对“图层的不透明度”、“裁剪工具”以及“吸管工具”的认识。

Ø 讲解“图层的不透明度”

   （1）、教师展示PPT对“图层的不透明度”的操作方法进行上机演示和讲解；

（2）、学生操作练习，体验不同透明度的数值和画面对应关系，教师对疑难问题进行解答。

Ø 讲解“吸管工具”

（1）、教师展示PPT对“吸管工具”的操作方法进行上机演示和讲解；

（2）、学生操作练习，能够正确获取前景色与背景色。教师巡视，对疑难问题进行解答。

Ø 讲解“缩放工具”

（1）、教师展示PPT，对“缩放工具”进行讲解并进行实时演示。详细讲解“缩放工具”的操作小技巧，学生需掌握快捷键。

Ø 讲解“抓手工具”

（1）、教师展示PPT，对“抓手工具”及其操作技巧进行讲解和实时演示。

（2）、学生同时练习“缩放工具”与“抓手工具”，教师巡视，对疑难问题进行解答。

Ø 讲解“裁剪工具”

（1）、教师展示PPT，对“裁剪工具”的操作和选项栏进行讲解。在讲解时进行实时演示。

（2）、学生练习，教师巡视，对疑难问题进行解答。

² 阶段小结

Ø 小结

重点：图层的不透明度、缩放工具、抓手工具的基本操作。

易错点：误操作了小键盘，对不透明度进行了更改。

Ø 答疑

教师询问学生对于知识点还有什么不理解的地方。针对学生不理解的知识点给与解释。

² 巩固练习

Ø 巩固“机器人图标”的绘制

学完知识点后，让学生再绘制一次“机器人图标”。为使学生对工具的使用更熟练，可让学生自主设计机器人的表情或对机器人的动作进行设计绘制。

Ø 通过“补充案例”加强学习

教师分发素材和效果图给学生，对于掌握较好的同学，可以通过补充案例对知识点和工具的使用进行巩固。

² 布置作业

Ø 完成“补充案例”，通过平台提交给教师，教师在下节课进行点评。

Ø 预习3.2节【案例8】水晶球。

第三课时、第四课时

（绘制水晶球，讲解渐变工具和渐变编辑器）

教师针对学生提交的作品中的优秀作品进行点评。

在讲解本节内容前，抛出以下2个问题让学生回答，以复习上节课内容。

1、 使用“缩放工具”时，按下（  ）键，能使图像以100%的比例（即实际像素）显示？

答案：【Ctrl+1】键

2、 抓手工具的快捷键是什么？

答案：【H】

说明：

l 教师可根据学生对上述问题的回答情况，对以上问题进行简单讲解或直接进入本课时新内容。

l 本节内容由于渐变编辑器内容难度较大，所以分为两个课时。

² 分组讨论

对新课进行讲解前，先让学生分组讨论以下问题：

图形的轮廓可以通过选区工具和布尔运算实现很多变化，那么图形的颜色绘制可以产生很多变化么？在PS中可以绘制什么样的渐变？如何绘制？

请小组代表对以上问题发表见解。

教师对上述问题进行解释：

l PS是非常强大的，它提供了渐变工具，用来绘制渐变对象。

l 使用渐变工具，通过颜色的过度对比制作有立体感的图形。

l PS中提供了5种常用的渐变，通过在选项栏进行设置并使用渐变编辑器进行颜色和不透明度的预设。

² 案例讲解

Ø 情境导入

运用“渐变工具”可以进行多种颜色的混合填充，从而增强图像的视觉效果。使用PS绘制水晶球可以说是讲解渐变工具的经典案例了。在经典的基础上，我们再运用第二章的所学，为水晶球打造一些不一样的效果。

Ø 案例分析

将“水晶球”拆解为几个部分，简单概述需要使用的工具和方法。

l 绘制球体：使用“渐变工具”的径向渐变填充背景，线性渐变填充正圆选区，得到球体。

l 绘制投影：使用“渐变工具”的径向渐变绘制前景色到透明的渐变，得到投影。

l 绘制亮面、高光与反光：使用“渐变工具”绘制亮面、高光与反光。

l 绘制光环：使用“渐变工具”绘制光环并删除多余部分。

Ø 案例实现

教师带领学生分步骤进行绘制，具体步骤详见教材。

说明：在绘制时可适时停下来，让学生自行尝试。小组之间可以协作进行绘制，教师巡视，对疑难问题进行解答。

² 知识点讲解

Ø 总结知识点

教师和学生一起总结在案例实现过程中所涉及到的知识点，主要包括“渐变工具”、“渐变编辑器”。

Ø 讲解“渐变工具”

   （1）、教师展示PPT对“渐变工具”的操作方法及其选项栏进行讲解并做上机演示。

（2）、分别讲解各个渐变的不同，对常用的线性渐变和径向渐变做详细讲解和演示。

（3）、学生练习，教师巡视，对疑难问题进行解答。

Ø 讲解“渐变编辑器”

（1）、教师展示渐变编辑器的操作方法、使用预设、添加或删除色标和透明度。在讲解时进行实时演示。

（2）、学生练习，教师巡视，对疑难问题进行解答。

² 阶段小结

Ø 小结

重点：渐变工具，渐变编辑器。

难点：渐变编辑器。

Ø 答疑

教师询问学生对于知识点还有什么不理解的地方。针对学生不理解的知识点给与解释。

² 巩固练习

Ø 巩固“水晶球”的绘制

学完知识点后，让学生再绘制一次“水晶球”，学生可自主对“水晶球”的颜色和装饰进行设计，多次尝试以使学生对工具的使用更熟练。

Ø 通过“补充案例”加强学习

教师分发素材和效果图给学生，对于掌握较好的同学，可以通过补充案例对知识点和工具的使用进行巩固。

² 布置作业

Ø 完成“补充案例”，通过平台提交给教师，教师在下节课进行点评。

Ø 预习3.3节【案例9】瑜伽与3.4节【案例10】艺术相框。

第五课时

（制作“瑜伽”，讲解魔棒工具、套索工具、橡皮擦工具、全选与反选）

教师针对学生提交的作品中的优秀作品进行点评。

在讲解本节内容前，抛出以下1个问题让学生回答，以复习上节课内容。

1、 渐变工具有几种渐变方式可以选择？分别都是什么？

答案：

5种渐变方式。分别是：线性渐变、径向渐变、角度渐变、对称渐变、菱形渐变。

说明：教师可根据学生对上述问题的回答情况，对以上问题进行简单讲解或直接进入本课时新内容。

² 分组讨论

对新课进行讲解前，先让学生分组讨论以下问题：

色彩变化不大，且色调相近的区域，通过什么工具可以将其载入选区？ 创建不规则选区又是使用什么工具？

请小组代表对以上问题发表见解。

教师对上述问题进行解释：

l 可以通过使用“魔棒工具”将颜色接近的区域载入选区。可以通过使用“套索工具”创建不规则的选区。

教师引导学生联想图像形状复杂时，通过什么工具可以将想要的图形载入选区呢？一些火焰、发丝、云朵又是怎样能从背景中分离出来呢？烟花、光线呢？这些就在以后的章节来进行学习和讲解了。

² 案例讲解

Ø 情境导入

在日常生活中，大家是不是经常听到P图这个词？P图用的工具就是指PS。P图，P的就是效果和感觉。我们使用所学工具，已经可以进行简单的P图了。演示素材图像“瑜伽人物”和“草地”，将这两张图片P到一起，使“瑜伽人物”完美的融入到草地背景中。

Ø 案例分析

将“瑜伽”拆解为几个部分，分析绘制顺序，和绘制每个部分所需的工具和技巧。

l 抠出人物：使用“魔棒工具”将“瑜伽人物”从背景中选出。

l 将“瑜伽人物”置入草地背景：将“瑜伽人物”拖入草地背景中，调整“瑜伽人物”的大小、位置，并使用“橡皮擦工具”擦除多余的部分。

Ø 案例实现

教师带领学生分步骤进行绘制，具体步骤详见教材。

说明：在绘制时可适时停下来，让学生自行尝试。小组之间可以协作进行绘制，教师巡视，对疑难问题进行解答。

² 知识点讲解

Ø 总结知识点

教师和学生一起总结在案例实现过程中所涉及到的知识点，主要包括“魔棒工具”、“橡皮擦工具”、“套索工具”、“全选与反选”操作。

Ø 讲解“魔棒工具”

   （1）、教师展示PPT对“魔棒工具”及其选项栏进行讲解。在讲解时进行实时演示，归纳适合使用魔棒工具的条件与选项的选择。

（2）、学生练习，教师巡视，对疑难问题进行解答。

Ø 讲解“橡皮擦工具”

（1）、教师展示PPT对“橡皮擦工具”及其选项栏进行讲解。在讲解时进行实时演示。

（2）、学生练习，教师巡视，对疑难问题进行解答。

Ø 讲解“套索工具”

（1）、教师展示PPT对“套索工具”的使用方法进行讲解。在讲解时进行实时演示。

（2）、学生练习，教师巡视，对疑难问题进行解答。

Ø 讲解“全选与反选”

（1）、教师展示PPT对“全选与反选”操作进行讲解。在讲解时进行实时演示。

（2）、学生练习，教师巡视，对疑难问题进行解答。

² 阶段小结

Ø 小结

重点：魔棒工具、橡皮擦工具。

Ø 答疑

教师询问学生对于知识点还有什么不理解的地方。针对学生不理解的知识点给与解释。

² 巩固练习

Ø 巩固“瑜伽”的绘制

学完知识点后，让学生再绘制一次“瑜伽”。以此使学生更熟练地掌握知识点。

Ø 通过“补充案例”加强学习

教师分发素材和效果图给学生，对于掌握较好的同学，可以通过补充案例对知识点和工具的使用进行巩固。

第六课时

（制作艺术相框，讲解图像的变形操作）

在讲解本节内容前，抛出以下2个问题让学生回答，以复习上节课内容。

1、 使用“全选”与“反选”命令操作快捷键分别是什么？

答案：全选是【Ctrl+A】键，反选是【Ctrl+Shift+I】键。

2、 “橡皮擦工具”的快捷键是什么？

答案：【E】键

说明：教师可根据学生对上述问题的回答情况，对以上问题进行简单讲解或直接进入本课时新内容。

² 分组讨论

对新课进行讲解前，先让学生分组讨论以下问题：

PS是一款强大的图形图像绘制与处理软件，那么在PS中除了可以进行缩放和旋转命令还应该有哪些变形命令呢？

请小组代表对以上问题发表见解。

教师对上述问题进行解释：

l 除了“缩放”和“旋转”命令，PS还提供了“斜切”、“扭曲”、“透视”与“变形”的自由变换命令。

² 案例讲解

Ø 情境导入

下面我们继续来P图。P图的基本原则是什么？大家想一下。

这时大家踊跃发言。教师总结下，然后提出自己的观点：可以夸张，但要真实。所以要符合人们的基本认识，比如光线和投影的方向，近大远小的关系。接下来我们使用已有的素材来P一个艺术相框。学会了制作艺术相框，可以制作自己的写真相框，随便挂哪里都做得到。

Ø 案例分析

将“艺术相框”拆解为几个部分，分析绘制每个部分所需的工具和技巧。

l 置入衬布背景：将“衬布”拖入新建画布并调整“衬布”大小。

l 拼合画框及图像：将“画框”拖入画布中，使用“魔棒工具”删除多余像素。将“油画”拖入画布中并调整“画框”和“油画”的大小。

l 制作立体效果：调整“画框”和“油画”的透视效果，使用“多边形套索工具”和“橡皮擦工具”绘制相框的投影。

Ø 案例实现

教师带领学生分步骤进行绘制，具体步骤详见教材。

说明：在绘制时可适时停下来，让学生自行尝试。小组之间可以协作进行绘制，教师巡视，对疑难问题进行解答。

² 知识点讲解

Ø 总结知识点

教师和学生一起总结在案例实现过程中所涉及到的知识点，主要包括图形的变形操作，包括斜切、扭曲、透视、变形命令。

Ø 讲解“变形操作”

   （1）、教师对“变形操作”的斜切、扭曲、透视、变形使用方法进行分项演示；

（2）、学生练习，教师巡视，对疑难问题进行解答。

² 阶段小结

Ø 小结

重点：变形操作。

Ø 答疑

教师询问学生对于知识点还有什么不理解的地方。针对学生不理解的知识点给与解释。

² 巩固练习

Ø 巩固“艺术相框”的绘制

学完知识点后，让学生再绘制一次“艺术相框”，可以更换油画内容、画框甚至衬布，制作不一样的画面效果。以此使学生对工具的使用更熟练。

Ø 通过“补充案例”加强学习

教师分发素材和效果图给学生，对于掌握较好的同学，可以通过补充案例

对知识点和工具的使用进行巩固。

² 布置作业

Ø 完成“补充案例”，通过平台提交给教师，教师在下节课进行点评。

Ø 复习第3章所有知识点和案例，下节课进行上机测试。

第七课时

（上机测试）

教师发放测试题目及素材，学生进行上机测试。以此检查学生对相关工具及命令的掌握情况。测试完成后将作品通过平台提交给老师。

上机测试主要针对本章中需要重点掌握的知识点，以及在设计中容易出

错的操作步骤。通过上机测试可以考察同学对Photoshop CS6中工具使用的熟练程度，以及对渐变工具、魔棒工具、缩放工具、抓手工具、橡皮擦工具等知识点的掌握程度。

第八课时

（作品点评）

教师对学生的提交的上机测试作品进行简单点评。

² 布置作业

Ø 预习4.1节【案例11】促销图标。

教

学

后

记