内容分析

通过前5章的学习，相信学生已经能够使用选框工具和矢量工具绘制简易的图形。在实际的设计与操作中，有时需要对绘制的图形增加立体的效果，这时就需要使用“图层样式”了。“图层样式”是制作图形效果的重要手段之一，它能够通过简单的操作，迅速将平面图形转化为具有材质和光影效果的立体图形。本章将通过3个实用的案例对“图层样式”进行详细地讲解。

教学目标

l 掌握图层样式的应用方法，会添加并编辑图层样式效果；

l 熟悉斜面和浮雕的操作方法，会应用并设置斜面和浮雕效果；

l 熟悉投影的操作方法，会应用和设置投影效果；

l 了解其他图层样式的设置方法，能应用和设置各效果。

重点及措施

教学重点：图层样式。

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

难点及措施

教学难点：图层样式的编辑。

措施：教师多次讲解、操作加强学习，通过补充案例进行练习巩固。

教学方式

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

教

学

过

程

第一课时、第二课时

（绘制“进度条”，讲解添加图层样式、斜面和浮雕、描边、颜色叠加、渐变叠加和图案叠加）

在讲解本节内容前，抛出以下1个问题让学生回答，以复习“图像”的基础知识。

1、 “去色”命令的快捷键是什么？

答案：【Shift+Ctrl+U】组合键。

说明：

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

l 由于6.1节内容较多，所以分为两个课时。

l 建议将绘制“进度条”作为第一个课时。

l 将知识点讲解和练习作为第二个课时。

² 分组讨论

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

图层样式是什么？图层样式与在普通图层上直接操作有哪些优点？

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

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

l 图层样式可以为图层中的图像添加效果，比如投影、发光、描边、浮雕等。

l 优点：图层样式会自动随着图层对象文本或形状进行移动或变换；添加图层样式的操作简单；同一图层上，可应用多种效果；可以从一个图层复制效果，然后粘贴到另一个图层；可以删除、修改、隐藏。

² 案例讲解

Ø 情境导入

通过预习我们对图层样式有了一定的认识，现在，大家来看下本节课将带领大家绘制的“进度条”。进度条是以图片为载体来显示任务进展状态的一种形式，一般以长形条状为主要样式。在当代网页设计中，进度条一般作为网页风格的一部分进行特色化设计。

大家观察下，是不是以大家现在的所学，不使用图层样式，也可以绘制了？请知道如何绘制的同学描述绘制步骤。学生积极发言。

按照我们现在掌握的工具和命令，的确可以直接绘制这个进度条了。但是，绘制起来会不会觉得步骤很繁琐呢？这节课带领大家使用图层样式来绘制这款图进度条。图层样式最神奇的是，不仅能快速制作效果，而且修改十分方便。

Ø 案例分析

将进度条拆解为几个部分，分析绘制每个部分所需的工具和技巧。

Ø 案例实现

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

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

² 知识点讲解

Ø 总结知识点

教师和学生一起总结在案例实现过程中所涉及到的知识点，主要包括“添加图层样式”、“斜面和浮雕”、“描边”、“颜色叠加”、“渐变叠加”和“图案叠加”等。

Ø 讲解“添加图层样式”

   （1）、教师展示PPT对“添加图层样式”的操作方法进行讲解。

（2）、对“图层样式”对话框的布局和使用进行讲解。

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

Ø 讲解“斜面和浮雕”、“描边”、“颜色叠加”、“渐变叠加”和“图案叠加”。

（1）、教师展示PPT对“斜面和浮雕”进行讲解，演示设置面板和设置效果，并对每个选项进行解释。

（2）、学生使用素材图片进行练习，教师巡视，对疑难问题进行解答。

（3）、教师展示PPT讲解“描边”的参数设置面板和设置效果，并对每个选项进行解释。

（4）、学生使用素材图片进行练习，教师巡视，对疑难问题进行解答。

（5）、教师展示PPT讲解“颜色叠加”的参数设置面板和设置效果，并对每个选项进行解释。

（6）、学生使用素材图片进行练习，教师巡视，对疑难问题进行解答。

（7）、教师展示PPT讲解“渐变叠加”的参数设置面板和设置效果，并对每个选项进行解释。

（8）、学生使用素材图片进行练习，教师巡视，对疑难问题进行解答。

（9）、教师展示PPT讲解“图案叠加”的参数设置面板和设置效果，并对每个选项进行解释。

（10）、学生使用素材图片进行练习，教师巡视，对疑难问题进行解答。

² 阶段小结

Ø 小结

重点：添加图层样式、斜面和浮雕。

Ø 答疑

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

² 巩固练习

Ø 巩固“进度条”的绘制

学完知识点后，让学生再绘制一次“进度条”，可以将设计其他形状的进度条，保持美观和层次感。以此使学生对工具的使用更熟练。

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

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

² 布置作业

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

Ø 预习6.2节【案例20】精美指针按钮图标。

第三课时、第四课时

（绘制精美指针按钮图标，讲解投影与内阴影、内发光与外发光、光泽）

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

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

1、 请描述一种添加图层样式的操作方法。

答案：

l 单击图层面板下方的“添加图层样式”按钮，将弹出“图层样式”对话框。

l 执行“图层→图层样式→混合选项”命令，将弹出“图层样式”对话框。

l 双击需要添加图层样式图层的空白处，将弹出“图层样式”对话框。

l 在需要添加图层样式的图层上，鼠标右键单击，在弹出的菜单中选择“混合选项”，将弹出“图层样式”对话框。

说明：

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

l 由于6.2节内容较多，所以分为两个课时。

l 建议将绘制“精美指针按钮图标”作为第一个课时。

l 将知识点讲解和练习作为第二个课时。

² 案例讲解

Ø 情境导入

每个人都有手机，每个人都玩手机，因为手机上有各种应用。那么，大家都玩什么APP？（学生发言）

大家使用的APP还真不少，但是大家有没有注意APP的图标呢？一款好的图标，是不是有想点进去体验的冲动？

所以，一个好的设计对产品是很重要的。下面我们通过设计一款精美指针按钮图标来学习下如何使用图层样式的其他几个选项。

Ø 案例分析

将“精美指针按钮图标”拆解为几个部分，分析绘制每个部分所需的工具和技巧。

Ø 案例实现

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

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

² 知识点讲解

Ø 总结知识点

教师和学生一起总结在案例实现过程中所涉及到的知识点，主要包括“投影与内阴影”、“内发光与外发光”、“光泽”。

Ø 讲解“投影与内阴影”

   （1）、教师展示PPT对“投影与内阴影”的各项进行讲解和演示；

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

Ø 讲解“内发光与外发光”

（1）、教师展示PPT对内发光与外发光的各项进行讲解和演示。

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

Ø 讲解“光泽”

（1）、教师展示PPT对光泽进行讲解和演示；

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

² 阶段小结

Ø 小结

重点：投影、内阴影。

Ø 答疑

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

² 巩固练习

Ø 巩固“精美指针按钮图标”的绘制

学完知识点后，让学生再绘制一次“精美指针按钮图标”。学生可以将形状、颜色和风格进行自行设计，以此使学生对工具的使用更熟练。

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

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

第五课时、第六课时

（绘制质感文字效果，讲解编辑图层样式、图层样式混合选项）

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

1、 “投影”和“内阴影”的效果有什么区别？

答案：

“投影”效果是从图层背后产生阴影，“内阴影”与“投影”类似，但是在图形对象前面内部边缘位置添加阴影，使其产生凹陷效果。

说明：

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

l 由于6.3节内容较多，所以分为两个课时。

l 建议将绘制“质感文字效果”作为第一个课时。

l 将知识点讲解和练习作为第二个课时。

² 案例讲解

Ø 情境导入

上面两次课程中，大家都是为绘制的图形添加图层样式的。那么，文字可以不可以添加图层样式呢？请同学们回答。

学生踊跃回答。

那为文字添加图层样式需要对文字进行栅格化么？请同学们回答。

教师总结：Photoshop是超级便捷的，所以既可以为文字添加图层样式，又无需对文字进行栅格化操作。也就是说，添加好图层样式的文字，可以随意更改文字的内容、字体、颜色、字号等。

下面我们将学习绘制这款“质感文字”，同时学习“图层样式的编辑”。

Ø 案例分析

可让学生先自行尝试，教师讲解基本的步骤。

Ø 案例实现

学生根据教师讲解分步骤进行绘制，具体步骤详见教材。

说明：小组之间可以协作进行绘制，教师巡视，对疑难问题进行解答。

² 知识点讲解

Ø 总结知识点

教师和学生一起总结在案例实现过程中所涉及到的知识点，主要包括“编辑图层样式”。

Ø 讲解“编辑图层样式”

（1）、教师展示PPT，对显示与隐藏图层样式进行讲解。在讲解时进行实时演示。

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

（3）、教师展示PPT，对修改与删除图层样式进行讲解。在讲解时进行实时演示。

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

（5）、教师展示PPT，对复制与粘贴图层样式进行讲解。在讲解时进行实时演示。

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

（7）、教师对图层样式的基本操作进行总结。

Ø 讲解“图层样式混合选项”

（1）、教师展示PPT，对“图层样式混合选项”的操作技巧进行讲解。在讲解参数面板时进行实时演示。

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

² 阶段小结

Ø 小结

重点：编辑图层样式。

Ø 答疑

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

² 巩固练习

Ø 巩固“质感文字效果”的绘制

学完知识点后，让学生再绘制一次“质感文字效果”。学生可以自行输入文字，甚至更改效果、颜色等。以此使学生更熟练地掌握知识点。

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

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

² 布置作业

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

Ø 预习7.1节【案例22】汽车变色，7.2节【案例23】魔幻海报。

第七课时

（上机测试）

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

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

错的操作步骤。通过上机测试可以考察同学对Photoshop CS6中工具使用的熟练程度，以及对“图层样式”知识点的掌握程度。

第八课时

（作品点评）

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

教

学

后

记