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

课题 第12课 使用Photoshop CS5制作网页素材（上 2） 课时 2课时（90 min） 教学目标 知识目标： （1）掌握使用亮度/对比度、色阶、曲线及色相/饱和度命令调整图像色彩或色调的方法 （2）掌握使用选框工具、套索工具、魔棒工具和快速选择工具创建选区的方法 技能目标： （1）能够调整图像色彩与色调 （2）能够通过各类方法创建选区 素质目标： 学习上要一丝不苟，严谨认真，脚踏实地 教学重难点 教学重点：调整图像色彩或色调的各类方法 教学难点：使用套索工具创建选区 教学方法 问答法、讨论法、讲授法、练习法 教学用具 电脑、投影仪、多媒体课件、教材 教学设计 第1节课：课前任务→ 考勤（2 min）→  问题导入（3 min）→传授新知（30 min）→课堂实训（10 min） 第2节课：问题导入（3 min）→ 传授新知（37 min）→ 课堂小结（3 min）→ 作业布置（2 min） 教学过程 主要教学内容及步骤 设计意图 第一节课 课前任务 【教师】让学生上网查询图像的属性相关知识 【学生】按照要求完成课前任务 通过课前任务，让学生了解我们通过Photoshop可以修改图像哪些属性 考勤 （2 min） 【教师】使用文旌课堂APP进行签到 【学生】班干部报请假人员及原因 培养学生的组织纪律性，掌握学生的出勤情况 问题导入 （3min） 【教师】提出以下问题，并随机邀请学生进行回答 我们手机拍照用的美颜，实际上修改的是图像的什么属性？ 【学生】聆听、思考、回答 【教师】总结学生的回答，导入本节课内容：调整图像色彩与色调 结合日常生活，让学生透过现象看本质，激发学生的学习兴趣 传授新知 （30 min） 【教师】讲解新知，调整图像色彩与色调 任务三 调整图像色彩与色调 一、任务说明 Photoshop提供了许多色彩和色调调整命令，利用这些命令可以轻松改变图像的色调或色彩，从而使图像符合设计需要。 二、预备知识 （一）亮度/对比度 “亮度/对比度”命令是调整图像色调最简单的方法，利用它可以一次性调整图像中所有像素（包括高光、暗调和中间调）的明暗度，下面就以它为例简单介绍调整图像色彩与色调的方法。 打开要调整的图像，选择“图像”>“调整”>“亮度/对比度”菜单，打开“亮度/对比度”对话框，分别向左或右拖动滑块来调整“亮度”和“对比度”值，如图6-26中图所示（详见教材）（用户可打开本书配套素材“素材与实例\素材\Photoshop”目录下的“motianlun.jpg”进行操作）。调整效果满意后，单击“确定”按钮关闭对话框，效果如图6-26右图所示（详见教材）。 （二）色阶 利用“色阶”命令可以通过调整图像的暗调、中间调和高光的强度级别来校正图像。 【多媒体】演示“色阶”使用步骤 步骤1打开本书配套素材“素材与实例\素材\Photoshop”目录下的“色阶.jpg”图像文件。由图可以看出，该图像色调偏灰，没有层次，需要处理。 步骤2选择“图像”>“调整”>“色阶”菜单，或者按【Ctrl＋L】组合键，打开“色阶”对话框。 直方图：对话框的中间部分称为直方图。其横轴代表色阶范围，从0到255一共256个色调，0代表黑，128代表中灰，255代表白（从左到右为由全黑过渡到全白）；纵轴代表处于某个亮度范围内的像素数量。显然，当大部分像素集中于黑色区域时，图像的整体色调较暗；当大部分像素集中于白色区域时，图像的整体色调偏亮。 “自动”按钮：单击该按钮，Photoshop将把最亮的像素变为白色，把最暗的像素变为黑色。 “预览”复选框：勾选该复选框，在原图像窗口中可预览图像调整后的效果。 “吸管工具”：用于在图像中单击选择颜色。从左至右分别为：“设置黑场”按钮，用它在图像中单击，图像中所有像素的亮度值都会减去单击处像素的亮度值，使图像变暗；“设置灰场”按钮，用它在图像中单击，系统将用单击处像素的亮度来调整图像所有像素的亮度；“设置白场”按钮，用它在图像中单击，图像中所有像素的亮度值都会加上单击处像素的亮度值，使图像变亮。 【课堂问答】 【教师】随机邀请学生回答以下问题 请大家思考，打开的素材图像偏灰，对比度较低的原因是什么？ 【学生】聆听、思考、回答 【教师】总结学生的回答 从对话框的色阶直方图中可以看出，该图像暗部像素少，亮部像素也少，大部分像素分布在中等亮度区域，这就是图像偏灰，对比度较低的原因。 步骤3将“输入色阶”左侧的黑色滑块向右拖动至100处，可以看到图像变暗了。这是因为0到100之间的色阶全部都合并到0了，位于暗部的像素增加，图像就变暗了。 步骤4按住【Alt】键，“色阶”对话框中的“取消”按钮变成“复位”按钮，单击“复位”按钮，使各项参数