第14课 使用Photoshop CS5制作网页素材（下 2）（教案）-《网页制作三合一案例教程》同步教学（航空工业出版社）

课题 第14课 使用Photoshop CS5制作网页素材（下 2） 课时 2课时（90 min） 教学目标 知识目标： （1）掌握使用油漆桶和渐变工具填充图像的方法 （2）掌握图层的基本操作，包括图层的创建，以及混合模式和不透明度的设置 技能目标： （1）能够使用Photoshop CS5填充图像 （2）能够在Photoshop CS5中合理运用图层 素质目标： 学习要徐徐渐进，不能一蹴而就，要戒骄戒躁，脚踏实地 教学重难点 教学重点：使用油漆桶和渐变工具填充图像 教学难点：图层的理解和使用 教学方法 问答法、讨论法、讲授法、练习法 教学用具 电脑、投影仪、多媒体课件、教材 教学设计 第1节课：课前任务→ 考勤（2 min）→  问题导入（3 min）→传授新知（27 min）→课堂实训（13 min） 第2节课：问题导入（3 min）→ 传授新知（27 min）→ 课堂实训（10 min）→ 课堂小结（3 min）→ 作业布置（2 min） 教学过程 主要教学内容及步骤 设计意图 第一节课 课前任务 【教师】让学生汇总已经学过的图像处理操作，查找还有哪些没有学过的图像处理操作 【学生】按照要求完成课前任务 通过课前任务，让学生了解可以对图像进行哪些处理 考勤 （2 min） 【教师】使用文旌课堂APP进行签到 【学生】班干部报请假人员及原因 培养学生的组织纪律性，掌握学生的出勤情况 问题导入 （3min） 【教师】提出以下问题，并随机邀请学生进行回答 之前我们讲解了图像的选区，如果我们想对选择出来的区域中填充上喜欢的图案，应如何进行操作？ 【学生】聆听、思考、回答 【教师】总结学生的回答，导入本节课内容：填充图像 通过一个图像处理中常见问题，引出如何填充图像，激发学生学习兴趣 传授新知 （27 min） 【教师】讲解新知，介绍填充图像 任务二 填充图像 一、任务说明 使用填充工具组中的工具可以很方便地填充图像，填充工具组中包括“油漆桶工具”和“渐变工具”。本任务将简单介绍这两个工具的用法。 二、预备知识 （一）使用油漆桶工具 选择“油漆桶工具”后，其工具属性栏如图7-51所示（详见教材）。设置好填充色和其他属性后，在图像上单击，即可使用所设的前景色或图案填充所选区域或与单击处颜色相近的区域。 （二）使用渐变工具 使用“渐变工具”可以为图像或选区填充渐变图案。所谓渐变图案，实质上是指具有多种过渡颜色的混合色，该混合色可以是前景色到背景色的过渡，也可以是背景色到前景色的过渡，或其他颜色间的过渡。 【课堂问答】 【教师】随机邀请学生回答以下问题 油漆桶工具和渐变工具使用后的效果有何不同？ 【学生】聆听、思考、回答 【教师】总结学生的回答 “油漆桶工具”只能填充与鼠标单击处颜色相近的区域。而“渐变工具”填充的是整个选区；如果没有创建选区，则填充整个当前图层。 1．填充系统内置的渐变色 【多媒体】演示填充系统内置的渐变色的具体操作 步骤1 打开本书配套素材“素材与实例\素材\Photoshop”目录下的“20.psd”图像文件，在“图层”调板中单击选择“背景”图层，下面为该图层填充渐变色。 步骤2 选择“渐变工具”，在其工具属性栏中单击渐变图标中的小三角按钮，在弹出的渐变色列表中选择一种渐变图案，然后在右侧单击选择一种渐变填充方式。 步骤3 在“渐变工具”属性栏中设置好相关属性后，将鼠标光标移至图像窗口或选区内，单击并拖动鼠标，至合适位置时释放鼠标即可进行渐变填充。 【提示】 在使用“渐变工具”执行填充操作时，单击位置、拖动方向，以及鼠标拖动的长短不同，所产生的渐变效果也会不同。 2．自定义渐变图案 【多媒体】演示自定义渐变图案的具体操作 步骤1 在“渐变工具”属性栏中单击渐变图标，打开“渐变编辑器”对话框。 步骤2 该对话框渐变颜色条下方和上方的色标决定了渐变图案中的各颜色、透明度和位置，要自定义渐变图案，只需在渐变颜色条的不同位置添加色标并设置色标的颜色和不透明度即可。 步骤3 将鼠标光标移至渐变颜色条下方，当其变成形状时单击鼠标左键可添加一个颜色色标。 步骤4 单击某个颜色色标可将其选中，然后可通过下方“色标”设置区的“颜色”和“位置”设置项设置色标颜色及位置。若双击某个颜色色标，则还可在打开的“拾色器”对话框中为色标选取颜色。 步骤5 单击并拖动色标可调整其在渐变颜色条上的位置。要删除某个色标，只需将该色标拖出对话框，或在选中色标后，单击“色标”设置区的“删除”按钮。 步骤6 编辑好渐变图案后，单击“确定”按钮关闭“渐变编辑器”对话框，然后可在图像窗口中拖动，为当前图层或选区填充设置好的渐变色。 【学生】聆听、观看、思考、理解、记录 【教师】引入任务实施内容